#artmake h2 {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 45px 0;
}

.back {
  text-align: center;
}

.back a {
  color: #C8B59E;
  font-size: 18px;
}
.nobottomborder div{border-bottom:0px!important;margin-top:50px;font-weight:bold;}
@media (min-width: 781px) {
	.nobottomborder {text-align:left!important;font-weight:400!important;font-size: 21px!important;
    color: #727272!important;}}
@media (max-width: 780px) {
	.nobottomborder {text-align:left!important;font-weight:400!important;font-size:18px!important;color: #727272!important;}}
@media (min-width: 781px) {
	
	
/* アートメイクメインページ　*/
.section-art{width:1000px;margin:0 auto;	font-family:"YuGothic","Yu Gothic"; margin-top:120px;}
.page-toptxt{
	width:100%;
	border-top:2px solid #aaa;
	border-bottom:2px solid #aaa;
	color:#c5b39d;
	font-weight:600;
	font-size:40px;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
	width:1000px;
	margin:0px auto;
	margin-bottom:50px;
	line-height:200%;
}
.section-title{
	box-sizing: border-box;
	height:127px;
	width:100%;
	background: #c5b39d; /* Old browsers */
	background: -moz-linear-gradient(left, #c5b39d 0%, #c5b39d 127px, #ffffff 127px, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #c5b39d 0%,#c5b39d 127px,#ffffff 127px,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #c5b39d 0%,#c5b39d 127px,#ffffff 127px,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	font-size:40px;
	font-weight:700;
	padding-top:30px;
	padding-left:50px;
	font-family:"YuGothic","Yu Gothic";
}
.section-title span{font-size:25px;margin-left:40px;}
.section-toptxt-b{
	font-size:30px;
	font-weight:700;
	width:100%;
	text-align:center;
	line-height:200%;
	margin:50px auto;
}
.section-toptxt-b span{display:block;}
.section-toptxt-s{
	font-size:21px;
	font-weight:400;
	margin:50px auto;
	width:100%;
}
.section-txt-s span{display:block;width:100%; text-align:center;color:#c5b39d;font-weight:bold;margin-bottom:30px;font-size:24px}
.section-txt-s{line-height:200%;font-weight:400;font-size:21px;margin-bottom:100px;}

.artist-box{
	border:2px solid #ccc;
	box-sizing: border-box;
	padding:50px;
	width:100%;
	height:auto;
	padding-bottom:30px;
	margin-bottom:250px;
}
.artist-top{
	overflow:hidden;
	width:100%;
	height:auto;
}
.artist-left1{width:400px;float:left;}
.artist-left1 img{width:100%; height:auto;}
	.artist-left1b{display:none;}
.artist-right{float:right;width:460px;padding-top:80px;}
.artist-right img {width:300px;margin:0 auto;display:block;}
.artist-right span{display:block;width:100%;text-align:center;}
.artist-right span:nth-child(1){font-weight:bold;color:#c5b39d;font-size:30px;margin-bottom:30px;}
.artist-right span:nth-child(2){font-weight:bold;color:#888;font-size:30px;}
.artist-right-txt{width:100%;color:#888;font-weight:400;margin:20px auto;font-size:19px;line-height:200%;margin-top:80px}
.artist-left2{width:400px;float:left;margin-top:10px;}
.artist-left2 img{width:195px; height:auto;float:left;}
.artist-left2 img:nth-child(1){margin-right:10px;}
.artist-down{
	border-top:2px solid #ccc;
	box-sizing: border-box;
	color:#888;
	padding-top:30px;
	font-size:19px;
	font-weight:400;
}
.artist-down span:nth-child(2){display:inline-block;}
.artist-down span:nth-child(3){display:block;}
.artist-down span:nth-child(4){display:block;}

.collaboration-pc{
	width:100%;
	margin:100px auto;
	text-align:center;
	}
.collaboration-pc img{width:100%;}
.collaboration-sp{display:none;}
.collaboration-sp img:nth-child(1){width:300px;opacity:0.5}
.collaboration-sp img:nth-child(2){width:70px;margin-left:30px;margin-right:30px;}
.collaboration-sp img:nth-child(3){width:300px;opacity:0.5}
.collabophoto{width:100%;text-align:center;margin-bottom:100px;}
.collabophoto img {width:780px;}

.todetail-btn{
	width:250px;
	height:auto;
	box-sizing: border-box;
	border:1px solid #c5b39d;
	color:#c5b39d;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	margin:100px auto;
	font-size:20px;
	margin-bottom:200px;
	display:block;
}

/* ↓↓↓アートメイク詳細ページ↓↓ */
.section-artmakelinks {
	text-align:center;
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
}
.toprice{color:#948c76;width:100px;margin:20px auto;display:block;font-size:19px;}
.section-artmakelinks img{
	width:13px;
	margin-left:10px;
}
.section-artmakelinks ul{
	list-style:none;
	margin-bottom:70px;
		font-family:"YuGothic","Yu Gothic"; 
}
.section-artmakelinks li{
	display:inline-block;
	padding-left:0px;
	font-weight:bold;
	font-size:20px;
}
.section-artmakelinks li:nth-child(2){margin:0px 50px;}
.artmake_reason{
	width:100%;
	overflow:hidden;
	margin-top:100px;
}
.artmake_reason .section-txt-s:nth-child(3) {
	width:100%;
	clear:left;
		}
.artmake_reason .section-txt-s:nth-child(2){clear:right;}
.artmake_reason .section-txt-s:nth-child(1) {
	width:465px;
	float:left;
	}
.artmake_reason .section-txt-s:nth-child(2) {
	width:465px;
	float:right;
	}
.diagnosis-titlebox{
	background-color:#c5b39d;
	color:#fff;
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
	line-height:180%;
	font-size:22px;
	margin-bottom:100px;
	margin-top:200px;
}
		.diagnosis-titlebox p.titlebox-sp{display:none;}
	.diagnosis-titlebox p{display:block;font-size:22px;}
.diagnosis-titlebox span:nth-child(1){
	font-size:33px;
	font-weight:bold;
	display:block;
	margin-bottom:30px;
}
.diagnosis-title{
	width:100%;
	text-align:center;
	font-weight:bold;
	padding-top:50px;
	padding-bottom:50px;
	font-size:22px;
}
.diagnosis-title div{
	font-size:31px;
	border-bottom:1px solid #c5b39d;
	color:#c5b39d;
	padding-bottom:20px;
	margin-bottom:20px;
	text-align:center;
	}
.diagnosis-title span{
	font-size:26px;
	color:#727272;
	display:block;
	width:780px;
	margin:10px auto;
}
		.diagnosis-title br{display:none;}
.eyebrow-wrapper , .diagnosis-box{
	overflow:hidden;
	width:100%;
}
.diagnosis-box div{
	margin-top:0px;
	margin-bottom:30px;
	box-sizing:border-box;
	padding:20px 40px;
	}
.diagnosis-box div img{
	display:block;
	width:90%;
	margin:30px auto;
}
.diagnosis-box div span{
	width:100%;
	text-align:center;
	font-weight:bold;
	display:block;
	font-size:20px
}
.diagnosis-box div p{
	margin-top:30px;
	font-size:20px;
	
}
.diagnosis-box div:nth-child(1){
	width:50%;
	float:left;
	}
.diagnosis-box div:nth-child(2){
	width:50%;
	float:right;
	clear:right;
	}
.diagnosis-box div:nth-child(3){
	width:50%;
	float:left;
	clear:left;
	}
.diagnosis-box div:nth-child(4){
	width:50%;
	float:right;
	clear:right;
	}

.eyebrow-wrapper div:nth-child(1){
	width:50%;
	float:left;
	}
.eyebrow-wrapper div:nth-child(2){
	width:50%;
	float:right;
	clear:right;
	}
.eyebrow-wrapper div:nth-child(3){
	width:50%;
	float:left;
	clear:left;
	}
.eyebrow-wrapper div:nth-child(4){
	width:50%;
	float:right;
	clear:right;
	}

.eyebrow-wrapper div img{
	width:300px;
	display:block;
	margin:20px auto;
	}
.eyebrow-wrapper div{
	text-align:center;
	margin-bottom:30px;
	font-size:20px;
	font-weight:bold;
	box-sizing:border-box;
	padding-left:30px;
	padding-right:30px;
	height:370px;
	}
.eyebrow-wrapper div p{width:70%;font-size:19px;font-weight:bold;margin:0 auto;}
.faceimg{width:80%;margin:0px auto;}
.faceimg img{width:100%;max-width:730px;margin:0 auto;display:block;}

.facetype-box{width:100%;overflow:hidden;text-align:center;}
.facetype-box div{box-sizing:border-box;width:333px;float:left;text-align:center;margin-bottom:50px;}
.facetype-box div img{display:block;width:300px;margin:20px auto;}
.facetype-box div span{font-size:22px; font-weight:bold;}
	.facetype-box div:nth-child(4){margin-left:160px;}

.detail-table table{width:100%; font-size:19px;margin-bottom:100px;}
.detail-table table td{border-bottom:solid #ccc 1px; height:30px;padding-bottom:10px; padding-top:10px;}
.detail-table table td:nth-child(1){width:300px;}

.artmake-different{width:100%;overflow:hidden;margin:80px auto; }
.artmake-different div:nth-child(1){width:200px;float:left;font-weight:bold;color:#c5b39d;font-size:25px;}
.artmake-different div:nth-child(2){width:50px;margin-right:49px;border-right:1px solid #aaa;float:left;height:50px}
.artmake-different div:nth-child(3){width:700px;float:right;font-size:20px}

.ripartmake-photo{width:100%;margin:30px auto; text-align:center;}
		.ripartmake-photo img.ripartmake-pc{display:inline;}
		.ripartmake-photo img:nth-child(2){display:none;}
.section-ripmake p{font-size:21px;color:#727272;margin-top:70px;line-height:180%;}

.section-qanda table {width:100%;margin:80px auto;}
.section-qanda table th{color:#777;font-weight:bold;font-size:22px;text-align:left;;padding-bottom:20px;}
.section-qanda table td{padding-bottom:20px;font-size:20px;padding-right:20px;font-weight:bold;color:#999;}
.section-qanda table td:nth-child(1){font-weight:bold;color:#c5b39d;font-size:22px;}
.section-qanda table td ul{margin-top:30px;}
.section-qanda table td ul li{float: left;white-space: nowrap;margin-bottom:15px;margin-right:30px;list-style-type:disc;}
.section-qanda table td  span{color:#e45181;}
	.diagnosis-titlebox span:nth-child(1) br{display:none;}
/* ↑↑↑アートメイク詳細ページ↑↑↑ */

}

@media (max-width: 780px) {
	#artmake{padding-top:20px;}
/* アートメイクメインページ　*/
.section-art{width:100%;margin:0 auto;	font-family:"YuGothic","Yu Gothic"; margin-top:10px;padding-bottom:20px;margin-bottom:50px;}
.page-toptxt{
	width:100%;
	border-top:2px solid #aaa;
	border-bottom:2px solid #aaa;
	color:#c5b39d;
	font-weight:600;
	font-size:20px;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;

	margin:0px auto;
margin-bottom:50px;
	line-height:200%;
}
	.page-toptxt span{display:block;}
.section-title{
	box-sizing: border-box;
	height:auto;
	width:100%;
	background: #c5b39d; /* Old browsers */
	background: -moz-linear-gradient(left, #c5b39d 0%, #c5b39d 10px, #ffffff 10px, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #c5b39d 0%,#c5b39d 10px,#ffffff 10px,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #c5b39d 0%,#c5b39d 10px,#ffffff 10px,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	font-size:22px;
	font-weight:700;
	padding-top:0px;
	text-align:center;
	margin-top:30px;
	

}
.section-title span{font-size:15px;display:block;;}
.section-toptxt-b{
	font-size:18px;
	font-weight:700;
	width:97%;
	text-align:center;
	line-height:170%;
	margin:40px auto;
	color:#c5b39d;
}
.section-toptxt-b span{display:inline-block;}
.section-toptxt-s{
	font-size:18px;
	font-weight:400;
	margin:20px auto;
	width:97%;
	line-height:170%;
	}
.section-txt-s span{display:block;width:85%; text-align:center;margin:0 auto;color:#c5b39d;font-weight:bold;margin-bottom:20px;font-size:20px}
.section-txt-s{line-height:200%;font-weight:400;font-size:18px;margin-bottom:50px;}

.artist-box{
	border:0px solid #ccc;
	box-sizing: border-box;
	padding:0px;
	width:100%;
	height:auto;
	padding-bottom:30px;
	margin-bottom:20px;
}
.artist-top{
	overflow:hidden;
	width:100%;
	height:auto;
}
.artist-left1{width:100%;float:none;display:none;}
.artist-left1 img{width:100%; height:auto;}
	.artist-left1b{display:block;margin:20px auto;}
	.artist-left1b img{width:100%!important;}
.artist-right{float:none;width:97%;padding-top:10px;;margin:0 auto;}
.artist-right img {width:100%;margin:0 auto;display:block;max-width:460px;}
	.artist-right img:nth-child(1){width:80%;}
.artist-right span{display:block;width:100%;text-align:center;}
.artist-right span:nth-child(1){font-weight:bold;color:#c5b39d;font-size:30px;margin-bottom:15px;}
.artist-right span:nth-child(2){font-weight:bold;color:#888;font-size:25px;}
.artist-right-txt{width:97%;color:#888;font-weight:400;margin:10px auto;font-size:18px;line-height:180%;margin-top:20px}
.artist-left2{width:100%;float:none;margin-top:10px;text-align:center;}
.artist-left2 img{width:100%; height:auto;float:none;margin-top:10px;margin-bottom:10px;max-width:460px;}
.artist-left2 img:nth-child(1){}
.artist-down{
	
	box-sizing: border-box;
	color:#888;
	padding-top:20px;
	font-size:16px;
	font-weight:400;
}
.artist-down span:nth-child(2){display:inline-block;}
.artist-down span:nth-child(3){display:block;}
.artist-down span:nth-child(4){display:block;}

.collaboration-pc{
	width:100%;
	margin:100px auto;
	text-align:center;
	display:none
	}
.collaboration-pc img{width:100%;}
.collaboration-sp{margin:50px auto;}
.collaboration-sp img:nth-child(1){width:50%;max-width:300px;opacity:0.5;display:block;margin:10px auto;}
.collaboration-sp img:nth-child(2){width:40px;display:block;margin:20px auto;opacity:0.5;}
.collaboration-sp img:nth-child(3){width:60%;max-width:350px;opacity:0.5;display:block;margin:10px auto;}
.collabophoto{width:100%;text-align:center;margin-bottom:50px;}
.collabophoto img {width:100%;}

.todetail-btn{
	width:250px;
	height:auto;
	box-sizing: border-box;
	border:1px solid #c5b39d;
	color:#c5b39d;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	margin:50px auto;
	font-size:20px;
	margin-bottom:100px;
		display:block;
}

/* ↓↓↓アートメイク詳細ページ↓↓ */
		.diagnosis-titlebox span:nth-child(1) br{display:initial;}
	.diagnosis-titlebox p{width:97%;margin:0 auto;font-size:16px;}
	.diagnosis-titlebox p.titlebox-sp{display:block;}
	.diagnosis-titlebox p.titlebox-pc{display:none;}
	
.section-artmakelinks {
	text-align:center;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
}
.toprice{color:#948c76;width:100px;margin:20px auto;display:block;font-size:19px;}
.section-artmakelinks img{
	width:13px;
	margin-left:10px;
}
.section-artmakelinks ul{
	list-style:none;
	margin-bottom:70px;
		font-family:"YuGothic","Yu Gothic"; 
}
.section-artmakelinks li{
	display:inline-block;
	padding-left:0px;
	font-weight:bold;
	font-size:20px;
}
.section-artmakelinks li:nth-child(2){margin:0px 50px;}
.artmake_reason{
	width:100%;
	overflow:hidden;
	margin-top:30px;
}
.artmake_reason .section-txt-s:nth-child(3) {
	width:100%;
	clear:left;
	
		}
.artmake_reason .section-txt-s:nth-child(2){clear:right;}
.artmake_reason .section-txt-s:nth-child(1) {
	width:97%;
	float:none;
	margin:20px auto;
	margin-bottom:70px;
	}
.artmake_reason .section-txt-s:nth-child(2) {
	width:97%;
	float:none;
	margin:30px auto;
	margin-bottom:70px;
	}
.diagnosis-titlebox{
	padding-left:10px;
	padding-right:10px;
	background-color:#c5b39d;
	color:#fff;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
	line-height:150%;
	font-size:16px;
	margin:0 auto;
	margin-bottom:0px;
	margin-top:70px;
	width:97%;
	
}
.diagnosis-titlebox span:nth-child(1){
	font-size:25px;
	font-weight:bold;
	display:block;
	margin:0 auto;
	margin-bottom:30px;
	padding-bottom:10px;
	width:97%;
	border-bottom:1px solid #fff;
}
	.diagnosis-titlebox span:nth-child(2) , .diagnosis-titlebox span:nth-child(3), .diagnosis-titlebox span:nth-child(5){display:block;}

.diagnosis-title{
	width:100%;
	text-align:center;
	font-weight:bold;
	padding-top:30px;
	padding-bottom:30px;
	font-size:16px;
}
.diagnosis-title div{
	font-size:20px;
	border-bottom:1px solid #c5b39d;
	color:#c5b39d;
	padding-bottom:20px;
	margin-bottom:20px;
	text-align:center;
	}
.diagnosis-title span{
display:block;
	text-align:center;
	width:70%;
	}
	.diagnosis-title br{display:initial;}
.diagnosis-title span{
	font-size:17px;
	color:#727272;
	display:block;
	width:90%;
	margin:10px auto;
}
.eyebrow-wrapper , .diagnosis-box{
	overflow:hidden;
	width:100%;
}
.diagnosis-box div{
	margin-top:0px;
	margin-bottom:30px;
	box-sizing:border-box;
	padding:20px 10px;
	}
.diagnosis-box div img{
	display:block;
	width:97%;
	margin:30px auto;
	max-width:460px;
}
.diagnosis-box div span{
	width:100%;
	text-align:center;
	font-weight:bold;
	display:block;
	font-size:19px
}
.diagnosis-box div p{
	margin-top:30px;
	font-size:18px;
	
}
.diagnosis-box div:nth-child(1){
	width:95%;
	margin:0 auto;
	}
.diagnosis-box div:nth-child(2){
	width:95%;
	margin:0 auto;
	}
.diagnosis-box div:nth-child(3){
	width:95%;
	margin:0 auto;
	}
.diagnosis-box div:nth-child(4){
	width:95%;
	margin:0 auto;
	}

.eyebrow-wrapper div:nth-child(1){
	width:95%;
	margin:0 auto;
	}
.eyebrow-wrapper div:nth-child(2){
	width:95%;
	margin:0 auto;
	}
.eyebrow-wrapper div:nth-child(3){
	width:95%;
	margin:0 auto;
	}
.eyebrow-wrapper div:nth-child(4){
	width:95%;
	margin:0 auto;
	}

.eyebrow-wrapper div img{
	width:300px;
	display:block;
	margin:20px auto;
	}
.eyebrow-wrapper div{
	text-align:center;
	margin-bottom:30px;
	font-size:20px;
	font-weight:bold;
	box-sizing:border-box;
	padding-left:30px;
	padding-right:30px;
	height:370px;
	}
.eyebrow-wrapper div p{width:100%;font-size:17px;font-weight:bold;margin:0 auto;line-height:150%;}
.faceimg{width:100%;margin:0px auto;}
.faceimg img{width:100%;}

.facetype-box{width:100%;overflow:hidden;}
.facetype-box div{box-sizing:border-box;width:50%;float:left;text-align:center;margin-bottom:0px;}
.facetype-box div img{display:block;width:95%;margin:00px auto;}
.facetype-box div span{font-size:22px; font-weight:bold;display:block;}
.facetype-box div:nth-child(3){width:100%;overflow:hidden;height:auto;text-align:center;margin-top:-15px;}
	.facetype-box div:nth-child(3) img{display:inline;width:50%;margin:0px auto;}
.facetype-box div:nth-child(4) , .facetype-box div:nth-child(5){margin:0px;margin-bottom:0px;margin-top:-15px;}


.detail-table table{width:100%; font-size:15px;margin-bottom:100px;}
.detail-table table td{border-bottom:solid #ccc 1px; height:30px;padding-bottom:10px; padding-top:10px;}
.detail-table table td:nth-child(1){width:35%;padding-right:20px;}

.artmake-different{width:100%;overflow:hidden;margin:80px auto; }
.artmake-different div:nth-child(1){width:97%;float:none;font-weight:bold;color:#c5b39d;font-size:20px;margin:10px auto; text-align:center;}
.artmake-different div:nth-child(2){display:none;}
.artmake-different div:nth-child(3){width:97%;float:none;font-size:18px;margin:0 auto;}

.ripartmake-photo{width:100%;margin:0px auto; text-align:center;}
	.ripartmake-photo img.ripartmake-pc{display:none;}
		.ripartmake-photo img:nth-child(2){display:inline;max-width:500px;width:90%;}
	
.section-ripmake p{font-size:18px;color:#727272;margin:0 auto;margin-top:30px;line-height:180%;width:97%;}

.section-qanda table {width:100%;margin:25px auto;border-bottom:1px solid #c5b39d;margin-top:0px;}
	.section-qanda table:nth-of-type(1) {width:100%;margin:25px auto;border-bottom:1px solid #c5b39d;margin-top:50px;}
.section-qanda table th{color:#777;font-weight:bold;font-size:19px;text-align:left;;padding-bottom:20px;}
.section-qanda table td{padding-bottom:20px;font-size:18px;padding-right:20px;font-weight:bold;color:#999;}
.section-qanda table td:nth-child(1){font-weight:bold;color:#c5b39d;font-size:20px;}
.section-qanda table td ul{margin-top:20px;}
.section-qanda table td ul li{float: none;white-space:initial;margin-bottom:15px;margin-right:0px;list-style-type:disc;}
.section-qanda table td  span{color:#e45181;}

/* ↑↑↑アートメイク詳細ページ↑↑↑ */

}
#brows , #qanda , #lips{    display: block;
    padding-top: 70px;
    margin-top: -70px;}
@media (max-width: 580px) {
	
	.section-artmakelinks li{
	display:block;
	padding-left:0px;
	font-weight:bold;
	font-size:20px;
	margin-bottom:20px;
}
	.section-artmakelinks li:nth-child(2){margin-top:0px;margin-bottom:20px;}
}


@media (min-width: 1025px) {
  header {
    background: url(../images/artmake/artmake_detail_mainvisual.jpg) no-repeat;
    background-size: cover;
    height: 654px;
  }
  header h1 {
    display: block;
    font-size: 65px;
    height: 115px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    margin-bottom: auto;
    text-align: center;
  }
}




@media (min-width: 1025px) and (max-width: 1600px) {
  header h1 {
    font-size: 4.2vw;
  }
}

@media (min-width: 1025px) {
  header h1 div {
    width: 100%;
    font-size: 24px;
    line-height: 1;
    margin-top: 15px;
    font-weight: 200;
  }
}

@media (min-width: 1025px) and (max-width: 1600px) {
  header h1 div {
    font-size: 1.5vw;
  }
}

@media (min-width: 1025px) {
  #artmake h2 {
    font-size: 65px;
    font-weight: 400;
    color: #C8B59E;
    line-height: 1;
    margin-bottom: 100px;
    text-align: center;
  }
 .art_pc{
 	display: none;
 }
}

@media (min-width: 1025px) and (max-width: 1600px) {
  #artmake h2 {
    font-size: 4vw;
  }
 .art_pc{
 	display: none;
 }
}

@media (min-width: 1025px) {
  #artmake .inner {
    max-width: 1200px;
    margin: auto;
    padding: 45px 20px 0 20px;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  header {
    background: url(../images/artmake/mainvisual.jpg) no-repeat;
    background-size: cover;
    height: 654px;
  }
  header h1 {
    display: block;
    font-size: 65px;
    height: 115px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    margin-bottom: auto;
    text-align: center;
  }
}

@media (min-width: 640px) and (max-width: 1024px) and (max-width: 1600px) {
  header h1 {
    font-size: 4.2vw;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  header h1 div {
    width: 100%;
    font-size: 24px;
    line-height: 1;
    margin-top: 15px;
    font-weight: 200;
  }
}

@media (min-width: 640px) and (max-width: 1024px) and (max-width: 1600px) {
  header h1 div {
    font-size: 1.5vw;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  #artmake h2 {
    font-size: 86.41px;
    font-weight: 400;
    color: #C8B59E;
    line-height: 1;
    margin-bottom: 100px;
    text-align: center;
  }
}

@media (min-width: 640px) and (max-width: 1024px) and (max-width: 1600px) {
  #artmake h2 {
    font-size: 5.4vw;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  #artmake .inner {
    max-width: 1200px;
    margin: auto;
    padding: 45px 20px 0 20px;
  }
}

@media (max-width: 640px) {
  header {
    background: url(../images/artmake/sp_artmake_detail_mainvisual.jpg) no-repeat;
    background-size: cover;
    height: 300px;
  }
  header h1 {
    display: block;
    font-size: 20px;
    height: 115px;
    font-weight: 200;
    color: #fff;
    line-height: 1;
    margin-bottom: auto;
    text-align: center;
  }
  header h1 div {
    width: 100%;
    font-size: 10px;
    line-height: 1;
    margin-top: 15px;
    font-weight: 200;
  }
}

@media (max-width: 640px) and (max-width: 1600px) {
  header h1 div {
    font-size: 1.5vw;
  }
}

@media (max-width: 640px) {
  #artmake h2 {
    font-size: 20px;
    font-weight: 200;
    color: #C8B59E;
    line-height: 1;
    margin-bottom: 45px;
    text-align: center;
  }
  #artmake .inner {
    width: 100%;
	 box-sizing:border-box;
    margin: auto;
    padding: 5px 10px 0 10px;
  }
 .sp{
 	display: none;
 }
.asas {
    font-size: 20px;
    color: #c5b39d;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: center;
}
span.art-title-g {
    line-height: 2.7rem;
}
}

.rip-photo {
    max-width: 75% !important;
}


@media (min-width: 640px) {
.pc_hidden{
	display: none;
}
}

@media (max-width: 640px) {
.sp_hidden{
	display: none;
}
}