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


/*
.content-stylebook-detail{
	background: #b4aba6;
}
*/

#stylebook-slider-wrap .overlay {
	display:none;
}

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


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

土肥CSS

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

.no10 .floatL, .no17 .floatL, .no18 .floatL {
	float: left!important;
}
.no20 .font50 {
	font-size: 50%;
}
.no10 .font80, .no17 .font80, .no19 .font80, .no20 .font80 {
	font-size: 80%;
}
.no10 .bgBlack, .no17 .bgBlack {
	background: #000;
}
.no10 .q, .no18 .q {
	font-weight: 700;
	margin-bottom: 30px;
}
.no10 .a, .no18 .a {
	margin-bottom: 30px;
}
.no10 .div_1 {
	color: #fff;
	padding: 20px;
}
.no12 .tbl_body {
	display: table;
	width: 100%;
}
.no12 .tbl_cell {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	background-color: #333333;
	color: white;
	font-size: 130%;
	font-weight: 700;
}
.no12 .tbl_cell2 {
	display: table-cell;
	vertical-align: middle;
}
.no12 .border_1 {
	border-bottom: 1px #333 solid;
	border-top: 1px #333 solid;
	padding: 20px 0;
}
.no12 .w2 {
	width: 35%;
	padding-right: 5%;
}
.no12 .w3 {
	width: 55%;
	padding-left: 5%;
	border-left: 1px solid #333;
	font-size: 90%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.no12 .tbl_cell p {
	padding-left: 10%;
}
.no12 .font_normal {
	font-weight: 300;
}
.no12 .q {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 90%;
}
.no12 .a {
	margin-bottom: 15px;
	font-size: 90%;
}
.no12 .font_1 {
	font-size: 80%;
	font-style: italic;
}
.no12 .tit {
	font-size: 150%;
	font-weight: 700;
	padding-bottom: 10px;
}
.no13 .border {
	border: 10px solid #000;
}
.no13 .tit {
	padding: 60px;
}
.no13 .tx {
	padding: 0 0 60px 0;
	margin: 0 15% 100px 15%;
	border-bottom: 10px #000 solid;
}
.no13 .tx2 {
	padding: 0 0 60px 0;
	margin: 0 15% 100px 15%;
}
.no13 .font90 {
	font-size: 90%;
}
.no14 .div_1 {
	text-align: center;
	margin: 0 10%;
	font-size: 90%;
}
.no14 .pt130 {
	padding-top: 130px;
}
.no14 .pt_1 {
	padding-top: 110px;
}
.no14 .font80 {
	font-size: 80%;
}
.no14 .mb_1 {
	margin-bottom: 70px;
}
.no15 .bg_1 {
	background: #404855;
	color: white;
}
.no15 .bg_2 {
	background: #000;
	color: white;
}
.no15 .font80 {
	font-size: 80%;
}
.no17 .q {
	font-weight: 700;
	margin-top: 40px;
	margin-bottom: 20px;
}
.no17 .a {
	margin-bottom: 20px;
}
.no17 span.c {
	color: #4C6600;
}
.no17 span.p {
	color: #00468C;
}
.no17 span.m {
	color: #68008C;
}
.no19 .bdb {
	border-bottom: 1px solid #000;
	padding-bottom: 60px;
}
.no19 .title {
	font-size: 150%;
	font-weight: 700;
	padding-bottom: 5px;
}
.no20 .name {
	font-size: 150%;
	font-weight: 700;
	padding-bottom: 20px;
}
.no21 .bgGray {
	background: #BAC1C1;
	padding-top: 30px;
}
.no32 .re {
	position: relative;
}
.no32 .ab {
	position: absolute;
}
.no32 .div_1 {
	min-height: 648px;
}
.no32 .div_2 {
	padding-top: 250px;
	width: 33%;
	position: absolute;
}
.no32 .div_3 {
	bottom: 0;
	width: 33%;
	position: absolute;
}
.no32 .div_4 {
	padding-top: 250px;
	width: 30%;
	position: absolute;
	right: 0;
}
.no32 .div_5 {
	bottom: 0;
	width: 30%;
	position: absolute;
	right: 0;
}
.no32 .div_6 {
	padding-top: 270px;
	width: 33%;
	position: absolute;
}
.no33 .bg {
	background: url(../upload/2015winter/33/33_23.png) center top;
	color: white;
	background-size: cover;
}
.no33 .p_1, .no33 .p_3 {
	font-weight: 700;
	font-size: 110%;
	padding-bottom: 20px;
}
.no33 .p_2 {
	padding-bottom: 30px;
}
.no34 .font120 {
	font-size: 120%;
}
.no34 .wrap {
	overflow: hidden;
}
.no34 .wrap div {
	float: left;
	width: 50%;
}
.no34 .wrap div.w100 {
	width: 100%;
}
.no34 .txr {
	text-align: right;
}
.no34 .txc {
	text-align: center;
}
.no34 .bdb {
	border-bottom: 1px solid #ccc;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.no34 .pcmb_1 {
	margin-bottom: 60px;
}
.no34 .pcmb_2 {
	margin-bottom: 140px;
}
.no34 .flr {
	float: right;
}
 @media (max-width: 767px) {
.no12 .tbl_body {
	display: block;
	width: 100%;
}
.no12 .tbl_cell {
	display: block;
	vertical-align: middle;
	width: 100%;
	background-color: #333333;
	color: white;
	font-size: 130%;
	font-weight: 700;
}
.no12 .tbl_cell.sp_p {
	padding-top: 10px;
	padding-bottom: 10px;
}
.no14 .pt130 {
	padding-top: 20px;
}
.no14 .mb_1 {
	margin-bottom: 20px;
}
.no14 .mb_2 {
	margin-bottom: 20px;
}
.no14 .pt_1 {
	padding-top: 20px;
}
.no32 .ab {
	position: relative;
}
.no32 .div_1 {
	min-height: 0;
}
.no32 .div_2 {
	padding-top: 20px;
	width: 100%;
	position: relative;
}
.no32 .div_3 {
	bottom: 0;
	width: 100%;
	position: relative;
	padding-top: 20px;
}
.no32 .div_4 {
	padding-top: 20px;
	width: 100%;
	position: relative;
	right: 0;
}
.no32 .div_5 {
	bottom: 0;
	width: 100%;
	position: relative;
	right: 0;
	padding-top: 20px;
}
.no32 .div_6 {
	padding-top: 20px;
	width: 100%;
	position: relative;
}
.no33 .p1 {
	padding: 0 20px;
	margin-bottom: 20px;
}
.no34 .flr {
	float: right;
}
}





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

岡崎CSS

================================================================== */
/*
.credit {
	font-size: 13px;
}
.space {
	letter-spacing: 0.01em !important;
}
.orange {
	color: #F60;
}
.blue {
	color: #03F;
}
.navy {
	color: #00335A;
}
.subhead {
	font-size: 1.6em;
}
@media (max-width: 767px) {
.subhead {
	font-size: 1.2em;
}
}
*/
.space {
	letter-spacing: 0.01em !important;
}
/********************3********************/

.no3 .movie {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
/********************8********************/

.no8 .navy{
	color: #00335A;
}

.no8 .inv-txt {
	letter-spacing: 0.02 !important;
}
.no8 .box01 {
	border: 5px solid #00335A;
}
.no8 .box01-inner {
	padding: 0 30px;
	max-width: 818px;
	margin: 0 auto;
}
.no8 .box02, .no8 .box03 {
	border: 1px solid #00335A;
	padding: 0 20px;
}
.no8 .info {
	border-top: 1px solid #DDDDDD;
	margin: 20px 0;
}
.no8 .left {
	margin: 5px 0 10px 0;
}

.no8 .tx_06 {
	max-width:720px;
	margin:-80px auto 20px auto;
	padding:0 30px;
}

@media (max-width: 1019px) {
	.no8 .tx_06 {
	max-width:720px;
	margin:20px auto 20px auto;
	padding:0 30px;
}	
}


@media (max-width: 767px) {
.no8 .left {
	margin: 0 auto;
}
.no8 .mb50 {
	margin-bottom: 30px !important;
}
.no8 .mb70 {
	margin-bottom: 30px !important;
}
.no8 .tx_06 {
	max-width:720px;
	margin:20px auto 20px auto;
	padding:0 30px;
}
}
/********************41********************/

.no41 .ttl {
	font-size: 1.6em;
}
.no41 .box01 {
	border: 5px solid #001A66;
	padding: 30px;
	box-sizing: border-box;
}
.no41 .box02 {
	background-color: #001A66;
	color: #FFF;
	padding: 80px 40px;
}
.no41 .box03 {
	border-top: 1px solid #001A66;
	border-bottom: 1px solid #001A66;
	padding: 30px;
	overflow: hidden;
}
.no41 .box04 {
	border: 5px solid #EC6D56;
	padding: 30px;
	box-sizing: border-box;
}
.no41 .box05 {
	background-color: #EC6D56;
	color: #FFF;
	padding: 80px 40px;
}
.no41 .box06 {
	border-top: 1px solid #EC6D56;
	border-bottom: 1px solid #EC6D56;
	padding: 30px;
	overflow: hidden;
}
/********************42********************/

.no42 .kodomoe {
	overflow: hidden;
	padding: 20px;
	border: 2px dotted #F60;
	box-sizing: border-box;
}
.no42 .kodomoe .first {
	margin-right: 20px;
}
 @media (max-width: 767px) {
.no42 .kodomoe img {
	float: none;
}
.no42 .kodomoe .first {
	margin: 0 auto 20px auto;
}
}
/********************43********************/

.no43 .txt {
	font-size: 14px;
}
.no43 .ttl {
	margin-bottom: 50px;
}
.no43 .txt-area {
	padding: 20px;
}
.no43 .outwear {
	margin-top: 40px;
	position: relative;
}
.no43 .right {
	position: absolute;
	top: 40%;
	left: -20px;
}
.no43 .left {
	position: absolute;
	top: 40%;
	right: -20px;
}
 @media (max-width: 767px) {
.no43 .ttl {
	margin-bottom: 20px;
}
.no43 .txt-area {
	max-width: 480px;
	margin: 0 auto;
}
.no43 .outwear {
	margin-top: 0;
}
}
/********************44********************/

.no44 .num {
	width: auto;
	padding: 30px 0;
}
.no44 .box01 {
	padding: 30px;
	background: url(../upload/2015winter/44/44_bg.jpg);
}
.no44 .box02 {
	padding: 20px;
	background-color: #FFF;
	border: 1px solid #333;
	background: #FFF;
}
.no44 .box03 {
	padding: 20px;
}
.no44 .box04 {
	background-color: #FFF;
	padding: 20px;
	position: relative;
}
.no44 .photo {
	margin-top: 40px;
	margin-bottom: 30px;
}
.no44 .box04:before {
	content: url(../upload/2015winter/44/44_ribon.jpg);
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -50px;
	margin-top: -20px;
	z-index: 9999;
}
.no44 .data {
	padding: 10px 0;
}
.no44 .data p {
	font-size: 12px;
}
.no44 .left {
	margin: 5px 0 10px 0;
}
.no44 .question {
	font-weight: bold;
	margin-bottom: 5px;
}
.no44 .box04 .txt {
	padding: 20px;
	max-width: 480px;
	margin: 0 auto;
}
 @media (max-width: 767px) {
.no44 .num {
	max-width: 50%;
	padding: 10px 0;
}
.no44 .box01 {
	padding: 10px;
}
.no44 .box02 {
	padding: 10px;
}
.no44 .box04 {
	padding: 10px;
}
.no44 .photo {
	margin-top: 0px;
	margin-bottom: 10px;
}
.no44 .box04 .txt {
	padding: 0 10px;
	margin-top: 30px;
}
}
/********************46********************/

.no46 .recommend {
	text-decoration: underline;
	font-style: italic;
}
.mw480 {
	max-width: 480px;
	margin: 0 auto;
}
.no46 .list li {
	display: inline-block;
	margin-right: 5px;
}
.no46 .left {
	margin: 5px 0 10px 0;
}
.no46 .recipe {
	padding: 0 5%;
}
.no46 .recipe ul li {
	font-size: 13px;
	margin-bottom: 5px;
	padding-left: 55px;
	letter-spacing: 0.02;
}
.no46 .recipe ul .li01 {
	background: url(../upload/2015winter/46/46_step01.jpg) no-repeat;
}
.no46 .recipe ul .li02 {
	background: url(../upload/2015winter/46/46_step02.jpg) no-repeat;
}
.no46 .recipe ul .li03 {
	background: url(../upload/2015winter/46/46_step03.jpg) no-repeat;
}
.no46 .recipe ul .li04 {
	background: url(../upload/2015winter/46/46_step04.jpg) no-repeat;
}
/********************48********************/

.no47 .box01 {
	border: solid 1px #333;
	max-width: 480px;
	margin: 0 auto;
	padding: 5px;
}
.no47 .box02 {
	border: solid 1px #333;
	padding: 40px 25px;
}
 @media (min-width: 1019px) {
.no47 .box02 {
	padding: 40px 40px;
}
}
/********************48********************/

.no48 .left {
	margin: 5px 0 10px 0;
}
.no48 .check li {
	font-size: 13px;
	margin-bottom: 5px;
	padding-left: 30px;
	font-weight: bold;
	background-image: url(../upload/2015winter/48/48_check02.jpg);
	background-repeat: no-repeat;
}
 @media (max-width: 767px) {
.no48 .mt40 {
	margin-top: 0 !important;
}
}
/********************49********************/

.no49 .subhead {
	padding: 5px 10px;
	color: #FFF;
	background-color: #333;
	font-weight: bold;
	display: inline-block;
}
.no49 .poncho {
	margin-top: 120px;
}
 @media (max-width: 767px) {
.no49 .subhead {
	text-align: center;
	padding: 5px;
	margin: 0 5%;
}
.no49 .poncho {
	margin-top: 30px;
}
.no49 .mb70 {
	margin-bottom: 30px !important;
}
}
/********************50********************/

.no50 .txt-area {
	padding: 0 15px;
	max-width: 480px;
	margin: 0 auto;
}
.no50 .item {
	margin: 20px 0;
}
.no50 .style {
	margin-top: 80px;
}
 @media (max-width: 767px) {
.no50 .pt70 {
	padding-top: 0 !important;
}
}
.no50 {
}
.no50 {
}
.no50 {
}
.no50 {
}
.no50 {
}







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

市村CSS

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

.no22 h3 {
	width: 100%;
	text-align: center;
	border-top: solid 2px #333333;
	border-bottom: solid 2px #333333;
	padding-top: 17px;
	padding-bottom: 13px;
	position: relative;
	display: inline-block;
	font-size: 26px;
	line-height: 1.8;
}
.no22 h3:before {
	position: absolute;
	top: -10px;
	left: 0;
	width: 100%;
	height: 5px;
	background: #333333;
	content: '';
}
.no22 .box-00 {
	position: relative;
}
.no22 .box-00:before {
	position: absolute;
	top: 63px;
	width: 100%;
	height: 1px;
	background: #7B703B;
	content: '';
	z-index: 9;
}
.no22 .box-00 img {
	position: relative;
	z-index: 10
}
.no22 .wrapper {
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #f8f8f8;
}
.no22 .wrap-01 {
	position: relative;
	border: 1px solid #7B703B;
	box-shadow: 4px 4px 0px 0px rgba(123,111,63,1);
	padding: 80px 20px 50px;
	background-color: #ffffff;
}
.no22 .inner-01 {
	position: relative;
	padding-top: 100px;
	padding-bottom: 110px;
	border-top: solid 1px #7B703B;
	border-bottom: solid 1px #7B703B;
}
.no22 .inner-01:before {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 4px;
	background: #333333;
	content: '';
}
.no22 .text-01 {
	padding-bottom: 50px;
	margin-bottom: 60px;
	background: url(../upload/2015winter/22/22_18.jpg) no-repeat bottom center;
}
.no23 .box-02>div {
	position: relative;
	background-color: #ffffff;
	padding: 60px 0 60px;
}
.no23 .box-02>div:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 59px;
	height: 50px;
	margin-top: 0;
	margin-left: 0;
	background: url(../upload/2015winter/23/23_04.jpg);
	background-size: contain;
	vertical-align: middle;
}
.no23 .box-02>div h3 {
	margin-bottom: 35px;
}
.no23 .box-04, .no23 .box-06 {
	margin-top: 0;
}
.no23 .box-04>div, .no23 .box-06>div {
	position: relative;
	background-color: #ffffff;
	padding-top: 20px;
	padding-bottom: 30px;
}
.no23 .box-04>div p, .no23 .box-06>div p {
	padding-left: 0;
	padding-right: 0;
}
.no23 .wrap-02 {
	padding-top: 60px;
	border-top: 1px solid #444;
}
.no24 .ttl-01 {
	padding-top: 70px;
	margin-bottom: 50px;
	background: url(../upload/2015winter/24/24_bg.jpg) repeat-x top left;
}
.no24 .wrapper>div:not(:nth-child(3n)) {
 border-right: 1px solid #ffffff;
}
.no24 figure {
	position: relative;
	overflow: hidden;
}
.no24 figcaption {
	padding: 15px;
	position: absolute;
	bottom: -100%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .2s cubic-bezier(0, .88, .64, .99);
	transition: .2s cubic-bezier(0, .88, .64, .99);
	opacity: 1;
}
.no24 figure:hover figcaption {
	bottom: 0;
	left: 0;
}
.no24 .box-01 {
	width: 100%;
	height: 100%;
	padding: 20px;
	border: solid 1px #ffffff;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.4;
}
@media (min-width: 768px) and (max-width: 1019px) {
.no24 .wrapper img {
	width: 100%;
	max-width: none;
}
.no24 .wrapper>div {
	width: 345px;
	height: 344px;
	overflow: hidden;
}
}
.no25 .wrap {
	padding-top: 40px;
	background: url(../upload/2015winter/25/25_bg.png) repeat-y top center;
}
.no25 .box-01 {
	position: relative;
}
.no25 .box-01:before {
	z-index: 9;
	position: absolute;
	content: "";
	top: 19px;
	left: 0;
	width: 100%;
	height: 50px;
	background: url(../upload/2015winter/25/25_01.png) no-repeat top center;
	background-size: contain;
}
.no25 .wrap-01 {
	border-top: 1px solid #D4C680;
	padding: 10px;
	margin-bottom: 100px;
}
.no25 .inner-01 {
	position: relative;
	border: 1px solid #D4C680;
	padding: 30px 20px 15px;
}
.no25 .inner-01 i {
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: -60px;
	margin-left: -60px;
}
.no26 .wrap {
	margin-bottom: 80px;
	padding-top: 100px;
	background: url(../upload/2015winter/26/26_bg.jpg) repeat-x top left;
}
.no26 .text-01 {
	padding-left: 90px;
	padding-right: 90px;
}
.no27 .wrap-01 {
	margin-bottom: 100px;
	padding-top: 35px;
	padding-left: 20px;
	padding-right: 20px;
}
.no27 .box-01 {
	background-color: #FDF7F4;
}
.no27 .box-02 {
	background-color: #F5F6F1;
}
.no27 .box-03 {
	background-color: #E5E5E5;
}
.no27 .box-04 {
	background-color: #F6F6F6;
}
.no27 .box-05 {
	background-color: #FAFAF5;
}
.no27 .box-06 {
	background-color: #EEEFF3;
}
.no27 .text-01 {
	margin-top: 0;
	margin-left: 0;
}
.no27 .text-r {
	margin-top: 0;
	margin-left: 0;
}
.no27 .img-01 img {
	margin-left: 0;
}
.no27 .text-01 h3 {
	font-size: 20px;
	display: inline-block;
	width: 100%;
	padding-bottom: 40px;
}
.no27 .box-01 h3 {
	background: url(../upload/2015winter/27/27_03.jpg) no-repeat bottom left;
}
.no27 .box-02 h3 {
	background: url(../upload/2015winter/27/27_06.jpg) no-repeat bottom left;
}
.no27 .box-03 h3 {
	background: url(../upload/2015winter/27/27_09.jpg) no-repeat bottom left;
}
.no27 .box-04 h3 {
	background: url(../upload/2015winter/27/27_12.jpg) no-repeat bottom left;
}
.no27 .box-05 h3 {
	background: url(../upload/2015winter/27/27_15.jpg) no-repeat bottom left;
}
.no27 .box-06 h3 {
	background: url(../upload/2015winter/27/27_18.jpg) no-repeat bottom left;
}
.no28 .text-01 {
	width: 100%;
	border-top: solid 1px #333333;
	padding-top: 50px;
	margin-bottom: 34px;
	position: relative;
	display: inline-block;
}
.no28 .text-01:before {
	position: absolute;
	top: -10px;
	left: 0;
	width: 100%;
	height: 5px;
	background: #333333;
	content: '';
}
.no28 .text-02 {
	font-size: 16px;
	padding-left: 60px;
	padding-right: 60px;
	margin-bottom: 60px;
}
.no28 .text-03 {
	position: relative;
	margin-bottom: 80px;
}
.no28 .text-03:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -25px;
	left: 50%;
	width: 16px;
	height: 15px;
	margin-left: -8px;
	background: url(../upload/2015winter/28/28_05.jpg);
	background-size: contain;
	vertical-align: middle;
}
.no28 .text-04 {
	display: inline-block;
	padding-left: 9px;
	padding-right: 6px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background-color: #333333;
}
.no28 .box-01 {
	text-align: center;
}
.no28 .box-01 li {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 50px;
	display: inline-block;
}
.no28 .box-02 {
	padding: 30px 35px 60px;
	background-image: url(../upload/2015winter/28/28_bgt.jpg), url(../upload/2015winter/28/28_bgb.jpg), url(../upload/2015winter/28/28_bgm.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: top left, bottom left, top left;
	background-size: contain;
}
.no28 .box-02 p {
	text-align: left;
	display: inline-block;
	width: 100%;
}
.no28 .box-match {
	display: table !important;
}
.no28 .box-match .inner {
	display: table-cell;
	vertical-align: bottom;
}
.no35 .wrap-00 {
	margin-bottom: 120px;
}
.no35 .wrap-01 {
	margin-bottom: 60px;
}
.no35 .box-01 {
	padding: 0;
	background-color: #ffffff;
}
.no35 .text-01 {
	display: inline-block;
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 5px solid #000;
}
.no36 .box-01 {
	display: table;
}
.no36 .inner-01 {
	display: table-cell;
	vertical-align: middle;
}
.no36 .box-01 h3 {
	color: #666666;
	padding-bottom: 10px;
	margin-bottom: 15px;
	background: url(../upload/2015winter/36/36_bg.jpg) repeat-x bottom left;
}
.no37 .wrap-01 {
	background: url(../upload/2015winter/37/37_bg01.png) repeat-y top left;
	padding: 100px 20px 80px;
	position: relative;
	z-index: 9;
}
.no37 .wrap-02 {
	max-width: 900px;
	margin: 0 auto;
}
.no37 .inner {
	position: relative;
	background-color: #ffffff;
	border: 6px solid #063E3E;
	padding: 34px 60px 55px;
	border-radius: 4px;
}
.no37 .inner:before, .no37 .inner:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 7px;
	left: 5px;
	width: 50%;
	top: 80%;
	max-width: 400px;
	background: #777;
	box-shadow: 0 15px 10px #777;
	transform: rotate(-2deg);
}
.no37 .inner:after {
	transform: rotate(3deg);
	right: 5px;
	left: auto;
}
.no37 .tape {
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: -40px;
	margin-left: -114px;
	z-index: 999;
}
.no37 .box-01 {
	margin-top: 48px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	background: url(../upload/2015winter/37/37_bg.jpg) repeat-x bottom left;
}
.no37 .box-02 img {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
.no38 .box-01 {
	padding-top: 44px;
	background: url(../upload/2015winter/38/38_bg01.jpg) repeat-x top left;
}
.no38 .box-01 h3 {
	display: inline-block;
	background: url(../upload/2015winter/38/38_bg02.jpg) no-repeat bottom center;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.no39 .wrap-01 {
	padding-bottom: 90px;
	background-color: #F8F8F5;
}
.no39 .wrap-02 {
	max-width: 920px;
	margin: 0 auto;
	margin-top: -50px;
	padding-left: 10px;
	padding-right: 10px;
}
.no39 .wrap-02>i {
	display: block;
	width: 100%;
	height: auto;
}
.no39 .box-01 {
	position: relative;
	padding: 20px 70px 30px;
	background: url(../upload/2015winter/39/39_bgm.png) repeat-y top center;
	background-size: contain;
}
.no39 .box-02 {
	background: url(../upload/2015winter/39/39_bg01.jpg) no-repeat bottom center;
	background-size: contain;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.no39 .box-01 > h3 {
	margin-bottom: 35px;
}
.no39 .text-01 {
	margin-bottom: 50px;
}
.no39 .text-01.mb0 {
	margin-bottom: 0;
}
.no39 .abs-01 {
	position: absolute;
	top: -160px;
	right: 70px;
}
.no40 .wrap-01 {
	background-color: #F9F9F9;
	padding: 80px 34px;
	margin-bottom: 100px;
}
.no40 .inner-01 {
	background-color: #ffffff;
	padding: 33px 35px 50px;
}
.no45 .text-01 {
	padding-top: 70px;
	margin-bottom: 60px;
	width: 100%;
	background: url(../upload/2015winter/45/45_bg.jpg) no-repeat top left;
	background-size: contain;
	text-align: left;
}
.no45 .text-01 img {
	margin-left: 0;
}
.no45 .text-02 {
	padding-left: 30px;
	padding-right: 30px;
}
 @media (min-width: 1280px) {
}
@media (min-width: 1020px) {
.no22 .box-01 {
	margin-top: 45px;
}
.no22 .box-01:before {
	left: 15px;
	width: 374px;
}
.no22 .box-02 {
	margin-top: 0;
}
.no22 .box-02:before {
	right: 15px;
	width: 554px;
}
.no22 .box-03:before {
	width: 484px;
}
.no23 .box-02>div {
	padding: 120px 60px 60px;
}
.no23 .wrap-01 {
	margin-left: 30px;
}
.no23 .box-02 {
	margin-top: -100px;
	margin-left: -30px;
	position: relative;
	z-index: 9;
}
.no23 .box-02>div:before {
	margin-top: 57px;
	margin-left: 47px;
}
.no23 .box-04>div,  .no23 .box-06>div {
	padding-top: 55px;
	padding-bottom: 30px;
}
.no23 .box-03 {
	margin-left: 110px;
}
.no23 .box-04 {
	margin-top: 60px;
	margin-left: -110px;
}
.no23 .box-05 {
	margin-left: -110px;
}
.no23 .box-06 {
	margin-top: 60px;
	margin-left: 110px;
}
.no23 .box-04>div p,  .no23 .box-06>div p {
	padding-left: 50px;
	padding-right: 50px;
}
.no25 .box-02 {
	margin-top: 50px;
}
.no27 .wrap-01 {
	padding-left: 0;
	padding-right: 0;
}
.no27 .text-01 {
	margin-top: 120px;
	margin-left: -60px;
}
.no27 .text-r {
	margin-left: 60px;
}
.no27 .text-01 h3 {
	font-size: 23px;
}
.no27 .box-03 .text-01 h3 {
	font-size: 20px;
}
.no28 .text-05 {
	margin-top: -25px;
}
.no35 .box-01 {
	margin-top: -444px;
}
.no35 .box-01 {
	padding: 50px;
}
.no36 .mt01>div {
	margin-top: -220px;
}
.no36 .mt02>div {
	margin-top: -160px;
}
.no36 .mt03>div {
	margin-top: -110px;
}
.no36 .mt04>div {
	margin-top: -90px;
}
.no36 .mt05>div {
	margin-top: -80px;
}
.no36 .mt06>div {
	margin-top: -60px;
}
.no36 .mt07>div {
	margin-top: -120px;
}
.no36 .mt01>div {
	margin-top: -220px;
}
.no36 .ml-60 {
	margin-left: -60px;
}
}
@media (min-width: 768px) {
.no27 .text-r .img-01 img {
	margin-left: auto;
	margin-right: 0;
}
.no27 .text-01.text-r h3 {
	text-align: right;
}
.no27 .box-02 h3 {
	background-position: bottom right;
}
.no27 .box-04 h3 {
	background-position: bottom right;
}
.no27 .box-06 h3 {
	background-position: bottom right;
}
.no27 .text-02 {
	display: inline-block;
	width: 100%;
	text-align: right;
}
.no25 .inner-01 {
	padding: 45px 40px 15px;
}
}
 @media (max-width: 1279px) {
}
 @media (max-width: 1019px) {
.no39 .abs-01 {
	width: 160px;
	top: -110px;
	right: 40px;
}
}
 @media (max-width: 767px) {
.no22 h3 {
	font-size: 18px;
}
.no37 .tape {
	width: 160px;
	margin-top: -30px;
	margin-left: -80px;
}
.no37 .inner {
	padding: 34px 20px 55px;
}
.no37 .wrap-01 {
	padding: 70px 20px 80px;
}
.no39 .box-01 {
	padding: 20px 20px 30px;
}
.no39 .box-02 img {
	width: 186px;
}
.no39 .wrap-02 {
	margin-top: -10px;
}
.no39 .abs-01 {
	width: 80px;
	top: -54px;
	right: 20px;
}
.no28 .box-01 li {
	width: 100%;
}
.no28 .text-02 {
	padding-left: 2px;
	padding-right: 20px;
}
.no26 .text-01 {
	padding-left: 20px;
	padding-right: 20px;
}
}






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

音田CSS

================================================================== */
.no5 .box {
	padding: 40px 20px 20px;
	margin-bottom: 55px;
	border: 1px solid #DDD;
	position: relative;
}
.no5 .num {
	position: absolute;
	top: -30px;
	left: 20px;
	border-bottom: 1px solid #333;
}
.no5 .num span {
	display: block;
}
.no5 .num span.n1 {
	font-size: 12px;
	font-size: 1.2rem;
	font-family: "DIN Next W01 Italic";
	line-height: 1;
	padding-bottom: 5px;
}
.no5 .num span.n2 {
	font-size: 40px;
	font-size: 4rem;
	font-family: "DIN Next W01 Medium";
	line-height: 0.8;
	letter-spacing: -0.05em;
}
.no5 .yt {
	margin-bottom: 15px;
}
.no5 .txt {
	text-align: center;
	line-height: 1.4;
}
.no5 .txt dt {
	font-size: 18px;
	font-size: 1.8rem;
	font-family: "Brandon Grot W01 Bold";
	font-weight: normal;
	letter-spacing: 0;
}
.no5 .txt dd {
	font-size: 12px;
	font-size: 1.2rem;
	font-family: "Brandon Grot W01 Medium";
}
.no5 .yt2 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
}
.no6 .books {
	padding: 45px 0px 40px;
	border-top: 1px solid #333;
	position: relative;
}
.no6 .books .ttl {
	padding: 0px 20px 40px;
	background: url(../upload/2015winter/6/06_12.jpg) repeat-x left bottom;
}
.no6 .books .book {
	padding-bottom: 2px;
	background: url(../upload/2015winter/6/06_12.jpg) repeat-x left bottom;
}
.no6 .books .book .txt {
	padding-top: 50px;
}
.no6 .books .book .txt dt {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.4;
	padding-bottom: 8px;
}
.no6 .books .book .txt dd {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.4;
	padding-bottom: 35px;
}
.no6 .books .book .txt dd span {
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: normal;
}
@media (min-width: 768px) {
.no6 .books .outer {
	padding: 0px 85px;
}
}
.no7 .cap li {
	margin-bottom: 10px;
}
.no7 .cap li span {
	font-size: 18px;
	font-size: 1.8rem;
	font-family: "Brandon Grot W01 Bold";
	display: inline-block;
	margin-right: 8px;
	text-decoration: underline;
}
.no20 .box1 {
	position: relative;
}
.no20 .box1 .txt {
	font-weight: bold;
	margin-bottom: 50px;
}
.no20 .box2 {
	margin-bottom: 40px;
}
.no20 .box2 .txt2 {
	padding-top: 20px;
}
.no20 .box2 .txt3 {
	padding-top: 20px;
}
.no20 .box3 {
	margin-bottom: 20px;
}
@media (min-width: 768px) {
.no20 .box1 .txt {
	margin-top: -120px;
	margin-bottom: 80px;
}
.no20 .box2 {
	margin-bottom: 50px;
}
.no20 .box2 .txt2 {
	padding-top: 40px;
	padding-right: 40px;
}
.no20 .box2 .txt3 {
	padding-top: 40px;
	padding-left: 40px;
}
.no20 .box3 {
	margin-bottom: 40px;
}
}
 @media (min-width: 1020px) {
.no20 .box1 .txt {
	margin-top: -160px;
	margin-bottom: 120px;
}
.no20 .box2 {
	margin-bottom: 120px;
}
.no20 .box3 {
	margin-bottom: 60px;
}
}
.no21 .box {
	background: #BAC1C1;
	padding: 45px 65px;
	margin-bottom: 5px;
}
 @media (max-width: 767px) {
.no21 .box {
	padding: 15px;
}
}
 @media (min-width: 1020px) {
.no30 .txt {
	padding-top: 40px;
}
}
.no31 .slider-box {
	position: relative;
	margin-bottom: 60px;
}
.no31 .slider-box #bx-pager {
	width: 360px;
	position: absolute;
	z-index: 100;
	bottom: 30px;
	left: 50%;
	border: 1px solid #333;
	background: #333;
	margin-left: -180px;
}
@media (max-width: 767px) {
.no31 .slider-box #bx-pager {
	width: 240px;
	margin-left: -120px;
}
}
.no31 .slider-box #bx-pager a {
	width: 33.33333333333%;
	float: left;
	text-align: center;
	display: block;
	background: #FFF;
	color: #333;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: "Brandon Grot W01 Bold";
	line-height: 40px;
	letter-spacing: 0.1em;
	border-left: 1px solid #333;
	cursor: pointer!important;
}
.no31 .slider-box #bx-pager a:first-child {
	border: none;
}
.no31 .slider-box #bx-pager a:hover {
	text-decoration: none;
	background: #888;
	color: #FFF;
}
.no31 .slider-box #bx-pager a.active {
	text-decoration: none;
	background: #333;
	color: #FFF;
}
.no31 .box {
	background: #DBD9CB;
	padding: 5px;
	margin-bottom: 50px;
}
.no31 .box .blc {
	background: #FFF;
	margin: 5px;
	padding: 15px;
}
.no31 .box .txt {
	padding: 30px 40px;
	min-height: 280px;
}
.no31 .box .txt .credit {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	font-style: italic;
	margin-top: 20px;
}
.no31 .box .txt .credit li {
	padding-bottom: 5px;
	margin-bottom: 5px;
	position: relative;
	display: inline-block;
}
.no31 .box .txt .credit li:after {
	z-index: 1;
	border-top: 2px solid #333;
	position: absolute;
	width: 100%;
	content: "";
	bottom: 0px;
	left: 0;
}
.no31 .box .txt2 dl {
	text-align: center;
	padding: 0 25px;
}
.no31 .box .txt2 dt {
	margin: 40px 00px 30px;
}
.no31 .box .txt2 dd {
	margin-bottom: 30px;
	font-weight: bold;
}
@media (max-width: 767px) {
.no31 .box .txt {
	padding: 15px 15px;
	min-height: auto;
}
.no31 .box .txt .credit {
	margin-top: 0px;
}
}





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

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



@media (max-width: 1279px) {
}
 @media (max-width: 1019px) {
}
 @media (max-width: 767px) {
}