/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#header,
#contents,
section,
.box_layout01,
.box_column01,
.list_inline01
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#header:after,
#contents:after,
section:after,
.box_layout01:after,
.box_column01:after,
.list_inline01:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
a {
  color: #79c34f;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover {
  text-decoration: none !important;
  color: #ad9454 !important;
}

p {
	font-weight: 300;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-size: 1.3em;
	line-height:2;
	margin:0.5em 0 1em 0;
}
ul{padding-left: 1.5em;}
li {
	font-weight: 300;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-size: 1.4em;
	line-height:1.4;
	margin:0.5em 0 0.5em 0;
}
@media screen and (max-width: 769px) {
	p,li{
		font-size: 1.15em;
		line-height:1,6;
	}
}
h1, h2, h3, h4, h5, h6 {
  color: #000;
  font-family: 'Sawarabi Mincho', sans-serif;
  font-weight: 500;
  margin: 0 0 30px 0;
}

img {
	vertical-align: top;
	border:none;
}
@media screen and (max-width: 769px) {
	img {
		max-width: 100%;
		height: auto;
	}
}
.gold{
	/* color:#ad9454; */
}

/* !Layout---------------------------------------------------------- */
html {
    overflow-y: scroll;
}
@media print {
	html,
	html body { *zoom: 0.65;}
}
body {
	font-family: 'Sawarabi Mincho', sans-serif;
	line-height: 1.5;
	background: #fff;
	color: #333333;
	font-weight: 300;
	overflow-x: hidden;
	padding:0;
	background:url(../images/header_bg.jpg);

}
@media screen and (max-width: 769px) {
	html{
	}
	body {
		position:relative;
		right: 0;
	}
}


header{
	text-align:center;
	width:1080px;
	margin:0 auto;
}
#main{
	width:1080px;
	margin:0 auto;
	margin-top:30px;
}
#main section,
#main nav{

}
#main section{

}
.container{
	width:100%;
}
#main nav{

}
footer{
	width:100%;
}
footer .f_wrap{
	margin-bottom: 30px;
}

@media screen and (max-width: 769px) {
	header,#main{
		width: 100%;
		padding: 0% 2%;
		margin:0 auto;
		border-left: none;
		border-right: none;
	}
	#main section,
	#main nav{
		float:none;
	}
	#main section{
		width:100%;
		padding-right:0;
	}
	#main nav{
		display:none;
	}
	footer .f_wrap{
		width:100%;
	}
}

@media screen and (min-width: 770px) and (max-width: 1024px){
	header{
		width:98%;
		padding:0 1%;
	}
	#main{
		width:98%;
		padding:0 1%;
	}
	footer .f_wrap{
		width:100%;
	}
}
/* !SPmenu---------------------------------------------------------- */
#SPmenu,#SpmenuB{
	display:none;
	overflow: scroll;
}
#TOPLINK{
	/*display: none;*/
}
@media screen and (max-width: 769px) {
	#TOPLINK{
		display: block;
	}
	#SPmenu h4{
		color:#fff;
		font-size:14px;
		background-color: #e56a46;
		padding: 17px 0;
		margin-bottom: 0;
	}
	#SpmenuB{
		display:block;
	}
	#SPmenu{
		display: none;
		position: fixed;
		left:0;
		width: 100%;
		height: 100%;
		overflow-y:auto;
		background: rgba(102,102,102,0.7);
		z-index: 99;
	}

div#SPmenu {}
	#SPmenu ul{
		list-style:none;
		padding:0;
	}
	#SPmenu ul li{
		border-bottom:1px solid #d3ccaf;
		text-align: left;
		background-color:#fff;
		margin:0;
	}
	#SPmenu ul li.current{
		background-image:none;
		background-color:#f1f1f1;
	}
	#SPmenu ul li a{
		display:block;
		background-position:10px center;
		background-repeat: no-repeat;
		padding:15px 0 12px 10px;
	}
	#SPmenu ul li a span{
		display:block;
		color:#e56b8c;
	}
	#SPmenu ul.SPut{
		margin:20px auto;
		overflow:hidden;
	}
	#SPmenu ul.SPut li{
		float:left;
		width:46%;
		border-bottom:none;
		margin:0 2%;
	}
	#SPmenu ul.SPut li a{
		padding:0;
		text-align:center;
		background-color:#ffce58;
		border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    color:#fff;
	    font-size:12px;
	}
	.SpmenuB {
		position: absolute;
		top: 10px;
		left: 10px;
		display: block;
		margin: 0;
		padding: 0;
		width: 40px;
		height: 35px;
		border: none;
		border-radius: 0;
		background: none;
		appearance: none;
		z-index: 100;
	}
	.SpmenuB span {
		position: absolute;
		top: 16px;
		left: 5px;
		width: 30px;
		height: 2px;
		background-color: #000;
		transition: all .3s ease;
	}
	.SpmenuB:before {
		content: "";
		position: absolute;
		top: 6px;
		left: 5px;
		width: 30px;
		height: 2px;
		background-color: #000;
		transition: all .3s ease;
	}
	.SpmenuB:after {
		content: "";
		position: absolute;
		top: 26px;
		left: 5px;
		width: 30px;
		height: 2px;
		background-color: #000;
		transition: all .3s ease;
	}

	.open .SpmenuB span {
		opacity: 0;
	}

	.open .SpmenuB:before {
		margin-top: 12px;
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	.open .SpmenuB:after {
		margin-top: -8px;
		-webkit-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
}
/* !MainNav---------------------------------------------------------- */
.breadcrumb > .active {
    color: #666 !important;
}
.breadcrumb {
    padding: 0px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
}
.breadcrumb li{
	vertical-align: middle;
}
.breadcrumb > li + li:before {
	font-family: 'Glyphicons Halflings';
    content: "\e258 ";
    padding: 0 5px;
    color: #555;
}
@media screen and (max-width: 769px) {
	.breadcrumb {
	    margin: 10px 0;
	    font-size:11px;
	}
	.breadcrumb > li + li:before {
	    padding: 0 3px;
	}
}
nav .mainMenu{
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
	border:1px solid #d3ccaf;
}
nav .mainMenu li{
	margin:0;
	padding:0;
	border-bottom:1px solid #d3ccaf;
	background:url('../images/sidenav_bg.gif') 0 0 repeat-x;
}
nav .mainMenu li.current{
	background-image:none;
	background-color:#fae1e8;
}
nav .mainMenu li:last-child{
	border-bottom:none;
}
nav .mainMenu li a{
	padding:18px 0 14px 18px;
	display:block;
	background:url('../images/sidenav_alow.gif') 96% center no-repeat;
}
nav .mainMenu li.current a{
	background-image:none;
}
nav .mainMenu li a span{
	display:block;
	color:#e56b8c;
}

nav .subMenu{
	list-style:none;
	margin:0;
	padding:0;
}
nav .subMenu li{
	background:url('../images/subnav_allow.gif') 0 center no-repeat;
	padding-left:15px;
	margin-bottom:6px;
}
/* !MainParts---------------------------------------------------------- */
article.SecondPage{
background-color: #fff;
padding: 20px 20px 40px 20px;
}
h1{
	display: none;
    padding:0;
    margin:0;
}

h1 span.small{
	font-size:0.4em;
    vertical-align: middle;
    margin-left:25px;
}
h1 a{
	color:#000 !important;
	text-decoration: none !important;
}
h1 a:hover{
	color:#000 !important;
}

@media screen and (max-width: 768px) {
	h1{
	    font-size:1em;
        padding:13px 0px 20px 55px;
	}
	h1 span.small{
		display:block;
	    margin-left:0px;
		padding-top:5px;
	}
}
@media screen and (min-width: 770px) and (max-width: 1024px){
	h1 span.small{
		width:98%;
		padding:0 1%;
	}
}


.mainImgwrap {
    /* min-width: 100%; */
    height: 340px;
    padding-top: 44%;
    margin: 0;
    text-align: center;
    background: url(../images/topimg.png) no-repeat center;
    background-size: cover;
    background-color: white;
}

.mainImgwrap.secondPage.Rental{
	padding-top: 0;
	background: url(../images/furisode_ushirosugata.png) 0 0 no-repeat;
}
.mainImgwrap.secondPage.Design{
	padding-top: 0;
	background: url(../images/top_design.png) 0 0 no-repeat;
}
.mainImgwrap.secondPage.Color{
	padding-top: 0;
	background: url(../images/furisodecolor.png) 0 0 no-repeat;
}
.mainImgwrap.secondPage.Difference{
	padding-top: 0;
	background: url(../images/furisode_kijikakaku.png) 0 0 no-repeat;
}

.mainImgwrap.secondPage{
	background-size: cover !important;
	position:relative;
	height: 500px;
}

.description{
    background:url(../images/bg01.jpg) repeat-y;
    font-size: 2em;
    padding: 20px;
    line-height: 1.4;
    color: #000;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin:0; 
}

.mainImgwrap img {
	display: none;
}
.bgIMG{
	border: 1px solid #000;
	padding: 20px;
	background-color: #fff;
}
@media screen and (max-width: 768px) {
	.mainImgwrap,.mainImgwrap.secondPage{
		width: auto;
		height: auto;
		background: none;
		padding-top:0;
	}
	.mainImgwrap.secondPage{
		width: auto;
		height: 160px;
		background: none;
		padding-top:0;
	}
	.mainImgwrap img,.mainImgwrap.secondPage img{
		display: block;
		width:100%;
		padding: 0;
	    margin: 0;
	}
	.description{
		font-size: 1.0em;
		padding: 5px;
		margin-left: 0;
		height: auto;
		margin-top: 85px;
	}
}
#main img {
    max-width: 100%;
    width: 100%;
    height: auto;
    vertical-align: top;
}

ol#IND{
  padding: 0.5em 0.5em 0.5em 4em;/*ボックス内の余白*/
}

ol#IND li{
  line-height: 1.5;
  padding: 0.5em 0;
}

ol#IND li ul{
	padding-left: 25px;
}
ol#IND li ul li{
	font-size:1em;
	padding-left: 0px;
	list-style-type: disc;
}

h2{
	font-size:2.0em;
	margin:3em 0 0px 0;
	line-height: 1.4;
	border-bottom: 1px solid #413023;
	border-top: 2px solid #413023;
	padding: 0.5em 0;
	text-align: center;
}


h2.Inside{
	font-size:2em;
}
@media screen and (max-width: 769px) {
	h2{
		margin-top:20px;
		font-size:1.7em;
		line-height: 1.5;
		text-align: left;
	}
}

.Ranking{
	position:relative;
	padding:3px;
	margin:50px 0 0 0;
}

.Ranking .rankWrap{
	padding:10px 20px 40px 20px;
	margin-top: 0px;
	background-color: #fff;
}

.medal{
background-color: #fff; /* 背景色 */
color: #000;
padding: 10px; /* 余白 */
position: relative;
font-size: 1.5em;
}
.medal:after{
 background: repeating-linear-gradient(-45deg, #f0b8bf, #f0b8bf 5px, #ff7c94 0, #ff7c94 10px); /* ストライプ */
 content: '';
 height: 5px; /* ストライプの高さ */
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 z-index: 1;
}
.medalFirst{

}
.medalSecond{
    background:url(../images/2nd.png) 0 0 no-repeat;
    background-size: contain;
}
.medalthird{
    background:url(../images/3rd.png) 0 0 no-repeat;
    background-size: contain;
}
.medalother{
    background:url(../images/4th.png) 0 0 no-repeat;
    background-size: contain;
}

@media screen and (max-width: 768px) {
	.medal{
	    font-size: 1.2em;
	}
	.Ranking .rankWrap{
		padding:10px;
	}
	.Ranking .rankWrap .ftBox{
		padding-left: 0 !important;
	}
	.Ranking .rankWrap .box_layout01{
		margin-top: 10px !important;
		margin-bottom: 0px !important;
	}
	.Ranking .rankWrap .flImgR.w450{
		display: block;
		margin-bottom: 30px;
	}
}

h3{
	font-size: 3em;
	padding-bottom:10px;
	margin: 0px 0 0px 0;
}
h3.Check{
	position: relative;
	color:#665344;
	font-size: 1.8em;
	margin-bottom: 0;
	padding: 5px 0px 10px 19px;
	line-height: 1.5;
}
h3.Check:before {/*疑似要素*/
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	position: absolute;
	left: 2px; /*左端からのアイコンまで*/
	top: 1px;
	color: #e56a46; /*アイコン色*/
	font-weight: bold;
	font-size: 1.2em;
}
h3.Inside{
 color: #dd6a7a; /* 文字色 */
 padding: 5px 5px 5px 30px; /* 上・右・下・左の余白 */
 position: relative;
 font-size: 1.9em;
}
h3.Inside:before{
 background-color: #ef858c; /* 左側の線の色 */
 border-radius: 5px;
 content: '';
 position: absolute;
 top: 0;
 left: 3px; /* 左端からの位置 */
 width: 5px; /* 左側の線の幅 */
 height: 100%;
}
h3.Inside:after{
 background-color: #f3cbd0; /* 右側の線の色 */
 border-radius: 5px;
 content: '';
 position: absolute;
 top: 0;
 left: 12px; /* 左端からの位置 */
 width: 5px; /* 右側の線の幅 */
 height: 100%;
}
h3.TopH3{
 color: #fff; /* 文字色 */
 padding: 5px 10px; /* 上下・左右の余白 */
 position: relative;
 text-shadow: -1px -1px 1px #e18692, 1px -1px 1px #e18692, -1px 1px 1px #e18692, 1px 1px 1px #e18692; /* 文字の縁取り */
 z-index: 0;
}
h3.TopH3:before{
 background: repeating-linear-gradient(45deg, #f5d5da, #f5d5da 4px, #ff7c94 0, #ff7c94 7px); /* 斜めボーダー */
 content: '';
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: -2;
}
h3.TopH3:after{
 background: linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,.1)); /* 白いグラデーション */
 content: '';
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: -1;	
}
@media screen and (max-width: 769px) {
	h3.TopH3{
		font-size: 1.8em;
	}
}
h4{
 color: #ff99ac; /* 文字色 */
 padding: 13px 10px 10px 45px; /* 上・右・下・左の余白 */
 position: relative;
 font-size: 1.8em;
}
h4:before{
 background-image: linear-gradient(180deg, #ff9a8b 0%, #ff6a88 55%, #ff99ac 100%); /* 円のグラデーション */
 border-radius: 50%;
 content: '';
 display: block;
 position: absolute;
 top: 10px;
 left: 5px;
 width: 30px; /* 円の幅 */
 height: 30px; /* 円の高さ */
}
h4:after{
 background-color: #fff; /* 白抜き円 */
 border-radius: 50%;
 content: '';
 display: block;
 position: absolute;
 top: 15px;
 left: 10px;
 width: 20px; /* 白抜き円の幅 */
 height: 20px; /* 白抜き円の高さ */
}
.button{
	text-align: center;
	margin: 70px auto 0 auto;
}
@media screen and (max-width: 769px) {
	.button{
		text-align: center;
		margin: 30px auto 20px auto;
	}
}
.box{
	padding: 20px;
	border: 1px dotted #aaa;
}
.box_layout01 {

}
	.box_layout01 figure.flImgL,
	.box_layout01 figure.flImgR {
		
	}
@media screen and (max-width: 768px) {
	.box_layout01 {
	}
	.box_layout01 figure.flImgL,
	.box_layout01 figure.flImgR {
		float: none;
		margin: 0;
		width: auto;
	}
	.box_layout01 figure.layoutExchange {
		display: table-footer-group;
	}
	.box_layout01 figure.layoutExchange + * {
		display: table-header-group;
	}

	.h4{
		background-position:180px 0;
	}
}
.flImgR {
    display: inline;
    float: right;
    margin-left: 20px;
}
.ftBox {
    overflow: hidden;
}
.shopLink{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:1.2% 3%;
	background-color: #47372b;
	border-style: none;
	color:#fff;
	font-size: 20px;
}
a.shopLink:hover{
	color:#fff !important;
	border-radius: 50px;
	transition: all 0.2s linear;
}

.siteLink{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:1.2% 5%;
	background-color:#ff7c94;
	border-style: none;
	color:#fff;
	font-size: 20px;
}
@media screen and (max-width: 768px) {
	.shopLink,.siteLink {
		font-size: 16px;
	}
	.siteLink{
	    display: block;
	}
}
a.siteLink:hover{
	background-color:#f65f7a;
	color:#fff !important;
	border-radius: 50px;
	transition: all 0.2s linear;
}
li.current a{
	color:#ad9454 !important;
}
@media screen and (max-width: 768px) {
	.ThreeDivWrap div{
		width: 24% !important;
	}
	.ThreeDivWrap.Set2 div{
		width: 31% !important;
		margin-left: 1% !important;
	}
	.ThreeDivWrap div p{
		font-size: 0.8em;
		line-height: 1.5
	}
}

#Point .row {
    margin-left: -4px;
    margin-bottom: -4px;
}

#Point .row a .gal_1 {
	background:url(../images/img_hakamadesign.png) no-repeat center top;
}
#Point .row a .gal_2 {
	background:url(../images/img_hiyou.png) no-repeat center top;
}
#Point .row a .gal_3 {
	background:url(../images/img_sotsugyoshikitojitsu.png) no-repeat center top;
}
#Point .row a .gal_4 {
	background:url(../images/img_shikiowari.png) no-repeat center top;
}
#Point .row a .gal_5 {
	background:url(../images/img_shitami.png) no-repeat center top;
}
#Point .row a .gal_6 {
	background:url(../images/img_plan.png) no-repeat center top;
}
#Point .row a{
	overflow: hidden;
}

#Point .row a .gal_1,
#Point .row a .gal_2,
#Point .row a .gal_3,
#Point .row a .gal_4,
#Point .row a .gal_5,
#Point .row a .gal_6 {
	display:block;
	width:49%;
	height:334px;
	color:#fff;
	float:left;
	margin-left:4px;
	margin-bottom:4px;
	text-decoration:none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	
}
#Point .row a div:hover{
	transform: scale(1.05);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#Point .row h3 {
	font-size: 26px;
    text-align: center;
    margin-top: 150px;
    font-weight: normal;
    margin-bottom: 30px;
    border: none;
    color: #fff;
    background-color: rgba(229,106,70,0.5);
    padding: 10px 0;
}
@media screen and (max-width: 768px) {
	#Point .row {
	    display: none;
	}
}

.box9{
	padding: 0.5em 1em;
	margin: 2em 0;
	color: #ff7d6e;
	background: #ffebe9;
	border-top: solid 10px #ff7d6e;
}

/* !footerParts---------------------------------------------------------- */
footer{
	background-color:#fff;
	padding:20px 0 0 0;
}
#footWrap{
	width: 1080px;
    margin: 0 auto;
    margin-top: 30px;
}
footer .mainMenu, footer .subMenu{
	list-style:none;
	padding:0;
}
footer .subMenu{
	padding-bottom:20px;
    border-bottom: 1px solid #555555;
}
footer .mainMenu li, footer .subMenu li{
	margin:0 40px 0 0;
}
footer .subMenu li{
	background:url('../images/subnav_allow.gif') 0 center no-repeat;
	padding-left:15px;
}
footer .mainMenu li a{
	text-decoration: underline;
	font-size:0.8em;
}
footer .mainMenu li a span{
	display:none;
}
footer h6{
	font-size:2.2em;
    padding:20px 0;
    margin:0;
}

footer h6 span.small{
	font-size:0.4em;
    display:block;
    padding-top:10px;
}

footer small{
	background-color:#555555;
	color:#fff;
	font-size:0.8em;
	padding:13px 0;
	display:block;
    text-align: center;
    text-decoration: none;
}
footer small a,
footer small a:hover{
    text-decoration: none;
	color:#fff;
}

@media screen and (max-width: 769px) {
	#footWrap{
		width: 100%;
	    margin-top: 10px;
	    padding: 10px;
	}
	footer{
		padding:20px 0 0 0;
	}
	footer .mainMenu li, footer .subMenu li{
		margin:0 10px 0 0;
	}
}
@media screen and (max-width: 568px) {
	footer .f_wrap{
		padding:10px;
	}
	footer .mainMenu li, footer .subMenu li{
		display:block;
		text-align:left;
		margin:4px 0;
	}
}
/* modal Modifi ------------------------------- */
.modal-header {
    border-bottom:none;
}
.modal-footer {
    border-top:none;
}

/* CLEARFIX ------------------------------- */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
    overflow:hidden;
}