@charset "UTF-8";

/* 共通
=======================================================*/

.contents{
	width:100%;
	margin:auto;
}
article{
	position: relative;
	padding:0px 0 65px;
}
article > .inner{
	width:1180px;
	margin: auto;
}
.titleSet{
	width:100%;
	height: 52px;
	margin:0 0 60px;
	padding-top:60px;
	padding-bottom:0px;
	border-bottom:1px dotted #afafaf;
}
h2{
	display: inline-block;
	width:auto;
	margin:0 auto 40px;
	padding:0 0 14px ;
	border-bottom:6px solid #999;
	background:none;
	font-size: 35px;
	font-weight:100;
	line-height: 1;

}
p.title{
	display: inline-block;
	margin: 0 0 0 30px;
	font-size:18px;
	line-height: 1;
}
/*
article:nth-child(even){
	background:#EDF3F7;
}
*/


/* #################################################################### */
/*価格改定*/
#kakaku_kaitei{
	width:780px;
	max-width:90%;
	margin:40px auto 10px;
	border:5px solid #4251ac;
	line-height: 1.7;
	background:#fcfcfc;
}
#kakaku_kaitei h3{
	margin: 0 0 ;
	padding:1.4rem;
	background:#4251ac;
	text-align: center;
	color: #fff;
	font-size:1.5rem;
}
#kakaku_kaitei p{
	padding:1.8rem;
	font-size: 0.86rem;
}


/* #################################################################### */
/*年末年始*/
#nenmatsu_nenshi{
	width:780px;
	max-width:90%;
	margin:40px auto 3rem;
	border:5px solid #f1e1dc;
	line-height: 1.7;
	background:#fcfcfc;
}
#nenmatsu_nenshi h3{
	margin: 0 0 ;
	padding:1.4rem;
	background:#f1e1dc;
	text-align: center;
	color: #444;
	font-size:1.5rem;
}
#nenmatsu_nenshi p{
	padding:1.6rem;
	font-size: 0.99rem;
}




/* #################################################################### */
/*感染症対策*/
#boueki{
	width:720px;
	margin: 80px auto 0px;
	padding:18px;
	box-sizing: border-box;
	border:3px solid #dfdfdf;
	color: #666;
	background:#f8f8f8;
}
#boueki h3{
	margin: 0 0 15px;
}
#boueki ul{
}
#boueki ul li{
	padding:4px 10px;
	font-size: 13px;
	line-height: 1.8;
	list-style: disc inside;
	border-bottom:1px dotted #666;
}


/* #################################################################### */
/*渋谷スタジオ*/
#shibuya_open{
	width:720px;
	margin: 80px auto 0px;
	padding:1.8rem;
	box-sizing: border-box;
	border:3px solid #dfdfdf;
	color: #666;
	background:#f8f8f8;
}
#shibuya_open h2{
	display: block;
	margin: 0 0 2rem;
	text-align: center;
	font-size: 1.8rem;

}
#shibuya_open p{
	font-size: 1rem;
	line-height: 1.6;
}
#shibuya_open p.text{
	margin:0 0 1rem;
}
#shibuya_open p.address{
}
#shibuya_open p.address a{
	color: blue;
}


/* #################################################################### */
/*スタジオ支店案内*/
#studioBlanchArea{
	display: flex;
	justify-content: center;
	width:90%;
	min-width:960px;
	margin: 0 auto 1rem;
}
#studioBlanchArea > div{
	width:460px;
	margin:0 3rem;
	padding:0;
	box-sizing: border-box;
	background:#FFF;
	border-radius:8px;
	color: #333;
	box-shadow: 2px 3px 3px 3px rgba(0,0,0,0.05);
}
#studioBlanchArea > div div{
	margin-bottom:1rem;
}
#studioBlanchArea .image{
	margin-bottom:0.4rem;
}
#studioBlanchArea .imageCircle{
	position: absolute;
	top:-3.5rem;
	left:0.5rem;
}
#studioBlanchArea .imageCircle img{
	filter:drop-shadow( 3px 3px 3px rgba(0,0,0,0.09));
}
#studioBlanchArea .container{
	position: relative;
	padding:1rem 1rem 0;
}
#studioBlanchArea .container .nameArea,
#studioBlanchArea .container .toShow{
	margin-left:140px;
}
#studioBlanchArea .container .nameArea strong.name{
	display: block;
	margin-bottom:0.8rem;
	font-size: 1.8rem;
}
#studioBlanchArea .container .nameArea span.en{
	display: block;
	font-size: 1rem;
	color: #737272;
}
#studioBlanchArea .container .toShow{
}
#studioBlanchArea .container .toShow a{
	text-decoration: none;
}
#studioBlanchArea .container .toShow .linkArea{
	display: flex;
	align-items: center;
}
#studioBlanchArea .container .toShow .linkArea span.studioInfo{
	display: inline-block;
	padding:3px;
	margin-right:0.8rem;
	background:#ede9e6;
	color: #181818;
	font-size: 0.75rem;
}
#studioBlanchArea .container .toShow a:hover  .linkArea span.studioInfo{
	background:#efdbcc;
}
#studioBlanchArea .container .toShow .linkArea span.arrow{
}
#studioBlanchArea .container .toShow .linkArea span.arrow img{
	display: inline-block;
}
#studioBlanchArea .container .access{
}
#studioBlanchArea .container .access span{
	display: inline-block;
	margin-right:1rem;
	line-height: 1.8;
}
#studioBlanchArea .container .access .moyori{
	display: block;
	width:40px;
	padding:0 3px;
	font-size: 0.78rem;
	background:#3b80ab;
	color: #fff;
	text-align: center;
}
@media screen and (max-width: 767px) {
    #studioBlanchArea{
        display: block;
        justify-content: center;
        width:90%;
        min-width:auto;
        margin: 0 auto 1rem;
    }
    #studioBlanchArea > div{
        width:100%;
        margin:0 auto;
        padding:0;
        box-sizing: border-box;
        background:#FFF;
        border-radius:8px;
        color: #333;
        font-size: 0.8rem;
        box-shadow: 2px 3px 3px 3px rgba(0,0,0,0.05);
    }

    #studioBlanchArea .container .access .moyori{
        display: block;
        width:100px;
        margin-bottom:0.4rem;
        padding:0 3px;
        font-size: 0.78rem;
        background:#3b80ab;
        color: #fff;
        text-align: center;
    }
}

/* mainArea
=======================================================*/
#mainArea{
	position: relative;
	width:100%;
	height: auto;
	padding:0;
	margin:0 0 3.5rem;
}
#mainArea .inner{
	width:100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
#mainArea .inner .main{
	width:1400px;
	height: 850px;
	margin:0px auto 25px;
	broder:	100px solid #f00;
}
#mainArea .inner .main img{
	display: block;
	border-radius:3px;
	broder:	1px solid #f00;
}
#mainArea .embedVideo{
	width:100%;
	text-align: center;
}
#mainArea .embedVideo iframe{
	display: block;
	width:800px;
	padding:8px;
	margin: auto;
	background:#7c889d;
	border-radius:4px;
}


/*=================== scroll 設定 ======================*/

#mainArea #bgimgArea{
	width:100%;
	height: 112px;
	margin: auto;
	padding:0;
	overflow:hidden;
}
#mainArea #bgimgArea img{
}
#mainArea #bgimgArea ul{
	overflow-x: auto;
	width:100%;
	overflow: hidden;
}
#mainArea #bgimgArea ul li{
	float: left;
	width:88px;
	padding:0;
	margin: 0;
}
#mainArea #bgimgArea ul li img{
	display: block;
	width:100%;
}

/* categoliArea
=======================================================*/
#categoliArea{
	margin:0 0 45px;
	padding:100px 0 50px;
}
#categoliArea .summary{
	text-align: center;
	margin: 0 0 45px;
	font-size: 14px;
	line-height: 2.2;
}

#categoliArea .inner{

}
#categoliArea .inner table{
	width:100%;
	table-layout: fixed;
	border-collapse:separate;
	border-spacing:12px;
}
#categoliArea .inner td{
	padding:2% 1%;
	vertical-align: top;
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.05);
	border-radius:2px;
}
#categoliArea .inner td h3{
	position: absolute;
	top:305px;
	right: 15px;
	display: inline-block;
	padding:1% 2.2%;
	background:rgba(6,64,151,0.42);
	margin-bottom:20px;
	border:1px solid #364d76;
}
#categoliArea .inner td h3 strong{
	display: inline-block;
	margin-right:15px;
	font-size: 14px;
	font-weight: bold;
}
#categoliArea .inner td h3 span{
	font-size: 11px;
	color: #ee6b23;
}
#categoliArea .inner td h3 strong i{
	margin-right: 5px;
}
#categoliArea .inner td .cont{
	position: relative;
	width:100%;
	height: 100%;
	line-height: 1.7;
	font-size: 13px;
	color: #f0f0f0;
}
#categoliArea .inner td .cont p{
	position: absolute;
	bottom:20px;
	right: 13px;
	width:70%;
	padding:2.2%;
	background:rgba(9,7,22,0.45);
	text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}
#categoliArea .inner td .img{
	float: left;
	width:20%;
}
#categoliArea .inner td .img img{
	width:100%;
}
#categoliArea .inner td .td_inner{
	position: relative;
	width:380px;
	height: 470px;
}

#categoliArea .inner td#portrait{
	background:url("../images/index/categoli/portrait.jpg") no-repeat;
	background-size: 100%;
}
#categoliArea .inner td#office{
	background:url("../images/index/categoli/office.jpg") no-repeat;
	background-size: 100%;
}
#categoliArea .inner td#interview{
	background:url("../images/index/categoli/interview.jpg") no-repeat;
	background-size: 100%;
}
#categoliArea .inner td#product{
	background:url("../images/index/categoli/product.jpg") no-repeat;
	background-size: 100%;
}
#categoliArea .inner td#trip{
	background:url("../images/index/categoli/trip.jpg") no-repeat;
	background-size: 100%;
}
#categoliArea .inner td#bgcut{
	background:url("../images/index/categoli/bgcut.jpg") no-repeat;
	background-size: 100%;
}




/* introArea
=======================================================*/
#introArea{
	margin: 0 0 ;
	background:url(../images/index/intro/bg.jpg)  no-repeat #080d20 top center;
	background-size: cover;
}

#introArea .titleSet{
	border-color:#7c819f;
}


#introArea h2{
	color: #f3f5fc;
}
#introArea .title{
	color: #f3f5fc;
}
#introArea .inner{
	width:100%;
	max-width:1200px;
	margin: 0 auto 50px;
}
#introArea .inner .flexSection{
	width:100%;
	justify-content: space-between;
	align-items: center;
}
#introArea .inner .box{
	width:30%;
	height:500px;
	padding: 1.5%;
	margin: 0 1.5%;
	color: #f0f0f0;
	border:1px solid #3b3d4b;
	box-sizing: border-box;
}
#introArea .inner .box img{
	width:100%;
}
#introArea .inner .box h3{
	margin: 0 0 18px;
	font-weight: 100;
	font-size: 16px;
}
#introArea .inner .box p{
	margin: 0 0 25px;
	font-size: 0.78rem;
	line-height:1.6;
}
#introArea .inner .box img.box_main{
	display: block;
	margin:  0 0 25px;
}
#introArea .inner .box ul.background{
}
#introArea .inner .box ul.background li{
	float: left;
	width: 14%;
	margin: 0 1% 3%;
	font-size: 11px;
	text-align: center;
}
/**/
#introArea .recommend{
	width:100%;
	max-width:1200px;
	margin: 0 auto 0px;
}
#introArea .recommend h3{
	font-size: 17px;
	color: #fff;
	font-weight: 100;
	text-align: center;
}
#introArea .recommend .flexSection{
	display: flex;
}
#introArea .recommend section{
	width:50%;
	padding:4%;
	box-sizing: border-box;
	color: #efefef;
}
#introArea .recommend section h4{
	margin: 0 0 20px;
	padding:2% 2% 2% 4%;
	background:rgba(0,0,0,0.86);
	border-left:6px solid #2B9BF8;
	font-size: 22px;
	font-weight: 100;
}
#introArea .recommend section .text{
	margin: 0 0 20px;
	line-height: 1.6;
	color: #dedede;
}
#introArea .recommend section .image{}

/* tripArea
=======================================================*/
#tripArea{
}
#tripArea h2{
}
#tripArea .inner{
}
#tripArea p{
	font-size: 1rem;
}
#tripArea .imgArea{
	display: table;
	width:100%;
	margin: 0 auto 30px;
}
#tripArea .img01{
	display: table-cell;
	padding: 2%;
	text-align: center;
}
#tripArea .img02{
	display: table-cell;
	padding: 2%;
	text-align: center;
}
#tripArea .imgArea img{
	display: block;
	width:100%;
	padding:2%;
	box-sizing: border-box;
	border: 1px solid #ddd;
}
#tripArea p.link{
	width:50%;;
	margin: 1.2rem auto ;
}
#tripArea p.link a{
	display: block;
	padding:2rem;
	text-align: center;
	border: 3px solid #4e42ef;
	font-size: 1.1rem;
	color: #4e42ef;
}
#tripArea p.link a:hover{
	background:#f3f3f3;
}


/* #################################################################### */
#top_retouch{
	width:100%;
	margin:0 0 ;
	background:#FFF;
}
#top_retouch .inner{
}
#top_retouch h3 strong{
	font-size:20px;
}
#top_retouch p.summary{
	margin:0 0 40px;
	line-height:1.8;
	font-size:15px;
}
#top_retouch .imgArea{
	position: relative;
	float:left;
	width:610px;
	/*background:#42535b;*//*eff2f7*/
}


#top_retouch .imgArea .row{
	position: relative;
	margin: 0 0 30px;
	box-shadow:2px 2px 2px 2px rgba(0,0,0,0.2);
}
#top_retouch .guidance{
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:2%;
	background:rgba(47,23,9,0.55);
	box-sizing: border-box;
	z-index: 10;
	color: #fff;
}

#top_retouch p.re_edit{
	padding:3%;
	background:#fff3eb;
	font-size: 18px;
	line-height: 1.8;
}
#top_retouch p.re_edit strong{
	font-weight: 100;
	border-bottom:1px dotted #eb333b;
}
#top_retouch p.toLand{

}
#top_retouch p.toLand a{
	display: inline-block;
	padding:6px 10px;
	margin-right: 10px;
	background:#ff932b;
	color: #FFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#top_retouch .summaryArea{
	float:right;
	width:540px;
	margin: 0 0 20px;
}
#top_retouch .summaryArea ul.kind{
}
#top_retouch .summaryArea ul.kind li{
	display: block;
	height:75px;
	padding:15px 15px 15px 97px;
	margin:0 0 20px;
	background:url(../images/index/retouch/icon_arrow.png) 10px center no-repeat #eff2f7;
	color:#252525;
	line-height: 1.7;
}
#top_retouch .summaryArea h3{
	margin:0 0 5px;
	font-size: 18px;
	font-weight: 100;
	color: #000;
}
/* image */


/* optionplan */
#top_retouch #optionplan {

}
#top_retouch #optionplan h3{
	margin:0 0 15px;
	font-size:15px;
	font-weight: 100;
}
#top_retouch #optionplan ul{
	padding:0;
	margin:0;
}
#top_retouch #optionplan li{
	float:left;
	width:48%;
	height:105px;
	padding:1.6%;
	margin:0 1% 1%;
	background:#FFF;
	border:1px solid #e0e0e0;
	box-sizing: border-box;
}
#top_retouch #optionplan li h4{
	margin:0 0 14px;
	padding:5px;
	background:#eff2f7;
	font-size:12px;
	line-height:1;
	color: #554f3b;
}
#top_retouch #optionplan li p.summary{
	margin:0 0 5px;
	padding:0 1%;
	font-size:11px;
	line-height:1.7;
}
#top_retouch #optionplan li p.price{
	font-size:14px;
	text-align:right;
	color: #554f3b;
}
#top_retouch #optionplan li p.price span{
	font-size:11px;
}
/* samples */
#top_retouch .samples{
	display:table;
	width:1100px;
	margin:0 auto 30px;
}
#top_retouch .samples li{
	display:table-cell;
	text-align:center;
}


/* productArea
=======================================================*/
#productArea{
}
#productArea{
	width:100%;
	margin:0 0 45px;
}
#productArea .inner{
}
/*  photodata */
#productArea #photodata{
	margin:0 0 ;
}
#productArea #photodata h3{
	margin:0 0 15px;
}
#productArea #photodata p{
	margin:0 0 15px;
	padding:2%;
	line-height: 1.8;
	font-size: 18px;
}
#productArea #photodata p span{
	font-size: 11px;
}
#productArea #photodata .img{
	margin:0 0 15px;
	padding:3%;
	background:#fff;
}

/* print */
#productArea #print{
}
#productArea #print p{
	margin:0 0 15px;
	padding:2%;
	line-height: 1.8;
}


/* pointArea
=======================================================*/
#pointArea{
	width:100%;
	margin:0 auto ;
	box-shadow: 2px 0px 3px 2px rgba(0,0,0,0.05)
}
#pointArea .img{
	margin:0 0 15px;
}
#pointArea .img img{
	display: inline-block;
	width:45%;
}
#pointArea .img img:nth-child(1){
	margin-right:55px;
}

/* otherAea
=======================================================*/
#otherArea{}