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

.opacity,
.opacity img,
.opacity input
{
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.opacity a:hover img{
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.opacity input:hover{
    opacity: 0.5;
    filter: alpha(opacity=50);
}
a:hover .opacity{
    opacity: 0.5;
    filter: alpha(opacity=50);
}

img{
	vertical-align: top;
}
#header {
    background-position: left 3% center;
    padding: 2% 0;
}
#header .container #gnav {
    margin: 1.4% auto 0;
    text-align: right;
}
#header .container #gnav p {
    padding: 0;
}
#otherPage {
    margin: 15% auto 0;
}
.txtC{
	text-align: center;
}
.txtR{
	text-align: right;
}
.txtC{
    text-align: center;
}
.orange{
    color: #f60;
}
.green{
    color: #8ebea5;
}
@media screen and (min-width:939px) { 
	.sp{
		display:none !important;
	}
	.pc{
		display:block;
	}
}

@media (max-width: 1280px) and (min-width: 960px){
   #header {
    background-size: 10%;
    background-position: 2% 68%;
}

}


/*////////////////////////////////
menu.html
////////////////////////////////*/
/*// menu tmpl //*/
.menuArea .priceList{
    background-image:
        url(../img/menu/bg_line_01.png),
        url(../img/menu/bg_line_01.png);
    background-repeat:
        repeat-x,
        repeat-x;
    background-position:
        center top,
        center bottom;

    padding: 5%;
}
.menuArea .contTbl{
    float: left;
    margin-right: 10%;
}
.menuArea .contTbl:last-child{
    margin-right: 0;
}
.menuArea .contTbl tr{
    border-bottom: dotted 1px #014622;
}
.menuArea .contTbl th{
/*    font-size: 157.2%;
*/    font-size: 145.2%;
    text-align: left;
    width: 55%;
}
.menuArea .contTbl td{
    font-size: 157.2%;
    text-align: right;
    width: 40%;
}

.menu01Area .container,.menu02Area .container,.menu03Area .container,.menu04Area .container{
    position: relative;
}

.menuArea h1{
	text-align: center;
	line-height: 1;
}
.menuArea .menuNav{
	width: 100%;
	border: solid 1px #014622;
	display: table;
	margin: 80px auto 30px;
}
.menuArea .menuNav li{
	background:url(../img/menu/ico_arrow_01.png) no-repeat center bottom 15%;
	border-right: 1px solid #014622;
	display: table-cell;
	text-align: center;
/*	width: 19%;
*/	width: 17%;
	vertical-align: middle;
	line-height: 1.2;
/*	font-size: 128.6%;
*/	font-size: 115.6%;
}
.menuArea .menuNav li:hover{
	background:url(../img/menu/ico_arrow_02.png) no-repeat center bottom 15% #014622;
	color: #fff;
}
.menuArea .menuNav li:hover a{
	color: #fff;
}
.menuArea .menuNav li:last-child{
	border-right: none;
}
.menuArea .menuNav li a{
	display: block;
	padding: 10px 5px 25px;
	color: #014622;
}
.menu_heading {
    width: 1000px;
    height: auto;
    margin: 0 0 10px;
}
.menu01_pasting{
    position: absolute;
    top: 0;
    right: 0;
}
.menu02_pasting {
    position: absolute;
/*    top: -93px;
*/    top: 0px;
    right: 0;
}
.menu03_pasting {
    position: absolute;
    top: 5px;
    right: 0;
}
.menu04_pasting {
    position: absolute;
    top: 0;
    right: 2%;
}
.menu01Area h4,.menu02Area h4,.menu03Area h4,.menu04Area h4 {
    width: 658px;
    float: right;
    padding: 30px 0 0 10px;
}
.menu07Area .ttlh4,.menu08Area .ttlh4  {
    width: 658px;
    float: right;
    padding: 15px 0 15px 10px;
}

.menu_photobox {
    margin: 2% 0 0;
    display: inline-block;
    height: auto;
    padding: 0 0 3%;
}
.menu_photobox img {
    float: left;
}
.menuArea .menu01Area .menu_photobox p,.menuArea .menu03Area .menu_photobox p,.menuArea .menu04Area .menu_photobox p,.menuArea .menu07Area .menu_photobox p,.menuArea .menu08Area .menu_photobox p {
    float: left;
    padding: 96px 0 0 15px;
}
.memu_smallbox {
    display: inline-block;
    width: 100%;
    padding: 0 0 5%;
}
.memu_smallbox_left {
    float: left;
}
.memu_smallbox_left p{
    margin: 10px 0 0;
}
.memu_smallbox_right{
    float: right;
}
.memu_smallbox {
    display: inline-block;
    width: 100%;
    padding: 0 0 3%;
}
.memu_smallbox_left2 {
    position: relative;
    float: left;
}
.memu_smallbox_right2 {
    float: left;
    padding: 0 0 0 2%;
}
.memu_smallbox_right2 p{
    margin: 10px 0 0;
}
img.pickup_icon {
    position: absolute;
    top: -27px;
}
img.pickup_photo {
    padding: 0 0 0 84px;
}
@media (min-width: 690px) and (max-width: 959px) {
	
    #header {
        background-size: 12%;
        background-position: 2% 68%;
    }
    .menu_heading {
        width: 100%;
        height: auto;
        margin: 0 0 10px;
    }
    .menu01_pasting {
        position: relative;
        top: -17px;
        right: 0;
        text-align: center;
    }
    .menu01Area h4{
        width: 100%;
        padding: 5% 0 3%;
    }
    .menuArea .menu01Area p {
        padding: 1.5% 1.5% 5%;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .menu_photobox {
        text-align: center;
    }
    .menuArea .menu01Area .menu_photobox p {
        padding: 5% 0 0;
        text-align: left;
    }
    .menuArea .menu01Area .menu_photobox p br{
        display: none;
    }
    .menu_photobox img {
        float: none;
        padding: 0;
        width: 60%;
        height: auto;
        max-width: 400px;
    }
    .memu_smallbox_left{
        width: 100%;
    }
    .memu_smallbox_right{
        float: none;
        text-align: center;
    }
    img.menu02_reduction {
        width: 320px;
        height: auto;
    }
    .menu02Area h4{
        padding: 5% 0 3%;
        width: 100%;
    }
    .menu02_pasting img{
        width: 400px;
        height: auto;
    }
    .menu03_pasting {
        position: relative;
        top: 0;
        right: 0;
        text-align: center;
    }
    .menu03_pasting img{
        width: 50%;
        height: auto;
        max-width: 350px;
    }
    .menu03Area h4, .menu04Area h4 {
        width: 100%;
        float: none;
        padding: 5% 0 3%;
    }
    .menuArea .menu03Area p br{
        display: none;
    }
    .menuArea .menu03Area .menu_photobox p{
        padding: 5% 0 3%;
    }
    ..menuArea .menu03Area ul{
        display: inline-block;
    }
    .menuArea .menu03Area ul li{
        width: 30%;
        float: left;
        margin: 0 1%;
    }
}
@media (min-width: 320px) and (max-width: 689px) {
    .menuArea .menuNav li{
        background:url(../img/menu/ico_arrow_01.png) no-repeat center bottom 15%;
        border-bottom: 1px solid #014622;
        display: block;
        text-align: center;
        width: 100%;
        vertical-align: middle;
        line-height: 1.2;
        font-size: 128.6%;
    }
    .menuArea .menuNav li:last-child{
        border-bottom: none;
    }
    .menuArea .menuNav li a{
        display: block;
        padding: 10px 5px 25px;
        color: #014622;
    }
    .menuArea .menuNav{
        width: 100%;
        border: solid 1px #014622;
        display: table;
        margin: 30px auto;
    }
    .menu01Area h4,.menu02Area h4,.menu03Area h4,.menu04Area h4 {
        width: 100%;
        float: none;
        padding: 30px 0 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .menu01Area h4 img,.menu02Area h4 img,.menu03Area h4 img,.menu04Area h4 img{
        width: 100%;
    }
    .menu01_pasting{
        position: relative;
        text-align: center;
        margin: 0 auto 20px;
    }
    .menu_heading {
        width: 100%;
        height: auto;
        margin: 0 0 10px;
    }
    .menuArea .menu01Area .menu_photobox p,.menuArea .menu03Area .menu_photobox p,.menuArea .menu04Area .menu_photobox p {
        float: left;
        padding: 3% 1.5% 5%;
        text-align: left;
    }
    .menuArea .menu01Area ul li{
        float: none;
        width: 80%;
    }
    .menu02_pasting {
        position: relative;
        top: 0;
    }
    .menu_heading {
        width: 100%;
        height: auto;
        margin: 0 auto 3%;
        text-align: center;
    }
    .menu03_pasting {
        position: relative;
        top: 0;
        right: 0;
    }
    .menu04_pasting {
    position: relative;
    top: 0;
    right: 0;
    text-align: center;
    width: 70%;
    margin: 0 auto;
    }
    img.pickup_photo {
    padding: 0;
    }
    .memu_smallbox_left2 {
    position: relative;
    float: none;
    margin: 0 0 10%;
    }
}
/*// menu01Area //*/
.menuArea .menu01{
	background:url(../img/menu/bg_menu_01.jpg) no-repeat center center;
}
.menuArea .menu01Area{
	background: #eef4f1;
	padding: 5% 0 8%;
}
.menuArea .menu01Area p{
	padding: 1.5% 1.5% 5%;
}
.menuArea .menu01Area ul{
	padding: 0 0 6%;
}
.menuArea .menu01Area ul li{
	float: left;
	width: 33.33%;
}
.menuArea .menu01Area .priceList h5{
	font-size: 185.7%;
	padding-bottom: 3%;
}
.menuArea .min{
	font-size:50%;
	font-weight:normal;
	vertical-align:middle;
}
.menuArea .min{
	font-size:50%;
	font-weight:normal;
	vertical-align:middle;
}
.menu02Area .menu_heading2 h4{
    margin: 0 0 10px;
    float: none;
}
@media (min-width: 690px) and (max-width: 959px) {
    .menuArea .menu01Area .priceList h5{
        font-size: 185.7%;
        padding-bottom: 3% 3% 5% 3%;
        line-height: 1.5;
    }
    .txtR{
        text-align: left;
    }
    .menuArea .contTbl{
        float: left;
        margin: 5% auto 0;
        width: 100%;
    }
    .menuArea .contTbl tr{
        border-bottom: dotted 1px #014622;
    }
    .menuArea .contTbl th{
        font-size: 120%;
        text-align: left;
        width: 55%;
    }
    .menuArea .contTbl td{
        font-size: 120%;
        text-align: right;
        width: 38%;
    }
    .menu_heading2{
        text-align: center;
    }
    .menu_heading{
        text-align: center;
    }
    .menu02_pasting {
    position: relative;
    top: 0;
    right: 0;
    }
    .menu_irregular {
    padding: 5% 0 0;
}
}
@media (min-width: 320px) and (max-width: 689px) {
    .menuArea .menu01Area ul li{
        float: none;
        width: 100%;
        padding: 0 0 5%;
        text-align: left;
    }
    .menuArea .menu01Area ul li img{
        text-align: left;
        height: 100px;
        width: auto;
    }
    .menuArea .menu01Area .priceList h5{
        font-size: 185.7%;
        padding-bottom: 3% 3% 5% 3%;
        line-height: 1.5;
    }
    .txtR{
        text-align: left;
    }
    .menuArea .contTbl{
        float: left;
        margin: 5% auto 0;
        width: 100%;
    }
    .menuArea .contTbl tr{
        border-bottom: dotted 1px #014622;
    }
    .menuArea .contTbl th{
        font-size: 120%;
        text-align: left;
        width: 55%;
    }
    .menuArea .contTbl td{
        font-size: 120%;
        text-align: right;
        width: 38%;
    }
    .menu_heading2{
        text-align: center;
    }
}
/*// menu02Area //*/
.menuArea .menu02{
	background:url(../img/menu/bg_menu_02.jpg) no-repeat center center;
}
.menuArea .menu02Area{
	background: #ffffff;
	padding: 5% 0 8%;
}
.menuArea .menu02Area p{
	padding: 1.5% 1.5% 5%;
}
.menuArea .menu02Area ul{
	text-align: center;
}
.menuArea .menu02Area ul li{
	display: inline-block;
	margin: 0 1.9%;
}
.menuArea .menu02Area .menu_photobox p{
    float: left;
    padding: 96px 0 0 15px;
}
.menu_irregular{
    padding: 86px 0 0;
}
@media (min-width: 690px) and (max-width: 959px) {
    .menu_irregular{
        padding: 5% 0 0;
    }
    .menu_photobox {
        text-align: center;
    }
    .menu_photobox p{
        text-align: left;
    }
    .menuArea .menu02Area .menu_photobox p {
        float: none;
        padding: 5% 0;
    }
    .menuArea .menu02Area p br{
        display: none;
    }
    .menu02_pasting{
        text-align: center;
    }
}
@media (min-width: 320px) and (max-width: 689px) {
    .menu_irregular{
        padding: 5% 0 0;
        text-align: center;
    }
    .menu_photobox{
        margin: 0 auto;
        text-align: center;
    }
    .menuArea .menu02Area .menu_photobox p{
        float: left;
        padding: 5% 0 0;
        text-align: left;
        margin: 0 auto;
    }
    .menu_photobox img{
        float: none;
    }
}
/*// menu03Area //*/
.menuArea .menu03{
	background:url(../img/menu/bg_menu_03.jpg) no-repeat center center;
}
.menuArea .menu03Area{
	background: #eef4f1;
	padding: 5% 0 8%;
}
.menuArea .menu03Area p,.menuArea .menu07Area p,.menuArea .menu08Area p{
	padding: 1.5% 1.5% 5%;
}
.menuArea .menu03Area ul{
	padding: 0 0 6%;
	text-align: center;
}
.menuArea .menu03Area ul li {
    display: inline-block;
    float: left;
}
.menu03Area .menu_heading2 h4{
    margin: 0 0 10px;
    float: none;
}
.menu_pointicon {
    text-align: center;
    margin: 30px auto 50px;
}
@media (min-width: 320px) and (max-width: 689px) {
    .menuArea .menu03Area ul{
        text-align: right;
    }
    .menuArea .menu03Area ul li {
        display: inline-block;
        margin: 0 0 5%;
        float: none;
    }
    .menuArea .menu03Area ul li img{
        height: 146px;
        width: auto;
    }
    .menu_pointicon {
    text-align: center;
    margin: 10% auto 10%;
    }
}
/*// menu04Area //*/
.menuArea .menu04{
	background:url(../img/menu/bg_menu_04.jpg) no-repeat center center;
}
.menuArea .menu04Area{
	background: #fff;
	padding: 5% 0 8%;
}
.menuArea .menu04Area p{
	padding: 1.5% 1.5% 5%;
}
.menuArea .menu04Area ul{
	padding: 0 0 6%;
	text-align: center;
}
.menuArea .menu04Area ul li{
	display: inline-block;
	margin: 0 7%;
}
.menu04Area .contTbl{
	float: left;
	margin-right: 10% !important;
}
.menu04Area .priceList span{
	font-size: 116.7%;
}
@media (min-width: 690px) and (max-width: 959px) {
    .menuArea .menu04Area p br{
        display: none;
    }
    .menu04_pasting {
        position: relative;
        top: 0;
        right: 0;
        text-align: center;
    }
    .menuArea .menu04Area .menu_photobox p{
        padding: 5% 0 3%;
    }
    .memu_smallbox_left2 {
        position: relative;
        float: none;
        text-align: center;
    }
    img.pickup_photo {
        padding: 0 0 5%;
        margin: 0 auto;
        text-align: center;
    }
    img.pickup_icon {
        position: absolute;
        top: -27px;
        left: 90px;
    }
    .menu04Area .priceList span {
        font-size: 116.7%;
        display: inline-block;
        margin: 3% 0 0;
    }
}
@media (min-width: 320px) and (max-width: 689px) {
    .menuArea .menu04Area ul{
        padding: 0 0 6%;
        text-align: center;
    }
    .menuArea .menu04Area ul li{
        display: inline-block;
        margin: 0 1%;
        width: 30%;
    }
    .menu04Area .priceList span{
    font-size: 116.7%;
    padding: 10% 0;
    display: inline-block;
    }
}

/*// menu05Area //*/
#menu05{
    background-image: url(../img/menu2/menu_option.png);
    background-repeat: no-repeat;
    background-position: 80%;
}
.menuArea .menu05Area{
	background: #eef4f1;
	padding: 5% 0 8%;
}
.menu05Area .menu05{
	text-align: center;
	padding-bottom: 5%;
}
.menuArea .menu05Area p{
	padding: 1.5% 1.5% 5%;
}
.menuArea .menu05Area ul{
	padding: 0 0 6%;
	text-align: center;
}
.menuArea .menu05Area ul li{
	display: inline-block;
	margin: 0 7%;
}

.menu05Area .contTbl{
	margin-right: 9%;
}
.menu05Area .priceList .contTbl:last-child{
	margin-right: 0;
}
.menu05Area .priceList .contTbl th{
	text-align: left;
	width: auto;
}
.menu05Area .priceList .contTbl td{
	text-align: right;
	width: auto;
	padding-left: 30px;
}
@media (min-width: 320px) and (max-width: 689px) {
    #menu05{
        background-image: url(../img/menu2/menu_option.png);
        background-repeat: no-repeat;
        background-position: 95% 100%;
        background-size: 50%;
        padding: 10% 0;
    }
}

/*// menu06Area //*/
.menuArea .menu06Area{
	background: #fff;
	padding: 5% 0 8%;
}
.menu06Area .menu06{
	text-align: center;
}
.menuArea .menu06Area p{
	padding: 1.5% 1.5% 5%;
}
.menuArea .menu06Area ul{
	padding: 0 0 6%;
	text-align: center;
}
.menuArea .menu06Area ul li{
	background:url(../img/menu/ico_arrow_03.png) no-repeat right center;
	float: left;
	margin: 0;
	max-width: 279px;
	padding-right: 23px;
	margin-right: 5px;
	text-align: left;
}
.menuArea .menu06Area ul li:last-child{
	background: none;
	padding-right: 0;
	margin-right: 0;
}
@media (min-width: 690px) and (max-width: 959px) {
    .menuArea .menuTtl{
    }
    .menuArea .menu06Area ul li{
        background:none;
        margin: 0;
        max-width: 279px;
        padding-right: 0;
        margin: 0 3% 10%;
        text-align: left;
        float: left;
    }
    .menuArea .menu06Area ul li img{
        text-align: center;
        margin: 0 0 3%;
    }
    .menuArea .menu06Area ul li:last-child{
        background:none;
        margin: 0;
        max-width: 279px;
        padding-right: 0;
        margin: 0 3% 10%;
        text-align: left;
        float: left;
    }
    .menuArea .priceList{
        padding: 5% 5% 10%;
    }
    .menuArea .menu06Area ul {
        padding: 0 0 6%;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        display: inline-flex;
    }
}
@media (min-width: 320px) and (max-width: 689px) {
    .menuArea .menu06Area ul li{
        background:none;
        margin: 0;
        max-width: 279px;
        padding-right: 0;
        margin: 0 auto 10%;
        text-align: left;
        float: none;
    }
    .menuArea .menu06Area ul li img{
        text-align: center;
        margin: 0 0 3%;
    }
    .menuArea .menu06Area ul li:last-child{
        background: none;
        margin: 0 auto 10%;
        padding: 0;
        text-align: left;
        float: none;
    }
    .menuArea .priceList{
        padding: 5% 5% 10%;
    }
}
/*// menu07Area //*/
.menuArea .menu07{
	background:url(../img/menu/bg_menu_07.jpg) no-repeat center center;
}
.menuArea .menu07Area{
	background: #eef4f1;
	padding: 5% 0 8%;
}
.menu07Area{
	position:relative;
}
.menu07Area .menu07_pasting {
    position: absolute;
    top: 5px;
    right: 0;
}
.menuArea .menu07Area .stress{
}
.menuArea .menu07Area .stress h4{
	text-align:center;
}
.menuArea .menu07Area .stress .box{
	width:80%;
	margin:0 auto;
}
.menuArea .menu07Area .stress .box:after{
	content:"";
	display:block;
	clear:both;
}
.menuArea .menu07Area .stress .box .left{
	float:left;
	width:25%;
	text-align:center;
	margin:5% auto;
}
.menuArea .menu07Area .stress .check{
	background-color:#fff;
	padding:3%;
}
.menuArea .menu07Area .stress .check h4{
	text-align:center;
	margin-bottom:40px;
}
.menuArea .menu07Area .stress .check .box{
	width:98%;
	text-align:left;
}
.menuArea .menu07Area .stress .check .box:after{
	content:"";
	display:block;
	clear:both;
}
.menuArea .menu07Area .stress .check ul{
	text-align:left;
	width:48%;
	float:left;
	padding: 0 0 20px 0;
}
.menuArea .menu07Area .stress .check li{
	line-height:2.0em;
	font-size:14px;
	float:none;
	text-align:left;
	display:block;
}
.menuArea .menu07Area .stress .check li span{
}
.menuArea .menu07Area .answer{
	background-color:#8ebea5;
	padding:3% 5%;
	margin:40px auto;
}
.menuArea .menu07Area .answer h5{
	text-align:center;
}
.menuArea .menu07Area .answer ul{
	margin-top:20px;
	padding-bottom:0;
}
.menuArea .menu07Area .answer ul:after{
	content:"";
	display:block;
	clear:both;
}
.menuArea .menu07Area .answer li{
	width:19%;
	margin:1%;
	background-color:rgba(255,255,255,0.70);
	border-radius:5px;
	padding:1.5% 2%;
	min-height:148px;
	
}
.menuArea .menu07Area .answer li span{
	font-size:18px;
	display:block;
	color:#014622;
	text-align:center;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #014622;
}
.menuArea .menu07Area p{
	padding: 1.5% 1.5% 5%;
}
.menuArea .menu07Area ul{
	padding: 0 0 6%;
	text-align: center;
}
.menuArea .menu07Area ul li {
    display: inline-block;
    float: left;
	text-align:left;
}
.menu07Area .menu_heading2 h4{
    margin: 0 0 10px;
    float: none;
}
.menu_pointicon {
    text-align: center;
    margin: 30px auto 50px;
}
@media (min-width: 320px) and (max-width: 689px) {
/*// menu07Area //*/
.menuArea .menu07{
	background:url(../img/menu/bg_menu_07.jpg) no-repeat center center;
}
.menuArea .menu07Area{
	background: #eef4f1;
	padding: 5% 0 8%;
}
.menu07Area{
	position:relative;
}

.menu07Area .ttlh4, .menu08Area .ttlh4 {
    width: 100%;
    float: right;
    padding: 30px 0 30px 0;
}

.menu07Area .menu07_pasting {
	display:none;
}
.menuArea .menu07Area .stress{
}
.menuArea .menu07Area .stress h4{
	text-align:center;
}
.menuArea .menu07Area .stress .box{
	width:80%;
	margin:0 auto;
}
.menuArea .menu07Area .stress .box:after{
	content:"";
	display:block;
	clear:both;
}
.menuArea .menu07Area .stress .box .left{
	float:none;
	width:90%;
	text-align:center;
	margin:5% auto;
}
.menuArea .menu07Area .stress .check{
	background-color:#fff;
	padding:3%;
}
.menuArea .menu07Area .stress .check h4{
	text-align:center;
	margin-bottom:40px;
}
.menuArea .menu07Area .stress .check .box{
	width:98%;
	text-align:left;
}
.menuArea .menu07Area .stress .check .box:after{
	content:"";
	display:block;
	clear:both;
}
.menuArea .menu07Area .stress .check ul{
	text-align:left;
	width:100%;
	float:none;
	padding: 0 0 20px 0;
}
.menuArea .menu07Area .stress .check li{
	line-height:2.0em;
	font-size:14px;
	float:none;
	text-align:left;
	display:block;
}
.menuArea .menu07Area .stress .check li span{
}
.menuArea .menu07Area .answer{
	background-color:#8ebea5;
	padding:3% 5%;
	margin:40px auto;
}
.menuArea .menu07Area .answer h5{
	text-align:center;
}
.menuArea .menu07Area .answer ul{
	margin-top:20px;
	padding-bottom:0;
}
.menuArea .menu07Area .answer ul:after{
	content:"";
	display:block;
	clear:both;
}
.menuArea .menu07Area .answer li{
	width:95%;
	margin:10px auto 10px auto;
	background-color:rgba(255,255,255,0.70);
	border-radius:5px;
	padding:1.5% 2%;
	min-height:100px;
	float:none;
	
}
.menuArea .menu07Area .answer li span{
	font-size:18px;
	display:block;
	color:#014622;
	text-align:center;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #014622;
}
.menuArea .menu07Area p{
	padding: 1.5% 1.5% 5%;
	text-align:left;
}
.menu08Area .menu_photobox p{
	text-align:left !important;
    float: none;
    padding:20px 0 30px 0 !important;
}
.menu08Area .menu_photobox .ttlimg {
    display: block;
	width:100% !important;
    margin: 30px auto 20px auto !important;
	padding:20px 0 0 0;
}
.menuArea .menu07Area ul{
	padding: 0 0 6%;
	text-align: center;
}
.menuArea .menu07Area ul li {
    display: inline-block;
    float: left;
	text-align:left;
}
.menu07Area .menu_heading2 h4{
    margin: 0 0 10px;
    float: none;
}
.menu_pointicon {
    text-align: center;
    margin: 30px auto 50px;
}

	
	
	
	
	
	
    .menuArea .menu07Area ul{
        text-align: right;
    }
    .menuArea .menu07Area ul li {
        display: inline-block;
        margin: 0 0 5%;
        float: none;
    }
    .menuArea .menu07Area ul li img{
        height: 146px;
        width: auto;
    }
    .menu_pointicon {
    text-align: center;
    margin: 10% auto 10%;
    }
}
.menu08Area .menu_photobox p {
    float: left;
    padding: 10px 0 0 15px !important;
}
.menu08Area .menu_photobox .ttlimg{
	display:block;
	margin:50px auto 20px 20px;
}
/*// menuTtl tmpl //*/
.menuArea .menuTtl{
	background-size: cover;
	padding: 10%;
	text-align: center;
}
@media (min-width: 961px) and (max-width: 1230px) {
	.sp{
		display:none !important;
	}
    .menu01_pasting {
        right: 2%;
    }
    .menu01_pasting img{
        width: 180px;
        height: auto;
    }
    .menu02_pasting {
        position: absolute;
        top: 0px;
        right: 0;
    }
    .menu02_pasting img{
        width: 400px;
        height: auto;
    }
    .menu03_pasting {
        position: absolute;
        top: 68px;
        right: 5%;
    }
    .menuArea .contTbl {
        float: left;
        margin-right: 10%;
        margin-bottom: 3%;
    }
    .menu03_pasting img{
        width: 300px;
        height: auto;
    }
    .menuArea .menu01Area .menu_photobox p, .menuArea .menu03Area .menu_photobox p, .menuArea .menu04Area .menu_photobox p {
        float: left;
        padding: 50px 0 0 15px;
        width: 57%;
    }
    .menuArea .menu03Area ul li {
        display: inline-block;
        float: left;
        width: 33.3%;
    }
    .menu_photobox img {
        max-width: 300px;
        height: auto;
    }
    .menu04_pasting {
        position: absolute;
        top: 23px;
        right: 2%;
    }
    .menu04_pasting img{
        width: 230px;
        height: auto;
    }
    #menu05 {
        background-position: 100%;
    }
    .menu05Area .contTbl {
        margin-right: 9%;
        width: 500px;
    }
    .menu05Area .priceList .contTbl:last-child {
        margin-right: 0;
        width: 500px;
    }
    .menuArea .menu06Area ul li {
        background: url(../img/menu/ico_arrow_03.png) no-repeat right center;
        float: none;
        margin: 0;
        max-width: 20%;
        padding-right: 23px;
        margin-right: 5px;
        text-align: left;
        display: inline-block;
        vertical-align: top;
    }
    .memu_smallbox_left {
        float: left;
        width: 50%;
    }
    .menu04Area .priceList span{
        float: left;
    }
}




/*////////////////////////////////
concept.html
////////////////////////////////*/
/*// concept tmpl //*/
.conceptArea h3{
    border-bottom: solid 1px #bfc1c0;
}
.conceptArea p{
    padding: 2% 0 5%;
    font-size: 114.3%;
}

.conceptArea{
    padding-bottom: 15%;
}
.conceptArea h1{
    text-align: center;
    line-height: 1;
}
.conceptArea h2{
    padding-bottom: 10%;
}


/*// concept01Area //*/
.conceptArea .concept01Area{
    background:url(../img/concept/bg_concept_01.jpg) no-repeat center center #eee;
    background-size: cover;
    padding: 12% 0 8%;
    text-align: center;
}
.conceptArea .concept01Area section{
    float: right;
    text-align: left;
    width: 60%;
}


/*// concept02Area //*/
.conceptArea .concept02Area{
    background:url(../img/concept/bg_concept_02.jpg) no-repeat center center #eee;
    background-size: cover;
    padding: 12% 0 8%;
    text-align: center;
}
.conceptArea .concept02Area section{
    float: left;
    text-align: left;
    width: 60%;
}


/*// concept03Area //*/
.conceptArea .concept03Area{
    background:url(../img/concept/bg_concept_03.jpg) no-repeat center center #eee;
    background-size: cover;
    padding: 12% 0 8%;
    text-align: center;
}
.conceptArea .concept03Area section{
    float: right;
    text-align: left;
    width: 60%;
}
@media (min-width: 320px) and (max-width: 689px) {
    /*// concept01Area //*/
    .conceptArea .concept01Area {
        background: url(../img/concept/bg_concept_01_sp.jpg) no-repeat top center #fff;
        background-size: 100%;
        padding: 14% 0 0;
        text-align: center;
    }
    .conceptArea .container.clearfix {
        margin: 100px 0 0px;
        background: #ffffff;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 2%;
        max-width: 100%;
    }
    .conceptArea .concept01Area section {
        float: none;
        text-align: left;
        width: 100%;
        padding: 10px 0 0;
    }
    /*// concept02Area //*/
    .conceptArea .concept02Area{
        background:url(../img/concept/bg_concept_02_sp.jpg) no-repeat 97% -50% #fff;
        padding: 14% 0 0;
        text-align: center;
    }
    .conceptArea .concept02Area section{
        float: none;
        text-align: left;
        width: 100%;
        padding: 10px 0 0;
    }
    /*// concept03Area //*/
    .conceptArea .concept03Area{
        background:url(../img/concept/bg_concept_03_sp.jpg) no-repeat top center #eee;
        background-size: 100%;
        padding: 14% 0 0;
        text-align: center;
    }
    .conceptArea .concept03Area section{
        float: none;
        text-align: left;
        width: 100%;
        padding: 10px 0 0;
    }
}




/*////////////////////////////////
staff.html
////////////////////////////////*/
/*// staff tmpl //*/
.staffArea h3{
    padding-bottom: 3%;
}
.staffArea p{
    padding: 2% 0 5%;
    font-size: 114.3%;
}


.staffArea{
    padding-bottom: 15%;
}
.staffArea h1{
    text-align: center;
    line-height: 1;
}
.staffArea h2{
    padding-bottom: 10%;
}


/*// staff01Area //*/
.staffArea .staff01Area{
    background:url(../img/staff/bg_staff_01.jpg) no-repeat center center #deebe4;
    background-size: cover;
    padding: 12% 0 8%;
}
.staffArea .staff01Area section{
    float: left;
    text-align: left;
    width: 48%;
}


/*// staff02Area //*/
.staffArea .staff02Area{
    background:url(../img/staff/bg_staff_02.jpg) no-repeat center center #deebe4;
    background-size: cover;
    padding: 12% 0 8%;
}
.staffArea .staff02Area section{
    float: right;
    text-align: left;
    width: 48%;
}


/*// staff03Area //*/
.staffArea .staff03Area{
    background:url(../img/staff/bg_staff_03.jpg) no-repeat center center #deebe4;
    background-size: cover;
    padding: 12% 0 8%;
    text-align: center;
    margin-bottom: 4%;
}
.staffArea .staff03Area section{
    float: left;
    text-align: left;
    width: 48%;
}


/*// staffProfArea //*/
.staffArea .staffProfArea{
    background:url(../img/staff/bg_staff_04.jpg) no-repeat center center;
    background-size: cover;
    box-shadow: 3px 6px 10px -3px rgba(145, 144, 144, 1);
    margin: 4% 5% 0;
    padding: 4% 4% 7%;
    text-align: center;
}
.staffArea .staffProfArea h2{
    padding: 0;
}
.staffArea .staffProfArea h2 span{
    display: block;
}
.staffArea .staffProfArea table.contTbl{
    float: right;
    margin: 15% 10% 0 0;
    text-align: left;
}
.staffArea .staffProfArea table.contTbl th{
    font-size: 114.3%;
    width: 25%;
    padding-bottom: 1%;
}
.staffArea .staffProfArea table.contTbl td{
    font-size: 114.3%;
    width: 75%;
    padding-bottom: 1%;
}
@media (min-width: 320px) and (max-width: 689px) {
    .staffArea .staff01Area {
        background: url(../img/staff/bg_staff_01_sp.jpg) no-repeat #deebe4;
        background-size: 100%;
        background-position: top center;
        padding: 12% 0 0;
    }
    .staff01Area .container.clearfix,.staff02Area .container.clearfix,.staff03Area .container.clearfix {
        margin: 125px 0 0px;
        box-sizing: border-box;
        padding: 4% 2% 2%;
        max-width: 100%;
        background-color: #deebe4;
    }
    .staffArea .staff01Area section {
        float: left;
        text-align: left;
        width: 100%;
    }
    .staffArea .staff02Area {
        background: url(../img/staff/bg_staff_02_sp.jpg) no-repeat #deebe4;
        background-size: 100%;
        background-position: top center;
        padding: 12% 0 0;
    }
    .staffArea .staff02Area section {
        float: left;
        text-align: left;
        width: 100%;
    }
    .staffArea .staff03Area {
        background: url(../img/staff/bg_staff_03_sp.jpg) no-repeat #deebe4;
        background-size: 100%;
        background-position: top center;
        padding: 12% 0 0;
    }
    .staffArea .staff03Area section {
        float: left;
        text-align: left;
        width: 100%;
    }
}
@media (min-width: 690px) and (max-width: 1200px) {
    /*// concept01Area //*/
    .staffArea .staff01Area {
        background: url(../img/staff/bg_staff_01.jpg) no-repeat center center #deebe4;
        background-size: contain;
        padding: 5% 0;
    }
    .staffArea .staff02Area {
        background: url(../img/staff/bg_staff_02.jpg) no-repeat center center #deebe4;
        background-size: contain;
        padding: 5% 0;
    }
    .staffArea .staff03Area {
        background: url(../img/staff/bg_staff_03.jpg) no-repeat center center #deebe4;
        background-size: contain;
        padding: 5% 0;
        text-align: center;
        margin-bottom: 4%;
    }
}
@media (min-width: 630px) and (max-width: 800px) {
    .staffArea .staffProfArea {
        background: url(../img/staff/bg_staff_04.jpg) no-repeat;
        background-position: top left;
        background-size: 1000px;
        box-shadow: 3px 6px 10px -3px rgba(145, 144, 144, 1);
        margin: 4% 5% 0;
        padding: 4% 4% 7%;
        text-align: center;
    }
    .staffArea .staffProfArea table.contTbl {
        float: right;
        margin: 368px auto 0;
        text-align: left;
    }
}
@media (min-width: 801px) and (max-width: 1200px) {
    .staffArea .staffProfArea {
        background: url(../img/staff/bg_staff_04.jpg) no-repeat;
        background-position: -100px bottom;
        background-size: 90%;
        box-shadow: 3px 6px 10px -3px rgba(145, 144, 144, 1);
        margin: 4% 5% 0;
        padding: 4% 4% 7%;
        text-align: center;
    }
    .staffArea .staffProfArea table.contTbl {
        float: right;
        margin: 3% 0 0 0;
        text-align: left;
        font-size: 12px;
    }
}
@media (min-width: 450px) and (max-width: 629px) {
    .staffArea .staffProfArea {
        background-image: url(../img/staff/bg_staff_04.jpg);
        background-position: 68% 60%;
        background-size: 530px;
        background-position: no-repeat;
        box-shadow: none;
        margin: 4% 1% 0;
        padding: 4% 1% 7%;
        text-align: center;
    }
    .staffArea .staffProfArea table.contTbl {
        float: right;
        margin: 10px auto 0;
        text-align: left;
        font-size: 10px;
    }
    .staffProfArea .container.clearfix{
        margin: 0;
        background-color: none;
    }
    .staffArea .staffProfArea table.contTbl th {
        font-size: 114.3%;
        width: 50px;
        padding-bottom: 1%;
        padding-right: 16px;
    }
    .staffArea .staffProfArea table.contTbl td {
        font-size: 114.3%;
        width: 160px;
        padding-bottom: 1%;
    }
}
@media (min-width: 320px) and (max-width: 450px) {
    .staffArea .staffProfArea {
        background-image: url(../img/staff/bg_staff_04.jpg);
        background-position: 8% 10%;
        background-size: 700px;
        background-position: no-repeat;
        box-shadow: none;
        margin: 4% 1% 0;
        padding: 4% 1% 7%;
        text-align: center;
    }
    .staffArea .staffProfArea table.contTbl {
        float: left;
        margin: 270px auto 0;
        text-align: left;
        font-size: 10px;
    }
    .staffProfArea .container.clearfix{
        margin: 0;
        background-color: none;
    }
}

/*////////////////////////////////
treatment.html
////////////////////////////////*/
/*// treatment tmpl //*/
.treatmentArea h1{
    text-align: center;
    line-height: 1;
}
.treatmentArea h2{
    padding-bottom: 10%;
}
.treatmentArea h3{
    text-align: center;
    line-height: 1;
    padding-bottom: 2%;
}
.treatmentArea h4{
    font-size: 128.6%;
    font-weight: normal;
    padding-bottom: 5%;
}
.treatmentArea p{
    padding: 0 0 5% 0;
}
/*.treatmentArea p strong{
    background:url(../img/treatment/bg_treatment_strong.png) no-repeat left bottom;
    display: block;
    font-size: 142.8%;
    font-weight: normal;
    margin-bottom: 1%;
    padding: 0 0 1% 3%;
}*/
.treatmentArea p span{
    box-sizing: padding-box;
    display: block;
    padding-left: 3%;
}


/*// treatment01Area //*/
.treatmentArea .treatment01Area{
    background: #fff;
    padding: 0 0 8%;
}
.treatment01Area .treatment01Box{
    padding-bottom: 5%;
}
.treatment01Area .treatment01Box span.left,
.treatment01Area .treatment02Box span.left
.treatment01Area .treatment03Box span.left{
    float: left;
    width: 43%;
    padding-right: 2%;
}
.treatment01Area .treatment01Box span.right{
    float: right;
    width: 43%;
    padding-left: 2%;
}
.treatment01Area .treatment01Box p,
.treatment02Area .treatment02Box p,
.treatment03Area .treatment03Box p{
    float: left;
    padding: 2% 0 0 0;
    width: 55%;
}
.treatment01Area .treatment01Box p span{
    padding: 0 0 0 6%;
}
.treatment01Area ul li{
    float: left;
    width: 33.33%;
}
span.treatment_subtitle {
    margin: 10px 0 15px;
    font-size: 18px!important;
    letter-spacing: 1.5px;
}
p span.treatment_subtitle strong {
    padding: 0 2px;
    background-image: none;
    font-size: 26px;
    color: #8ebea5;
    font-style: normal;
    font-weight: normal;
}

/*// treatment02Area //*/
.treatmentArea .treatment02Area{
    background: #eef4f1;
    padding: 8% 0;
}
.treatment02Area .treatment02Box{
    padding-bottom: 5%;
}
.treatment02Area .treatment02Box:last-child{
    padding-bottom: 0;
}
.treatment02Area .treatment02Box span.left{
    float: left;
    width: 43%;
    padding-right: 2%;
}

.treatment02Area .treatment02Box p span{
    padding: 0 0 0 6%;
}

.treatment02Area .treatment02Box p.txtWidthSmall{
    float: left;
    padding: 14% 0 0 0;
    width: 41%;
}
.treatment02Area .treatment02Box p.txtWidthSmall strong{
    margin-bottom: 2%;
    padding: 0 0 2% 8%;
}
.treatment02Area .treatment02Box p.txtWidthSmall span{
    padding: 0 0 0 8%;
}

.treatment02Area .point{
    background:url(../img/treatment/bg_treatment_01.png) no-repeat center top;
    display: block;
    text-align: center;
    color: #014622;
    font-size: 128.6%;
    font-weight: normal;
    height: 73px;
    line-height: 73px;
    margin-bottom: 2%;
}
.treatment02Area .pointList{
    text-align: center;
    margin-bottom: 5%;
}
.treatment02Area .pointList li{
    background:url(../img/treatment/ico_check.png) no-repeat left center;
    display: inline-block;
    font-size: 185.7%;
    padding: 1% 7% 1% 4%;
    text-align: left;
}


/*// treatment03Area //*/
.treatmentArea .treatment03Area{
    background: #fff;
    padding: 8% 0;
}
.treatment03Area .treatment03Box{
    padding-bottom: 15%;
}
.treatment03Area .treatment03Box:last-child{
    padding-bottom: 0;
}
.treatment03Area .treatment03Box span.left{
    float: left;
    width: 43%;
    padding-right: 2%;
}
.treatment03Area .treatment03Box p span{
    padding: 0 0 0 6%;
}
.treatmentArea p.txtC{
    padding: 0 0 15%;
}
.treatmentArea p.txtC strong{
    background: none;
    margin-bottom: 1%;
    padding: 0;
}
.treatmentArea p.txtC strong span{
    background:url(../img/treatment/bg_treatment_strong.png) no-repeat center bottom;
    display: block;
    padding: 0 0 1% 13%;
}
@media (min-width: 320px) and (max-width: 768px) {
    .treatment01Box,.treatment02Box,.treatment03Box{
        text-align: center;
    }
    .treatment01Box p,.treatment02Box p,.treatment03Box p{
        text-align: left;
    }
    .treatment01Area .treatment01Box span.left, .treatment01Area .treatment02Box span.left,.treatment01Area .treatment03Box span.left{
        width: 100%;
    }
    .treatment01Area .treatment01Box span.left img, .treatment01Area .treatment02Box span.left img,.treatment01Area .treatment03Box span.left img{
        width: 100%;
        height: auto;
    }
    .treatment01Area .treatment01Box span.right {
        float: right;
        width: 100%;
        padding-left: 2%;
    }
    .treatment01Area .treatment01Box span img{
        width: 100%;
        height: auto;
    }
    .treatment02Area .treatment02Box span.left {
        float: left;
        width: 100%;
        padding-right: 2%;
    }
    .treatment02Area .treatment02Box span.left img{
        width: 100%;
        height: auto;
    }
    .treatment03Area .treatment03Box span.left {
        float: left;
        width: 100%;
        padding-right: 2%;
    }
    .treatment03Area .treatment03Box span.left img{
        width: 100%;
        height: auto;
    }
    .treatment03Area .treatment03Box span img{
        width: 100%;
        height: auto;
    }
    .treatment01Area .treatment01Box p, .treatment02Area .treatment02Box p, .treatment03Area .treatment03Box p{
        width: 100%;
    }
    .treatment02Area .treatment02Box p br,.treatment03Area .treatment03Box p br{
        display: none;
    }
    .treatmentArea h4{
        line-height: 1.5;
        padding: 2% 0;
        font-size: 110%
    }
    .treatment02Area .treatment02Box span.right img{
        width: 100%;
        height: auto;
    }
    .treatment02Area .treatment02Box span.right img.treatment02_reduction{
        width: 350px;
        height: auto;
        text-align: center;
        margin: 0 auto;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .treatment01Area .treatment01Box span.left, .treatment01Area .treatment02Box span.left .treatment01Area .treatment03Box span.left{
        padding: 6% 2% 0 0;
    }
    .treatment01Box,.treatment02Box,.treatment03Box{
        text-align: center;
    }
    .treatment01Box p,.treatment02Box p,.treatment03Box p{
        text-align: left;
    }
    .treatment02Area .treatment02Box span.right img.treatment02_reduction{
        width: 350px;
        height: auto;
        text-align: center;
        margin: 0 auto;
    }
}
@media (min-width: 769px) and (max-width: 1152px) {
    .treatment02Area .treatment02Box p.treatment02Box_reductionText,.treatment03Area .treatment02Box p.treatment02Box_reductionText{
        width: 45%;
    }
    .treatment02Area .treatment02Box span.right img.treatment02_reduction2,.treatment03Area .treatment03Box span.right img.treatment02_reduction2{
        width: 45%;
        float: right;
    }
}


/*////////////////////////////////
salon.html
////////////////////////////////*/
/*// salon tmpl //*/
.salonArea h1{
    text-align: center;
    line-height: 1;
}
.salonArea h2{
    padding-bottom: 10%;
}

.salonArea .salonSlide{
    padding-bottom: 10%;
}
.salonArea .salonSlide .bx-wrapper .bx-viewport {
    background: none;
    border: none;
    box-shadow: none;
    left: 0;
}

.salonArea .salonSlide .bx-wrapper .bx-controls-direction a {
    height: 49px;
    width: 44px;
}
.salonArea .salonSlide .bx-wrapper .bx-next {
    background: url(../img/salon/btn_next.png) no-repeat left center;
}
.salonArea .salonSlide .bx-wrapper .bx-prev {
    background: url(../img/salon/btn_prev.png) no-repeat right center;
}


.salonArea .salon01Area{
    padding-bottom: 10%;
}
.salon01Area .saloninformation{
    position: relative;
	margin-bottom:110px;
}
.salon01Area .saloninformation .saloninfo {
    float: left;
    width: 50%;
}
.salon01Area .saloninformation .saloninfo h5 {
    margin-bottom: 20px;
}
.salon01Area .saloninformation .saloninfo dl {
    padding-top: 10px;
}
.salon01Area .saloninformation .saloninfo dt {
    float: left;
    font-size: 15px;
    line-height: 1.8em;
    width: 15%;
}
.salon01Area .saloninformation .saloninfo dd {
    float: left;
    font-size: 15px;
    line-height: 1.8em;
}
.salon01Area .saloninformation .saloninfo .tel {
    margin-top: 16px;
}
.salon01Area .saloninformation .saloninfo .infoTel {
    color: #014622;
    font-family: "Times New Roman",Times,serif;
    font-size: 32px;
    font-weight: bold;
}
.salon01Area .saloninformation .btnset {
/*	margin:20px 0;
*/  position: absolute;
	bottom: -110px;
    max-width: 48%;
}
.salon01Area .saloninformation .btnset .online {
    margin-right: 0;
}
.salon01Area .saloninformation .btnset p {
    display: block;
    margin-right: 4.2%;
}
.salon01Area .saloninformation .gmap{
    height: 0;
    overflow: hidden;
    padding-bottom: 34.4%;
    padding-top: 30px;
    position: relative;
    width: 50%;
}
.salon01Area .saloninformation .gmap iframe,
.salon01Area .saloninformation .gmap object,
.salon01Area .saloninformation .gmap embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#indexpage .salon .btnset p {
    display: block;
    margin-right: 2.2%;
    margin-top: 1%;
    width: 100%;
}

.salon01Area .sns{
	margin:20px 0;
}

.salon01Area .ig{
	margin:20px 0;
	display:block;
	width:500px;
	color:#fff;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}
.salon01Area .ig i{
	margin-right:20px;
}
.salon01Area .ig i:nth-child(1){
	margin-left:5%;
	font-size:22px;
}
.salon01Area .ig i:nth-child(2){
	font-size:16px;
	margin-left:5%;
}
.salon01Area .ig a{
	padding:20px 0;
	display:block;
	color:#fff;
	background-color:#014622;
	border:2px solid #014622 
}
.salon01Area .ig a:hover{
	color:#014622;
	background-color:#fff;
	border:2px solid #014622 
}




.salon01Area .sns:after{
	content:"";
	display:block;
	clear:both;
}
.salon01Area .sns .fb-page{
	width:40%;
	float:left;
}
.salon01Area .sns .ig{
	width:47.5%;
	float:left;
	margin-right:2.5%;
}
.infoArea{
}
.infoArea p{
	font-size:16px;
	text-align:center;
	margin:200px auto;
}
.infoArea h1{
	text-align: center;
	line-height: 1;
}
@media (min-width: 320px) and (max-width: 938px) {
	.sp{
		display:block !important;
	}
	.pc{
		display:none !important;
	}

    .salon01Area .saloninformation .saloninfo {
        width: 100%;
    }
    .salon01Area .saloninformation .gmap {
        height: 0;
        overflow: hidden;
        padding-bottom: 34.4%;
        padding-top: 30px;
        position: relative;
        width: 100%;
    }
    .salon01Area .sns .fb-page {
        width: 100%;
    }
    .salon01Area .sns .ig{
        width: 100%;
    }
.salon01Area .saloninformation .btnset {
/*	margin:20px 0;
*/  position: absolute;
	bottom: -110px;
    width: 100%;
    max-width: 100%;
}
.salon01Area .saloninformation .btnset .online {
    margin-right: 0;
}
.salon01Area .saloninformation .btnset p {
    display: block;
    margin-right: 4.2%;
}
}

/*////////////////////////////////
reservation.html
////////////////////////////////*/
/*// reservation tmpl //*/
.reservationArea p{
	line-height:1.8em;
    padding: 2% 0 8%;
    font-size: 114.3%;
    font-size: 100%;
}
.reservationArea{
    padding-bottom: 10%;
}
.reservationArea h1{
    text-align: center;
    line-height: 1;
}


/*// reservationBox //*/
.reservationBox .contTbl{
    width: auto;
    margin: 0 auto;
}
.reservationBox .contTbl th{
    font-size: 114.3%;
    font-weight: normal;
    text-align: right;
    padding: 0 5% 6% 0;
    width: 30%;
    vertical-align: top;
}
.reservationBox .contTbl th span.check{
    padding-left: 5%;
}
.reservationBox .contTbl td{
    font-size: 114.3%;
   padding: 0 0 6% 0;
}
.reservationBox .contTbl td label{
    padding-right: 1%;
}
.reservationBox .contTbl td input,
.reservationBox .contTbl td textarea,
.reservationBox .contTbl td select {
    border: 1px solid #014622;
    padding: 5px;
    font-size: 100%;
    width: 45%;
}
.reservationBox .contTbl td select{
    width: 25%;
    margin-bottom: 10px;
}
.reservationBox .contTbl td textarea{
    width: 90%;
}
::-webkit-input-placeholder{
    color: #999;
}
::-moz-placeholder{
    color: #999;
}


.reservationBox .submitBtn{
    text-align: left;
}
.reservationBox .submit input[type="submit"]{
    background: #014622;
    color: #fff;
    font-size: 109.4%;
    padding: 2% 12%;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#submits{
    background: #014622;
    color: #fff;
    font-size: 89.4%;
    padding: 1.2% 6%;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.reservationBox .submit input[type="submit"]:hover{
    cursor: pointer;
}
.reservationBox .contactTxt{
    text-align: center;
    padding: 2% 0 0;
}
.reservationBox .reserveTxt{
    display: block;
    font-size: 187.5%;
    padding-bottom: 2%;
}
.reservationBox .telNum{
    color: #014622;
    display: block;
    font-family: "Times New Roman",Times,serif;
    font-size: 375%;
    font-style: italic;
    font-weight: bold;
    padding-bottom: 3%;
}
@media (min-width: 320px) and (max-width: 767px) {
    .reservationArea p {
        padding: 4% 0 8%;
        font-size: 100%;
    }
    .reservationBox .contTbl th {
        font-size: 114.3%;
        font-weight: normal;
        text-align: left;
        padding: 0 5% 6% 0;
        width: 100%;
        vertical-align: top;
    }
    .reservationBox .contTbl td input, .reservationBox .contTbl td textarea {
    border: 1px solid #014622;
    padding: 5px;
    font-size: 100%;
    width: 100%;
    box-sizing: border-box;
}
.reservationBox .contTbl td select{
    width: 80%;
}
.reservationBox .contTbl td {
    font-size: 114.3%;
    padding: 0 0 10% 0;
    float: left;
    width: 100%;
}
.reservationBox .contTbl th {
    font-size: 114.3%;
    font-weight: normal;
    text-align: left;
    padding: 0 5% 4% 0;
    width: 100%;
    vertical-align: top;
    float: left;
}
.reservationBox .contactTxt {
    padding: 0 0 4%;
    font-size: 100%;
}
.reservationBox .reserveTxt {
    font-size: 120%;
    padding-bottom: 4%;
}
.reservationBox .telNum{
    font-size: 330%;
    padding: 0 0 4%;
}
}
#confirm  h3{
	font-size:130%;
	text-align:center;
	padding-bottom:3%;
}
#send  h3{
	font-size:130%;
	text-align:center;
	padding-bottom:0;
}
#confirm th,#confirm td{
	border-bottom:1px dotted #8C8C8C;
	padding:0.4%;
	margin:0 auto;
}
#confirm th{
	width:30%;
	padding-left:10px;
}
#confirm td{
	width:50%;
	padding-left:10px;
}


.clear{clear:both;}
/*クリアフィックス*/
.clearfix:after{content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{min-height:1px;}
.clear{clear:both;}