@charset "utf-8";
/* reset
-------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td, figure, section, article {margin: 0; padding: 0; box-sizing:border-box;}
html {font-size:62.5%;}
body {font:1.3rem "Montserrat","メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;line-height:1.5;}
* html body {font-size: small; }
*:first-child+html body {font-size: small;}
img {border: 0; vertical-align: top;}
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: normal;}
ul,dl,ol {text-indent: 0;}
li {list-style: none;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}
pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}
input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}
*:focus {outline: none;}
/* base
-------------------------------------------------------*/
body {
	letter-spacing:0.03em;
	color:#333;
}

strong {
	font-weight:bold;
}

a {
	color:#0085B2;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
	-moz-opacity:0.6;
	-webkit-opacity:0.6;
	opacity:0.6;
}

a:hover img{
}

.clearfix:after {
	content:"";
	display:block;
	clear:both;
	height:100%;
}

.clear {
	clear:both;
}
.pcHide{display:none;}
@media screen and (max-width:800px) {
.spHide{display:none;}
.pcHide{display:block;}
}

.inner {
	width:1000px;
	margin:auto;
	position:relative;
}
#contents{
	background-color:#FFF;
}

.inner:after {
	content:"";
	display:block;
	clear:both;
}
@media screen and (max-width:800px) {
body {
	-webkit-text-size-adjust:100%;
}

input[type="button"],
input[type="submit"] {
	-webkit-appearance: none;
}

.spindent {
	padding-left:10px;
	padding-right:10px;
}

a:hover {
	text-decoration:none;
	-moz-opacity:1;
	-webkit-opacity:1;
	opacity:1;
}
}

/* header
-------------------------------------------------------*/
header{
	background:#fff;
}

header h1{
	padding:10px 0;
	width:384px;
	float:left;
}
header h1 img~img{
	margin-left:50px;
}
header h3{
	width:460px;
	padding:10px;
	text-align:center;
	background-color:#000;
	color:#FFF;
	font-weight:bold;
	font-size:26px;
	float:right;
	margin-top:10px;
}
header nav{
	width:76px;
	height:360px;
	position:fixed;
	top:130px;
	right:0;
	z-index:9999;
}
@media screen and (max-width:800px) {
header{
	height:auto;
}
header .inner {
	width:96%;
	overflow:hidden;
}
header nav{
	width:100%;
	height:inherit;
	height:auto;
	top:inherit;
	/*right:inherit;*/
	bottom:0;
}
header nav a img {
    width: 100%;
    max-width: 720px;
}
header h1{
	float:none;
	text-align:center;
}
header h1 img{
	width:auto;
	height:24px;
}
header h3{
	width:90%;
	padding:5px;
	font-size:15px;
	float:none;
	margin:10px auto;
}
header h1 img~img{
	margin-left:10px;
}

}
/* main
-------------------------------------------------------*/
section#main{
	background: #FFFFFF;
}
#main figure{
 background: #C2000A;
	width:1000px;
	/* height:680px; */
	margin:auto;
	/* background-image:url(../img/title_back.png);
	background-repeat:no-repeat;
	background-position:center top;
	position:relative; */
}
#main figure img {
 max-width: 100%;
 height: auto;
 vertical-align: middle;
}
@media screen and (max-width:800px) {
#main{
	background-size:cover;
	background-position:center bottom;
}
#main figure{
	width:100%;
	/* height:380px; */
	overflow:hidden;

}
}
/* #main img{
	position:absolute;
} */
#main img.imgMain{
	bottom:0;
	right:90px;
	width:100%;
	max-width:580px;
}
#main img.imgTitle{
	left:66px;
	top:60px;
	width:100%;
	max-width:580px;
}
#main img.imgTxt{
	left:0;
	bottom:0;
	width:100%;
	max-width:1200px;
}
#main img.imgTxtSp{
	display:none;
}
@media screen and (max-width:800px) {
#main img.imgMain{
	bottom:80px;
	right:-20px;
	width:69%;
}
#main img.imgTitle{
	left:10px;
	top:20px;
	width:64%;
}
#main img.imgTxtSp{
	display:block;
	left:0;
	bottom:0;
	width:100%;
}
#main img.imgTxt{
	display:none;
}
}
/*common
-------------------------------------------------------*/
h2{
	background-image:url(../img/h_bg.png);
	background-repeat:no-repeat;
	background-position: center bottom;
	text-align:center;
	color:#3F003F;
	font-size:34px;
	font-weight:bold;
	letter-spacing:0.15em;
	padding:10px 0;

}
h2 em{
	color:#FF2626;
	font-weight:bold;
}
@media screen and (max-width:800px) {
h2{
	font-size:18px;
	padding:5px 0 20px;

}
}

/* sec01
-------------------------------------------------------*/

.bnrArea{
	margin:0 auto 50px;
	text-align:center;
}
.bnrArea img {
 margin: 20px auto 0;
 max-width: 1000px;
}
#sec01 .inner > p{
	margin:20px auto;
	text-align:center;
	line-height:1.65;
}
@media screen and (max-width:800px) {
.bnrArea{
	margin:10px;
}
.bnrArea img{
	max-width:100%;
}
#sec01 .inner,#tableArea .inner{
	width:96%;
	margin:auto;
}
#sec01 .inner > p{
	text-align:left;
}
}
#sec01 .inner p em{
	color:#3F003F;
}
#sec01 figure{
	padding:20px 0;
}
#sec01 figure img{
	width:100%;
	max-width:1000px;
}
@media screen and (max-width:800px) {
#sec01 figure{
	width:100%;
}
}
#tableArea table.pcTable{
	width:100%;
	/*border:1px #DDD solid;*/
	margin-top:25px;
}

#tableArea table.pcTable thead th{
	background-color:#000;
	color:#FFF;
	font-size:20px;
	text-align:center;
	border-right:1px #FFF solid;
	padding:15px 0;
	vertical-align:middle;
}
#tableArea table.pcTable thead th:last-child{
	border-right:none;
}
#tableArea table.pcTable tbody tr{
	border-bottom:1px #DDD solid;
}
#tableArea table.pcTable tbody tr{
	background-color:#FFF;
}
#tableArea table.pcTable tbody tr:nth-child(2n+1){
	background-color:#EEE;
}
#tableArea table.pcTable tbody th{
	vertical-align:middle;
	text-align:center;
	color:#4C0066;
	font-size:16px;
	font-weight:bold;
	padding:20px 0;
}
#tableArea table.pcTable tbody td{
	vertical-align:middle;
	text-align:center;
	color:#4C0066;
	font-size:16px;
	border-left:1px #DDD solid;
	padding:20px 0;
}
#tableArea table.pcTable tbody td.hairMake{
	font-size:13px;
}
#tableArea table.pcTable tbody td.kaijou{
	font-size:14px;
}
#tableArea table.spTable{
	display:none;
}
.tableArea-notice{
	color: #fff;
	margin: 10px 0 0;
}
@media screen and (max-width:800px) {
#tableArea table.pcTable{
	display:none;
}
#tableArea table.spTable{
	display:table;
	width:100%;
}
#tableArea table.spTable tr th{
	background-color:#000;
	color:#FFF;
	font-weight:bold;
	padding:5px;
	text-align:center;
}
#tableArea table.spTable tr td{
	background-color:#FFF;
	color:#4C0066;
	padding:5px;
	border-bottom:1px #EEE solid;
	border-left:1px #EEE solid;
	text-align:center;
	vertical-align:middle;
}
#tableArea table.spTable tr td:first-child{
	border-left:none;
	font-weight:bold;
}
}


/* formBtnArea
-------------------------------------------------------*/
#formBtnArea{
	padding-bottom:30px;
}
#formBtnArea .inner figure{
	text-align:center;
	padding-bottom:75px;
}
#formBtnArea .inner div{
	text-align:center;
	margin-bottom:20px;
}
#formBtnArea .inner ul{
	margin-left:20px;
}
@media screen and (max-width:800px) {
#formBtnArea .inner figure{
	padding-bottom:20px;
}
#formBtnArea .inner figure img,#formBtnArea .inner div img{
	width:94%;
	max-width:720px;
	margin:auto;
}
#formBtnArea .inner ul{
	width:94%;
	margin-left:inherit;
}
}

/* sec02
-------------------------------------------------------*/
#sec02 h2{
	position:relative;
}
#sec02 h2:after{
	content:url(../img/sakura.png);
	position:absolute;
	right:0;
	top:0;
}
@media screen and (max-width:800px) {
#sec02 h2:after{
	display:none;
}
}
#sec02 div.bg .inner div{
	background-image:url(../img/sec02_bg_box.png);
	max-width:954px;
	height:604px;
	margin:auto;
	position:relative;
}
#sec02 div.bg .inner .cont01{
	background-image:url(../img/sec02_bg_box_2.png);
}
#sec02 div.bg .inner > p{
	width:794px;
	/* width:954px; */
	margin: -40px auto 60px;
}
#sec02 div.bg .inner > a{
	display:block;
	width:900px;
	margin:30px auto;
}
#sec02 div.bg .inner > a > img{
	width:100%;
	max-width:900px;
}
@media screen and (max-width:800px) {
#sec02 div.bg{
	padding:30px 0 0;
}
#sec02 div.bg .inner div{
	background-image:none;
	background-color:#FFF;
	border:1px #F00 solid;
	width:96%;
	height:inherit;
	padding:5px;
}
  #sec02 div.bg .inner .cont01 {
    height:auto;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 57.68%;
  }
  #sec02 div.bg .inner .cont01 img.mark {
    display: none;
  }
  #sec02 div.bg .inner .cont01 h3 {
    top: -40px;
  }
#sec02 div.bg .inner > p{
	width:96%;
	margin:10px auto 20px;
}
#sec02 div.bg .inner > a{
	width:96%;
	margin:10px auto;
}
}
#sec02 div.bg .inner div h3{
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	top:-50px;
	width:758px;
	height:104px;
}
#sec02 div.bg .inner div img.mark{
	position:absolute;
	top:-80px;
	left:-30px;
	width:100%;
	max-width:158px;
}
@media screen and (max-width:800px) {
#sec02 div.bg .inner div img.mark{
	position:absolute;
	top:180px;
	left:10px;
	width:30%;
}
#sec02 div.bg .inner div.cont02 img.mark{
	display:none;
}
}
#sec02 div.bg .inner div h3 img{
	width:100%;
	max-width:758px;
}
@media screen and (max-width:800px) {
#sec02 div.bg .inner div h3{
	top:-10px;
	width:100%;
}
}
#sec02 div.bg .inner div > p{
	text-align:center;
	padding-top:80px;
}
@media screen and (max-width:800px) {
#sec02 div.bg .inner div > p{
	text-align:left;
	padding-top:40px;
}
}
#sec02 div.bg .inner div.cont01 ul{
	width:90%;
	display:table;
	margin:15px auto;
}
#sec02 div.bg .inner div.cont01 ul li{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:49%;
}

#sec02 div.bg .inner div.cont01 ul li img{
	width:100%;
	max-width:414px;
}
#sec02 div.bg .inner div.cont01 ul li:nth-child(2) img{
	width:100%;
	max-width:240px;
	display:block;
	margin:15px auto 40px;
}
#sec02 div.bg .inner div.cont01 ul li:nth-child(2) p{
	max-width:400px;
	margin:15px auto;
	line-height:1.6;
}
#sec02 div.bg .inner div.cont01 ul li strong{
	display:block;
	margin:10px auto;
	border-radius:10px;
	background-color:#F03434;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	width:80%;
}
@media screen and (max-width:800px) {
#sec02 div.bg .inner div.cont01 ul{
	width:90%;
	display:block;
}
#sec02 div.bg .inner div.cont01 ul li{
	display:block;
	width:100%;
}
#sec02 div.bg .inner div.cont01 ul li strong{
	font-size:14px;
}
#sec02 div.bg .inner div.cont01 ul li:nth-child(2) img{
	margin:15px auto;
}
#sec02 div.bg .inner div.cont01 ul li:nth-child(2) p{
	text-align:left;
}
}
#sec02 div.bg .inner div.cont02 figure{
	/*display:table;*/
	width:90%;
	margin:30px auto;
}
#sec02 div.bg .inner div.cont02 figure img{
	width:100%;
	max-width:984px;
}
@media screen and (max-width:800px) {
#sec02 div.bg .inner div.cont02 figure{
	display:block;
	width:96%;
	margin:15px auto;
}
}
/*#sec02 div.bg .inner div.cont02 figure p:last-child{
	text-align:right;
}
#sec02 div.bg .inner div.cont02 strong{
	display:block;
	margin:15px auto;
	width:894px;
}
#sec02 div.bg .inner div.cont02 strong img{
	width:100%;
	max-width:894px;
}
@media screen and (max-width:800px) {
#sec02 div.bg .inner div.cont02 figure{
	display:block;
	width:90%;
	margin:15px auto;
}
#sec02 div.bg .inner div.cont02 figure p{
	display:block;
	margin:15px auto;
	font-size:14px;
}
#sec02 div.bg .inner div.cont02 strong{
	width:100%;
}
}*/
.toForm{
	margin:60px auto;
}
.toForm div.inner > a{
	display:block;
	width:900px;
	margin:30px auto 80px;
}
.toForm div.inner > a > img{
	width:100%;
	max-width:900px;
}
@media screen and (max-width:800px) {
.toForm div.inner > a{
	width:96%;
	margin:10px auto;
}
}

/*
目玉
*/

#medama{
	background-image:url(../img/medama_bg.jpg);
	margin: 100px 0 0;
}

#medama .inner h1{
	position:absolute;
	top:-50px;
}
#medama .inner h1 img{
	width:100%;
	max-width:1000px;
}
#medama .inner > img{
	width:100%;
	max-width:1000px;
}
@media screen and (max-width:800px) {
#medama{
	margin: 60px 0 0;
}
#medama .inner{
	width:96%;
	margin:auto;
}
#medama .inner h1{
	position:absolute;
	top:-20px;
}
}
#medama figure{
	display:none;
}
@media screen and (max-width:800px) {
#medama figure{
	display:block;
	margin-top:50px;
}
#medama figure img{
	width:100%;
	max-width:720px;
}
#medama figure h3{
	color:#FFF;
	font-size:15px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight:bold;
	margin-bottom:10px;
}
#medama figure p{
	color:#FFF;
	font-size:14px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	margin-bottom:20px;
}
}
#nomal{
	padding:30px 0;
}
#nomal ul{
	width:100%;
	display:table;
	margin:20px auto;
}
#nomal ul li{
	width:50%;
	display:table-cell;
	text-align:center;
}
#nomal ul li img{
	width:100%;
	max-width:400px;
}
@media screen and (max-width:800px) {
#nomal ul{
	display:block;
}
#nomal ul li{
	width:100%;
	display:block;
	margin-bottom:10px;
}
#nomal ul li img{
	width:90%;
}
}

/* 成約特典
-------------------------------------------------------*/
#seiyaku{
	padding:30px 0;
}
#seiyaku .inner div:nth-child(1){
	width:1000px;
	height:360px;
	margin:30px auto 50px;
	padding:10px;
	box-sizing: border-box;
	background-image:url(../img/sec04_bg1.png);
}
#seiyaku .inner div:nth-child(2){
	float:left;
}
#seiyaku .inner div:nth-child(3){
	float:right;
}
#seiyaku .inner div:nth-child(2),#seiyaku .inner div:nth-child(3){
	width:492px;
	height:518px;
	padding:10px;
	box-sizing: border-box;
	background-image:url(../img/sec04_bg2.png);
}
#seiyaku .inner div h3,
#seiyaku .inner div p{
	text-align:center;
	margin:0 inherit;
}
#seiyaku .inner div:nth-child(2) p{
	margin-top:16px;
}
@media only screen and (max-width:800px) {
#seiyaku div.inner{
	width:95%;
}
#seiyaku .inner div:nth-child(1){
	width:100%;
	height:inherit;
	margin:20px auto 10px;
	background-image:none;
	background-color:#FFF;
}
#seiyaku .inner div:nth-child(2),#seiyaku .inner div:nth-child(3){
	float:none;
	width:100%;
	height:inherit;
	padding:10px;
	background-image:none;
	background-color:#FFF;
}
#seiyaku .inner div:nth-child(1) img,#seiyaku .inner div:nth-child(2) img,#seiyaku .inner div:nth-child(3) img{
	width:100%;
}
}
#seiyaku .inner > p{
	width:100%;
	max-width:535px;
}
#seiyaku .inner > p > img{
	width:100%;
}
/* sec03
-------------------------------------------------------*/
#sec03 {
	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top:40px;
}
#sec03 p{
	text-align:center;
	padding:25px 0;
}
#sec03 h3{
	text-align:center;
	font-size:26px;
	font-weight:bold;
	color:#400040;
	margin:25px auto;
}
@media screen and (max-width:800px) {
#sec03 .inner {
	width:96%;
}
#sec03 p{
	text-align:left;
}
}


/*店舗*/
#shop{
	background-color:#FFF;
	margin:50px auto;
}
#shop .inner{
	width:1100px;
}
@media only screen and (max-width:640px) {
#shop .inner{
	width:96%;
}

}
#shop ul.tablink{
	background-color:#FFF;
}
#shop ul.tablink li{
	display:inline-block;
	box-sizing:border-box;
	width:118px;
	padding:10px 0;
	margin-right:4px;
	font-size:12px;
	background:#FFF;
	border:1px #F0E9E5 solid;
	border-bottom:none;
	text-align:center;
	cursor:pointer;
	border-top-left-radius : 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius : 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
}
#shop ul.tablink li.selected{
	background:#F0E9E5;
	color:#000;
}
#shop ul.tablink li span{
	display:block;
	font-size:14px;
}
#shop ul.tablink li:nth-child(7){
	margin-right:0;
}
#shop .box{
	border:10px #F0E9E5 solid;
	background-color:#FFF;
}
#shop .box .mapArea{
	width:570px;
	box-sizing:border-box;
	padding:5px;
	float:left;
}

#shop .box .txtArea{
	width:480px;
	float:right;
}
#shop .box .txtArea h3{
	font-size:20px;
	font-weight:bold;
	padding:20px 0;
}
#shop .box .txtArea p.adrs{
	padding: 0 0 10px 40px;
	background-image:url(../img/ico_adrs.jpg);
	background-repeat:no-repeat;
}
#shop .box .txtArea p.acss{
	padding: 0 0 10px 40px;
	background-image:url(../img/ico_acss.jpg);
	background-repeat:no-repeat;
}
#shop .box .txtArea p.time{
	padding: 0 0 10px 40px;
	background-image:url(../img/ico_time.jpg);
	background-repeat:no-repeat;
}
#shop .box .txtArea ul li{
	width:239px;
	margin:10px auto;
}
#shop .box .txtArea ul{
	padding:20px 0;
}
#shop .box .txtArea ul li.web{
	background-color:#FB3F7C;
	padding:16px 0;
	font-size:20px;
	text-align:center;
}
#shop .box .txtArea ul li.web a{
	font-weight:bold;
	color:#FFF;
}
#shop .box .mapArea iframe{
	width:560px;
	height:385px;
}
@media only screen and (max-width:640px) {
	#shop .box .mapArea{
	width:100%;
	float:none;
	}
	#shop ul.tablink li{
	display:inline-block;
	box-sizing:border-box;
	width:50%;
	padding:10px 0;
	margin-right:0;
	font-size:14px;
	border:none;
	border:1px #F0E9E5 solid;
	border-top-left-radius : 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-right-radius : 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	}
	#shop .box .txtArea{
	width:95%;
	margin:auto;
	float:none;
	}
	#shop .box .txtArea ul{
	width:90%;
	margin:auto;
	}
	#shop .box .txtArea ul li img{
	width:100%;
	}
	#shop .box .mapArea iframe{
	width:100%;
	height:300px;
	}
#customers-voice ul li {
  width: 100%!important;
  padding: 15px;
}
  #customers-voice .inner {
    padding: 0 15px;
  }
}




/* formarea
-------------------------------------------------------*/
body#bg{
	background:#EEEEEE;
}

#formArea{
	background:#EEEEEE;
	padding:40px 0;
}

#formArea .titlebox{
	background-color:#00664C;
	height:170px;
	border-radius:5px;
	position:relative;
}



#formArea .titlebox h1{
	text-align:center;
	color:#fff;
	font-size:40px;
	font-weight:bold;
	padding-top:16px;
	line-height:138px;
}

#formArea .titlebox .stepbox{
	position:absolute;
	top:20px;
	right:20px;
}

#formArea .formwrap{
	border:1px solid #888888;
	background:#fff;
	margin:20px;
	padding:20px;
}

#formArea .formwrap h2{
	font-size:24px;
	background:#4A0D4A;
	color:#fff;
	padding:10px;
	background-image:none;
	text-align:left;
}

#formArea .formwrap h2+p{
	font-size:17px;
	line-height:1.75em;
	margin:20px 0 20px 20px;
}

#formArea .formwrap ul.twocolumn{
	padding:0 20px 20px 20px;
}

#formArea .formwrap ul.twocolumn li{
	width:50%;
	float:left;
	margin-top:20px;
}

#formArea .formwrap ul.twocolumn li:nth-child(2n+1){
	clear:both;
}

#formArea .formwrap .btnrow{
	text-align:center;
	margin:40px 0 20px 0;
}

#formArea .formwrap .btnrow input{
	display:inline-block;
	width:300px;
	height:50px;
	line-height:50px;
	background:#F6749E;
	border-radius:50px;
	border:0;
	color:#fff;
	font-size:20px;
	cursor:pointer;
}

#formArea .formwrap .formcontent{
	line-height:1em;
	font-size:20px;
}

#formArea .formwrap .formcontent input[type="radio"],
#formArea .formwrap .formcontent input[type="checkbox"]{
	width:20px;
	height:20px;
	vertical-align:text-top;
}

span.red{
	color:#B20000;
}

label{
	cursor:pointer;
}

#formArea .formwrap ul.imgselect span.select{
	background:#666666;
	color:#fff;
	font-size:13px;
	display:inline-block;
	width:5em;
	text-align:center;
	padding:2px 0;
}
#formArea .formwrap ul.imgselect span.selected{
	background:#B41647;
	color:#fff;
	font-size:13px;
	display:inline-block;
	width:5em;
	text-align:center;
	padding:2px 0;
}

#formArea .formwrap ul.imgselect span.hide{
	display:none;
}

#formArea .formwrap ul.imgselect span.show{
	display:inline-block;
}

#formArea .formwrap ul.imgselect li input{

}

#formArea .formwrap ul.column6{
	text-align:center;
	width:auto;
	margin:auto;
}

#formArea .formwrap ul.column6 li{
	text-align:right;
	/*margin-right:14px;*/
	margin-bottom:20px;
	display:inline-block;
}

#formArea .formwrap ul.column6 li img{
	margin-bottom:10px;
	width:138px;
	height:auto;
}

#formArea .formwrap ul.column6 li:nth-child(5n){
	margin-right:0;
}

#formArea .formwrap ul.column6 li:nth-child(4n+1){
}

#formArea .formwrap ul.singlecolumn li~li{
	margin-top:1em;
}


#formArea .formwrap .textarea{
	padding:30px;
}

#formArea .formwrap .textarea textarea{
	width:100%;
	height:15em;
	padding:10px;
	font-size:14px;
	box-sizing:border-box;
}
.error{
	text-align:center;
}

#formArea .formwrap table{
	width:100%;
}

#formArea table th,
#formArea table td{
	padding:15px 10px;
	vertical-align:middle;
}

#formArea table td p{
	margin-top:10px;
}

#formArea table td input[type="text"],
#formArea table td input[type="email"],
#formArea table td input[type="tel"],
#formArea table td select{
	padding:5px;
}

#formArea table td input[type="text"],
#formArea table td input[type="email"],
#formArea table td input[type="tel"]{
	width:320px;
}

.must{
	color:#D40205;
	margin-left:0.5em;
}



@media screen and (max-width:800px) {
#formArea{
	padding:10px 0;
}

#formArea .titlebox{
	background-color:#00664C;
	height:auto;
	border-radius:5px;
	position:relative;
	margin-left:10px;
	margin-right:10px;
}

#formArea .titlebox:before{
	display:none;
}

#formArea .titlebox h1{
	font-size:20px;
	font-weight:bold;
	text-indent:inherit;
	padding:10px 70px 10px 10px;
	text-align:left;
	line-height:inherit;
}

#formArea .titlebox .stepbox{
	top:10px;
	right:10px;
}

#formArea .titlebox .stepbox img{
	width:60px;
	height:auto;
}

#formArea .formwrap{
	margin:10px;
	padding:10px;
}

#formArea .formwrap h2{
	font-size:16px;
}

#formArea .formwrap h2+p{
	font-size:14px;
	line-height:1.75em;
	margin:10px;
}

#formArea .formwrap ul.twocolumn{
	padding:10px;
}

#formArea .formwrap ul.twocolumn li{
	width:auto;
	float:none;
	margin-top:10px;
}

#formArea .formwrap .formcontent{
	font-size:14px;
}

#formArea .formwrap .formcontent input[type="radio"],
#formArea .formwrap .formcontent input[type="checkbox"]{
	width:auto;
	height:auto;
	vertical-align:text-top;
}

#formArea .formwrap .btnrow input{
	width:100%;
	max-width:300px;
	height:40px;
	line-height:40px;
	border-radius:50px;
	font-size:16px;
}

.inner{
	width:100%;
}

#formArea .formwrap ul.column6{
	width:auto;
}

#formArea .formwrap ul.column6 li{
	float:left;
	display:block;
	text-align:center;
	margin-right:0;
	margin-bottom:20px;
	width:33.3%;
	padding:0 5px;
}

#formArea .formwrap ul.column6 li img{
	width:100%;
	height:auto;
}

#formArea .formwrap ul.column6 li:nth-child(3n+1){
	clear:both;
}

#formArea .formwrap ul.column6 li img{
	max-width:100%;
	height:auto;
}

#formArea .formwrap .textarea{
	padding:10px;
}

#formArea .formwrap .btnrow{
	margin:20px 0;
}

#formArea table th,
#formArea table td{
	padding:10px;
	display:block;
}

#formArea table th{
	border-top:1px solid #dfdfdf;
	padding-bottom:0;
	font-weight:bold;
}

#formArea table td input[type="text"],
#formArea table td input[type="email"],
#formArea table td input[type="tel"],
#formArea table td select{
	padding:5px;
}

#formArea table td input[type="text"],
#formArea table td input[type="email"],
#formArea table td input[type="tel"]{
	width: 100%;
	max-width:100%;
	box-sizing:border-box;
}

#formArea table td select.selectLong {
	width: 100%;
	max-width: 100%;
}



}/*media end*/

.kinri {
	width: 900px;
  margin-right: auto;
  margin-left: auto;
  display: block;
}

@media screen and (max-width:800px) {
.kinri {
	width: 95%;
  margin-right: auto;
  margin-left: auto;
  display: block;
}
}

#customers-voice ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
#customers-voice ul li {
  width: calc(100% /3);
  padding: 15px;
}
#customers-voice ul li div {
  padding: 15px;
  border: 4px solid #ffbaba;
  border-radius: 10px;
  height: 200px;
}
#customers-voice ul li img {
  width: 100%;
  height: auto;
  box-shadow: 4px 4px 5px #999;
}
#customers-voice ul li figcaption {
  padding: 10px 0;
}
#customers-voice p {
  padding-top: 1em;
}

/* 20190401 Add */
th.p-otherplace {
  background-color: #fff !important;
  border-bottom: solid 1px #000 !important;
  color: #4C0066 !important;
  font-weight: bold;
}
.spTable + .spTable {
 margin-top: 40px;
}

/* 190526 Add & Edit */
br.brsp , .p-spHide {
 display: none;
}
#sec02 {
 padding-top: 45px;
 margin-top: -45px;
 margin-bottom: 100px;
}
#sec02 div.bg{
	padding-top:20px;
}
#sec02 div.bg .inner div.cont01{
	background-image:none;
	height:auto;
 margin:auto;
 max-width:954px;
	position:relative;
}
#sec02 div.bg .inner .cont01{
	background-image:none;
}
#sec02 div.bg .inner div.cont01 h3{
	position:absolute;
	left:50px;
	right:0;
 margin:auto;
 max-width:758px;
	top:-50px;
	height:104px;
}
#sec02 div.bg .inner div.cont01 img.mark{
	position:absolute;
	top:-80px;
	left:20px;
	width:100%;
	max-width:158px;
}
.p-relativeBlock {
 background-image: none !important;
 height: auto !important;
 left: 50%;
 margin: 0 auto;
 position: absolute;
 top: 0;
 transform: translateX(-50%);
 max-width: 954px;
}
.p-relativeBlock figure {
 margin: 0 auto;
 max-width: 954px;
}
.p-relativeBlock figure:nth-of-type(1) {
 margin-top: 45px !important;
 max-width: 709px;
}
.cont01 + p {
 width: 100%;
}
nav.gnav {
 z-index: 2;
 width: 100%;
}
nav.gnav+.bnrArea {
 margin-top: 50px;
}
nav.gnav ul {
 display: flex;
 justify-content: space-between;
 -ms-flex-pack: justify;
 margin: 10px auto 30px;
 max-width: 900px;
 overflow: visible;
}
nav.gnav ul li {
 padding-right: 35px;
 /* padding-right: 20px; */
 text-align: center;
}
nav.gnav ul li:not(:last-child) {
 border-right: solid 2px #fff;
}
nav.gnav ul li a {
 color: #fff;
 font-size: 18px;
}
/* main{
 margin-top: 30px;
} */
/* .is-fixed + main {
 margin-top: 0 !important;
} */
nav.gnav.is-fixed {
 background-color:rgba(163, 42, 122, .85);
 position: fixed;
 top: 0;
 padding: 0 0 10px;
}
nav.gnav.is-fixed ul {
 margin-bottom: 0;
}
#shop{
 margin:-70px auto 50px;
 padding-top: 110px;
}
.p-cvBtn {
 margin: 50px auto 70px;
 max-width: 900px;
}
.p-cvBtn a {
 padding: 30px 0;
 background-color: #E50B11;
 display: block;
 color: #fff;
 text-align: center;
 border-radius: 5px;
 font-size: 32px;
}
.p-cvBtn a.blink {
 animation: flashing 0.5s ease-out;
 animation-iteration-count: infinite;
}
@keyframes flashing {
 0%   { opacity: 0.65; }
 50%  { opacity: 1;}
 100% { opacity: 0.65; }
}
#customers-voice {
 padding-top: 90px;
 margin-top: -90px;
}
#sec03 {
 padding-top: 130px;
}
#seijin-oshitaku {
 padding-top: 90px;
 margin-top: -90px;
}
nav.gnav {
 background-color:rgba(163, 42, 122, .85);
 margin-bottom: 0;
}
nav.gnav ul {
 margin-bottom: 10px;
 padding: 15px 0;
}
nav.gnav.is-fixed ul {
 padding: 5px 0;
}
#tableArea {
 padding-top: 80px;
 margin-top: -80px;
}
#tableArea .inner.u-inner div h3{
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	top:-50px;
	width:758px;
	height:107px;
}
#tableArea .inner.u-inner div img.mark{
	position:absolute;
	top:-85px;
	/* top:-80px; */
	/* left:120px; */
	right:160px;
	max-width:158px;
}
#tableArea .inner.u-inner div > p {
 padding-top: 90px;
 text-align: center;
}

@media screen and (max-width: 800px) {
 br.brsp {
  display: block;
 }
 #sec02 {
  margin-bottom: 50px;
 }
 #sec02 div.bg {
  padding-top: 0 !important;
 }
 #sec02 img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
 }
 #sec02 div.bg .inner .cont01 {
  padding-top: 0 !important;
 }
 #sec02 div.bg .inner div.cont01 {
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0;
 }
 #sec02 div.bg .inner div.cont01 h3 {
  height: auto;
  left: 0;
  top: 0;
 }
 #sec02 div.bg .inner div.cont01 , #sec02 div.bg .inner div.cont01 div {
  border: none !important;
 }
 .p-relativeBlock figure:nth-of-type(1) {
  margin-top: 80px !important;
 }
 .p-relativeBlock {
  left: 48%;
 }
 .p-relativeBlock figure {
  margin-top: 15px;
 }
 .cont01 + p {
  margin-top: 70px !important;
 }
 nav.gnav ul {
  flex-wrap: wrap;
  padding: 0;
 }
 nav.gnav ul li {
  padding-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 33.333333%;
 }
 nav.gnav ul li:not(:last-child) {
  border-right: none;
 }
 nav.gnav ul li {
  border: solid 1px #fff;
 }
 nav.gnav.is-fixed {
  margin-bottom: 0;
  padding: 0;
 }
 nav.gnav.is-fixed ul {
  margin-top: 0;
 }
 .p-cvBtn {
  margin: 50px auto;
  padding: 0 10px;
 }
 .p-cvBtn a {
  font-size: 20px;
 }
 #tableArea .inner.u-inner div.cont02 {
  height: inherit;
  margin-top: 60px;
  padding-bottom: 5px;
 }
 #tableArea .inner.u-inner div img.mark {
  /* display: none; */
  right: 12%;
  top: -37px;
  width: 70px;
 }
 #tableArea .inner.u-inner div h3 {
  top: -20px;
  width: 100%;
 }
 #tableArea .inner.u-inner div h3 img {
  width:100%;
  max-width:758px;
 }
 #tableArea .inner.u-inner div > p {
  padding-top: 60px;
  /* padding-top: 40px; */
  padding-left: 10px;
  padding-right: 10px;
 }
 #tableArea .inner.u-inner div figure {
  display: block;
  margin: 15px auto;
  width: 96%;
 }
 #tableArea .inner.u-inner div figure img {
  height: auto;
  padding: 0 10px;
  width: 94%;
  margin: 0 auto;
  max-width: 894px;
 }
 #shop ul.tablink{
  display: flex;
 }
}

#seiyaku .inner div:nth-child(2) p{
	margin-top:6px;
}
#seiyaku .inner div:nth-child(1) p:last-child , #seiyaku .inner div:nth-child(2) p:last-child , #seiyaku .inner div:nth-child(3) p:last-child {
 font-size: 12px;
 line-height: 1.2;
 margin-top: 5px;
	text-align: left;
}
#seiyaku .inner div:nth-child(1) p:last-child {
 padding-left: 20px;
}


/*　20190706　振袖展店外フェア開催
-------------------------------------------------------*/

#tengai .l-flexCont {
 margin: 40px auto 20px;
}
#tengai .l-flexCont .l-flexBlock {
 display: flex;
 justify-content: space-between;
 -ms-flex-pack: justify;
 margin: 0 auto;
 max-width: 1000px;
 width: 100%;
}
#tengai .l-flexCont .l-flexBlock figure {
 border: 2px solid #ffbaba;
 padding: .5%;
 width: 33%;
}
#tengai .l-flexCont .l-flexBlock figure img {
 width: 100%;
 height: auto;
}

@media screen and (max-width:800px) {
#tableArea table.spTable tr th.tengai {
 border-bottom: 1px solid #fff;
}
#tengai {
 padding: 0 10px;
}
#tengai .l-flexCont .l-flexBlock {
 display: block;
}
#tengai .l-flexCont .l-flexBlock figure {
 margin: 0 auto 20px;
 width: 100%;
 }
}

/*　20190706　通常セットプラン
-------------------------------------------------------*/
#nomal ul{
	width:100%;
 display:flex;
 justify-content: space-between;
 -ms-flex-pack: justify;
	margin:20px auto;
}
#nomal ul li{
	width:32%;
	display:block;
	text-align:center;
}
#nomal ul li img{
	width:100%;
	max-width:400px;
}

@media screen and (max-width:800px) {
#nomal ul{
	display:block;
}
#nomal ul li{
	width:100%;
	margin-bottom:10px;
}
#nomal ul li img{
	width:90%;
}
}

/* 190801 Add */
.p-toottheryear {
 margin: 60px auto 0;
 max-width: 940px;
 text-align: center;
}
.p-toottheryear.l-flexCont .l-flexBlock {
 display: flex;
 justify-content: center;
 -ms-flex-pack: center;
}
.p-toottheryear .l-flexItem {
 width: 100%;
 padding: 20px;
}
.p-toottheryear .l-flexItem a {
 align-items: center;
 background-color: #4C0066;
 box-sizing: border-box;
 display: flex;
 height: 108px;
 justify-content: center;
 -ms-flex-pack: center;
 padding: 0 15px;
 transition: all .3s;
}

.p-toottheryear .l-flexItem a span {
 color: #fff;
 font-size: 22px;
 transition: all .3s;
}

.p-toottheryear .l-flexItem a span span {
 font-size: 30px;
 font-weight: bold;
}

.p-toottheryear .l-flexItem a:hover {
 background-color: #fff;
 border: solid 2px #4C0066;
}

.p-toottheryear .l-flexItem a:hover span {
 color: #4C0066;
}


@media screen and (max-width:800px) {
 .p-toottheryear {
  margin: 20px auto;
 }
 .p-toottheryear.l-flexCont .l-flexBlock {
  display: block;
 }
 .p-toottheryear .l-flexItem {
  padding: 10px;
 }
 .p-toottheryear .l-flexItem a {
  height: 70px;
  padding: 0 7px;
 }

 .p-toottheryear .l-flexItem a span,
 .p-toottheryear .l-flexItem a span span {
  font-size: 20px;
 }

 nav.gnav ul li a {
  font-size: 18px;
 }
}


/* 191227 Add */
.p-quantity {
 margin: 50px auto;
 max-width: 1000px;
 text-align: center;
}

.p-quantity img {
 max-width: 100%;
 height: auto;
 vertical-align: middle;
}

.p-cvBtn a.u-blink {
 padding: 30px 0;
 background-color: rgba(163, 42, 122, 1);
 display: block;
 color: #fff;
 text-align: center;
 border-radius: 5px;
 font-size: 32px;
 margin-top: 50px;
}

.p-shoptitle {
 font-size: 40px;
 font-weight: 700;
 margin-bottom: 30px;
 text-align: center;
}

.p-Block {
 margin: auto;
 max-width: 1000px;
}

.p-Block img {
 max-width: 100%;
 height: auto;
 vertical-align: middle;
}

.p-reasonBlock {
 margin: 60px auto;
}

@media screen and (max-width:800px) {
 .p-spHide {
  display: block;
 }

 .p-pcHide {
  display: none;
 }

 .p-cvBtn a.u-blink {
  font-size: 20px;
  margin-top: 20px;
 }

 .p-shoptitle {
  font-size: 24px;
 }

 .p-reasonBlock {
  margin: 40px auto !important;
 }
}


/* 20200122 Add */
.js-imageChange {
 max-width: 100%;
 height: auto;
 vertical-align: middle;
}
.p-figmargin+.p-figmargin {
 margin-top: 50px;
}
.seijin-oshitaku {
 background: #C2000A;
 padding: 50px 0;
}
.seijin-oshitaku .p-heading2 {
 background: none;
 border-bottom: solid 1px #fff;
 color: #fff;
 margin: 0 auto 30px;
 max-width: 1000px;
 padding-bottom: 50px;
}
#tableArea table.pcTable + .bnrArea {
 margin-top: 40px;
}


@media screen and (max-width:800px) {
 .seijin-oshitaku .p-heading2 {
  margin: 0 15px 30px;
 }
 #tableArea table.spTable + .bnrArea {
  margin: 30px 0;
 }
 nav.gnav ul {
  justify-content: flex-start;
  -ms-flex-pack: start;
 }
 #seijin-oshitaku {
  padding-top: 90px;
  margin-top: -90px;
 }
}

/* 20200206 Add */
.p-shoptel_num {
 margin: 0 auto 30px;
 max-width: 360px;
 text-align: center;
 width: 90%;
}

.p-shoptel_num a {
 align-items: center;
 background: #F0980E;
 border-radius: 7px;
 display: flex;
 height: 45px;
 justify-content: center;
 -ms-flex-pack: center;
}

.p-shoptel_num a span {
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 padding-left: 45px;
 position: relative;
}

.p-shoptel_num a span:before {
 background: url(../img/icon_tel.png);
 background-size: 30px 24.84375px;
 content: '';
 height: 24.84375px;
 left: 0;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 width: 30px;
}