@charset "utf-8";
/* CSS Document */



#stylebook-slider-wrap .stylebook-slider {
	background-color: #F5F6FA;
}



/*==================================================================

土肥CSS

================================================================== */
.no9 .bdb{ border-bottom:1px dotted #333;}

.no10 .gray{ background-color:#E9E5E3; color:#333;}
.no10 .blue{ background-color:#EEF5FD; color:#333;}

.no11 .line0{ line-height:0;}
.no11 .w100{ width:100%;}
.no11 .bg1{ background-color:#f2fecc;}
.no11 .bg2{ background-color:#ffffcb;}
.no11 .bg3{ background-color:#E0FFFF;}
.no11 .bg4{ background-color:#B9EDFF;}
.no11 .bg5{ background-color:#F5F2FF;}
.no11 .bg6{ background-color:#FFFFEC;}

.no12 .max img{ max-width:100%;}

.no31 .bg{ background:url(../upload/2015summer/31/31_13.png) center top repeat-y; padding:60px 0;}
@media (min-width: 768px) {
	.no31 .bg{ background:url(../upload/2015summer/31/31_13.png) center top no-repeat; padding:60px 0;}
}


@media (max-width: 768px) {
.no33 .spcancel{ display:none;}
}
@media (min-width: 768px) {
.no33 .pccancel{ display:none;}
}

.no37 .bg_1{ background-color:#F1F7FB;}

.no18 .max img{ max-width:100%;}
.no18 .bdb{border-bottom:3px solid #333;}

.no19 .div_1{ text-align:left!important;}
.no19 .div_1 img{ max-width:100%;}

.no29 .blue{ color:#082e9a!important;}

.no30 .bd{ border:5px #000 solid;}

.no37 .bdt{ border-top:1px #ccc solid;}

.no38 .mt_1{ margin-top:0px;}
@media (min-width: 768px) {
.no38 .padding_1{ padding-right:20px; padding-top:10px;}
.no38 .mt_1{ margin-top:-80px;}
}
.no39 .bg1,
.no39 .bg2,
.no39 .bg3{ background-color:#fbfbfb; padding:10px; border:1px solid black;}
@media (min-width: 768px) {
.no39 .bg1{ background:url(../upload/2015summer/39/39_06.jpg) left top no-repeat; height:638px; width:480px; border:none;}
.no39 .bg2{ background:url(../upload/2015summer/39/39_07.jpg) left top no-repeat; height:484px; width:480px; border:none;}
.no39 .bg3{ background:url(../upload/2015summer/39/39_12.jpg) left top no-repeat; height:144px; width:100%; border:none;
-moz-background-size:100% 100%;
background-size:100% 100%;
}
.no39 .bg3 p{  padding:52px 50px 10px 25px;}
.no39 .pa_1{ padding:246px 50px 10px 50px;}
.no39 .imgsp{ display:none!important; }
}
.no39 .imgsp img{ max-width:100%;}
.no39 .imgsp{ text-align:center!important; padding:10px 0;}

.no40 .bdb{ border-bottom:1px solid #ccc;}






/*==================================================================

木内CSS

================================================================== */






/*==================================================================

音田CSS

================================================================== */
.no4 .box-1 {
	padding: 30px;
	border: 1px solid #CCC;
}

.no4 .box-1 h3 {
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	margin-bottom:30px;
}

.no4 .box-1 dt {
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
}

.no4 .box-1 dd {
	font-size:12px;
	font-size:1.2rem;
	margin-bottom:30px;
}

.no5 .box-1 {
	padding: 0px 50px;
	margin-bottom:20px;
	border: 1px solid #DDD;
}

.no5 .box-1 .box {
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #DDD;
}

.no5 .box-1 .box h3 {
	font-family: "Brandon Grot W01 Medium";
	font-weight: normal;
	font-size:28px;
	font-size:2.8rem;
}

.no5 .box-1 .box h4 {
	font-family: "BrandonGrotW01-Regular";
	font-weight: normal;
	font-size:20px;
	font-size:2.0rem;
	margin-bottom:20px;
}


.no7 .box-1 {
	background-color:#F4F6F5;
	min-height:440px;
}


.no7 .box-1 dl {
	padding: 15px 35px 0px;
}

.no7 .box-1 dt {
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	line-height:1;
	margin-bottom:25px;
}

.no7 .box-1 dt span {
	font-family:"DIN Next W01 Regular";
	font-size:18px;
	font-size:1.8rem;
	font-weight:normal;
	letter-spacing:-0.02em;
	text-decoration:underline;
	margin-right:18px;
}

.no33 .box {
    width:700px;
    margin-top:120px;
    margin-left:auto;
    margin-right:auto;
}

@media (max-width: 767px) {
    .no33 .box  {
        width:100%;
    }
}
.no33 .box .image {
	width:100%;
	height:auto;
}

.no33 .box .image img {
	width:100%;
	height:auto;
}

.no33 .box .txt {
	padding:40px;
	font-size:12px;
}





/*==================================================================

市村CSS

================================================================== */
.brandon-medium{
	font-family:"Brandon Grot W01 Medium";
	font-weight:normal!important;
}

.brandon-bold{
	font-family:"Brandon Grot W01 Bold";
	font-weight:normal!important;
}







/******************************************************************************

 * RESPONSIVE
 
*******************************************************************************/



@media (max-width: 1279px) {
.no12 .mheight1 { min-height: 875px; }  
.no12 .mheight2 { min-height: 874px; }
}
 @media (max-width: 1019px) {
.no34 .box1 { background-size: auto 100%; min-height: 100%; height: auto; }
.no34 .box2 { background-size: auto 100%; min-height: 100%; height: auto; }
}
 @media (max-width: 767px) {
.no34 .box1 { background-size: 100% auto; min-height: 100%; height: auto; }
.no34 .box2 { background-size: 100% auto; min-height: 100%; height: auto; }
}
============================================================ */
.no4 .box-1 {
	padding: 30px;
	border: 1px solid #CCC;
}

.no4 .box-1 h3 {
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	margin-bottom:30px;
}

.no4 .box-1 dt {
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
}

.no4 .box-1 dd {
	font-size:12px;
	font-size:1.2rem;
	margin-bottom:30px;
}

.no5 .box-1 {
	padding: 0px 50px;
	margin-bottom:20px;
	border: 1px solid #DDD;
}

.no5 .box-1 .box {
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #DDD;
}

.no5 .box-1 .box h3 {
	font-family: "Brandon Grot W01 Medium";
	font-weight: normal;
	font-size:28px;
	font-size:2.8rem;
}

.no5 .box-1 .box h4 {
	font-family: "BrandonGrotW01-Regular";
	font-weight: normal;
	font-size:20px;
	font-size:2.0rem;
	margin-bottom:20px;
}


.no7 .box-1 {
	background-color:#F4F6F5;
	min-height:440px;
}


.no7 .box-1 dl {
	padding: 15px 35px 0px;
}

.no7 .box-1 dt {
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	line-height:1;
	margin-bottom:25px;
}

.no7 .box-1 dt span {
	font-family:"DIN Next W01 Regular";
	font-size:18px;
	font-size:1.8rem;
	font-weight:normal;
	letter-spacing:-0.02em;
	text-decoration:underline;
	margin-right:18px;
}

.no33 .box {
	width:700px;
	margin-top:120px;
	margin-left:auto;
	margin-right:auto;
}
@media (max-width: 767px) {
    .no33 .box  {
        width:100%;
    }
}

.no33 .box .image {
	width:100%;
	height:auto;
}

.no33 .box .image img {
	width:100%;
	height:auto;
}

.no33 .box .txt {
	padding:40px;
	font-size:12px;
}









/******************************************************************************

 * RESPONSIVE
 
*******************************************************************************/



@media (max-width: 1279px) {
.no12 .mheight1 { min-height: 875px; }  
.no12 .mheight2 { min-height: 874px; }
}
 @media (max-width: 1019px) {
.no34 .box1 { background-size: auto 100%; min-height: 100%; height: auto; }
.no34 .box2 { background-size: auto 100%; min-height: 100%; height: auto; }
}
 @media (max-width: 767px) {
.no34 .box1 { background-size: 100% auto; min-height: 100%; height: auto; }
.no34 .box2 { background-size: 100% auto; min-height: 100%; height: auto; }
.no28 .rela { position: relative;}
}