﻿/*-----------------------------------------------------	*/
/*	FURISODE TOP					*/
/*-----------------------------------------------------	*/
.fnav{
	width: 100%;
	background: #fff;
	border-bottom: #d4d4d4 solid 1px;
	position: relative;
    z-index: 2;
    text-align:center;
}
.fnav ul{
	width: 980px;
	margin: 0 auto;
	display: table;
	border-left: #d4d4d4 solid 1px;
}
.fnav li{
	display: table-cell;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	font-family: 'ヒラギノ明朝 Pro','Hiragino Mincho Pro','ＭＳ 明朝','MS Mincho','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.fnav li a{
	display: block;
	padding: 12px 0;
	border-right: #d4d4d4 solid 1px;
}
.fnav li a:hover,
.fnav li a.current{
	text-decoration: none;
	background: #dadada;
}

#furisode .section-main{
	width: 470px;
	min-height: 163px;
	float: left;
	margin: 0 0 25px;
	overflow: hidden;
	background: url(../images/furisode/furisodetop_case1_bg.gif) repeat left 0;
}
#furisode .section-main:nth-child(2n){
	float: right;
}
#furisode .section-main#case01{
	background-image:  url(../images/furisode/furisodetop_case1_bg.gif);
}
#furisode .section-main#case02{
	background-image:  url(../images/furisode/furisodetop_case2_bg.gif);
}
#furisode .section-main#case03{
	background-image:  url(../images/furisode/furisodetop_case3_bg.gif);
}
#furisode .section-main#case04{
	background-image:  url(../images/furisode/furisodetop_case4_bg.gif);
}
#furisode .section-main a{
	position: relative;
	display: block;
	padding: 5px 0 0;
	width: 100%;
}
#furisode .section-main a:hover{
	text-decoration: none;
}
#furisode .section-main h1{
	margin: 0 0 5px;
	padding: 0 0 0 8px;
	height:38px;
}
#furisode .section-main .txtarea{
	padding:0 10px;
	min-height: 114px;
}
#furisode .section-main#case01 .txtarea{background: rgba(163,6,68,0.2);}
#furisode .section-main#case02 .txtarea{background: rgba(28,125,0,0.2);}
#furisode .section-main#case03 .txtarea{background: rgba(1,69,132,0.2);}
#furisode .section-main#case04 .txtarea{background: rgba(134,116,0,0.2);}

#furisode .section-main .txtarea p{
	width: 270px;
	padding: 10px 0 5px 5px;
	font-size: 13px;
	font-size: 1.3rem;
	color: #fff;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.6);
}
#furisode .section-main .imgarea{
	position: absolute;
	top: 5px;
	right: 5px;
}

.shadow{
	-webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.3);
}
.bnrlist{
	margin: 0 0 0 -25px;
	padding: 5px 0 0;
	overflow: hidden;
	width: 1021px;
}
.bnrlist > section{
	float: left;
	margin: 0 20px 30px;
}
.furi-section2{
	width: 637px;
}
.furi-section{
	width: 300px;
}
.furi-section2 h1,
.furi-section h1 {
    margin: 0 0 8px;
}


/*-----------------------------------------------------	*/
/*	FURISODE					*/
/*-----------------------------------------------------	*/
#furisode #contents{
	padding:20px 0;
}
.under-contents{
	padding: 0 0 20px;
}
#furisode .title-box{
	margin: 0 0 30px;
	padding: 16px 0 0 45px;
	background: url(../images/furisode/icon_title.jpg) no-repeat left 0;
}
#furisode .title-box h1{
	margin: 0 0 10px;
}
.photolist {
	padding: 3px;
	margin: 0 0 20px;
}
.photolist ul{
	text-align: left;
}
.photolist li{
	display: inline-block;
	margin: 0 6px 12px 0;
}
.photolist img{
	-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.3) ;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.3) ;
}

.blandname-sec{
	overflow: hidden;
	margin: 0 0 40px;
}
.blandname-sec h1{
	margin: 0 0 8px;
	padding: 15px 0 15px 34px;
	background: url(../images/furisode/icon_subtitle1.jpg) no-repeat left 0;
}
.bland{
	width:594px;
	float: left;
}
.tradition{
	width:330px;
	float: right;
}
.tradition h1{
	background-image: url(../images/furisode/icon_subtitle2.jpg);

}
.box1{
	min-height: 254px;
	padding: 20px 24px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
	box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
	background: url(../images/contents_bg.jpg) repeat;
}
.bland .list{
	overflow:hidden;
}
.list li{
	width: 164px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 11px;
	padding: 0 0 0 16px;
	background: url(../images/icon_flower1.gif) no-repeat left 0.3em;
}
.list li span{
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
}
.bland .list li{
	float: left;
}
.tradition .list li{
	background-image: url(../images/icon_flower2.gif);
}
.backimg img{
	position: relative;
	z-index: -1;
}
.backimg {
	position: relative;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.6) inset;
	box-shadow: 0 0 5px rgba(0,0,0,0.6) inset;
}

/*-----------------------------------------------------	*/
/*	CASE					*/
/*-----------------------------------------------------	*/
#furisode.case .case-section p{
	font-size: 18px;
	font-size: 1.8rem;

}
.bnronelist{
	margin-bottom: 25px;
}
.casebtn-section{
	width: 767px;
	margin: 0 auto;
}
.case-section{
	margin-bottom: 25px;
	padding-bottom: 25px;
	background: url(../images/furisode/case/case_sec1_main_bg.jpg) repeat 0 0;
}
#sec1.case-section{
	background-image: url(../images/furisode/case/case_sec1_main_bg.jpg);
}
#sec2.case-section{
	background-image: url(../images/furisode/case/case_sec2_main_bg.jpg);
}
#sec3.case-section{
	background-image: url(../images/furisode/case/case_sec3_main_bg.jpg);
}
#sec4.case-section{
	background-image: url(../images/furisode/case/case_sec4_main_bg.jpg);
}
.case-title{
	height: 66px;
	background: url(../images/furisode/case/case_sec1_title_bg.jpg) repeat-x 0 0;
}
#sec1 .case-title{
	background-image: url(../images/furisode/case/case_sec1_title_bg.jpg) ;
}
#sec2 .case-title{
	background-image: url(../images/furisode/case/case_sec2_title_bg.jpg) ;
}
#sec3 .case-title{
	background-image: url(../images/furisode/case/case_sec3_title_bg.jpg) ;
}
#sec4 .case-title{
	background-image: url(../images/furisode/case/case_sec4_title_bg.jpg) ;
}
.case-title h1{
	padding: 13px 0 0 15px;
}
.qustion-area{
	padding: 20px 0 0;
}
.case-person{
	float: left;
	margin-left: 4%;
}
.blow-area{
	position: relative;
}
.blow-area li{
	position: absolute;
}

.mino-area{
	position: relative;
	z-index: 1;
	border:#938f6e solid 1px;
	background: #fbf0c8;
	padding: 1px;
	width: 94.69%;
	margin: 0 auto 35px;
}
.mino-area .inner{
	border:#a49f89 solid 1px;
	background: url(../images/furisode/case/case_mino_main_bg.jpg) repeat 0 0;
	border-top: none;
}
.mino-area h2{
	text-align: center;
	height: 47px;
	line-height: 3.1;
	background: url(../images/furisode/case/case_mino_title_bg.jpg) repeat-x 0 0;
}
.mino-area .txt-area{
	padding: 20px 25px 50px;
}
.case-arrow{
	position: relative;
}
.case-arrow img{
	position: absolute;
	top: -34px;
	left: 50%;
	margin-left: -125px;
}

.mino-detail-area{
	position: relative;
	border:#938f6e solid 1px;
	background: #f1e59d;
	padding: 1px;
	width: 94.69%;
	margin: 0 auto;
}
.mino-detail-area .inner{
	border:#9e976f solid 1px;
	background: url(../images/furisode/case/case_mino_main2_bg.jpg) repeat 0 0;
	padding: 60px 0 0;
}
.mino-detail-area .lead{
	position: absolute;
	top: -34px;
	left: 10px;
}
.case-box{
	width: 94.69%;
	margin: 0 auto 30px;
}
.case-box h3{
	text-align: center;
	margin-bottom: 30px;
}
.first-txt{
	text-align: center;
	margin-bottom: 10px;
}
/* sec1 */
#sec1 .blow-area{
	height: 195px;
}
#sec1 .blow1{
	left: 21%;
}
#sec1 .blow2{
	left: 52%;
	top: 50%;
}
.sec1-img{
	text-align: center;
	margin-bottom: 15px;
}
#furisode.case .sec1-img img{
	border:#e6cc9b solid 25px;
	width: 92%;
}
#sec1 .case-inbox{
}
#sec1 .case-inbox .txt{
	width: 54.09%;
	margin-left: 10px;
}
#sec1 .case-inbox .img{
	width: 41.81%;
	margin-right: 10px;
}
.btm-line{
	background: url(../images/furisode/case/case_mino_main2_line.gif) no-repeat center bottom;
	padding-bottom: 20px;
}

/* sec2 */
#sec2 .blow-area{
	height: 186px;
}
#sec2 .blow1{
	left: 21%;
}
#sec2 .blow2{
	left: 52%;
	top: 40%;
}
.sec2-img{
	text-align: center;
	padding: 25px 0;
	margin-bottom: 15px;
	background: #e6cc9b;
}
#furisode.case #sec2 .sec2-img img{
}
.sec2-img img{
	/*border:#e6cc9b solid 25px;*/
}
#sec2 .case-inbox {
	margin-bottom: 30px;
}
#sec2 .case-inbox .txt{
	width: 49%;
	margin-left: 10px;
}
#sec2 .case-inbox .img{
	width: 47.90%;
	margin-right: 10px;
}

/* sec3 */
#sec3 .case-person {
    margin-left: 8%;
}
#sec3 .blow-area{
	height: 194px;
}
#sec3 .blow1{
	left: 21%;
	top: 10%;
}
.sec3-img{
	padding: 25px;
	background: #e6cc9b;
}
.sec3-img li{
	float: left;
}
.sec3-arrow{
	padding-right: 30px;
	background: url(../images/furisode/case/case_sec3_arrow.gif) no-repeat right center;
}

/* sec4 */
#sec4 .case-person {
    margin-left: 8%;
}
#sec4 .blow-area{
	height: 184px;
}
#sec4 .blow1{
	left: 24%;
	top: 10%;
}
#sec4 .case-inbox{}
#sec4 .case-inbox .txt{
}
#sec4 .case-inbox .sec4-img{
	float: right;
	padding-left: 3%;
}
#ac-wrap{
	width: 93.21%;
	margin: 0 auto 30px;
	background: url(../images/furisode/case/case_sec4_boxbg.gif) repeat-y left 0;
	background-size: 100%;
}
#ac-wrap .age-ceremony{
	background: url(../images/furisode/case/case_sec4_boxbg_top.gif) no-repeat left 0;
	background-size: 100%;
}
#ac-wrap .ac-inner{
	padding: 0 8% 5%;
	background: url(../images/furisode/case/case_sec4_boxbg_btm.gif) no-repeat left bottom;
	background-size: 100%;
}
#ac-wrap h3{
	text-align: center;
	padding: 20px 0 0;
}
.sec4-pimg{
	float: right;
	margin:0 -20px 3px 0;
}

/*-----------------------------------------------------	*/
/*	for - 979px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 979px) {
	/* furosde top */
	.fnav{
		text-align:center;
	}
	.fnav ul{
		width: 98%;
	}
	.fnav li{
		font-size: 12px;
		font-size: 1.2rem;
	}
	#furisode .section-main{
		width: 49%;
	}
	#furisode .section-main .txtarea p{
		width: 70%;
		padding-left:0;
	}
	#furisode .section-main .imgarea{
		width: 25%;
	}
	#furisode .bnrlist{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	#furisode .furi-section,
	#furisode .furi-section2{
		display: inline-block;
		float: none;
		margin-bottom: 15px;
		min-height: auto;
		vertical-align: top;
		text-align: left;
	}
	/* furosde  */
	.photolist ul{
		text-align: center;
	}
	.under-contents{
		padding: 0 14px 20px;
	}
	.bland{
		width:100%;
		float: none;
		margin: 0 0 20px;
	}
	.tradition{
		width:100%;
		float: none;
	}
	.box1{
		min-height: 0;
	}

	/*case*/
	/*sec2*/
	#furisode.case #sec2 .sec2-img img{
		width: 92%;
	}
	/*sec3*/
	.sec3-img{
		padding: 15px;
	}
	.sec3-img li{
		padding-bottom: 10px;
	}



}


/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 767px) {
	#furisode .section-main{
		min-height: 165px;
	}
	#furisode .section-main .txtarea{
		min-height: 130px;
	}
	#furisode .section-main h1{
		width:100px;
	}
	/* furosde top */
	.fnav{
		border: none;
	}
	.fnav ul{
		overflow: hidden;
		text-align:center;
		width:100%;
	}
	.fnav li{
		display: block;
		float: left;
		width: 50%;
		font-size: 13px;
		font-size: 1.3rem;
		border-bottom: #d4d4d4 solid 1px;
	}
	#furisode .section-main .txtarea p{
		width: 100%;
	}
	#furisode .section-main .imgarea{
		display: none;
	}
	#furisode .furi-section2{
		width: 88%;
	}
	#furisode .furi-section{
		width: 41%;
		margin: 15px 15px;
	}
	/* case  */
	.casebtn-section{
		width: 100%;
	}
	/* sec1 */
	.case #sec1 .blow2{
		left: 49%;
	}
	/* sec2 */
	.case #sec2 .blow1 {
	    left: 25%;
	}
	.case #sec2 .blow2 {
	    left: 43%;
	}
	/* sec3 */
	#furisode.case #sec3 .case-person{
		margin-left: 5%;
	}
	.case #sec3 .blow1 {
		width: 74%;
		 left: 23%;
	}
	/* sec4 */
	#furisode.case #sec4 .case-person{
		margin-left: 4%;
	}
	.case #sec4 .blow1 {
		 left: 28%;
	}
	#furisode.case #sec4 .case-inbox .sec4-img{
		width: 50%;
	}
	#furisode.case #sec4 .sec4-pimg{
		width: 60%;
	}
}


/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 479px) {
	#furisode .section-main{
		min-height: 229px;
	}
	#furisode .section-main .txtarea{
		min-height: 180px;
	}
	#furisode .furi-section{
		margin: 10px 10px;
	}
	#furisode .title-box{
		margin: 0 0 15px;
	}
	.photolist li{
		width: 134px;
	}

	/* case */
	#furisode.case .case-title h1{
		padding-top: 18px;
	}
	#furisode.case .case-title h1 img{
		width: 46%;
	}
	#furisode.case .case-box h3{
		margin-bottom: 15px;
	}
	#furisode.case .case-section .case-person{
		text-align: center;
		margin-left: 0;
		width: 100%;
	}
	#furisode.case .case-section .blow1,
	#furisode.case .case-section .blow2{
		left: 0;
		width: 100%;
		text-align: center;
	}
	#furisode.case .case-section .blow1 img,
	#furisode.case .case-section .blow2 img{
		width: 96%;
	}
	#furisode.case .case-arrow{
		width: 50%;
	}
	#furisode.case .case-arrow img{
		margin-left: 0px;
		top: -16px;
	}
	#furisode.case .mino-detail-area {
		z-index: 1;
	}
	.mino-detail-area .inner {
		padding-top: 40px;
	}
	#furisode.case .mino-detail-area .lead{
		width: 36%;
		left: -28px;
		top: -60px;
	}
	#furisode.case .case-section {
	    padding-bottom:3%;
	}
	#furisode.case .mino-area .txt-area {
	    padding: 10px 5% 30px;
	}
	/* sec1 */
	#furisode.case #sec1 .case-person{
		margin-top: 46%;
		text-align: center;
	}
	#furisode.case #sec1 .blow2{
		top: 0;
		left: 0;
		margin-top: 26%;
	}
	#furisode.case .sec1-img img{
		border-width: 10px;
	}
	#furisode.case #sec1 .case-inbox .txt{
		width: 100%;
		float: none;
		margin-left: 0;
	}
	#furisode.case #sec1 .case-inbox .img{
		width: 100%;
		float: none;
	}
	/* sec2 */
	#furisode.case #sec2 .case-person{
		margin-top: 46%;
		text-align: center;
	}
	#furisode.case #sec2 .sec2-img{
		padding: 5% 0;
	}
	#furisode.case #sec2 .case-inbox .txt {
	    margin-left: 0;
	    width: 100%;
	}
	#furisode.case #sec2 .case-inbox .img{
		width: 100%;
		float: none;
	}
	/* sec3 */
	#furisode.case #sec3 .blow1 {
	    top: 0;
		width:100%;
	}
	#furisode.case #sec3 .case-person{
		margin-top: 20%;
		text-align: center;
	}
	#furisode.case .sec3-img li{
		background: none;
		text-align: center;
		float: none;
		padding: 0 0 10px;
	}
	/* sec4 */
	#furisode.case #sec4 .blow1 {
	    top: 0;
	}
	#furisode.case #sec4 .case-person{
		margin-top: 26%;
		text-align: center;
	}
	#furisode.case #sec4 .case-inbox .txt{
		float: none;
		width: 100%;
	}
	#furisode.case #sec4 .case-inbox .sec4-img{
		float: none;
		width: 100%;
		padding: 0;
	}
	#furisode.case #ac-wrap .sec4-pimg{
		float: none;
		display: block;
		width: 100%;
	}
	#furisode.case .ac-inner{
		padding-bottom: 10%;
	}




}






