@charset "utf-8";
/*
Theme Name: ワークスタジオ瑠花
Description:「ワークスタジオ瑠花」専用WordPressテーマ。 
Theme URI: http://www.works-luca.com/
Author URI: http://www.works-luca.com/
Version: 1.0
License: (C)Work Studio LUCA All Rights Reserved.
License URI: http://www.works-luca.com/
*/
/* *********************************
000:RESET
001:BASIC
002:HEADER
003:FOOTER
004:COMMON
005:TOP
006:PAGES
007:
008:RESPONSIVE
009:EXMPLE
010:CLEARFIX
*********************************** */
/* *********************************
/* 000:RESET
*********************************** */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video,hr{
margin:0;padding:0;border:0;font-style:normal;font-weight:normal;vertical-align:baseline;font-size: 100%;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
html{overflow-y:scroll;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
input, textarea{margin:0;padding:0;}
ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align:left;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
textarea{-webkit-appearance:none;}
input[type="button"],input[type="submit"]{-webkit-appearance:none;}

/* *********************************
/* 001:BASIC
*********************************** */
/* COMMON */
@font-face{font-family: YuGothicM;src:local("Yu Gothic Medium");}
body{font-family:"游ゴシック Medium",YuGothic,YuGothicM,"游ゴシック", "Yu Gothic","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;margin:0 auto;text-align:center;font-size:15px;color:#333;padding:0;background:url(img/bg.gif); line-height:180%;}
@media screen and (max-width:780px){
body{font-size:14px;}
}
input,textarea,select{font-family:"游ゴシック Medium",YuGothic,YuGothicM,"游ゴシック", "Yu Gothic","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;}
strong{font-weight:bold;}
em{color:#F25F5C;font-style:normal;}
a img{filter:alpha(opacity=100);opacity: 1.0;transition-property: all;transition: 0.3s linear;}
a:hover img{filter: alpha(opacity=70);opacity: 0.7;}
#map{height:420px; width:100%;}

/* LINK */
a{color:#246EB9;text-decoration:none;}
a:hover{color:#599CDF;text-decoration:underline;}
.tel span,.tel span a{font-weight:bold;}

/* *********************************
/* 002:HEADER
*********************************** */
#header{width:100%; position:relative;background:url(img/mv_topbg.png) repeat-x bottom; padding:45px 0 0;}
#header #reserve{position:absolute; top:0; right:0; line-height:0;}
#header #reserve a{display:block;background:#8E723E; padding:15px 30px;transition-property: all;transition: 0.3s linear;}
#header #reserve a:hover{ background:#DA7272;}
#header #reserve a:hover img{filter: alpha(opacity=100);opacity: 1.0;}
#header #logo{width:136px; margin:0 auto;}
#header #logo img{width:100%; height:auto;}
#header #nav{width:880px; margin:0 auto;}
#header #nav li{float:left; margin:0 1%;padding-top:27px;}
#header #nav li a{display:block; padding:18px 0 10px;}
#header #nav li a:hover img{filter: alpha(opacity=100);opacity: 1.0;}

#header #nav li.gn01{background:url(img/gn_ic01.png) no-repeat top center;width:12%;margin-top:25px;}
#header #nav li.gn01 a{background:#C9E2D8;padding-bottom:30px;}
#header #nav li.gn01:hover{margin-top:15px;}
#header #nav li.gn01:hover a{padding-bottom:40px;}
#header #nav li.gn02{background:url(img/gn_ic02.png) no-repeat top center;width:12%;margin-top:45px;}
#header #nav li.gn02 a{background:#FED9D4;}
#header #nav li.gn02:hover{margin-top:35px;}
#header #nav li.gn02:hover a{padding-bottom:20px;}
#header #nav li.gn03{background:url(img/gn_ic03.png) no-repeat top center;width:13%;margin-top:10px;}
#header #nav li.gn03 a{background:#EDE2C7; padding-bottom:31px;}
#header #nav li.gn03:hover{margin-top:0;}
#header #nav li.gn03:hover a{padding-bottom:41px;}
#header #nav li.gn04{background:url(img/gn_ic04.png) no-repeat top center;width:12%;margin-top:30px;}
#header #nav li.gn04 a{background:#FEEECF;}
#header #nav li.gn04:hover{margin-top:20px;}
#header #nav li.gn04:hover a{padding-bottom:20px;}
#header #nav li.gn05{background:url(img/gn_ic05.png) no-repeat top center;width:12%;margin-top:45px;}
#header #nav li.gn05 a{background:#E1DEEF;}
#header #nav li.gn05:hover{margin-top:35px;}
#header #nav li.gn05:hover a{padding-bottom:20px;}
#header #nav li.gn06{background:url(img/gn_ic06.png) no-repeat top center;width:12%; margin-top:20px;}
#header #nav li.gn06 a{background:#EAEBB9; padding-bottom:35px;}
#header #nav li.gn06:hover{margin-top:10px;}
#header #nav li.gn06:hover a{padding-bottom:45px;}
#header #nav li.gn07{background:url(img/gn_ic07.png) no-repeat top center;width:13%; margin-top:20px;}
#header #nav li.gn07 a{background:#E4F5F4; padding-bottom:35px;}
#header #nav li.gn07:hover{margin-top:10px;}
#header #nav li.gn07:hover a{padding-bottom:45px;}

/* *********************************
/* 003:FOOTER
*********************************** */
#footer .footInner{border-top:1px solid #D3C5A3;border-bottom:1px solid #D3C5A3; padding:10px 0;opacity:0.6; background:#F8F3E9; margin-bottom:7px;}
#footer .footInner ul{display:table; width:100%; max-width:1000px; margin:0 auto;}
#footer .footInner ul li{display:table-cell; text-align:center;}
#footer .footInner ul li a{font-size:13px; color:#000;}
#footer .footInner ul li a:hover{color:#AAA;}
#footer p.copyright{font-size:11px; color:#999; text-align:center; padding-bottom:7px;}

/* *********************************
/* 004:COMMON
*********************************** */
/* TITLE */
.ttl01{width:100%; max-width:285px; margin:0 auto 30px;}
.ttl01 img{width:100%; height:auto;}
h2{font-size: 14px;}
@media screen and (min-width: 640px) {
h2{font-size: 15px;}
}
.fadeB,.fadeL,.fadeR{margin:0 auto;display:none;position:relative;}
.fadeB{bottom:-30px;}
.fadeL{left:-30px;}
.fadeR{right:-30px;}

.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}
.red {color:#DA7272; font-weight: 600;}

hr.border{border-top: 1px solid #F2EFE6;border-bottom: 1px solid #FFF; margin-bottom:50px;}

.movBox{width: 100%; max-width: 820px; margin: 0 auto 60px;}
#access .movBox{margin: 0 auto 20px;}
.youtube{position: relative;width: 100%;padding-top: 56.25%;}
.youtube iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}

.ttl02{display: flex;align-items: center; margin-bottom: 30px;}
.ttl02:before,.ttl02:after{content: "";height: 1px;flex-grow: 1;background-color:#E9DFCB;}
.ttl02:before {margin-right: 4px;}
.ttl02:after {margin-left: 4px;}
.ttl02 .span{font-weight:bold; font-size:18px; color:#8D723E; background:#E9DFCB;display:inline-block; padding:6px 24px;}

/* BUTTON */
.btnRe a{border:2px solid #EAB0B0; color:#D97272;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; padding:10px 35px; font-weight:bold; font-size:14px;transition-property: all;transition: 0.3s linear;}
.btnRe a:hover{background:#EAB0B0; text-decoration:none; color:#FFF;}
.btnGr a{border:2px solid #CFE5E1; color:#A7D0CA;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; padding:10px 35px; font-weight:bold; font-size:14px;transition-property: all;transition: 0.3s linear;}
.btnGr a:hover{background:#CFE5E1; text-decoration:none; color:#FFF;}
.btnOr a{border:2px solid #FEDDBA; color:#FDC58B;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; padding:10px 35px; font-weight:bold; font-size:14px;transition-property: all;transition: 0.3s linear;}
.btnOr a:hover{background:#FEDDBA; text-decoration:none; color:#FFF;}
.btnGo a{border:2px solid #C0B093; color:#8E723E;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; padding:10px 35px; font-weight:bold; font-size:14px;transition-property: all;transition: 0.3s linear;}
.btnGo a:hover{background:#C0B093; text-decoration:none; color:#FFF;}
.btnGo.tpBr a{display: inline-block; margin-bottom: 8px;padding:4px 4px;width: 100%; max-width: 220px;text-align: center;}

.btnSet{display:table; margin:0 auto 60px; border-collapse:separate;border-spacing:15px 0; width:100%; max-width:580px;}
.btnSet li{display:table-cell; width:49%}
.btnSet li a{color:#FFF; font-weight:bold; display:block; font-size:14px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; padding:8px 0; width:100%;transition-property: all;transition: 0.3s linear;}
.btnSet li.bsReserve a{background:#DB7168;}
.btnSet li.bsContact a{background:#8FC0B1;}
.btnSet li.bsReserve a:hover{background:#B13429;text-decoration:none;}
.btnSet li.bsContact a:hover{background:#447969;text-decoration:none;}

/* HEIGHT ADJUST */
.cirUl03{width:100%;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}

.apyS{width: 100%; max-width: 728px;}
.apyS img{width: 100%; height: auto;}
.apyL{width: 100%; max-width: 600px; padding-top: 8px; margin: 0 auto 16px;}
.apyL img{width: 100%; height: auto;}

/* *********************************
/* 005:TOP
*********************************** */
#cover{width:100%; height:100%; max-height:480px; overflow:hidden;}
#cover ul{width:100%;}
#cover ul li{width:100%;overflow:hidden; line-height:0;}
#cover ul li img{width:100%; height:auto;}
#main.topCts{background: url(img/main_bg.png) repeat-x center top; padding-top:70px; z-index:999;}
#main .topBox01{margin-bottom:80px;}
#main .topBox01 h1{width:100%;max-width:741px; margin:0 auto 30px; padding:0 10px;}
#main .topBox01 h1 img{width:100%; height:auto;}
#main .topBox01 h2{font-weight:bold; margin-bottom:15px;}
#main .topBox02{margin:0 auto 80px; width:100%; max-width:1120px; padding:0 10px;}
#main .topBox02 div{width:48%;}
#main .topBox02 .topImgL{float:left; width:64%;}
#main .topBox02 .topImgR{float:right; width:64%;}
#main .topBox02 .topTxtL{float:left; text-align:left; width:33%;}
#main .topBox02 .topTxtR{float:right; text-align:left; width:33%;}
#main .topBox02 .topImgL img,
#main .topBox02 .topImgR img,
#main .topBox02 .topTxtL img,
#main .topBox02 .topTxtR img{width:100%; height:auto;}
#main .topBox02 .topTxtL h2,
#main .topBox02 .topTxtR h2{margin-bottom:28px;}
#main .topBox02 .topTxtL .txt,
#main .topBox02 .topTxtR .txt{margin-bottom:30px;}
#main .top2colWrap{width:100%; max-width:1120px; padding:0 10px; margin:0 auto 60px;}
#main .top2colWrap .t2cwL{float:left; width:49%;}
#main .top2colWrap .t2cwR{float:right; width:49%; text-align:right;}
#main .topBox03 .topNews{width:100%; margin-bottom:10px;}
#main .topBox03 .topNews .tnList{border-bottom:1px dotted #DDD; padding:12px 0 5px;}
#main .topBox03 .topNews .tnList dl dt{float:left; margin-right:10px; width:100%; max-width:60px;}
#main .topBox03 .topNews .tnList dl dt img{width:100%; height:auto;}
#main .topBox03 .topNews .tnList dl dd{float:left; text-align:left; line-height:120%;}
#main .topBox03 .topNews .tnList dl dd ul{margin-bottom:8px;}
#main .topBox03 .topNews .tnList dl dd ul li{float:left; margin-right:10px; font-size:12px; color:#666;}
#main .topBox03 .topNews .tnList dl dd ul li.cat span{color:#FFF;font-size:11px;font-weight:bold; padding:2px 10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#main .topBox03 .topNews .tnList dl dd ul li.cat span.blog{ background:#8E723E;}
#main .topBox03 .topNews .tnList dl dd ul li.cat span.news{ background:#555555;}
#main .topBox03 .topNews .tnList dl dd h3 a{color:#333; text-decoration:underline;}
#main .topBox03 .topNews .tnList dl dd h3 a:hover{color:#999; text-decoration:none;}
#main .topBox03 .topNews iframe{width:100%; max-width:475px;}
#main .topBox03 .tnMore{color:#F30; text-align:left; font-size:14px;}
#main .topBox03 .tnMore a{color:#333;text-decoration:underline;}
#main .topBox03 .tnMore a:hover{color:#999; text-decoration:none;}
#main .topBox04 .t2cwL{text-align:left;}
#main .topBox04 .t2cwL .t2cwlHead{}
#main .topBox04 .t2cwL h2{width:100%; max-width:340px; margin-bottom:10px;}
#main .topBox04 .t2cwL h2 img{ width:100%; height:auto;}
#main .topBox04 .t2cwL .accSns{margin-bottom:5px;}
#main .topBox04 .t2cwL .accSns li{float:left; width:100%; max-width:32px; margin-right:12px;}
#main .topBox04 .t2cwL .accSns li img{width:100%; height:auto;}
#main .topBox04 .t2cwL p.txt01{margin-bottom:15px;}
#main .topBox04 .t2cwL p.txt02{margin-bottom:30px; font-size:14px;}
#main .topBox04 .t2cwL table{width:100%; margin-bottom:15px; line-height: 1.4;}
#main .topBox04 .t2cwL table th{padding: 8px 8px 8px 0; white-space:nowrap;}
#main .topBox04 .t2cwL table td{padding: 8px 0 8px 8px;}
#main .topBox04 .t2cwR{max-width:500px;}
#main .topBox04 .t2cwR .mapLink a{font-size:13px; color:#999; text-decoration:underline;}
#main .topBox04 .t2cwR .mapLink a:hover{color:#BBB; text-decoration:none;}
#main .topBox04 .top2colWrap{max-width:1060px;}

#reserve #main .attention{width: 98%;max-width: 770px;}
#main .attention{margin:-30px auto 60px; border: 2px solid #DB7168; width: 98%;max-width: 1100px; padding: 20px 10px;}
#main .attention dt{font-size: 18px; font-weight: bold; color: #DB7168; margin-bottom: 25px;position: relative;display: inline-block;}
#main .attention dt:before {content: '';position: absolute;bottom: -12px;display: inline-block;width: 40px;height: 3px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #DB7168;border-radius: 2px;}
#main .attention dd{font-size: 14px;}

/* *********************************
/* 006:PAGES
*********************************** */
#pagesCover{width:100%; height:auto; height:180px; overflow:hidden; position:relative;}
#pagesCover p{width:100%; max-width:200px; margin:0 auto 30px; position:absolute;top:70px;left: 0;right: 0;}
#bridalring #pagesCover p{max-width:240px; margin:0 auto 30px; position:absolute;top:70px;left: 0;right: 0;}
#pagesCover p img{width:100%; height:auto;}
#main.pages{background: url(img/main_bg.png) repeat-x center top; padding-top:70px;}
#main .pageBox{margin:0 auto 60px; width:100%; max-width:1120px; padding:0 10px;}
#main .pageBox02{margin:0 auto 60px; width:100%; max-width:1020px; padding:0 10px;}
#main .pageBox02 div{width:48%;}
#main .pageBox02 .pbImgL{float:left; width:64%;}
#main .pageBox02 .pbImgR{float:right; width:64%;}
#main .pageBox02 .pbTxtL{float:left; text-align:left; width:33%;}
#main .pageBox02 .pbTxtR{float:right; text-align:left; width:33%;}
#main .pageBox02 .pbImgL img,
#main .pageBox02 .pbImgR img,
#main .pageBox02 .pbTxtL img,
#main .pageBox02 .pbTxtR img{width:100%; height:auto;}
#main .pageBox02 .pbTxtL h2,
#main .pageBox02 .pbTxtR h2{margin-bottom:28px;}
#main .pageBox02 .pbTxtL .txt,
#main .pageBox02 .pbTxtR .txt{margin-bottom:30px;}

#main .pageBox03{margin:0 auto 60px; width:100%; max-width:1040px; padding:0 10px;}
#main .pageBox03 .pbImgL{float:left; width:44%;}
#main .pageBox03 .pbImgL img{width:100%; height:auto;}
#main .pageBox03 .pbTxtR{float:right; text-align:left;width:53%;}
#main .pageBox03 .pbTxtR h2{margin-bottom:0;line-height:0; max-width:475px;}
#main .pageBox03 .pbTxtR h2 img{width:100%; height:auto; line-height:0;}
#main .pageBox03 .pbTxtR .price{ font-weight:bold; margin-bottom:10px;}
#main .pageBox03 .pbTxtR .price span.plcUp{font-size: 14px;color:#DA7272;}
#main .pageBox03 .pbTxtR .txt{margin-bottom:20px;}
#main .pageBox03 .pbTxtR .gal{display:table;border-collapse: separate;border-spacing:10px 0; margin-bottom:5px;}
#main .pageBox03 .pbTxtR .gal li{display:table-cell;width:20%;}
#main .galv2{width: 100%; margin: 0 auto 24px;}
#main .galv2 li{width: 18%; margin: 0 1% 1%; float: left;}
#main .galv2 li img{width:100%; height:auto;}
#main .galv3{width: 100%; margin: 0 auto 24px;}
#main .galv3 li{width: 8%; margin: 0 1% 1%; float: left;}
#main .galv3 li img{width:100%; height:auto;}

#main .rsb{margin:45px 0;}
#main .rsb ul{display: flex !important; bottom: 0px;opacity: 1; justify-content: center;}
#main .galv4 li{width: 8%; margin: 0 1% 1%; float: left;}
#main .galv4 li img{width:100%; height:auto;}


#main .keyBox{width: 98%; max-width: 600px; margin: 0 auto 40px;}
#main .keyBox img{width: 100%; height: auto;}
#main .wsHeart{background: url("img/workshop/ws_heart.png") no-repeat top center; padding-top: 56px; background-size: 48px 48px;}
#main .brGem{background: url("img/bridalring/br_gem.png") no-repeat top center; padding-top: 56px; background-size: 48px 48px;}

@media screen and (max-width:880px){
#main .galv3 li{width: 18%; margin: 0 1% 1%; float: left;}

#main .rsb ul{display: block !important; bottom: 0px;opacity: 1;}
#main .galv4 li{width: 18%; margin: 0 1% 1%; float: left;}

}

#main .pgUl01{margin-left:14px;}
#main .pgUl01 li:before {content: '・';margin-left:-14px;}


/* ABOUT */
#main .dia{width:100%; max-width:72px; margin-top:-15px;}
#main .dia img{width:100%; height:auto;}
#main .aboutBox{margin:0 auto 60px; width:100%; max-width:1040px; padding:10px 10px 0;}
#main .aboutBox .abImg{margin-bottom:20px;}
#main .aboutBox .abImg img{width:100%; height:auto;}
#main .aboutBox .abInner{text-align:left;}
#main .aboutBox .abInner .abiL{float:left; width:44%; margin-right:3%;}
#main .aboutBox .abInner .abiL img{width:100%; height:auto;}
#main .aboutBox .abInner p{margin-bottom:16px;}
#main .aboutBox .abInner p.name{font-weight: bold;}
#main .aboutBox .abInner p.name strong{font-size:20px;}
#main .abtImg01 {width: 100%; max-width: 820px; margin: 0 auto 48px;}
#main .abtImg01 img{width: 100%; height: auto;}
#main .abtBox01{margin:0 auto 60px; width:100%; max-width:1020px; padding:0 10px;}
#main .abtBox01 div{width:48%;}
#main .abtBox01 .pbImgL{float:left; width:57%;}
#main .abtBox01 .pbImgR{float:right; width:57%;}
#main .abtBox01 .pbTxtL{float:left; text-align:left; width:40%;}
#main .abtBox01 .pbTxtR{float:right; text-align:left; width:40%;}
#main .abtBox01 .pbImgL img,
#main .abtBox01 .pbImgR img,
#main .abtBox01 .pbTxtL img,
#main .abtBox01 .pbTxtR img{width:100%; height:auto;}
#main .abtBox01 .pbTxtL h2,
#main .abtBox01 .pbTxtR h2{margin-bottom:28px;}
#main .abtBox01 .pbTxtL .txt,
#main .abtBox01 .pbTxtR .txt{margin-bottom:30px;}
@media screen and (max-width:880px){
#main .abtBox01 div{width:100%;}
#main .abtBox01 .pbImgL{float:none; width:100%; margin-bottom:20px;}
#main .abtBox01 .pbImgR{float:none; width:100%; margin-bottom:20px;}
#main .abtBox01 .pbTxtL{float:none; text-align:left; width:100%;}
#main .abtBox01 .pbTxtR{float:none; text-align:left; width:100%;}
#main .abtBox01 .pbTxtL h2,
#main .abtBox01 .pbTxtR h2{margin-bottom:10px; width:100%; max-width:340px;}
#main .abtBox01 .pbTxtL .txt,
#main .abtBox01 .pbTxtR .txt{margin-bottom:30px;}
}

/* WORKSHOP */
.pbTbl01{width:100%; max-width:520px; margin:0 auto 20px; border-collapse:collapse; border:1px solid #DCCCAD;}
.pbTbl01 th,
.pbTbl01 td{border:1px solid #DCCCAD; text-align:center; padding:12px 5px;}
.pbTbl01 th{background:#E9DFCB; color:#8D723E; font-weight:bold; width:50%; }
.pbTbl01 td{width:50%; line-height: 1.4;}
.pbTbl01 td.ttl{font-weight:bold;vertical-align: middle;}
.pbTbl01 td .plcUp{font-size: 13px; color:#DA7272;}
.lineAt{width: 100%; max-width: 480px; padding: 0 10px; margin: 0 auto 85px;}
.lineAt .Oct{position: relative;display: inline-block;padding: 0 70px; color: #00B900; font-weight: bold; font-size: 18px; margin-bottom: 10px; line-height: 1.4;}
.lineAt .Oct:before, .lineAt .Oct:after{content: '';position: absolute;top: 50%;display: inline-block;width: 60px;height: 2px;background-color: #00B900;}
.lineAt .Oct:before {left:0;}
.lineAt .Oct:after {right: 0;}
.lineAt .Oct a{color: #00B900; font-weight: bold; letter-spacing: 0.15em;}
.lineAt .laImg a{display: block;}
.lineAt .laImg img{width: 100%; height: auto;}

.cirUl01{margin-bottom: 30px;}
.cirUl01 li{width: 30%; float: left; margin: 0 1.5%; line-height: 1.3;}
.cirUl01 li .ic{position: relative;display: inline-block;border-radius: 10px;padding:3px 14px;font-weight: bold;color: #fff; font-size: 12px; z-index: 99;}
.cirUl01 li .ic:before{content: "";border: 6px solid transparent;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);}
.cirUl01 li .slv{background: #BBB;}
.cirUl01 li .slv:before{border-top: 6px solid #BBB;}
.cirUl01 li .gld{background: #8E723E;}
.cirUl01 li .gld:before{border-top: 6px solid #8E723E;}
.cirUl01 li dl dt{margin-bottom: 8px;}
.cirUl01 li dl dt .circle{width: 100%; max-width: 240px; margin: auto;}
.cirUl01 li dl dt .circle img{border-radius: 50%; width: 100%; height: auto;}
.cirUl01 li dl dd{line-height: 1.6;}
.cirUl01 li dl dd.ttl{font-weight: bold; color:#8D723E; margin-bottom: 4px;}
.cirUl01 li dl dd.yen{font-weight: bold; margin-bottom: 8px;}
.cirUl01 li dl dd.txt{font-size: 14px;}
@media screen and (max-width:880px){
.cirUl01 li dl dd{font-size: 13px;}
.cirUl01 li dl dd.txt{font-size: 12px;}
}

.cirUl02{margin-bottom: 30px;}
.cirUl02 li{width: 23%; float: left; margin: 0 1%; line-height: 1.3;}
.cirUl02 li dl dt{margin-bottom: 8px;}
.cirUl02 li dl dt .circle{width: 100%; max-width: 160px; margin: auto;}
.cirUl02 li dl dt .circle img{border-radius: 50%; width: 100%; height: auto;}
.cirUl02 li dl dd{line-height: 1.4;}
.cirUl02 li dl dd.ttl{font-weight: bold; color:#8D723E; margin-bottom: 4px;}
.cirUl02 li dl dd.yen{font-weight: bold; margin-bottom: 8px;}
@media screen and (max-width:880px){
.cirUl02 li dl dd{font-size: 13px;}
}

.cirUl03{margin:0 auto 30px;}
.cirUl03 li{width: 31%; float: left; margin: 0 1% 24px; line-height: 1.3;}
.cirUl03 li dl dt{margin-bottom: 8px;}
.cirUl03 li dl dt .circle{width: 100%; max-width: 160px; margin: auto;}
.cirUl03 li dl dt .circle img{border-radius: 50%; width: 100%; height: auto;}
.cirUl03 li dl dd{line-height: 1.4;}
.cirUl03 li dl dd.ttl{font-weight: bold; color:#8D723E; margin-bottom: 4px;}
.cirUl03 li dl dd.txt{font-size: 14px;}
.cirUl03 li dl dd.yen{font-weight: bold; margin-bottom: 8px;}
@media screen and (max-width:880px){
.cirUl03 li{width: 23%;margin: 0 5%;}
.cirUl03 li dl dd{font-size: 13px;}
.cirUl03 li dl dd.txt{font-size: 12px;}
}
.wsFlowUl{margin:0 auto 30px; max-width: 940px;}
.wsFlowUl li{width: 98%;margin: 0 1% 32px;position: relative;}
.wsFlowUl li::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  right: 50%;
  width: 14px;
  height: 14px;
  border-top: 2px solid #8D723E;
  border-right: 2px solid #8D723E;
  transform: translateX(-50%) rotate(135deg);
}
.wsFlowUl li:last-child:before{border: none;} 
.wsFlowUl li dl{display: table; width: 100%;}
.wsFlowUl li dl dt{display: table-cell;width: 40%;}
.wsFlowUl li dl dt img{width: 100%; height: auto;}
.wsFlowUl li dl dd{display: table-cell; width: 60%; vertical-align: middle; text-align: left; padding: 8px 0 8px 24px;}
.wsFlowUl li dl dd strong{color: #8D723E;}
.wsFlowUl li dl dd sup{font-size: 70%;vertical-align: top;position: relative;top: -0.1em;}

@media screen and (max-width:880px){
.wsFlowUl li dl{}
.wsFlowUl li dl dt{display: block;width:100%;}
.wsFlowUl li dl dd{display: block; width:100%;text-align: left;padding: 8px; font-size: 15px;}
}



/* BRIDAL RING */
.brTtl{width:100%; max-width:475px; margin:0 auto 30px;}
.brImg01{width:100%; max-width:605px; margin:0 auto 60px;}
.brImg02{width:100%; max-width:350px; margin:0 auto 60px;}
.brImg03{width:100%; max-width:350px; margin:0 auto 30px;}
.brTtl img,.brImg01 img,.brImg02 img,.brImg03 img{width:100%; height:auto;}
h3.cbTtl{position: relative;display: inline-block;padding: 0 55px; color: #8D723E; font-size: 20px; font-weight: bold; margin-bottom: 30px;}
h3.cbTtl:before,h3.cbTtl:after{content: '';position: absolute;top: 50%;display: inline-block;width: 45px;height: 2px;border-top: solid 1px #8D723E;border-bottom: solid 1px #8D723E;}
h3.cbTtl:before {left:0;}
h3.cbTtl:after {right: 0;}
.mynavBox{width: 100%; max-width: 728px; margin: 0 auto 48px;}
.mynavBox img{width: 100%; height: auto;}
.mynavBox .pcNone{display: none;}

.mrgDl01{margin-bottom: 30px;}
.mrgDl01 dt{margin-bottom: 16px;}
.mrgDl01 dt .ic{background: #8E723E;position: relative;display: inline-block;border-radius: 10px;padding:3px 14px;font-weight: bold;color: #fff; font-size: 14px; z-index: 99;}
.mrgDl01 dt .ic:before{content: "";border: 6px solid transparent;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border-top: 6px solid #8E723E;}
.mrgDl01 dt .circle{width: 100%; max-width: 200px; margin: auto;}
.mrgDl01 dt .circle img{border-radius: 50%; width: 100%; height: auto;}
.mrgDl01 dd{line-height: 1.6; font-weight: bold; color: #8D723E;}

.mrgUl01{margin:0 auto 30px; max-width: 740px;}
.mrgUl01.wdL{margin:0 auto 30px; max-width: 860px;}
.mrgUl01 li{margin: 0 auto 32px;}
.mrgUl01 li dl{display: table; width: 100%;}
.mrgUl01 li dl dt{display: table-cell;width: 20%;}
.mrgUl01 li dl dt .circle{width: 100%; max-width: 180px; margin: auto;}
.mrgUl01 li dl dt .circle img{border-radius: 50%; width: 100%; height: auto;}
.mrgUl01 li dl dd{display: table-cell; width: 80%; vertical-align: middle; text-align: left; padding: 8px 0 8px 24px;}
.mrgUl01.wdL li dl dd{font-size: 14px;line-height: 1.8;}
#bridalring .pageBox03 .pbTxtR{padding-top:60px;}


.mrgDl02{margin-bottom: 30px;}
.mrgDl02 dt{margin-bottom: 16px;}
.mrgDl02 dt .ic{background: #8E723E;position: relative;display: inline-block;border-radius: 10px;padding:3px 14px;font-weight: bold;color: #fff; font-size: 14px; z-index: 99;}
.mrgDl02 dt .ic:before{content: "";border: 6px solid transparent;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border-top: 6px solid #8E723E;}
.mrgDl02 dt .circle{width: 100%; max-width: 240px; margin: auto;}
.mrgDl02 dt .circle img{border-radius: 50%; width: 100%; height: auto;}
.mrgDl02 dd{line-height: 1.6; font-weight: bold;}

.mrgDl03{margin-bottom: 30px;}
.mrgDl03 dt{width: 100%; max-width: 680px; margin:0 auto 24px;}
.mrgDl03 dt img{width: 100%; height: auto;}
.mrgDl03 dd{line-height: 1.6; font-weight: bold; color: #8D723E;}

.mrgAtt{border-bottom: 3px double #DA7272; padding:0px 8px; display: inline-block;margin: 0 auto 30px;}


.mrgPck{border: 1px solid #DCCCAD;padding: 24px 5px 12px; margin-bottom: 60px;position: relative;}
.mrgPck .ic{background: #E9DFCB;border: 1px solid #DCCCAD; display: inline-block;font-size: 14px; padding: 2px 16px; font-weight: bold; color: #8D723E; position: absolute;top: -20px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.mrgPck a{text-decoration: underline;}
.mrgPck a:hover{text-decoration: none;}

@media screen and (max-width:880px){
#bridalring .pageBox03 .pbTxtR{padding-top:0;}
}

/* ENGAGEMENT */
#engagement .pageBox03 .pbTxtR{padding-top:60px;}
.egmUl01{margin:0 auto 30px; max-width: 740px;}
.egmUl01 li{margin: 0 auto 32px;}
.egmUl01 li .ic{background: #BBB;position: relative;display: inline-block;border-radius: 10px; line-height: 1.2; padding:6px 14px;font-weight: bold;color: #fff; font-size: 12px; z-index: 99;}
.egmUl01 li .ic:before{content: "";border: 6px solid transparent;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border-top: 6px solid #BBB;}
.egmUl01 li dl{display: table; width: 100%;}
.egmUl01 li dl dt{display: table-cell;width: 20%;}
.egmUl01 li dl dt .circle{width: 100%; max-width: 180px; margin: auto;}
.egmUl01 li dl dt .circle img{border-radius: 50%; width: 100%; height: auto;}
.egmUl01 li dl dd{display: table-cell; width: 80%; vertical-align: middle; text-align: left; padding: 8px 0 8px 24px;}
.engImg01{width: 100%; max-width: 680px; margin:0 auto 30px;}
.engImg01 img{width: 100%; height: auto;}

@media screen and (max-width:880px){
#engagement .pageBox03 .pbTxtR{padding-top:0;}
}



/* ORDERMADE */
.pbTbl02{width:100%; max-width:680px; margin:0 auto 20px; border-collapse:collapse; border:1px solid #DCCCAD;}
.pbTbl02 th,
.pbTbl02 td{border:1px solid #DCCCAD; text-align:center; padding:12px 5px;}
.pbTbl02 th{background:#E9DFCB; color:#8D723E; font-weight:bold; width:50%;}
.pbTbl02 td{width:50%; line-height:140%;}
.pbTbl02 td.ttl{font-weight:bold; vertical-align:middle;}
.pbTbl02 td span{font-size:14px;}
.pbTbl02 td.bgg{background:#F2EDE1; font-weight:bold;}
.pbTbl02.w740{width: 100%; max-width: 740px;}

.pbTbl03{width:100%; max-width:740px; margin:0 auto 20px; border-collapse:collapse; border:1px solid #DCCCAD;}
.pbTbl03 th,
.pbTbl03 td{border:1px solid #DCCCAD; text-align:center; padding:5px 5px; vertical-align: middle;}
.pbTbl03 th{background:#E9DFCB; color:#8D723E; font-weight:bold;padding:12px 5px;}
.pbTbl03 td{line-height:140%;}
.pbTbl03 td.thm{ width: 9%; line-height: 1;}
.pbTbl03 td.thm a{display: block;}
.pbTbl03 td.ttl{font-weight:bold;width: 46%;}
.pbTbl03 td span{font-size:14px;}
.pbTbl03 td.bgg{background:#F2EDE1; font-weight:bold;padding:12px 5px;}

.pbTbl03.smPrice img{width: 100%; max-width: 380px;}
.pbTbl03.smPrice .sp50{width: 50%; padding: 15px 5px; line-height: 1.4;}
.pbTbl03.smPrice span{font-size: 13px; line-height: 1;}

#main .pageBox .gal02{display:table;border-collapse: separate;border-spacing:10px 0; margin:0 auto 30px;}
#main .pageBox .gal02.mbNone{margin:0 auto 0;}
#main .pageBox .gal02 li{display:table-cell;}
.omImg{width:100%; max-width:530px; margin:0 auto 30px;}
.omImg img{width:100%; height:auto;}
#ordermade .pageBox03 .pbTxtR{padding-top:60px;}

@media screen and (max-width:880px){
#ordermade .pageBox03 .pbTxtR{padding-top:0;}
}



/* RESERVE */
#main .rsvTxt01{margin-bottom:30px;}
#main .monthly-calendar,
#main .day-calendar{margin:0 auto 60px; width:100%; max-width:780px;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"游ゴシック", "Yu Gothic","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;}
#main .day-box.no-day{background:none;}
#main .monthly-calendar table{margin-bottom:25px;}
#main .monthly-calendar caption{font-size:20px; margin-bottom:35px; font-weight:bold; color:#8D723E;}
#main .monthly-calendar tbody{border:1px solid #CCC;}
#main .monthly-calendar tbody th{border:1px solid #CCC; background:#F3EBD9; font-size:14px;}
#main .monthly-calendar tbody td{border:1px solid #CCC;}
#main .day-calendar h3{display:none;}
#main .day-calendar p{font-size:20px; margin-bottom:25px; font-weight:bold; color:#8D723E;}
#main .day-calendar table{margin:0 auto 25px;}
#main .day-calendar table th.day-left,
#main .day-calendar table th.day-right{background:#F3EBD9; font-weight:bold;}
#main #booking-form{margin:0 auto 80px; width:100%; max-width:780px; text-align:left;}
#main .content-form table td{font-size:1rem; font-weight:bold; line-height:140%;}
#main #booking-form table td input,
#main #booking-form table td textarea{padding:10px; border:1px solid #CCC; font-size:16px;}
#main .content-form legend{color:#8D723E;}
#main .content-form #action-button button{background:#FDBE79; border:none; cursor:pointer; padding:10px 0; width:100%; max-width:300px; margin:0 auto 30px; color:#FFF; font-weight:bold; font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"游ゴシック", "Yu Gothic","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;transition-property: all;transition: 0.3s linear;}
#main .content-form #action-button button:hover{background:#FC9E36}
#main #booking-form table td select{padding:10px 5px; margin-bottom:5px;}
.rsvAtt{border: 3px double #DA7272; padding: 16px 24px; display: inline-block; margin: 0 auto 32px; line-height: 1.4;}

/* ACCESS */
.accMap{width: 100%; max-width: 820px; margin: 0 auto 30px;}
.accTbl{width:100%; max-width:680px; margin:0 auto 20px; border-collapse:collapse; border:1px solid #DCCCAD;}
.accTbl th,
.accTbl td{border:1px solid #DCCCAD; text-align:left; padding:12px 15px;}
.accTbl th{background:#E9DFCB; color:#8D723E; font-weight:bold;white-space: nowrap;}
.accTbl td{line-height:140%;}

/* CONTACT */
#main .ctcTxt01{margin-bottom:30px;}
#main .wpcf7{margin:0 auto 80px; width:100%; max-width:780px;text-align:left; padding:0 2%;}
#main .wpcf7 dl{margin-bottom:15px;}
#main .wpcf7 dl dt{font-weight:bold; font-size:16px; margin-bottom:5px;}
#main .wpcf7 dl dt span{background:#D83400; font-size:12px; color:#FFF; font-weight:bold; padding:2px 5px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#main .wpcf7 dl dd{margin-bottom:20px;}
#main .wpcf7 dl dd input,
#main .wpcf7 dl dd textarea{padding:10px;font-size:16px; width:100%;border:1px solid #CCC;}
#main .wpcf7 p.btn01{text-align:center;}
#main .wpcf7 p.btn01 input{background:#FDBE79; border:none; cursor:pointer; padding:10px 0; width:100%; max-width:300px; margin:0 auto 30px; color:#FFF; font-weight:bold; font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"游ゴシック", "Yu Gothic","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;transition-property: all;transition: 0.3s linear;}
#main .wpcf7 p.btn01 input:hover{background:#FC9E36}
#main .wpcf7 div.screen-reader-response{font-weight:bold; color:#D83400; font-size:14px;margin-bottom:25px;}
#main .wpcf7 div.screen-reader-response ul{margin-bottom:15px;}
#main .wpcf7 div.screen-reader-response ul li{font-weight:normal; color:#333;}
#main .wpcf7 span.wpcf7-not-valid-tip{color:#D83400; font-size:14px;}
#main .wpcf7 div.wpcf7-validation-errors{text-align:center; border:1px solid #ECBBBB; background:#FBEEEE; padding:10px 0; font-weight:bold; color:#D83400; font-size:14px;}

/* PRIVACY */
#main .privacyBox dl{margin-bottom: 30px;}
#main .privacyBox dl dt{font-weight: bold; font-size: 18px;}
#main .privacyBox dl dd ul{padding-top: 15px;margin-left:16px;}
#main .privacyBox dl dd ul li:before{content: '・ ';margin-left:-16px;}

/* RECRUIT */
#main .recruitBox h2{font-weight: bold; font-size: 20px;margin-bottom: 30px;color: #8D723E;}
#main .recruitBox .recInner{margin-bottom: 60px;}
#main .recruitBox dl{ margin-bottom: 20px;}
#main .recruitBox dl dt {font-weight: bold;position: relative;display: inline-block;padding: 0 55px; margin-bottom: 7px;}
#main .recruitBox dl dt:before, #main .recruitBox dl dt:after {content: '';position: absolute;top: 50%;display: inline-block;width: 45px;height: 1px;background-color: black;}
#main .recruitBox dl dt:before {left:0;}
#main .recruitBox dl dt:after {right: 0;}
#main .recruitBox table{width: 100%; max-width: 740px; margin: 0 auto;border-top: 1px dotted #DCCCAD;}
#main .recruitBox table th,
#main .recruitBox table td{padding: 10px; border-bottom: 1px dotted #DCCCAD;text-align: left;}
#main .recruitBox table th{font-weight: bold; color: #8D723E;white-space: nowrap;}
#main .recruitBox p{margin-bottom: 20px;}
#main .recruitBox a{text-decoration: underline;}
#main .recruitBox a:hover{text-decoration: none;}

/* FAQ */
#main .faqBox{padding-top: 30px;}
#main .faqBox h2{font-weight: bold; font-size: 20px;margin-bottom: 30px;color: #333;}
#main .faqBox .faqInner{width: 100%; max-width: 740px; margin: 0 auto 60px}
#main .faqBox .faqInner ul{text-align: left; }
#main .faqBox .faqInner ul li{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #DDD;}
#main .faqBox .faqInner ul li dl dt{font-weight: bold; color: #8D723E; margin-bottom: 7px; padding-left: 30px; background: url(img/pages/faq_ic_q.png) no-repeat left center; background-size: 24px 24px;}
#main .faqBox .faqInner ul li dl dd{line-height: 1.6; font-size: 15px;padding-left: 30px;background: url(img/pages/faq_ic_a.png) no-repeat left top; background-size: 24px 24px;}


/* *********************************
/* 007:POST
*********************************** */
#main.post{background: url(img/main_bg.png) repeat-x center top; padding-top:70px;}
#main .postBox{margin:0 auto 80px; width:100%; max-width:1120px; padding:0 10px;}
#main .postBox .postWrap #contents{float:left; width:72%; text-align:left;}
#main .postBox .postWrap #side{float:right; width:25%; text-align:left;}
#main .postBox .postWrap #contents h2{font-size:24px;padding:10px 5px; border-bottom:2px dotted #DECFB4;}
#main .postBox .postWrap #contents h2 a{color:#333;}
#main .postBox .postWrap #contents .pllInfo{font-size:14px;margin-bottom:15px;border-bottom:1px dotted #DECFB4;}
#main .postBox .postWrap #contents .pllInfo li.plliL{float:left;margin:0 5px;}
#main .postBox .postWrap #contents .pllInfo li.plliR{float:right;margin:0 5px; color:#999;}
#main .postBox .postWrap #contents .postList li{margin-bottom:50px;}
#main .postBox .postWrap #contents .postList li .left{float:left; margin-right:15px;}
#main .postBox .postWrap #contents .postList li .plTxt{margin-bottom:20px;}
#main .postBox .postWrap #contents h1.sglTtl{font-size:28px;padding:10px 5px 15px; border-bottom:2px dotted #DECFB4;}
#main .postBox .postWrap #contents .postInner{line-height:200%; font-size:17px;}
#main .postBox .postWrap #contents .postInner p{margin-bottom:30px;}
#main .postBox .postWrap #contents .postLink{margin-bottom:60px;border-top:1px dotted #DECFB4;border-bottom:1px dotted #DECFB4; padding:20px 5px; width:100%;}
#main .postBox .postWrap #contents .postLink li{width:49%; line-height:140%;}
#main .postBox .postWrap #contents .postLink li a{color:#999;}
#main .postBox .postWrap #contents .postLink li a:hover{color:#BBB;}
#main .postBox .postWrap #contents .postLink .plL{float:left; color:#DA7272; text-align:left;}
#main .postBox .postWrap #contents .postLink .plR{float:right; color:#DA7272; text-align:right;}

#main .postBox .postWrap #side a{color:#666;}
#main .postBox .postWrap #side a:hover{color:#AAA;}
#main .postBox .postWrap #side .sideTtl{border-bottom:2px dotted #DECFB4; margin-bottom:10px;}
#main .postBox .postWrap #side .sideTtl dt{float:left; color:#8F733F; font-size:17px;}
#main .postBox .postWrap #side .sideTtl dd{float:right; color:#999;font-size:12px;}
#main .postBox .postWrap #side .sidePost,
#main .postBox .postWrap #side .sideCat,
#main .postBox .postWrap #side .sideAcv,
#main .postBox .postWrap #side .sideSrc{margin-bottom:35px;}
#main .postBox .postWrap #side .sidePost ul li{padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #DECFB4;}
#main .postBox .postWrap #side .sidePost ul li dl dt{width:75px; height:75px; overflow:hidden; float:left; margin-right:10px;}
#main .postBox .postWrap #side .sidePost ul li dl dt img{height:100%; width:auto;}
#main .postBox .postWrap #side .sidePost ul li dl dd{line-height:130%;}
#main .postBox .postWrap #side .sidePost ul li dl dd.date{font-size:12px; color:#999; margin-bottom:2px;}
#main .postBox .postWrap #side .sidePost ul li dl dd a{font-size:14px; font-weight:bold;}
#main .postBox .postWrap #side .sideCat ul li{color:#AAA;}

#main .postBox .postWrap #side .sideSrc div{margin-top:-20px;}
#main .postBox .postWrap #side input#s{width:70%; height:40px; padding:6px 10px;}
#main .postBox .postWrap #side input#searchsubmit{width:28%; height:40px; cursor:pointer; background:#8F733F; color:#FFF; font-weight:bold; border:none;}
#main .postBox .postWrap #side input#searchsubmit:hover{background:#DECFB4;}

/* コメント */
#comments{position:relative;margin:0 0 25px; padding-right:15px;}
#main .postBox .postWrap #contents #comments h2.comments-title{font-size:16px;margin-bottom:10px;padding:0 0 10px 5px;}
#main .postBox .postWrap #contents #comments h2.comments-title span{font-weight:bold;color:#8F733F;}
ol.comment-list{list-style:none; padding:0 15px 10px;}
ol.comment-list li{border-bottom:1px dotted #CCCCCC;margin-bottom:30px;}
ol.comment-list li:last-child{border-bottom:none;}
ol.comment-list .comment-meta{margin-bottom:15px; font-size:12px; border-bottom:1px solid #CCC; padding-bottom:10px;}
ol.comment-list p{font-size:16px;}
ol.comment-list div.reply{padding-top:25px;}
ol.comment-list div.reply a{text-align:center;background:#333; color:#FFF; font-weight:bold; display:block; text-decoration:none; width:5em; padding:3px 0 2px;}
ol.comment-list div.reply a:hover{background:#C40009;}
ol.comment-list .comment-author{font-size:14px;}
ol.comment-list .comment-author cite{font-weight:bold;}
ol.comment-list .comment-author img{float:left; margin-right:10px;}
.comment-body{margin-bottom:20px;}
ol.children{list-style:none; padding:5px 15px 1px; border-left: 3px dotted #CCCCCC;}

#respond h3{font-size:18px; font-weight:bold; border-left:3px solid #8F733F; padding:10px 0 10px 15px; margin-bottom:15px; line-height:130%;}
#respond span.required{color:#C40009;}
#respond form{padding:0 10px;}
#respond form p{margin-bottom:15px;}
#respond form label{font-weight:bold; display:block;}
#respond form label span{color:#C40009;}
#respond form p input{ padding:8px; width:100%;}
#respond form p textarea{padding:8px; width:100%;}
#respond form p small{font-weight:bold;}
#respond form p input#submit{text-align:center; width:100%;cursor:pointer; background:#8F733F; color:#FFF; font-weight:bold; border:none; padding:12px 0;transition-property: all;transition: 0.3s linear;}
#respond form p input#submit:hover{background:#DA7272;}
#respond p.form-allowed-tags{display:none;}

/* *********************************
/* 008:RESPONSIVE
*********************************** */
@media screen and (min-width:880px){
/* LAYOUT */
#spHeader{display:none;}
#sllide_menu{display:none;}
#build-menu{display:none;}
br.pc{display:none;}
}
@media screen and (max-width:880px){
/* LAYOUT */
body{-webkit-text-size-adjust:100%;}
br.sp{display:none;}
#cover{padding-top:60px;}
#main.topCts{background: url(img/main_bg.png) repeat-x center top; background-size:800px 91px; padding-top:30px;}
#main.pages{background: url(img/main_bg.png) repeat-x center top; background-size:800px 91px; padding-top:30px;}
#main.post{background: url(img/main_bg.png) repeat-x center top; background-size:800px 91px; padding-top:30px;}

/* HEADER */
#allWrap{background:url(img/bg.gif); }
#header{display:none;}
#spHeader{display:block;border-bottom: 1px solid #ddd;height:60px; padding:5px 0 0;width: 100%;position: fixed;z-index:9999;background:url(img/bg.gif);}
#sb-site{z-index:4;background:#8E723E;}
#spHeader div#slide_btn{float:left;display:inline-block;}
#spHeader div#inq_btn{float:right;display:inline-block;}
#spHeader h1,
#spHeader p{float:none;display:inline-block;margin:0 0 0 0;padding-top:0;}
#spHeader h1 a,
#spHeader p a{text-decoration:none;font-weight:bold;color:#000;}

/* FOOTER */
#footer .footInner{display:none;}
#footer .copyright{border-top:1px solid #D3C5A3; padding-top:3px;}

/* SIDEMENU */
#build-menu p{color:#FFF; text-align:left;padding:17px 5px 13px 20px; background:#7B6335;}
#build-menu .menu{border-top:1px solid #6A552F;border-bottom:1px solid #A28246;text-align:left;}
#build-menu .menu li{border-top:1px solid #A28246;border-bottom:1px solid #6A552F;font-size:14px;}
#build-menu .menu li span{font-weight:bold;color:#FFF;display:block;padding:10px 5px 10px 20px;text-shadow:-1px -1px 0 #6A552F;background:#143810;}
#build-menu .menu li a{color:#FFF;text-decoration:none;display:block;padding:10px 5px 10px 20px;text-shadow:-1px -1px 0 #6A552F;line-height:130%;}
#build-menu-page{left:0;position:relative;}
#build-menu{visibility:visible;z-index:0;opacity:1;-webkit-transform:none;display:none;width:240px;padding:0;position:static;z-index:0;top:0;height:100%;overflow-y:auto;left:0;background:#8E723E;}
.build-menu-animating #build-menu-page {position:fixed;overflow:hidden;width:100%;top:0;bottom:0;}
.build-menu-animating.build-menu-close #build-menu-page,
.build-menu-animating.build-menu-open #build-menu-page {-webkit-transition:-webkit-transform 250ms;}
.build-menu-animating.build-menu-open #build-menu-page{-webkit-transform: translate3d(0, 0, 0);}
.build-menu-animating #build-menu{display:block;}
.build-menu-open #build-menu{display: block;-webkit-transition-delay: 0ms, 0ms, 0ms;}
.build-menu-open #build-menu,
.build-menu-close #build-menu {-webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms;}

/* *********************************
/* 005:TOP
*********************************** */
#main .topBox01{margin-bottom:40px; padding:0 10px;}
#main .topBox01 h1{margin:0 auto 15px;}
#main .topBox02 div{width:100%;}
#main .topBox02 .topImgL{float:none; width:100%; margin-bottom:20px;}
#main .topBox02 .topImgR{float:none; width:100%; margin-bottom:20px;}
#main .topBox02 .topTxtL{float:none; text-align:left; width:100%;}
#main .topBox02 .topTxtR{float:none; text-align:left; width:100%;}
#main .topBox02 .topTxtL h2,
#main .topBox02 .topTxtR h2{margin-bottom:10px; width:100%; max-width:340px;}
#main .topBox02 .topTxtL .txt,
#main .topBox02 .topTxtR .txt{margin-bottom:30px;}
#main .top2colWrap .t2cwL{float:none; width:100%;}
#main .top2colWrap .t2cwR{float:none; width:100%;}
#main .topBox04 .t2cwL{padding-bottom:40px;}
#main .topBox04 .t2cwL h2{max-width:340px;}
#main .topBox04 .t2cwR{width:100%;max-width:100%;}
#main .topBox03 .tnMore{ margin-bottom:30px;}

/* *********************************
/* 006:PAGES
*********************************** */
#pagesCover{height:100px;}
#pagesCover p{max-width:140px;top:40px;}
#bridalring #pagesCover p{max-width:140px;top:40px;}

#main .pageBox02 div{width:100%;}
#main .pageBox02 .pbImgL{float:none; width:100%; margin-bottom:20px;}
#main .pageBox02 .pbImgR{float:none; width:100%; margin-bottom:20px;}
#main .pageBox02 .pbTxtL{float:none; text-align:left; width:100%;}
#main .pageBox02 .pbTxtR{float:none; text-align:left; width:100%;}
#main .pageBox02 .pbTxtL h2,
#main .pageBox02 .pbTxtR h2{margin-bottom:10px; width:100%; max-width:340px;}
#main .pageBox02 .pbTxtL .txt,
#main .pageBox02 .pbTxtR .txt{margin-bottom:30px;}

#main .pageBox03{margin:0 auto 60px; width:100%; max-width:1040px; padding:0 10px;}
#main .pageBox03 .pbImgL{float:none; width:100%; margin-bottom:20px;}
#main .pageBox03 .pbTxtR{float:none; width:100%;}
#main .pageBox03 .pbTxtR .gal{display:table;border-collapse: separate;border-spacing:10px 0; margin-bottom:5px;}
#main .pageBox03 .pbTxtR .gal li{ display:table-cell;}
#main .pageBox03 .pbTxtR .gal li img{width:100%; height:auto;}
#main .pageBox .gal02 li img{width:100%; height:auto;}

.pbTbl01 th,.pbTbl01 td,.pbTbl02 th,.pbTbl02 td{padding:8px 5px; font-size:14px;}
.pbTbl01 th span,.pbTbl01 td span,.pbTbl02 th span,.pbTbl02 td span{font-size:13px;}

/* RESERVE */

#main .content-form #booking-reservation-fieldset table th,
#main .content-form #booking-reservation-fieldset table td,
#main .content-form #booking_client-fieldset table th,
#main .content-form #booking_client-fieldset table td,
#main .content-form #booking-message-fieldset table th,
#main .content-form #booking-message-fieldset table td{display:block; width:100%; text-align:left; border-right:none;}
#main .content-form #booking-reservation-fieldset table th,
#main .content-form #booking_client-fieldset table th,
#main .content-form #booking-message-fieldset table th{border-bottom:none;}
#main .content-form #booking-reservation-fieldset table th label,
#main .content-form #booking_client-fieldset table th label,
#main .content-form #booking-message-fieldset table th label{font-weight:bold;}
#main .content-form #booking-reservation-fieldset table td input,
#main .content-form #booking_client-fieldset table td input,
#main .content-form #booking-message-fieldset table td input{width:100%;}
#main .content-form #booking-reservation-fieldset table .input-number{text-align:left;}
#main .content-form #booking-reservation-fieldset table th{font-weight:bold;}
#main .content-form #booking-reservation-fieldset table td{border-bottom:none;}

/* RECRUIT */
#main .recruitBox table th{display: block; border-bottom: none; padding: 5px 5px 0;font-size: 14px;}
#main .recruitBox table td{display: block;padding: 0 5px 5px;}

/* *********************************
/* 007:POST
*********************************** */
#main .postBox .postWrap #contents{float:none; width:100%; text-align:left; margin-bottom:60px;}
#main .postBox .postWrap #side{float:none; width:100%; text-align:left;}

}
@media screen and (min-width:641px) and (max-width:880px){

}
@media screen and (max-width:640px){
.lineAt .Oct{font-size: 14px;}
.mynavBox .pcNone{display: block;}
.mynavBox .spNone{display: none;}
}

/* *********************************
/* 010:CLEARFIX
*********************************** */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix{min-height:1px;}
* html .clearfix {height:1px;}