@charset "utf-8";

/* pc 幅992px以上で適用されるスタイル*/
@media only screen and (min-width: 992px) {
	header{
		background:rgba(255,255,255,0.95) !important;
	}

	.header_menu{
		margin-top:10px;
		margin-bottom:10px !important;
	}

	.global_menu .col-lg-2{
		max-width: 12% !important;
		padding-left:5px !important;
		padding-right:5px !important;
	}

	.global_menu .col-lg-1{
		max-width: 15% !important;
	}

	.top_icon span{
		display: none;
	}

	.works_img {
		-moz-column-count:3;
		-webkit-column-count: 3;
		column-count: 3;
	}

}	/* @media (min-width: 992px) { */

/* タブレット 幅991px以下で適用されるスタイル*/
@media only screen and (min-width: 768px) and (max-width: 991px){
	#page_title{
		background:linear-gradient(90deg,#fff125 0%,#fff125 5%,#68bf9e 5%,#68bf9e 50%,#ea6da4 50%,#ea6da4 95%,#7dccf3 95%,#7dccf3 100%) !important;
	}

	header h1.width70{
		width:80% !important;
	}

	.header_link{
		text-align:left !important;
	}

	.header_link i{
		margin-right:0px;
	}

	.global_menu img{
		width:200px;
		margin-bottom:10px
	}

	.main_title img{
		height:50px;
	}

	.box_news .news_width{
		width:80% !important;
	}

	#top_museum .width70{
		width:100% !important;
	}

	.header_link span{
		display: none;
	}

	.header_link i{
		margin-right:0px !important;
	}

	#page_title .inner_inner{
		width:80vw !important;
	}

	.md_right{
		text-align:left !important;
	}

	.md_center{
		text-align:left !important;
	}

	.md_inline{
		display: inline!important;
	}

	.about_border,.artist_border,.profile_border{
		display: none;
	}

	.about_txt_inner,.artist_txt_inner,.profile_txt_inner{
		padding:0px !important;
	}

	.artist_list a.float_left{
		width:33.33333333% !important;
	}

	.top_icon{
		margin-top:10px !important;
	}

	.top_icon span{
		display: inline;
	}

	.works_img {
		-moz-column-count:3;
		-webkit-column-count: 3;
		column-count: 3;
		padding-right:0px !important;
	}
} /* @media only screen and (min-width: 768px) and (max-width: 991px){ */

/* スマートフォン 幅767px以下で適用されるスタイル*/
@media only screen and (max-width: 767px) {
	#page_title{
		background:linear-gradient(90deg,#fff125 0%,#fff125 0.5%,#ea6da4 0.5%,#68bf9e 50%,#68bf9e 50%,#ea6da4 99.5%,#7dccf3 99.5%,#7dccf3 100%) !important;
	}
	.xs_none{
		display: none !important;
	}

	.xs_inline{
		display: inline !important;
	}

	.xs_block{
		display: block !important;
	}

	.md_right{
		text-align:left !important;
	}

	.md_center{
		text-align:left !important;
	}

	.md_inline{
		display: inline!important;
	}

	.header_ltext{
		text-align: center;
	}

	.global_menu img{
		width:150px;
		margin-bottom:10px
	}

	header h1.width70{
		width:50% !important;
	}

	.header_link{
		text-align: center !important;
		margin-top:5px;
	}

	.top_more{
		width: 100% !important;
	}

	.main_title{
		display:block !important;
		width:100% !important;
	}

	.main_title img{
		display:block !important;
		margin-right:auto !important;
		margin-left:auto !important;
	}

	#top_next img{
		display: block !important;
	}

	.news_width ,.news_width .width30, .news_width .width70{
		width:100% !important;
	}

	.news_width .display_flex{
		display: block !important;
	}

	.top_about_div .display_flex.width70{
		display: block !important;
		width:100% !important;
	}

	.top_about_div .width50{
		width:100% !important;
	}

	#top_museum .width70{
		width:100% !important;
	}

	dd{
		padding-left:35px !important;
	}

	#page_title .inner_inner{
		width:95vw !important;
	}

	.about_border,.artist_border,.profile_border{
		display: none;
	}

	.about_txt_inner,.artist_txt_inner,.profile_txt_inner{
		padding:0px !important;
	}

	.artist_list a.float_left{
		width:50% !important;
	}

	.works_img {
		-moz-column-count:2;
		-webkit-column-count:2;
		column-count:2;
		padding-right:0px !important;
	}

	.gallery .gallery_inner {
		display: inline-block !important;
	}
	.chg_txt p{
		font-size:10pt !important;
		width:100px !important;
	}

	p.jp_txt, p.en_txt{
		width:45% !important;
	}
}	/* @media (max-width: 767px) { */

/* スマートフォン2 幅543px以下で適用されるスタイル*/
@media only screen and (max-width: 543px) {
	.xs_inline{
		display: inline !important;
	}
}	/* @media (max-width: 543px) { */

@media only screen and (min-width: 992px) and (max-width: 1170px){
	.artist_list a.float_left{
		width:25% !important;
	}
}	/* @media only screen and (min-width: 992px) and (max-width: 1170px){ */

@media only screen and (min-width: 1171px) {
}	/* @media only screen and (min-width: 992px) { */