@charset "UTF-8";
/*   汎用class  */
.font-face-serif, .ttl-box-l h1, .ttl-box-m, .ttl-box-m-02, .ttl-box-m-03, .ttl-box-03 h2, .ttl-box-05, .ttl-box-06, .ttl-box-06a, .ttl-box-09 > *, .ttl-box-10 > *, .ttl-box-11 p, .ttl-box-12, .ttl-font-01, .ttl-font-14, .ttl-font-03, .ttl-font-04a, .ttl-font-04-reco .midashi, .ttl-font-08, .ttl-font-09, .ttl-font-09a, .ttl-font-09b, .ttl-font-09c, .ttl-font-10-a, .ttl-font-10-b, .ttl-font-11, .ttl-font-12, .ttl-font-13, .ttl-font-wed01, .ttl-font-wed02, .btn, .beige, .content-box .finish h2, .content-box .finish .txt p, #error-box #inner .ttl-box-04, #error-box #inner #error-content h2, .mod-box-col-1 .inner-9 .desp .ttl-font-05, .mod-grd-box-base .ttl-grd, .mod-grd-box-1 .ttl-grd, .mod-grd-box-2 .ttl-grd, .mod-grd-box-3 .ttl-grd, .mod-tab-base a, .mod-tab a, .mod-tab-2 a, .mod-tab-5 a, .mod-tab-6 a, .mod-tab-3 a, .mod-tab-2-a a, .mod-step-base li, .mod-step-a li, .mod-step-b li, .mod-box-col-2-2 .ttl-font-05, .mod-box-col-5 .box-col-5-inner-a .desp .chef-name { font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'Times New Roman', serif; }

.font-face-gothic, .btn-help, .icon-pink, .mod-tab-2 li a, .notice-box, #top_body .notice-box { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Arial, Helvetica, clean, sans-serif; }

.link-color-white:link, .mod-grd-box-1:link { color: #FFF; }
.link-color-white:visited, .mod-grd-box-1:visited { color: #FFF; }

.PIE, .ttl-box-l, .ttl-box-m, .ttl-box-m-02, .ttl-box-m-03, .ttl-box-10 > *, .ttl-box-11, .ttl-box-12, .title-number, .ttl-font-04a, .color-green, .btn-howto, .btn-help, .mod-grd-box-1, .mod-step-base li, .mod-step-a li, .mod-step-b li { behavior: url("//www.okuratokyobay.net/common/htc/PIE.htc"); }

.box-sizing-border-box, .list-dot dt, .list-dot-2 dt, .list-dot-3 dt, .list-dot-4 dt, .mod-tab-base a, .mod-tab a, .mod-tab-2 a, .mod-tab-5 a, .mod-tab-6 a, .mod-tab-3 a, .mod-tab-2-a a, .mod-box-col-2, .mod-box-col-3, .mod-box-col-2-2-base, .mod-box-col-2-2, .mod-box-col-2-2 .box-wrap > *, .mod-box-col-6, .mod-box-col-8 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.bg-brown-base { margin: 0 0 10px; padding: 20px; background: #f6f2ea; }

/* module base */
.mod-box-base, .mod-box-col-table-base, .mod-box-radio-base, .mod-box-col-1-radio, .mod-box-col-2-radio, .mod-box-col-3-radio, .mod-box-col-1 { margin-bottom: 10px; background-color: #ffffff; border: solid 1px #d9cfc4; }
.mod-box-base p, .mod-box-col-table-base p, .mod-box-radio-base p, .mod-box-col-1-radio p, .mod-box-col-2-radio p, .mod-box-col-3-radio p, .mod-box-col-1 p { margin-bottom: 10px; line-height: 1.5; }
.mod-box-base p a, .mod-box-col-table-base p a, .mod-box-radio-base p a, .mod-box-col-1-radio p a, .mod-box-col-2-radio p a, .mod-box-col-3-radio p a, .mod-box-col-1 p a { font-weight: bold; }
.mod-box-base p:last-child, .mod-box-col-table-base p:last-child, .mod-box-radio-base p:last-child, .mod-box-col-1-radio p:last-child, .mod-box-col-2-radio p:last-child, .mod-box-col-3-radio p:last-child, .mod-box-col-1 p:last-child { margin-bottom: 0; }
.mod-box-base h4, .mod-box-col-table-base h4, .mod-box-radio-base h4, .mod-box-col-1-radio h4, .mod-box-col-2-radio h4, .mod-box-col-3-radio h4, .mod-box-col-1 h4 { margin-bottom: 5px; font-size: 14px !important; font-size: 0.88rem !important; color: #bf4646; line-height: 1.4; }
.mod-box-base .img, .mod-box-col-table-base .img, .mod-box-radio-base .img, .mod-box-col-1-radio .img, .mod-box-col-2-radio .img, .mod-box-col-3-radio .img, .mod-box-col-1 .img { float: left; }
.mod-box-base .img img, .mod-box-col-table-base .img img, .mod-box-radio-base .img img, .mod-box-col-1-radio .img img, .mod-box-col-2-radio .img img, .mod-box-col-3-radio .img img, .mod-box-col-1 .img img { width: 100%; }
.mod-box-base .desp, .mod-box-col-table-base .desp, .mod-box-radio-base .desp, .mod-box-col-1-radio .desp, .mod-box-col-2-radio .desp, .mod-box-col-3-radio .desp, .mod-box-col-1 .desp { float: right; }
.mod-box-base li dt, .mod-box-col-table-base li dt, .mod-box-radio-base li dt, .mod-box-col-1-radio li dt, .mod-box-col-2-radio li dt, .mod-box-col-3-radio li dt, .mod-box-col-1 li dt { float: left; width: 17%; font-weight: bold; line-height: 1.3; }
.mod-box-base li dd, .mod-box-col-table-base li dd, .mod-box-radio-base li dd, .mod-box-col-1-radio li dd, .mod-box-col-2-radio li dd, .mod-box-col-3-radio li dd, .mod-box-col-1 li dd { float: right; width: 83%; line-height: 1.4; }

.mod-box-base-inner, .mod-box-col-1 .inner-2, .mod-box-col-1 .inner-6 { padding: 5px; }
.mod-box-base-inner .img, .mod-box-col-1 .inner-2 .img, .mod-box-col-1 .inner-6 .img { width: 270px; padding-right: 20px; }
.mod-box-base-inner .desp, .mod-box-col-1 .inner-2 .desp, .mod-box-col-1 .inner-6 .desp { width: 643px; padding: 15px 15px 15px 0; }
.mod-box-base-inner .desp ul, .mod-box-col-1 .inner-2 .desp ul, .mod-box-col-1 .inner-6 .desp ul { width: 320px; float: left; }
.mod-box-base-inner .btn-box, .mod-box-col-1 .inner-2 .btn-box, .mod-box-col-1 .inner-6 .btn-box { float: right; }
.mod-box-base-inner .btn-box a, .mod-box-col-1 .inner-2 .btn-box a, .mod-box-col-1 .inner-6 .btn-box a { float: left; margin-right: 10px; }
.mod-box-base-inner .btn-box a:last-child, .mod-box-col-1 .inner-2 .btn-box a:last-child, .mod-box-col-1 .inner-6 .btn-box a:last-child { margin-right: 0; }

/*-----------------------------------------------------------------------------------------------
	～ 599px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) { .bg-brown-base { padding: 0; } }
/*-----------------------------------------------------------------------------------------------
	title
------------------------------------------------------------------------------------------------*/
.ttl-mb, .ttl-font-03, .ttl-font-04, .ttl-font-04-reco, .ttl-font-09, .ttl-font-09a, .ttl-font-09b, .ttl-font-09c, .ttl-font-10, .ttl-font-10-a, .ttl-font-10-b, .amenity-title, .child-title, .amenity-title2, .child-title2, .amenity-title3, .child-title3 { margin-bottom: 15px; }

.ttl-mb2, .ttl-font-01, .ttl-font-14, .ttl-font-02, .ttl-font-05, .ttl-font-06, .ttl-font-07, .ttl-font-08, .ttl-font-15, .sche-title, .mem-title, .price-title, .ttl-font-wed01, .ttl-font-wed02 { margin-bottom: 8px; }

.ttl-mb3, .ttl-box-05 { margin-bottom: 20px; }

.ttl-box-l { position: relative; background-color: #fBf8f4; border-top: dotted 1px #d3bda9; box-shadow: 0px -1px 0px 0px white, 0 -2px 0 0 #d3bda9, inset 0px 1px 0px 0px white, 0px 1px 0px 0px white; border-bottom: dotted 1px #d3bda9; margin: 2px 0 15px; min-height: 25px; padding: 5px 0 5px; }
.ttl-box-l h1 { float: left; font-size: 17px !important; font-size: 1.06rem !important; font-weight: bold; color: #605045; padding: 5px 7px; line-height: 1.4; }
.ttl-box-l .btn { float: right; margin: 5px 0; }

.ttl-box-m { border-left: dotted 1px #b77e59; box-shadow: -1px 0 0 0 white, -3px 0 0 0 #b77e59; color: #b77e59; font-size: 18px !important; font-size: 1.13rem !important; font-weight: bold; min-height: 25px; margin: 0 10px 10px 3px; padding: 3px 0 0 10px; }

.ttl-box-m-02 { color: #b77e59; font-size: 17px !important; font-size: 1.06rem !important; line-height: 1.2; font-weight: bold; min-height: 25px; margin-top: 10px; }

.ttl-box-m-03 { color: #FFFFFF; font-size: 16px !important; font-size: 1.00rem !important; min-height: 25px; }

.ttl-box-03 { border-bottom: dotted 1px #d3bda9; margin: 0 0 20px 0; padding: 0 0 7px 0; }
.ttl-box-03 h2 { font-size: 19px !important; font-size: 1.19rem !important; float: left; font-weight: 900; line-height: 1.4; color: #B77E59; }
.ttl-box-03 p { float: right; margin-top: 5px; margin-bottom: 3px; }

/* レストランクーポン lightbox見出し用 */
.ttl-box-04 { position: relative; margin: 0 0 20px; padding: 10px 0; font-size: 19px !important; font-size: 1.19rem !important; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 1.0; }

/* レストランクーポン lightbox見出し用(要予約アイコン) */
.ttl-box-04 span { position: absolute; top: 10px; right: 10px; }

/* レストランクーポン lightbox見出し用(店舗毎の背景色変更) */
#fon .ttl-box-04 { background: #044467; }

#hag .ttl-box-04 { background: #65456E; }

#toh .ttl-box-04 { background: #86703E; }

#ter .ttl-box-04 { background: #1E4726; }

.ttl-box-05 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 52px 0 0; }
.ttl-box-05 span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.2; padding: 4px 0 4px 20px; font-size: 18px !important; font-size: 1.13rem !important; color: #FFFFFF; display: block; width: 100%; }
.ttl-box-05.bg-pink { background: url(/common/img/default/bg/bg_ttl_01_pc.png) right 0 no-repeat; }
.ttl-box-05.bg-pink span { border: #D3AAB4 1px solid; background: #d3aab4 url(/common/img/default/icon/icon_ttl_05_pc.png) 0 0 repeat-y; }
.ttl-box-05.bg-blue { background: url(/common/img/default/bg/bg_ttl_02_pc.png) right 0 no-repeat; }
.ttl-box-05.bg-blue span { background: #93C2E5; }

.ttl-box-06, .ttl-box-06a { margin: 0 0 20px; padding: 1px; background: url(/common/img/default/bg/bg_ttl_03_pc.jpg) 0 0 repeat; }

.ttl-box-06 p, .ttl-box-06a p { line-height: 1.0; padding: 9px 0 9px 19px; font-size: 14px !important; font-size: 0.88rem !important; color: #FFFFFF; /*background: url(/common/img/default/icon/icon_ttl_05_pc.png) 0 0 repeat-y;*/ }

.ttl-box-06 p span, .ttl-box-06a p span { font-size: 11px !important; font-size: 0.69rem !important; }

.ttl-box-06a p { background: url(/common/img/default/icon/icon_ttl_05_pc.png) 0 0 repeat-y; font-size: 19px !important; font-size: 1.19rem !important; font-weight: bold; }

.ttl-box-07 { border-bottom: dotted 1px #d3bda9; margin: 2px 0 20px; padding: 3px 0; }

.ttl-box-07 h2 { font-size: 19px !important; font-size: 1.19rem !important; float: left; font-weight: 900; line-height: 1.4; color: #C55858; }

.ttl-box-07 p { float: right; }

.ttl-box-08 { margin: 0; background: url(/common/img/default/bg/bg_ttl_04_pc.jpg) 0 0 repeat; border: #DCD2C7 1px solid; border-bottom: none; }

.ttl-box-08 > * { font-size: 16px !important; font-size: 1.00rem !important; line-height: 1.0; padding: 9px 0 9px 19px; color: #664626; background: url(/common/img/default/icon/icon_ttl_07_pc.png) 0 0 repeat-y; border: #FAF7F3 1px solid; }

.ttl-box-09 { margin: 0; background: url(/common/img/default/bg/bg_ttl_04_pc.jpg) 0 0 repeat; border: #DCD2C7 1px solid; border-bottom: none; position: relative; }

.ttl-box-09 > * { font-size: 19px !important; font-size: 1.19rem !important; line-height: 1.2; padding: 9px 4px 9px 19px; color: #664626; background: url(/common/img/default/icon/icon_ttl_06_pc.png) 0 0 repeat-y; border: #FAF7F3 1px solid; text-shadow: 0 1px 0 #FFFFFF; }

.ttl-box-09 > dl { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table; width: 100%; }
.ttl-box-09 > dl dt, .ttl-box-09 > dl dd { display: table-cell; }
.ttl-box-09 > dl dt { width: 36px; }

.ttl-box-09 > p.link-tolist { position: absolute; right: 10px; top: 27.6%; line-height: 0.8; padding: 0px 0 5px 11px; border: none; background: none; text-shadow: none; border-left: dotted 1px #d3bda9; box-shadow: inset 1px 0px  #fff; }
.ttl-box-09 > p.link-tolist a { color: #5F4C44; font-size: 11px !important; font-size: 0.69rem !important; letter-spacing: -0.001em; padding-left: 15px; background: url(../img/default/icon/icon_arrow_tolist_pc.png) no-repeat left 0.4em; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Arial, Helvetica, clean, sans-serif; }

.ttl-box-10 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table; width: 100%; margin: 0; background: url(/common/img/default/bg/bg_ttl_04_pc.jpg) 0 0 repeat; border: #DCD2C7 1px solid; border-bottom: none; }

.ttl-box-10 > * { font-size: 19px !important; font-size: 1.19rem !important; display: table-cell; line-height: 1.0; padding: 4px 0 4px 4px; color: #664626; border: #FAF7F3 1px solid; text-shadow: 0 1px 0 #FFFFFF; letter-spacing: -0.1em; font-weight: bold; }

.ttl-box-10 > dl { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table; width: 100%; }
.ttl-box-10 > dl dt, .ttl-box-10 > dl dd { display: table-cell; }
.ttl-box-10 > dl dt { width: 35px; }
.ttl-box-10 > dl dd { text-align: left; vertical-align: middle; }

.ttl-box-11 { padding: 2px 1px; color: #FFFFFF; background: url(/common/img/default/bg/bg_ttl_08_pc.jpg) 0 0 repeat; text-align: center; }

.ttl-box-11 p { line-height: 1.0; padding: 12px 5px 6px; font-size: 19px !important; font-size: 1.19rem !important; background: url(/common/img/default/icon/icon_ttl_12_pc.png) 0 0 repeat-x; }

.ttl-box-12 { font-size: 18px !important; font-size: 1.13rem !important; line-height: 1.0; padding: 5px; color: #FFFFFF; background: url(/common/img/default/bg/bg_ttl_09_pc.jpg) 0 0 repeat; text-align: center; }

.title-number { position: relative; display: inline-block; width: 28px; margin: 0 5px 0 0; padding: 7px 0; text-align: center; background: #FFFCF8; border: #D4CABF 1px solid; font-size: 14px !important; font-size: 0.88rem !important; line-height: 1.0; box-shadow: 1px 1px 0px 0px #fff, 1px 1px 0px 0px #F3F0EC inset; }

.ttl-font-01, .ttl-font-14 { font-size: 17px !important; font-size: 1.06rem !important; color: #8B3F39; font-weight: bold; line-height: 1.15; }

.ttl-font-02 { font-size: 14px !important; font-size: 0.88rem !important; color: #bf4646; font-weight: bold; }

.ttl-font-03 { font-size: 16px !important; font-size: 1.00rem !important; padding: 0 0 0 15px; color: #653925; font-weight: bold; background: url(/common/img/default/icon/icon_ttl_01_pc.gif) no-repeat left 0.3em; line-height: 1.1; }

.ttl-font-04 { font-size: 20px !important; font-size: 1.25rem !important; padding-left: 20px; color: #653925; padding-left: 6px; background: url(/common/img/default/icon/icon_ttl_02_pc.gif) repeat-y; }

.ttl-font-04a { color: #b77e59; font-size: 18px !important; font-size: 1.13rem !important; font-weight: bold; min-height: 25px; margin: 0 10px 10px 3px; padding-left: 20px; background: url(/common/img/default/icon/icon_ttl_11_pc.png) repeat-y; }

.ttl-font-04-reco { font-size: 19px !important; font-size: 1.19rem !important; display: table; color: #653925; line-height: 1.1; }
.ttl-font-04-reco > * { display: table-cell; vertical-align: middle; }
.ttl-font-04-reco .reco-box-01 { padding: 3px 10px 3px 15px; color: #FFFFFF; font-size: 13px !important; font-size: 0.81rem !important; background: url(/common/img/default/bg/bg_ttl_04_reco_pc.gif) repeat-y 0 0; line-height: 1.1; width: 115px; }
.ttl-font-04-reco .midashi { padding-left: 15px; }

.ttl-font-05 { font-size: 17px !important; font-size: 1.06rem !important; font-weight: bold; line-height: 1.2; }

.ttl-font-05.title-fon { color: #064667; }

.ttl-font-05.title-hag { color: #65446C; }

.ttl-font-05.title-toh { color: #85703E; }

.ttl-font-05.title-ter { color: #1E4726; }

.ttl-font-06 { padding: 3px 0 3px 17px; color: #653925; font-size: 14px !important; font-size: 0.88rem !important; font-weight: bold; background: url(/common/img/default/icon/icon_ttl_03_pc.png) no-repeat 0 40%; }

.ttl-font-07 { padding: 0 0 0 15px; color: #5f4c44; background: url(/common/img/default/icon/icon_ttl_04_pc.png) no-repeat 0 center; }

.ttl-font-07 + p { margin-left: 15px; }

.ttl-box-03 h2.color-seminor { color: #CA4700; }

.ttl-box-03 h2.color-event { color: #C75858; }

.ttl-font-08 { font-size: 15px !important; font-size: 0.94rem !important; color: #674626; }

.ttl-font-09, .ttl-font-09a, .ttl-font-09b, .ttl-font-09c { font-size: 15px !important; font-size: 0.94rem !important; padding: 0 0 10px 24px; color: #653925; font-weight: bold; background: url(/common/img/default/icon/icon_ttl_06_pc.png) no-repeat left 0.3em; border-bottom: 1px solid #D4CABF; box-shadow: 0 1px 0 0 #FFFFFF; behavior: url("//www.okuratokyobay.net/common/htc/PIE.htc"); }

.ttl-font-09a { background: url(/common/img/default/icon/icon_ttl_08_pc.png) no-repeat left 0.3em; }

.ttl-font-09b { margin: 0; background: url(/common/img/default/icon/icon_ttl_08_pc.png) no-repeat left 0.4em; font-size: 19px !important; font-size: 1.19rem !important; border-bottom: none; }

.ttl-font-09c { background: url(/common/img/default/icon/icon_ttl_08_pc.png) no-repeat left 0.5em; font-size: 19px !important; font-size: 1.19rem !important; border-top: dotted 1px #d3bda9; box-shadow: 0px -1px 0px 0px white, 0 -2px 0 0 #d3bda9, inset 0px 1px 0px 0px white, 0px 1px 0px 0px white; border-bottom: dotted 1px #d3bda9; margin: 2em 0 15px; min-height: 25px; padding: 5px 0 5px 24px; }

.ttl-font-10 { font-size: 19px !important; font-size: 1.19rem !important; padding: 3px 0 3px 20px; color: #7D7633; background: url(/common/img/default/icon/icon_ttl_07_pc.png) no-repeat 0 40%; }

.ttl-font-10-a { font-size: 18px !important; font-size: 1.13rem !important; font-weight: bold; padding: 0 0 0 18px; color: #7D7633; background: url(/common/img/default/icon/icon_ttl_07_pc.png) repeat-y 0 60%; line-height: 1.3; }

.ttl-font-10-b { font-size: 19px !important; font-size: 1.19rem !important; line-height: 1.2; font-weight: bold; margin: 0 0 15px; padding: 0 0 0 15px; color: #664626; background: url(/common/img/default/icon/icon_ttl_10_pc.png) repeat-y 0 0; }

.ttl-font-11 { font-size: 19px !important; font-size: 1.19rem !important; padding: 0 0 0 16px; line-height: 1.4; color: #b77e59; background: url(/common/img/default/icon/icon_ttl_09.png) repeat-y 0 0; background-size: 6px 24px; }

.ttl-font-12 { font-size: 18px !important; font-size: 1.13rem !important; color: #4576A3; font-weight: bold; line-height: 1.8; text-shadow: 0 2px 0 #FFFFFF; }

.ttl-font-13 { font-size: 18px !important; font-size: 1.13rem !important; text-shadow: 0 1px 0 #FFFFFF; line-height: 1.2; font-weight: bold; }

.ttl-font-14 { color: #5f4c44; }

.ttl-font-15 { font-size: 15px !important; font-size: 0.94rem !important; color: #B98753; }

.lt-ie8 .ttl-font-11 { background: url(/common/img/default/icon/icon_ttl_09_pc.png) repeat-y 0 0; }

.amenity-title { padding: 0 0 0 27px; color: #653B25; font-size: 14px !important; font-size: 0.88rem !important; font-weight: 900; background: url(/common/img/default/icon/icon_amenity_pc.png) no-repeat left 2px; }

.child-title { padding: 0 0 0 27px; color: #653B25; font-size: 14px !important; font-size: 0.88rem !important; font-weight: bold; background: url(/common/img/default/icon/icon_child_pc.png) no-repeat left 2px; }

.amenity-title2 { padding: 0 0 0 27px; color: #653B25; font-size: 14px !important; font-size: 0.88rem !important; font-weight: 900; background: url(/common/img/default/icon/icon_amenity2_pc.png) no-repeat left 2px; }

.child-title2 { padding: 0 0 0 27px; color: #653B25; font-size: 14px !important; font-size: 0.88rem !important; font-weight: bold; background: url(/common/img/default/icon/icon_child2_pc.png) no-repeat left 2px; }

.amenity-title3 { padding: 0 0 0 27px; color: #653B25; font-size: 14px !important; font-size: 0.88rem !important; font-weight: 900; background: url(/common/img/default/icon/icon_amenity3_pc.png) no-repeat left 2px; }

.child-title3 { padding: 0 0 0 27px; color: #653B25; font-size: 14px !important; font-size: 0.88rem !important; font-weight: bold; background: url(/common/img/default/icon/icon_child3_pc.png) no-repeat left 2px; }

.sche-title { padding: 0 0 0 20px; color: #653B25; background: url(/common/img/default/icon/icon_sche_pc.gif) no-repeat 0 40%; }

.mem-title { padding: 0 0 0 20px; color: #653B25; background: url(/common/img/default/icon/icon_person_pc.png) no-repeat 2px 35%; }

.price-title { padding: 0 0 0 20px; color: #653B25; background: url(/common/img/default/icon/icon_price_pc.png) no-repeat 0 40%; }

.floor-arrow { padding: 0 0 0 20px; color: #796658; background: url(/common/img/default/icon/icon_floor_arrow.png) no-repeat 0 3px; background-size: 14px 14px; font-size: 14px !important; font-size: 0.88rem !important; }

.ttl-font-wed01 { font-size: 30px; color: #5e3339; font-weight: normal; line-height: 1.15; margin-top: 10px; }

.ttl-font-wed02 { font-size: 25px; color: #5e3339; font-weight: normal; line-height: 1.2; }
.ttl-font-wed02 span { font-size: 20px; }

/*-----------------------------------------------------------------------------------------------
	900px ～
------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------
	 ～　899px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 899px) { body.content100 #content-article .ttl-box-l, body.content100 #content-article > nav, body.content100 #content-article .mod-btn-box-lr, body.content100 #content-nav .nav-local-estimate, .content-totop { margin-right: 10px; margin-left: 10px; }
  .ttl-box-10 > * { font-size: 17px !important; font-size: 1.06rem !important; letter-spacing: 0; line-height: 1.2; } }
/*-----------------------------------------------------------------------------------------------
	～　767px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) { .ttl-box-08 > * { background: url(/common/img/default/icon/icon_ttl_07.png) 0 0 repeat-y; background-size: 6px 24px; } }
/*-----------------------------------------------------------------------------------------------
	～ 599px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) { .ttl-font-04-reco { display: block; }
  .ttl-font-04-reco > * { display: block; }
  .ttl-font-04-reco .reco-box-01 { display: inline-block; margin-bottom: 5px; }
  .ttl-font-04-reco .midashi { padding-left: 0; font-size: 19px !important; font-size: 1.19rem !important; }
  .ttl-box-09 > p.link-tolist { position: absolute; right: 10px; line-height: 0.8; padding: 0px 0 5px 0; border: none; background: none; text-shadow: none; border-left: dotted 1px #d3bda9; box-shadow: inset 1px 0px  #fff; }
  .ttl-box-09 > p.link-tolist a { padding-left: 20px; background: url(../img/default/icon/icon_arrow_tolist_pc.png) no-repeat 10px 4px; }
  .ttl-box-09 > p.link-tolist a span { display: none; }
  .ttl-box-l .beige-arrow { width: 110px; }
  .ttl-box-l h1 { font-size: 16px !important; font-size: 1.00rem !important; }
  .ttl-font-wed01 { font-size: 25px; }
  .ttl-font-wed02 { font-size: 20px; }
  .ttl-font-wed02 span { font-size: 15px; } }
/*-----------------------------------------------------------------------------------------------
	tablet/smartphone用
------------------------------------------------------------------------------------------------*/
@media all and (-webkit-min-device-pixel-ratio: 1.25) { .ttl-box-10 > *, .ttl-font-13 { letter-spacing: 0; font-weight: 900; } }
/*-----------------------------------------------------------------------------------------------
	btn
------------------------------------------------------------------------------------------------*/
.btn-samp { color: #fff; display: inline-block; padding: 5px 20px; text-decoration: none; border: solid 1px #666; line-height: 1; }

.btn-samp.gray-samp { background-color: #f3f3f3; background-image: -webkit-linear-gradient(white, #f3f3f3); background-image: -moz-linear-gradient(white, #f3f3f3); background-image: -o-linear-gradient(white, #f3f3f3); background-image: linear-gradient(#ffffff, #f3f3f3); -pie-background: linear-gradient(#ffffff, #f3f3f3); behavior: url("//www.okuratokyobay.net/common/htc/PIE.htc"); color: #666; }

/* ボタン共通スタイル */
.icon-btn-base span, .icon-arrow-white-right span, .btn.navy span, .btn.red span, .btn.pink-small span, .btn.blown-small span, .btn.blown-large span, .btn.blown-exlarge span, .btn.blown-nallow span, .btn.red-large span, .btn.red-narrow span, .btn.purple span, .icon-arrow-blown-right span, .btn.white span, .btn.white-largest span, .btn.white-narrow span, .beige-arrow span, .icon-arrow-white-left span, .btn.blown-middle span, .btn.blown-largest span { width: 100%; display: inline-block; }

.icon-arrow-white-right span, .btn.navy span, .btn.red span, .btn.pink-small span, .btn.blown-small span, .btn.blown-large span, .btn.blown-exlarge span, .btn.blown-nallow span, .btn.red-large span, .btn.red-narrow span, .btn.purple span { background: url(/common/img/default/icon/icon_arrow_4.png) right center no-repeat; background-size: 6px 10px; }

.icon-arrow-blown-right span, .btn.white span, .btn.white-largest span, .btn.white-narrow span, .beige-arrow span { background: url(/common/img/default/icon/icon_arrow_3.png) right center no-repeat; background-size: 6px 10px; }

.icon-arrow-white-left span, .btn.blown-middle span, .btn.blown-largest span { background: url(/common/img/default/icon/icon_arrow_5.png) left center no-repeat; background-size: 6px 10px; }

.color-navy, .btn.navy { background-color: #355271; }
.color-navy:hover, .btn.navy:hover { background-color: #5a85b2; }

.color-red, .btn.red, .btn.red-noallow, .btn.red-large, .btn.red-narrow, .btn.red-noallow-narrow, .btn-sum { background-color: #c24b4b; }
.color-red:hover, .btn.red:hover, .btn.red-noallow:hover, .btn.red-large:hover, .btn.red-narrow:hover, .btn.red-noallow-narrow:hover, .btn-sum:hover { background-color: #dc9797; }

.color-blown, .btn.blown-small, .btn.blown-middle, .btn.blown-large, .btn.blown-exlarge, .btn.blown-largest, .btn.blown-noallow, .btn.blown-nallow, .btn.blown-noallow-small, .btn-address, .btn-print { background-color: #b98754; }
.color-blown:hover, .btn.blown-small:hover, .btn.blown-middle:hover, .btn.blown-large:hover, .btn.blown-exlarge:hover, .btn.blown-largest:hover, .btn.blown-noallow:hover, .btn.blown-nallow:hover, .btn.blown-noallow-small:hover, .btn-address:hover, .btn-print:hover { background-color: #d7ba9c; }

.color-beige, .beige, .beige-arrow { background-color: #ebe4dc; }
.color-beige:hover, .beige:hover, .beige-arrow:hover { background-color: white; }

.color-purple, .btn.purple { background-color: #8c1e39; }
.color-purple:hover, .btn.purple:hover { background-color: #d53b61; }

.color-white, .btn.white, .btn.white-largest, .btn.white-narrow { background-color: #FFF; }

.color-green, .btn-howto, .btn-help { position: relative; background-color: #5A8D4B; border: 1px solid #FFF; -webkit-box-shadow: 0 0 0 1px #5A8D4B; box-shadow: 0 0 0 1px #5A8D4B; }
.color-green:hover, .btn-howto:hover, .btn-help:hover { background-color: #8fbc82; }

.btn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 150px; padding: 6px; text-align: center; color: #FFFFFF; font-size: 15px; font-size: 0.94rem; font-weight: bold; }
.btn span { color: inherit; }

.btn:link, .btn:visited { color: #FFFFFF; }

.btn.white { color: #B88552; font-size: 0.75rem; border: #B98754 1px solid; width: 158px; padding: 6px; font-size: 14px; font-size: 0.87rem; font-weight: bold; }
.btn.white span { color: #B88552; }
.btn.white:hover { background-color: #d7ba9c; color: #FFF; }
.btn.white:link { color: #FFF; }

.btn.white-largest { color: #B88552; font-size: 0.75rem; border: #B98754 1px solid; width: 230px; padding: 6px; font-size: 14px; font-size: 0.87rem; font-weight: bold; margin: 0 0 0 10px; }
.btn.white-largest span { color: #B88552; }
.btn.white-largest:hover { background-color: #d7ba9c; color: #FFF; }
.btn.white-largest:link { color: #FFF; }

.btn.white-narrow { color: #B88552; font-size: 0.75rem; border: #B98754 1px solid; width: 158px; padding: 2px 15px 2px 0; font-size: 14px; font-size: 0.87rem; }
.btn.white-narrow span { color: #B88552; }
.btn.white-narrow:hover { background-color: #d7ba9c; color: #FFF; }
.btn.white-narrow:link { color: #FFF; }

.btn.navy { width: 208px; }

.btn.pink-small { background-color: #de8989; width: 125px; font-size: 12px; font-size: 0.75rem; padding: 5px 10px 5px 0; }

.btn.blown-small { width: 125px; font-size: 12px; font-size: 0.75rem; padding: 5px 10px 5px 0; }

.btn.blown-large { width: 205px; }

.btn.blown-exlarge { width: 230px; margin: 0 0 0 10px; }

.btn.blown-largest { width: 230px !important; }

.btn.blown-noallow { width: 160px; padding: 10px 0; }

.btn.blown-nallow { padding: 8px 10px 8px 0; }

.blown-nallow:link, .blown-nallow:visited { color: #FFFFFF !important; }

.btn.blown-noallow-small { width: 110px; padding: 12px 0; font-size: 12px; font-size: 0.75rem; }

.btn.red-noallow { width: 180px; padding: 8px 0; line-height: 1.1; }

.btn.red-large { width: 240px; }

.btn.red-narrow { width: 150px; padding: 8px 10px 8px 0; font-size: 12px; font-size: 0.75rem; }

.btn.red-noallow-narrow { width: 160px; padding: 6px 0 5px; line-height: 1.1; }

.btn.purple { padding: 12px 6px 12px 0; width: 224px; }

.beige { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 8px 10px; color: #653925; font-size: 11px; }

.beige-arrow { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 3px 8px 3px 0; font-size: 10px; width: 110px; }
.beige-arrow span { color: #796658; }

.btn-howto { font-size: 12px !important; font-size: 0.75rem !important; line-height: 1.4; width: 140px; padding: 6px; margin-top: 1px; }
.btn-howto span { padding-left: 20px; background: url(/common/img/default/icon/icon_book.png) no-repeat left center; background-size: 15px 13px; }

.btn-help { font-size: 11px !important; font-size: 0.69rem !important; display: inline-block; padding: 3px 8px 3px 5px; line-height: 1.0; color: #FFFFFF !important; text-decoration: none !important; }
.btn-help span { padding-left: 10px; background-image: url(/common/img/default/icon/icon_help_pc.png); background-position: left center; background-repeat: no-repeat; background-color: inherit; font-weight: bold; }

.btn-address { display: inline-block; font-size: 12px !important; font-size: 0.75rem !important; padding: 7px 5px; line-height: 1.0; color: #FFFFFF !important; }
.btn-address span { padding-left: 25px; background: url(/common/img/default/icon/icon_address_pc.png) no-repeat left center; }

.btn-delete { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 9px 10px 8px 26px; line-height: 1.0; color: #b98754; background: white url(/common/img/default/stay/icon_delete_pc.png) 7px 50% no-repeat; border: 1px solid #b98754; }

.btn-delete2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 70px; padding: 4px 5px; border: #B98754 1px solid; background-color: #FFF; text-align: center; font-weight: bold; }
.btn-delete2 span { padding-left: 20px; background: url(/common/img/default/stay/icon_delete_pc.png) no-repeat left center; }

.btn-plus { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 11px 9px 27px; line-height: 1.0; color: #FFFFFF; background: #b98754 7px 50% url(/common/img/default/stay/icon_plus_pc.png) no-repeat; }
.btn-plus:link { color: #FFF; }
.btn-plus:visited { color: #FFF; }

.btn-plus2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 70px; padding: 4px 5px; color: #FFFFFF; border: #b98754 1px solid; background-color: #b98754; text-align: center; }
.btn-plus2:link { color: #FFF; }
.btn-plus2:visited { color: #FFF; }
.btn-plus2 span { padding-left: 20px; background: url(/common/img/default/stay/icon_plus_pc.png) no-repeat left center; font-weight: bold; }

.btn-option { display: block; width: 25px; padding: 9px 9px 8px 9px; line-height: 1.0; color: #B98754; background: #FFFFFF none; border: #B98754 1px solid; font-weight: bold; }

.btn-sum span { padding-left: 20px; background: url(/common/img/default/icon/icon_sum_pc.png) no-repeat left center; background-size: 15px 16px; }

.btn-print span { padding-left: 25px; background: url(/common/img/default/icon/icon_print_pc.png) no-repeat left center; background-size: 21px 19px; }

.btn-grd-1, .btn-more { background: #faf8f3; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZjhmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWViZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #faf8f3 0%, #f1ebe0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #faf8f3), color-stop(100%, #f1ebe0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #faf8f3 0%, #f1ebe0 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #faf8f3 0%, #f1ebe0 100%); /* IE10+ */ background: linear-gradient(to bottom, #faf8f3 0%, #f1ebe0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf8f3', endColorstr='#f1ebe0',GradientType=0 ); /* IE6-8 */ display: block; padding: 10px 0; text-align: center; border-top: 1px solid #f2ece2; }

.btn-more span { padding-left: 15px; background: url(/common/img/default/icon/bg_icon_7.png) no-repeat left center; background-size: 10px 5px; }

.btn-tel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; height: auto; background-color: #FFF; text-align: center; line-height: 1; margin-bottom: 10px; padding: 10px; border: #B98754 1px solid; cursor: default; }
.btn-tel:link { color: #796658 !important; }
.btn-tel span { font-size: 20px !important; font-size: 1.25rem !important; font-weight: bold; /*display:inline;*/ padding: 2px 0 2px 25px; background: url(/common/img/default/icon/icon_call.png) no-repeat left center; background-size: 15px; }

.btn-disabled { cursor: default; background-color: #dc9797 !important; }

.red.btn-disabled { cursor: default; background-color: #dc9797 !important; }

.btn-icon { margin: 0 8px 0 0; }
.btn-icon img { margin-top: 5px; }

/* background button
------------------------------------------------*/
.bg-btn { display: inline-block; padding: 0; font-size: 0; }

.bg-btn.restaurant-reserve { width: 90px; height: 25px; }

.bg-btn.restaurant-reserve > span { width: 100%; height: 0; padding-top: 25px; overflow: hidden; display: inline-block; background: url(/common/img/default/restaurant_reserve_btn_off.png) no-repeat; }

.sp-telphone { cursor: default; color: #5F4C44 !important; font-weight: 100 !important; }

#lunch_esthe .sp-telphone { color: #FFFFFF !important; }

/* ie8用　*/
.lt-ie9 .btn-howto span { background: url(/common/img/default/icon/icon_book_pc.png) no-repeat left center; }
.lt-ie9 .icon-arrow-white-right span, .lt-ie9 .btn.navy span, .lt-ie9 .btn.red span, .lt-ie9 .btn.pink-small span, .lt-ie9 .btn.blown-small span, .lt-ie9 .btn.blown-large span, .lt-ie9 .btn.blown-exlarge span, .lt-ie9 .btn.blown-nallow span, .lt-ie9 .btn.red-large span, .lt-ie9 .btn.red-narrow span, .lt-ie9 .btn.purple span { background: url(/common/img/default/icon/icon_arrow_4_pc.png) right center no-repeat; }
.lt-ie9 .icon-arrow-blown-right span, .lt-ie9 .btn.white span, .lt-ie9 .btn.white-largest span, .lt-ie9 .btn.white-narrow span, .lt-ie9 .beige-arrow span { background: url(/common/img/default/icon/icon_arrow_3_pc.png) right center no-repeat; }
.lt-ie9 .icon-arrow-white-left span, .lt-ie9 .btn.blown-middle span, .lt-ie9 .btn.blown-largest span { background: url(/common/img/default/icon/icon_arrow_5_pc.png) left center no-repeat; }
.lt-ie9 .btn-sum span { background: url(/common/img/default/icon/icon_sum_pc.png) no-repeat left center; }
.lt-ie9 .btn-print span { background: url(/common/img/default/icon/icon_print_pc.png) no-repeat left center; }
.lt-ie9 .btn-more span { background: url(/common/img/default/icon/bg_icon_7_pc.png) no-repeat left center; }
.lt-ie9 .btn-tel span { background: url(/common/img/default/icon/icon_call_pc.png) no-repeat left center; }

/*-----------------------------------------------------------------------------------------------
	 ～　899px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 899px) { .btn-delete { background-image: url(/common/img/default/stay/icon_delete.png); background-size: 11px 11px; }
  .btn-plus { background-image: url(/common/img/default/stay/icon_plus.png); background-size: 14px 14px; }
  .btn-help span { background: url(/common/img/default/icon/icon_help.png) no-repeat left center; background-size: 6px 9px; }
  .btn-address span { background: url(/common/img/default/icon/icon_address.png) no-repeat left center; background-size: 19px 16px; } }
/*-----------------------------------------------------------------------------------------------
	～　767px
------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------
	～ 599px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) { .btn { width: 100%; }
  .btn.blown-largest { width: 100% !important; }
  .btn.purple { height: 48px !important; }
  .btn-howto { width: auto; }
  .btn.white { width: 256px; margin: 0 auto 10px; }
  .btn.white-largest, .btn.blown-exlarge { width: 100% !important; margin: 0 0 10px; }
  .btn.navy { width: 258px; margin: 0 auto 10px; }
  .btn-delete2, .btn-plus2 { width: 55px; padding-right: 0; padding-left: 0; }
  .sp-telphone, .nav-local2 a.sp-telphone, #lunch_esthe .sp-telphone { cursor: pointer; margin: 0 0 0 3px; padding: 2px 0 8px 20px; background: url(/common/img/default/icon/icon_call.png) 0 2px no-repeat !important; background-size: 15px auto !important; font-weight: bold !important; font-size: 13px !important; font-size: 0.81rem !important; line-height: 1.0; color: #B88552 !important; }
  .btn-tel:link span { color: #B88552 !important; }
  .sp-teltitle { display: none; } }
/*-----------------------------------------------------------------------------------------------
	tablet/smartphone用
------------------------------------------------------------------------------------------------*/
@media all and (-webkit-min-device-pixel-ratio: 1.25) { .btn-print { display: none; } }
/*-----------------------------------------------------------------------------------------------
	table
------------------------------------------------------------------------------------------------*/
.mod-box-col-table-base, .mod-box-radio-base, .mod-box-col-1-radio, .mod-box-col-2-radio, .mod-box-col-3-radio { width: 100%; display: table; border-collapse: collapse; }
.mod-box-col-table-base > *, .mod-box-radio-base > *, .mod-box-col-1-radio > *, .mod-box-col-2-radio > *, .mod-box-col-3-radio > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table-cell; padding: 10px; }
.mod-box-col-table-base > dt, .mod-box-radio-base > dt, .mod-box-col-1-radio > dt, .mod-box-col-2-radio > dt, .mod-box-col-3-radio > dt { vertical-align: middle; text-align: center; background-color: #ECE4D5; border-right: 1px solid #d9cfc4; font-weight: bold; }
.mod-box-col-table-base > dt span, .mod-box-radio-base > dt span, .mod-box-col-1-radio > dt span, .mod-box-col-2-radio > dt span, .mod-box-col-3-radio > dt span { display: block; }

.mod-box-col-table-base2 > dl, .mod-table-1 > dl, .mod-table-2 > dl, .mod-table-3 > dl { width: 100%; border: solid #d9cfc4; border-width: 1px 1px 0 1px; display: table; }
.mod-box-col-table-base2 > dl > *, .mod-table-1 > dl > *, .mod-table-2 > dl > *, .mod-table-3 > dl > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table-cell; padding: 10px; }
.mod-box-col-table-base2 > dl > dt, .mod-table-1 > dl > dt, .mod-table-2 > dl > dt, .mod-table-3 > dl > dt { background-color: #ECE4D5; border-right: 1px solid #d9cfc4; font-weight: bold; }
.mod-box-col-table-base2 > dl > dd, .mod-table-1 > dl > dd, .mod-table-2 > dl > dd, .mod-table-3 > dl > dd { background-color: #FFF; }
.mod-box-col-table-base2 > dl > dd p:not(:last-child), .mod-table-1 > dl > dd p:not(:last-child), .mod-table-2 > dl > dd p:not(:last-child), .mod-table-3 > dl > dd p:not(:last-child) { margin-bottom: 10px; }
.mod-box-col-table-base2 > dl > dd .required, .mod-table-1 > dl > dd .required, .mod-table-2 > dl > dd .required, .mod-table-3 > dl > dd .required { padding-left: 0; }
.mod-box-col-table-base2 > dl:last-child, .mod-table-1 > dl:last-child, .mod-table-2 > dl:last-child, .mod-table-3 > dl:last-child { border-width: 1px 1px 1px 1px; }

/* nomal table */
.mod-table-1 > dl > dt, .mod-table-2 > dl > dt, .mod-table-3 > dl > dt { vertical-align: top; width: 20%; }
.mod-table-1 > dl > dd, .mod-table-2 > dl > dd, .mod-table-3 > dl > dd { width: 80%; }
.mod-table-1 .total dt, .mod-table-2 .total dt, .mod-table-3 .total dt { font-size: 15px !important; font-size: 0.94rem !important; }
.mod-table-1 .total dd, .mod-table-2 .total dd, .mod-table-3 .total dd { font-weight: bold; }
.mod-table-1 .total dd span, .mod-table-2 .total dd span, .mod-table-3 .total dd span { font-size: 20px !important; font-size: 1.25rem !important; }
.mod-table-1 .il-block, .mod-table-2 .il-block, .mod-table-3 .il-block { display: inline-block; margin-right: 20px; }
.mod-table-1 .inner-table, .mod-table-2 .inner-table, .mod-table-3 .inner-table { display: table; vertical-align: middle; }
.mod-table-1 .inner-table > *, .mod-table-2 .inner-table > *, .mod-table-3 .inner-table > * { display: table-cell; padding-right: 40px; }
.mod-table-1 .inner-table > * span, .mod-table-2 .inner-table > * span, .mod-table-3 .inner-table > * span { font-weight: bold; margin-right: 10px; }
.mod-table-1 .inner-table:not(:last-child), .mod-table-2 .inner-table:not(:last-child), .mod-table-3 .inner-table:not(:last-child) { margin-bottom: 10px; }

.mod-table-2, .mod-table-3 { margin-bottom: 10px; }
.mod-table-2 dt, .mod-table-3 dt { vertical-align: middle !important; /*background-color:$bace-color-29 !important;*/ }
.mod-table-2 dd, .mod-table-3 dd { vertical-align: middle !important; }

.mod-table-3 dd span { display: inline-block; width: 50%; }
.mod-table-3 dd span:last-child { text-align: right; }
.mod-table-3 .total dd { text-align: right; font-weight: bold; }
.mod-table-3 .total dd span { display: inline; width: auto; }

/* with radio button */
.mod-box-radio-base, .mod-box-col-1-radio, .mod-box-col-2-radio, .mod-box-col-3-radio { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mod-box-radio-base > dt, .mod-box-col-1-radio > dt, .mod-box-col-2-radio > dt, .mod-box-col-3-radio > dt { width: 10%; }
.mod-box-radio-base > dt span, .mod-box-col-1-radio > dt span, .mod-box-col-2-radio > dt span, .mod-box-col-3-radio > dt span { display: block; }
.mod-box-radio-base > dd, .mod-box-col-1-radio > dd, .mod-box-col-2-radio > dd, .mod-box-col-3-radio > dd { width: 90%; }

.mod-box-col-1-radio { margin-bottom: 10px; }
.mod-box-col-1-radio .img { float: left; width: 220px; }
.mod-box-col-1-radio .img img { width: 100%; }
.mod-box-col-1-radio .desp { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 430px; padding-left: 10px; }
.mod-box-col-1-radio .desp dt { width: 45%; }
.mod-box-col-1-radio .desp dd { width: 55%; }
.mod-box-col-1-radio .desp .list-dot:not(:last-child), .mod-box-col-1-radio .desp .list-dot-2:not(:last-child), .mod-box-col-1-radio .desp .list-dot-3:not(:last-child), .mod-box-col-1-radio .desp .list-dot-4:not(:last-child) { border-bottom: dotted 1px #d3bda9; padding-bottom: 15px; margin-bottom: 20px; }

.mod-box-col-2-radio { margin-bottom: 10px; width: 49%; float: left; }
.mod-box-col-2-radio:nth-child(odd) { clear: rigth; margin-right: 2%; }
.mod-box-col-2-radio .img { float: left; width: 30%; }
.mod-box-col-2-radio dt { width: 20%; white-space: nowrap; }
.mod-box-col-2-radio dd { width: 80%; }
.mod-box-col-2-radio .desp { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 70%; padding-left: 8px; }

.mod-box-col-3-radio { margin-bottom: 10px; display: block; width: 32.8%; float: left; position: relative; }
.mod-box-col-3-radio:nth-child(3n+2) { margin: 0 0.8% 10px; }
.mod-box-col-3-radio > dt { position: absolute; left: 0; bottom: 0; display: block; height: 40px; width: 100%; border-right: none; border-top: 1px solid #d9cfc4; }
.mod-box-col-3-radio > dt span { display: inline-block; }
.mod-box-col-3-radio > dd { width: 100%; margin-bottom: 40px; display: block; }
.mod-box-col-3-radio .img { width: 100%; }
.mod-box-col-3-radio .img img { width: 100%; }
.mod-box-col-3-radio .desp { width: 100%; }
.mod-box-col-3-radio .desp dt, .mod-box-col-3-radio .desp dd { width: auto; line-height: normal; float: left; }

table.layout-box01, table.layout-box03 { width: 100%; border: #D9CFC4 1px solid; }

table.layout-box01 th, table.layout-box03 th { padding: 15px; background: #F6F2EA; border: #D9CFC4 1px solid; }

table.layout-box01 td, table.layout-box03 td { padding: 15px 20px; border: #D9CFC4 1px solid; text-align: center; }

table.layout-box01.theadcolor-01 thead th, table.theadcolor-01.layout-box03 thead th { background: #E6F1F2; color: #488E92; }

table.layout-box01.theadcolor-02 thead th, table.theadcolor-02.layout-box03 thead th { background: #F5E3E3; }

table.layout-box02 { width: 100%; border: #D9CFC4 1px solid; }

table.layout-box02 th { vertical-align: middle; padding: 3px 8px; background: #F6F2EA; border: #D9CFC4 1px solid; /*white-space: nowrap;*/ }

table.layout-box02 td { vertical-align: middle; padding: 8px 8px; border: #D9CFC4 1px solid; text-align: center; /*white-space: nowrap;*/ }

table.layout-box03 td { padding: 5px; border-top: 1px solid #FFFFFF; }

table.layout-box03 td.left { text-align: left; width: 50%; }

table.layout-box03 td.right { text-align: right; width: 50%; }

table.layout-box03 th { padding: 10px 20px; }

table.layout-box02.theadcolor-03 thead th { background: #7D7633; color: #ffffff; }

table.layout-box02.theadcolor-04 th { background: #7D7633; color: #ffffff; }

table.layout-box02.theadcolor-04 thead td { background: #F6F2EA; font-weight: bold; }

.list-table01 th { width: 3em; padding: 0 10px 3px 8px; text-align: left; background: url(/common/img/default/icon/icon_ttl_05_pc.gif) 0 8px no-repeat; }

.price-plan { display: inline; float: left; width: 140px; }

.price-caution { display: inline; float: left; max-width: 395px; }

/*-----------------------------------------------------------------------------------------------
	 max-width:899px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 899px) { /* with radio button */
  .mod-box-radio-base > dt, .mod-box-col-1-radio > dt, .mod-box-col-2-radio > dt, .mod-box-col-3-radio > dt { width: 15%; }
  .mod-box-radio-base > dd, .mod-box-col-1-radio > dd, .mod-box-col-2-radio > dd, .mod-box-col-3-radio > dd { width: 85%; }
  .mod-box-col-1-radio .img { width: 40%; }
  .mod-box-col-1-radio .img img { width: 100%; }
  .mod-box-col-1-radio .desp { width: 60%; }
  .mod-table-2 dd > span, .mod-table-3 dd > span { width: 100%; }
  .mod-box-col-3-radio > dt { width: 100%; }
  .mod-box-col-3-radio > dd { width: 100%; } }
/*-----------------------------------------------------------------------------------------------
	max-width:767px
------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------
	max-width:599px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) { table.layout-box01 th, table.layout-box03 th, table.layout-box01 td, table.layout-box03 td { padding: 10px; }
  table.layout-box01.theadcolor-01, table.theadcolor-01.layout-box03 { font-size: 11px; }
  /* nomal table */
  .mod-box-col-table-base2 > dl, .mod-table-1 > dl, .mod-table-2 > dl, .mod-table-3 > dl { display: block; }
  .mod-box-col-table-base2 > dl > *, .mod-table-1 > dl > *, .mod-table-2 > dl > *, .mod-table-3 > dl > * { display: block; }
  .mod-box-col-table-base2 > dl > dt, .mod-table-1 > dl > dt, .mod-table-2 > dl > dt, .mod-table-3 > dl > dt { width: 100% !important; border-right: none; }
  .mod-box-col-table-base2 > dl > dd, .mod-table-1 > dl > dd, .mod-table-2 > dl > dd, .mod-table-3 > dl > dd { width: 100%; }
  /* with radio button */
  .mod-box-col-1-radio { display: block; position: relative; }
  .mod-box-col-1-radio > dt { position: absolute; left: 0; bottom: 0; display: block; height: 40px; width: 100%; border-right: none; border-top: 1px solid #d9cfc4; }
  .mod-box-col-1-radio > dt span { display: inline-block; }
  .mod-box-col-1-radio > dd { width: 100%; margin-bottom: 40px; display: block; }
  .mod-box-col-1-radio .img { width: 100%; }
  .mod-box-col-1-radio .img img { width: 100%; }
  .mod-box-col-1-radio .desp { width: 100%; }
  .mod-box-col-2-radio { clear: both; display: block; position: relative; width: 100%; }
  .mod-box-col-2-radio > dt { position: absolute; left: 0; bottom: 0; display: block; height: 40px; width: 100%; border-right: none; border-top: 1px solid #d9cfc4; }
  .mod-box-col-2-radio > dt span { display: inline-block; }
  .mod-box-col-2-radio > dd { width: 100%; margin-bottom: 40px; display: block; }
  .mod-box-col-2-radio .desp { width: 70% !important; }
  .mod-box-col-3-radio { width: 100%; float: none; position: relative; }
  .mod-box-col-3-radio:nth-child(3n+2) { margin: 0 0 10px; } }
/*-----------------------------------------------------------------------------------------------
	form
------------------------------------------------------------------------------------------------*/
input[type="radio"], input[type="checkbox"] { margin: 0 5px 3px 0; }

select.select01 { width: 150px; }

select.select02 { width: 70px; }

select.select03 { width: 50px; }

select.select04 { width: 180px; }

input.text01 { width: 100px; }

input.text02 { width: 50px; }

input.text03 { width: 300px; }

input.text04 { width: 60px; }

span.label01 { display: inline-block; width: 85px; }

span.form-space01 { margin: 0 15px 0 5px; }

span.form-space02 { margin: 0 25px 0 5px; }

span.form-space03 { margin: 0 5px 0 0; }

span.form-space04 { margin: 0 5px 0 20px; }

span.form-space05 { margin: 0 5px; }

/* backup
span.form-space05 {
	margin: 0 10px;
}
*/
.btm-dot-line { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px dotted #D9CFC4; }

.form-opt-name { float: left; width: 60px; font-weight: 900; }

.form-opt-desp { float: left; }

/*---- for LIQUID ----*/
input.long { width: 90%; }

input.medium { width: 8rem; width: 8em; }

input.short { width: 3rem; width: 3em; }

input.tel { width: 4rem; width: 4em; }

input.mail, input[name^="Mail"] { width: 12em; }

textarea.long { width: 95%; height: 6rem; height: 6em; }

.space-left { margin-left: 8px; }

.space-left-l { margin-left: 16px; }

.space-top { margin-top: 15px; }

/*---- REQUIRED ----*/
.required { font-size: 11px !important; font-size: 0.69rem !important; color: #bf4646; display: inline; padding-left: 3px; }

/*---- BUTTON AREA ----*/
.btn-area { margin-top: 10px; }
.btn-area .blown-middle { float: left; }
.btn-area .red { float: right; }

/*---- ERROR ----*/
.error-form .error-item { border: 1px solid #A70C26; background: #E1A5A5; }
.error-form .error-txt { background: url(../img/default/icon/icon_error.png) no-repeat 0 3px; background-size: 14px 14px; padding: 0 1px 0 20px; margin: 0 0 2px 0 !important; color: #A70C26; font-weight: bold; font-size: 13px !important; font-size: 0.81rem !important; }
.error-form select, .error-form input, .error-form textarea { border: solid 1px #A60B25; background-color: #E1A5A5; }

.error-txt { background: url(../img/default/icon/icon_error.png) no-repeat 0 3px; background-size: 14px 14px; padding: 0 1px 0 20px; margin: 0 0 2px 0 !important; color: #A70C26; font-weight: bold; font-size: 13px !important; font-size: 0.81rem !important; }

.error_alert { margin: 20px 0 30px; }
.error_alert p { margin-bottom: 8px; }
.error_alert > ul { padding: 10px 20px; background-color: #EBC5C5; border: solid 1px #A60B25; }
.error_alert > ul > li { line-height: 2em; background-position: 0 center; }

/*//// Hack ////*/
.lt-ie9 .error-txt { background: url(../img/default/icon/icon_error_pc.png) no-repeat 0 0; }

/*----------------------------------------------------------------------------------------------- max-width:599px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) { .btn-area .blown-middle { float: none; margin-top: 10px; width: 100%; }
  .btn-area .red { float: none; margin-top: 10px; width: 100%; }
  textarea.long { width: 98%; height: 10rem; } }
/*-----------------------------------------------------------------------------------------------
	parts
------------------------------------------------------------------------------------------------*/
sup { vertical-align: super; font-size: 10px !important; font-size: 0.63rem  !important; letter-spacing: -0.001em !important; }

.caption { font-size: 11px !important; font-size: 0.69rem !important; }

.br-pc { display: block; }

/*-----------------------------------------------------------------------------------------------
	js-loader
------------------------------------------------------------------------------------------------*/
#content-loader { position: relative; min-height: 70px; width: 100%; }
#content-loader #content-loader-image { width: 35px; height: 35px; position: absolute; top: 50%; left: 50%; margin-top: -17px; margin-left: -17px; }

/* box
------------------------------------------------*/
.section-primary { margin-bottom: 30px; }

.section-secondary { margin-bottom: 30px; }

.content-box { margin: 0 0 10px; padding: 20px; background: #FFFFFF; border: #D9CFC4 1px solid; }
.content-box .finish { text-align: center; }
.content-box .finish h2 { padding: 100px 0 0; font-size: 20px !important; font-size: 1.25rem !important; display: inline-block; line-height: 1.2; }
.content-box .finish h2 > span { display: block; }
.content-box .finish .txt { padding: 30px 0; }
.content-box .finish .txt p { font-size: 14px !important; font-size: 0.88rem !important; }
.content-box .finish .btn { margin-bottom: 100px; }

.box-underline { margin-bottom: 15px; padding-bottom: 15px; background: url(../img/default/bg/line_thick.png) repeat-x 0 bottom; background-size: 4px 5px; }

.box-topline { margin-top: 15px; padding-top: 15px; background: url(../img/default/bg/line_thick.png) repeat-x 0 top; background-size: 4px 5px; }

.box-brown { margin-bottom: 10px; padding: 10px; background-color: #F3EFE9; }

.lt-ie9 .box-underline { background: url(../img/default/bg/line_thick_pc.png) repeat-x 0 bottom; }
.lt-ie9 .box-topline { background: url(../img/default/bg/line_thick_pc.png) repeat-x 0 top; }

/* text
------------------------------------------------*/
.indent { text-indent: -1em; margin-left: 1em; }

.bold { font-weight: bold; }

.small { font-size: 11px !important; font-size: 0.69rem !important; }

.font-red { color: #bf4646; }

.font-blue { color: #005F9D; }

/* list
------------------------------------------------*/
.list-time > dt { font-weight: bold; float: left; min-width: 60px; }

.list-dot > li, .list-dot-2 > li, .list-dot-3 > li, .list-dot-4 > li { background: url(/common/img/default/icon/icon_dot.png) no-repeat left -0.1em; padding-left: 15px; margin-bottom: 5px; line-height: 1.3; }
.list-dot dl, .list-dot-2 dl, .list-dot-3 dl, .list-dot-4 dl { margin-bottom: 5px; }
.list-dot dt, .list-dot-2 dt, .list-dot-3 dt, .list-dot-4 dt { padding-right: 10px; display: inline; font-weight: bold; line-height: 1.2; }
.list-dot dd, .list-dot-2 dd, .list-dot-3 dd, .list-dot-4 dd { display: inline; line-height: 1.2; }
.list-dot span, .list-dot-2 span, .list-dot-3 span, .list-dot-4 span { font-weight: bold; }

.list-dot-2 li { margin-left: 10px; }
.list-dot-2 li dt { font-weight: normal !important; padding: 0; }
.list-dot-2 li dd { font-weight: bold; }

.list-dot-3 li { margin-left: 10px; font-weight: nomal; margin-bottom: 3px; }

.list-dot-4 li { margin-left: 10px; font-weight: bold; margin-bottom: 3px; background-position: left 0; }

.indent-list li { text-indent: -1em; margin-left: 1em; font-size: 11px !important; 　　font-size: 0.69rem !important; margin-bottom: 5px; line-height: 1.2; }

.indent-list-2 li { text-indent: -1em; margin-left: 1em; margin-bottom: 5px; }

.list-recommend { color: #fff; font-size: 10px; }

.list-recommend > li { float: left; padding: 0 5px; margin: 0 5px 5px 0; white-space: nowrap; word-break: keep-all; word-wrap: normal; }

.list-recommend > .child { background-color: #ff9933; }

.list-recommend > .family { background-color: #339999; }

.list-recommend > .couple { background-color: #c75858; }

.list-recommend > .memorial { background-color: #355271; }

.list-recommend > .friend { background-color: #5a8d4b; }

.list-number ol { counter-reset: item; list-style-type: none; padding-left: 0; }
.list-number ol ol { padding-left: 1em; }
.list-number li { text-indent: -1.3em; padding-left: 1.3em; margin-bottom: 5px; }
.list-number li:before { counter-increment: item; content: counter(item) "."; /* 以下は自由に装飾... */ padding-right: .5em; font-weight: bold; color: #BB8A62; }

/* icon
------------------------------------------------*/
.icon-calendar { background-image: url(/common/img/default/icon/icon_calendar.png); }

.icon-time { background-image: url(/common/img/default/icon/icon_time.png); }

.icon-blown { padding: 2px 10px; font-size: 12px; line-height: 1.0; color: #FFFFFF; background: #917868; }

.icon-pink { background: #C24B4B; color: #FFFFFF; font-size: 12px; line-height: 1; padding: 2px 10px; margin-top: 5px; margin-bottom: 3px; }

.icon-white01 { padding: 3px 10px; font-size: 12px; line-height: 1.2; color: #C24B4B; background: #FFFFFF; }

.icon-white02 { padding: 4px 10px; font-size: 12px; line-height: 1.2; color: #B98753; background: #FFFFFF; border: #C79D74 1px solid; font-weight: bold; }

.icon-beige { padding: 2px 10px; font-size: 12px; line-height: 1.0; color: #FFFFFF; background: #B68D52; }

.icon_event { margin: 0 10px 0 0; }
.icon_event img { width: 85px !important; height: 25px; }

.icon-pdf { padding-left: 20px; background: url(/common/img/default/icon/icon_pdf.png) no-repeat left 6px; background-size: 15px 16px; padding-top: 5px; padding-bottom: 5px; font-weight: bold; display: block; line-height: 1.4; margin-left: 5px; margin-right: 5px; }

.icon-pdf2 { padding-left: 20px; background: url(/common/img/default/icon/icon_pdf.png) no-repeat left 6px; background-size: 15px 16px; padding-top: 5px; padding-bottom: 5px; font-weight: bold; line-height: 1.4; margin-left: 5px; margin-right: 5px; display: inline-block; }

/*-- Hack --*/
.lt-ie9 .icon-pdf { background: url(/common/img/default/icon/icon_pdf_pc.png) no-repeat left 6px; }

li[class^="icon-op-"] { width: 48px; height: 49px; background-repeat: no-repeat; background-image: url(/common/img/default/icon/bg_icon_op.gif); background-size: auto 49px; }

.icon-op-1 { background-position: 0 0; }

.icon-op-2 { background-position: -48px 0; }

.icon-op-3 { background-position: -96px 0; }

.icon-op-4 { background-position: -144px 0; }

.icon-op-5 { background-position: -192px 0; }

.icon-op-6 { background-position: -240px 0; }

.icon-op-7 { background-position: -288px 0; }

.icon-op-8 { background-position: -336px 0; }

.icon-op-9 { background-position: -384px 0; }

.icon-op-10 { background-position: -432px 0; }

.icon-op-11 { background-position: -480px 0; }

.icon-op-12 { background-position: -528px 0; }

.icon-op-13 { background-position: -576px 0; }

.icon-arrow-blown-right2 { padding-left: 18px; background: url(/common/img/default/icon/bg_icon_8.png) no-repeat left 1px; background-size: 13px auto; display: block; font-weight: bold; line-height: 1.4; margin-left: 5px; margin-right: 5px; }

.icon-arrow-blown-right3 { padding-left: 18px; background: url(/common/img/default/icon/bg_icon_8.png) no-repeat left 1px; background-size: 13px auto; display: inline; font-weight: bold; line-height: 1.4; }

.icon-arrow-blown-right-s { padding-left: 13px; background: url(/common/img/default/icon/icon_arrow_1.png) no-repeat left 3px; background-size: 10px 10px; display: inline; line-height: 1.4; }

/*-- Hack --*/
.lt-ie9 .icon-arrow-blown-right2, .lt-ie9 .icon-arrow-blown-right3 { background: url(/common/img/default/icon/bg_icon_8_pc.png) no-repeat left 1px; }
.lt-ie9 .icon-arrow-blown-right-s { background: url(/common/img/default/icon/icon_arrow_1_pc.png) no-repeat left 3px; }

.icon-arrow-blue-right { padding-left: 18px; background: url(/common/img/default/icon/bg_icon_9.png) no-repeat left 1px; background-size: 13px auto; display: block; font-weight: bold; line-height: 1.4; margin-left: 5px; margin-right: 5px; }

/*-- Hack --*/
.lt-ie9 .icon-arrow-blue-right { background: url(/common/img/default/icon/bg_icon_9_pc.png) no-repeat left 1px; }

.icon-camera-base, .icon-camera-pos-a, .icon-camera-pos-b, .icon-camera-pos-c, .icon-camera-pos-d, .icon-camera-pos-e, .icon-camera-pos-f, .icon-camera-pos-g, .icon-camera-pos-h { position: absolute; left: 0; top: 0; display: block; width: 30px; height: 30px; background: url(/common/img/default/room/icon_camera.png) no-repeat left top; background-size: 30px 240px; }

.icon-camera-pos-a { background-position: left 0px !important; }

.icon-camera-pos-b { background-position: left -30px !important; }

.icon-camera-pos-c { background-position: left -60px !important; }

.icon-camera-pos-d { background-position: left -90px !important; }

.icon-camera-pos-e { background-position: left -120px !important; }

.icon-camera-pos-f { background-position: left -150px !important; }

.icon-camera-pos-g { background-position: left -180px !important; }

.icon-camera-pos-h { background-position: left -210px !important; }

.icon-no-vacancy { display: inline-block; padding-right: 15px; background: url(/common/img/default/icon/icon_no-vacancy.png) no-repeat right center; background-size: 7px 7px; }

.icon-calendar { font-style: normal; padding-left: 23px; background: url(/common/img/default/icon/icon_calendar_white.gif) no-repeat left center; background-size: 17px 16px; }

.icon-access { font-style: normal; padding: 5px 0 5px 20px; background: url(/common/img/default/icon/icon_access.png) no-repeat left center; background-size: 14px 18px; }

.icon-phone { padding: 5px 0 5px 20px; background: url(/common/img/default/icon/icon_pnone.gif) no-repeat left center; background-size: 22px 15px; }

.icon-time { background: url(/common/img/default/icon/icon_time.png); }

.icon-clock { padding-left: 20px; background: url(/common/img/default/icon/icon_clock.png) no-repeat left 0.2em; background-size: 13px 14px; }

.icon-link-blank { background: url(/common/img/default/icon/icon_link_blank.png) no-repeat 0 3px; background-size: 17px 14px; padding: 2px 0 2px 20px; display: inline; font-weight: bold; }

/*ie8用画像*/
.lt-ie9 .icon-camera-base, .lt-ie9 .icon-camera-pos-a, .lt-ie9 .icon-camera-pos-b, .lt-ie9 .icon-camera-pos-c, .lt-ie9 .icon-camera-pos-d, .lt-ie9 .icon-camera-pos-e, .lt-ie9 .icon-camera-pos-f, .lt-ie9 .icon-camera-pos-g, .lt-ie9 .icon-camera-pos-h { background: url(/common/img/default/room/icon_camera_pc.png) no-repeat left top; }
.lt-ie9 .icon-no-vacancy { background: url(/common/img/default/icon/icon_no-vacancy_pc.png) no-repeat right center; }
.lt-ie9 li[class^="icon-op-"] { background-image: url(/common/img/default/icon/bg_icon_op_pc.gif); }
.lt-ie9 .icon-calendar { background: url(/common/img/default/icon/icon_calendar_white_pc.gif) no-repeat left center; }
.lt-ie9 .icon-access { background: url(/common/img/default/icon/icon_access_pc.png) no-repeat left center; }
.lt-ie9 .icon-phone { background: url(/common/img/default/icon/icon_pnone_pc.gif) no-repeat left center; }
.lt-ie9 .icon-clock { background: url(/common/img/default/icon/icon_clock_pc.png) no-repeat left 0.2em; }
.lt-ie9 .icon-link-blank { background: url(/common/img/default/icon/icon_link_blank_pc.png) no-repeat 0 3px; }

/*    background-color box */
.bg-color-box-base, .bg-brown-box { padding: 15px; margin-bottom: 20px; }
.bg-color-box-base .list-dot, .bg-brown-box .list-dot, .bg-color-box-base .list-dot-2, .bg-brown-box .list-dot-2, .bg-color-box-base .list-dot-3, .bg-brown-box .list-dot-3, .bg-color-box-base .list-dot-4, .bg-brown-box .list-dot-4 { margin-bottom: 0 !important; }
.bg-color-box-base .list-dot li:last-child, .bg-brown-box .list-dot li:last-child, .bg-color-box-base .list-dot-2 li:last-child, .bg-brown-box .list-dot-2 li:last-child, .bg-color-box-base .list-dot-3 li:last-child, .bg-brown-box .list-dot-3 li:last-child, .bg-color-box-base .list-dot-4 li:last-child, .bg-brown-box .list-dot-4 li:last-child { margin-bottom: 0; }

.bg-brown-box { background-color: #f3efe9; }

.bg-beige-box { display: inline-block; padding: 5px 10px; font-size: 12px; line-height: 1.0; color: #FFFFFF; background: #B68D52; }

/*    error-box */
#error-box { position: absolute; z-index: 1000; background-color: #FFF; width: 508px; min-width: 280px; }
#error-box #inner { padding: 20px; text-align: center; }
#error-box #inner .ttl-box-04 { line-height: 1.3; margin: 0 0 15px 0; padding: 0; color: #900; }
#error-box #inner #error-content h2 { font-size: 16px !important; font-size: 1.00rem !important; margin: 0 0 20px 0; line-height: 1.4; }
#error-box #inner #error-content ul { width: 260px; padding: 0; margin: 0 auto; display: block; height: 36px; }
#error-box #inner #error-content ul li { width: 125px; margin-right: 10px; float: left; list-style: none; }
#error-box #inner #error-content ul li:last-child { margin-right: 0; }
#error-box #inner #error-content ul li.close { width: 260px; }

#overlay-a { position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background: url(/common/img/default/lightbox/bg_overlay.png) repeat 0 0; }

/*-------------------- BANNER AREA --------------------*/
.banner-box { margin-bottom: 20px; background: #FFF; }
.banner-box img { width: 100%; }

/*-----------------------------------------------------------------------------------------------
	 ～　899px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 899px) { #content .box-col-2 { width: 359px; padding: 4px; }
  /* icon ------------------------------------------------*/
  .icon-pdf { background: url(/common/img/default/icon/icon_pdf.png) no-repeat left center; background-size: 15px 16px; } }
/*-----------------------------------------------------------------------------------------------
	～　767px
------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------
	～ 599px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) { .bg-brown-box { padding: 0; background: none; }
  .br { display: block; }
  .br-pc { display: inline; }
  .content-box { margin: 0 0 10px; padding: 10px; }
  .content-box .finish { text-align: left; }
  .content-box .finish h2 { padding: 30px 0 0; }
  .content-box .finish .txt { padding: 15px 0; }
  .content-box .finish .btn { margin-bottom: 30px; }
  #content .box-col-2, #content-article .box-col-2 { width: 100%; margin: 0 0 10px; -webkit-box-sizing: border-box; }
  .box-col-3, .box-col-5 { width: 100%; -webkit-box-sizing: border-box; }
  .rest-img { display: none; }
  .rest-info { float: none; width: 100%; min-height: 200px; padding: 20px; background: none; -webkit-box-sizing: border-box; }
  #error-box { text-align: left; width: 90%; }
  #error-box .ttl-box-04 { text-align: left; }
  #error-box #error-content h2 { width: 100%; margin: 0 auto; }
  .icon-arrow-blown-right3 { background: url(/common/img/default/icon/bg_icon_8.png) no-repeat left 0px; background-size: 11px auto; }
  .icon-arrow-blown-right-s { background: url(/common/img/default/icon/icon_arrow_1.png) no-repeat left 0px; background-size: 10px 10px; } }
/*-----------------------------------------------------------------------------------------------
	module
------------------------------------------------------------------------------------------------*/
.box-sizing-border-box, .list-dot dt, .list-dot-2 dt, .list-dot-3 dt, .list-dot-4 dt, .mod-tab-base a, .mod-tab a, .mod-tab-2 a, .mod-tab-5 a, .mod-tab-6 a, .mod-tab-3 a, .mod-tab-2-a a, .mod-box-col-2, .mod-box-col-3, .mod-box-col-2-2-base, .mod-box-col-2-2, .mod-box-col-2-2 .box-wrap > *, .mod-box-col-6, .mod-box-col-8 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.display-none, .mod-tab-base .btn-tab-left, .mod-tab .btn-tab-left, .mod-tab-2 .btn-tab-left, .mod-tab-5 .btn-tab-left, .mod-tab-6 .btn-tab-left, .mod-tab-3 .btn-tab-left, .mod-tab-2-a .btn-tab-left, .mod-tab-base .btn-tab-right, .mod-tab .btn-tab-right, .mod-tab-2 .btn-tab-right, .mod-tab-5 .btn-tab-right, .mod-tab-6 .btn-tab-right, .mod-tab-3 .btn-tab-right, .mod-tab-2-a .btn-tab-right { display: none; }

.display-block, .mod-tab-2 .btn-tab-left, .mod-tab-2 .btn-tab-right { display: block; }

/* 宿泊予約・ウェディングナビゲーション hover処理 */
.nav-local2 li a:hover { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ }

.top-box-a a:hover p > img { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ }

.top-box-a:hover div.img > img { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ }

.top-box-b a:hover div.img > img, .top-box-c a:hover div.img > img, .top-box-d a:hover div.img > img { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ }

.top-box-e a:hover img, .top-box-f a:hover img { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ }

.top-box-c a:hover p > img { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ }

.top-box-d a:hover p > img { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ }

.top-box-e a:hover p > img { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ }

.top-box-f a:hover p > img { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ }

.mod-box-col-3 a:hover p > img { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ }

.mod-box-col-2 a:hover div > img { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ }

.mod-box-col-2-2 a:hover div.fair-image > img { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ }

.mod-box-col-1 .inner-1 { padding: 20px; }
.mod-box-col-1 .inner-1 .img { width: 320px; padding-right: 20px; }
.mod-box-col-1 .inner-1 .desp { width: 366px; }
.mod-box-col-1 .inner-1 .desp img { width: 100%; }
.mod-box-col-1 .inner-2 .list-dot ul, .mod-box-col-1 .inner-2 .list-dot-2 ul, .mod-box-col-1 .inner-2 .list-dot-3 ul, .mod-box-col-1 .inner-2 .list-dot-4 ul { width: auto; }
.mod-box-col-1 .inner-2 .list-dot ul li, .mod-box-col-1 .inner-2 .list-dot-2 ul li, .mod-box-col-1 .inner-2 .list-dot-3 ul li, .mod-box-col-1 .inner-2 .list-dot-4 ul li { margin-bottom: 5px; }
.mod-box-col-1 .inner-3 { padding: 20px; }
.mod-box-col-1 .inner-3 .img { width: 210px; padding-right: 20px; }
.mod-box-col-1 .inner-3 .desp { width: 688px; }
.mod-box-col-1 .inner-3 .desp ul { margin-bottom: 15px; }
.mod-box-col-1 .inner-3 .ttl-font-02 { font-size: 17px; font-size: 1.06rem; }
.mod-box-col-1 .inner-3 .btn-box { text-align: right; }
.mod-box-col-1 .inner-3 li[class^="icon-op-"] { float: left; margin: 0 5px 5px 0; }
.mod-box-col-1 .inner-3 li[class^="icon-op-"]:last-child { margin: 0 0 5px 0; }
.mod-box-col-1 .inner-4 { border-top: 1px dotted #d9cfc4; padding: 20px; }
.mod-box-col-1 .inner-4 .img { width: 200px; padding-right: 20px; }
.mod-box-col-1 .inner-4 .img .btn { display: block; margin: 10px auto 0px; }
.mod-box-col-1 .inner-4 .desp { display: table; width: 698px; }
.mod-box-col-1 .inner-4 .ttl-font-02 { color: #8b403a; }
.mod-box-col-1 .inner-4 .btn-box { text-align: right; }
.mod-box-col-1 .inner-4 .box-left { display: table-cell; width: 483px; border-right: 1px dotted #d9cfc4; vertical-align: top; }
.mod-box-col-1 .inner-4 .box-right { display: table-cell; width: 214px; padding-left: 15px; }
.mod-box-col-1 .inner-4 .box-option { margin-bottom: 20px !important; }
.mod-box-col-1 .inner-4 li[class^="icon-op-"] { float: left; margin: 0 0 5px 5px; }
.mod-box-col-1 .inner-4 dd p { margin-bottom: 5px; }
.mod-box-col-1 .inner-4:only-child { border-top: none; }
.mod-box-col-1.off > .inner-4 { display: none; }
.mod-box-col-1 .inner-5 .img { width: 365px; background-color: #ece4d5; }
.mod-box-col-1 .inner-5 .desp { width: 341px; padding: 20px; }
.mod-box-col-1 .inner-5 .color-br { background-color: #D3AB7E; }
.mod-box-col-1 .inner-5 .color-g { background-color: #C7AE89; }
.mod-box-col-1 .inner-5 .color-db { background-color: #C0AE9E; }
.mod-box-col-1 .inner-5 dt { font-size: 14px !important; font-size: 0.88rem !important; color: #FFF; font-weight: bold; text-align: center; padding: 10px 0; }
.mod-box-col-1 .inner-5 dt span { padding: 4px 0 4px 35px; background: url(/common/img/default/room/icon_camera.png) no-repeat left -60px; background-size: 30px 240px; }
.mod-box-col-1 .inner-5 dd { text-align: center; }
.mod-box-col-1 .inner-5 dd .icon-camera-wrap { position: relative; left: 0; top: 0; display: inline-block; }
.mod-box-col-1 .inner-6 { padding: 20px 20px 0 20px; }
.mod-box-col-1 .inner-6 .img { width: 320px; }
.mod-box-col-1 .inner-6 .img .poto-thumb { margin-top: 10px; }
.mod-box-col-1 .inner-6 .img .indent { font-size: 11px !important; font-size: 0.69rem !important; }
.mod-box-col-1 .inner-6 .desp { width: 570px; padding: 0; }
.mod-box-col-1 .inner-6 .desp ul { width: 100%; }
.mod-box-col-1 .inner-6 .desp .box-option { float: none; }
.mod-box-col-1 .inner-6 .desp .box-option li[class^="icon-op-"] { float: left; margin: 0 5px 5px 0; }
.mod-box-col-1 .inner-6 .desp .box-option li[class^="icon-op-"]:last-child { margin: 0 0 5px 0; }
.mod-box-col-1 .inner-6 .comment { font-size: 13px !important; font-size: 0.81rem !important; }
.mod-box-col-1 .inner-6 .poto-thumb li { float: left; width: 97px; height: 67px; padding: 3px; background: url(/common/img/default/bg/bg_photo_thumb_2.gif) no-repeat left top; margin: 0 5px 4px 0; }
.mod-box-col-1 .inner-6 .poto-thumb li:nth-child(3n) { margin-right: 0; }
.mod-box-col-1 .inner-6 .poto-thumb img { width: 97px; height: 67px; }
.mod-box-col-1 .inner-7 { border-top: 1px dotted #d9cfc4; padding: 20px 0; margin: 0 20px; }
.mod-box-col-1 .inner-7 .img { width: 150px; padding-right: 20px; }
.mod-box-col-1 .inner-7 .img .btn { display: block; width: 150px; margin: 10px auto 0px; }
.mod-box-col-1 .inner-7 .desp { display: table; width: 740px; }
.mod-box-col-1 .inner-7 .ttl-font-02 { color: #8b403a; }
.mod-box-col-1 .inner-7 .btn-box { text-align: right; }
.mod-box-col-1 .inner-7 .box-left { display: table-cell; width: 100%; border-right: 1px dotted #d9cfc4; vertical-align: top; }
.mod-box-col-1 .inner-7 .box-right { display: table-cell; width: 270px; padding-left: 15px; vertical-align: middle; }
.mod-box-col-1 .inner-7 .box-option { margin-bottom: 20px !important; }
.mod-box-col-1 .inner-7 li[class^="icon-op-"] { float: left; margin: 0 0 5px 5px; }
.mod-box-col-1 .inner-7 dd p { margin-bottom: 5px; }
.mod-box-col-1 .inner-7:only-child { border-top: none; }
.mod-box-col-1.off > .inner-7 { display: none; }
.mod-box-col-1 .inner-8 { padding: 20px; }
.mod-box-col-1 .inner-8 .img { width: 34.1%; padding-right: 2.8%; text-align: center; }
.mod-box-col-1 .inner-8 .img > img { width: 100%; height: auto; margin-bottom: 15px; }
.mod-box-col-1 .inner-8 .btn-icon img { width: 19px; height: 16ox; }
.mod-box-col-1 .inner-8 .desp { width: 62.9%; }
.mod-box-col-1 .inner-8 .list-dot li, .mod-box-col-1 .inner-8 .list-dot-2 li, .mod-box-col-1 .inner-8 .list-dot-3 li, .mod-box-col-1 .inner-8 .list-dot-4 li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; }
.mod-box-col-1 .inner-8 .list-dot li dt, .mod-box-col-1 .inner-8 .list-dot-2 li dt, .mod-box-col-1 .inner-8 .list-dot-3 li dt, .mod-box-col-1 .inner-8 .list-dot-4 li dt { width: 13%; }
.mod-box-col-1 .inner-8 .list-dot li dd, .mod-box-col-1 .inner-8 .list-dot-2 li dd, .mod-box-col-1 .inner-8 .list-dot-3 li dd, .mod-box-col-1 .inner-8 .list-dot-4 li dd { width: 87%; }
.mod-box-col-1 .inner-8 .list-dot li:last-child, .mod-box-col-1 .inner-8 .list-dot-2 li:last-child, .mod-box-col-1 .inner-8 .list-dot-3 li:last-child, .mod-box-col-1 .inner-8 .list-dot-4 li:last-child { margin-bottom: 0; }
.mod-box-col-1 .inner-9 { padding: 5px; }
.mod-box-col-1 .inner-9 > a, .mod-box-col-1 .inner-9 > a:link { color: #5F4C44; }
.mod-box-col-1 .inner-9 .img { width: 48%; margin-right: 2%; overflow: hidden; }
.mod-box-col-1 .inner-9 .img img { /*width:auto;
height: 274px;
object-fit: cover;
object-position:50% 50%;*/ width: 100%; }
.mod-box-col-1 .inner-9 .desp { width: 50%; display: table; margin-bottom: 1em; }
.mod-box-col-1 .inner-9 .desp .pc-view { display: block; }
.mod-box-col-1 .inner-9 .desp .sp-view { display: none; }
.mod-box-col-1 .inner-9 .desp .box-left { width: 33%; height: 100%; display: table-cell; text-align: left; vertical-align: top; padding-top: 1em; }
.mod-box-col-1 .inner-9 .desp .box-left img { width: 93%; height: auto; }
.mod-box-col-1 .inner-9 .desp .box-left > span { font-size: 10px !important; font-size: 0.63rem  !important; letter-spacing: -0.001em !important; display: block; }
.mod-box-col-1 .inner-9 .desp .box-left > span em { font-size: 13px !important; font-size: 0.81rem !important; font-style: normal; }
.mod-box-col-1 .inner-9 .desp .box-right { display: table-cell; width: 67%; padding: 15px 5px 0px 15px; background: url(/common/img/default/bg/bg_stripe.jpg) no-repeat left top; background-size: 9px 207px; }
.mod-box-col-1 .inner-9 .desp .box-right ul { padding-left: 20px; padding-bottom: 1em; background: url(/common/img/default/icon/icon_clock.png) no-repeat left 0.2em; background-size: 13px 14px; }
.mod-box-col-1 .inner-9 .desp .box-right ul li { clear: both; }
.mod-box-col-1 .inner-9 .desp .box-right ul span { float: left; }
.mod-box-col-1 .inner-9 .desp .box-right ul span:first-child { width: 80px; font-weight: bold; }

.mod-box-col-1-2-base .img, .mod-box-col-1-2 .img { -webkit-box-shadow: 2px 2px 2px 0 #CCC; box-shadow: 2px 2px 2px 0 #CCC; }
.mod-box-col-1-2-base div:last-child, .mod-box-col-1-2 div:last-child { margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important; }
.mod-box-col-1-2-base .inner-1, .mod-box-col-1-2 .inner-1, .mod-box-col-1-2-base .inner-2, .mod-box-col-1-2 .inner-2, .mod-box-col-1-2-base .inner-3, .mod-box-col-1-2 .inner-3 { padding: 0 !important; padding-bottom: 50px !important; border-bottom: 1px dotted #C5C5C5; margin-bottom: 50px; }
.mod-box-col-1-2-base .inner-1 .ttl, .mod-box-col-1-2 .inner-1 .ttl, .mod-box-col-1-2-base .inner-2 .ttl, .mod-box-col-1-2 .inner-2 .ttl, .mod-box-col-1-2-base .inner-3 .ttl, .mod-box-col-1-2 .inner-3 .ttl { margin-bottom: 20px; }
.mod-box-col-1-2-base .inner-1 .img img, .mod-box-col-1-2 .inner-1 .img img, .mod-box-col-1-2-base .inner-2 .img img, .mod-box-col-1-2 .inner-2 .img img, .mod-box-col-1-2-base .inner-3 .img img, .mod-box-col-1-2 .inner-3 .img img { width: 100%; height: auto; }
.mod-box-col-1-2-base .inner-1 .desp .ttl-font-03 + p, .mod-box-col-1-2 .inner-1 .desp .ttl-font-03 + p, .mod-box-col-1-2-base .inner-2 .desp .ttl-font-03 + p, .mod-box-col-1-2 .inner-2 .desp .ttl-font-03 + p, .mod-box-col-1-2-base .inner-3 .desp .ttl-font-03 + p, .mod-box-col-1-2 .inner-3 .desp .ttl-font-03 + p { margin-bottom: 15px; }
.mod-box-col-1-2-base .inner-1 .desp img, .mod-box-col-1-2 .inner-1 .desp img, .mod-box-col-1-2-base .inner-2 .desp img, .mod-box-col-1-2 .inner-2 .desp img, .mod-box-col-1-2-base .inner-3 .desp img, .mod-box-col-1-2 .inner-3 .desp img { width: 100%; height: auto; }

.mod-box-col-1-2 .inner-1 .img { float: left; width: 47.88%; margin-right: 5.52%; }
.mod-box-col-1-2 .inner-1 .desp { float: right; width: 46.6%; }
.mod-box-col-1-2 .inner-2 .img { float: right; width: 47.88%; margin-left: 5.52%; }
.mod-box-col-1-2 .inner-2 .desp { float: left; width: 46.6%; }
.mod-box-col-1-2 .inner-3 .img { -webkit-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; float: left; width: 34.0%; margin-right: 2.0%; }
.mod-box-col-1-2 .inner-3 .img img { width: 100%; }
.mod-box-col-1-2 .inner-3 .desp { float: right; width: 64.0%; }

.mod-sub-spec { width: 100%; background-color: #f1ede7; border: 1px solid #d9cfc4; }
.mod-sub-spec .inner { border-top: dotted 1px #d3bda9; box-shadow: 0px -1px 0px 0px white, 0 -2px 0 0 #d3bda9, inset 0px 1px 0px 0px white; padding: 20px; }
.mod-sub-spec .inner dl { margin-bottom: 10px; }
.mod-sub-spec .inner dt { float: left; width: 11%; font-weight: bold; }
.mod-sub-spec .inner dd { float: right; width: 89%; line-height: 1.4; }

/*　グラデーションタイトル用　ボックス　*/
.mod-grd-box-base, .mod-grd-box-1, .mod-grd-box-2 { margin-bottom: 30px; position: relative; padding: 1px; border: #D9CFC4 1px solid; background: url(/common/img/default/base/bg_base.jpg); }
.mod-grd-box-base .ttl-grd, .mod-grd-box-1 .ttl-grd, .mod-grd-box-2 .ttl-grd { font-size: 14px !important; font-size: 0.88rem !important; position: relative; padding: 0 1px 20px; text-align: center; text-shadow: 0 1px 0 #FFFFFF; font-weight: bold; background: url(/common/img/default/bg/bg_grd_box_bottom.png) 50% bottom no-repeat; }
.mod-grd-box-base .ttl-grd .bg-grd, .mod-grd-box-1 .ttl-grd .bg-grd, .mod-grd-box-2 .ttl-grd .bg-grd { padding: 15px 0; background: url(/common/img/default/bg/bg_grd_box.jpg) 50% 0 repeat-y; }
.mod-grd-box-base .ttl-grd .ttl-main, .mod-grd-box-1 .ttl-grd .ttl-main, .mod-grd-box-2 .ttl-grd .ttl-main { font-size: 19px !important; font-size: 1.19rem !important; line-height: 1.4; }
.mod-grd-box-base .ttl-grd p, .mod-grd-box-1 .ttl-grd p, .mod-grd-box-2 .ttl-grd p { color: #52463d; font-weight: normal; }

.mod-grd-box-1 { box-shadow: 0 -2px 0 0 #c24b4b; }
.mod-grd-box-1 .ttl-grd { position: relative; z-index: 10; background: url(/common/img/default/bg/bg_grd_box_bottom_arrow.png) 50% bottom no-repeat; }
.mod-grd-box-1 .ttl-grd .bg-grd { color: #8b403a; }

.lt-ie9 .mod-grd-box-1 { box-shadow: none; border-top: 2px solid #c24b4b; }

.mod-grd-box-2 .ttl-grd .bg-grd { color: #653925; }
.mod-grd-box-2 .ttl-grd .ttl-main { font-size: 20px !important; font-size: 1.25rem !important; }
.mod-grd-box-2 .ttl-grd p { color: #52463d; font-weight: normal; }

.mod-grd-box-3 { padding: 1px; border: #D9CFC4 1px solid; margin: 0 0 15px 0; }
.mod-grd-box-3 .ttl-grd { font-size: 14px !important; font-size: 0.88rem !important; position: relative; padding: 0 1px 20px; text-align: center; text-shadow: 2px 2px 0px #FFFFFF; font-weight: bold; background: url(/common/img/default/bg/bg_grd_box_bottom.png) 50% bottom no-repeat; }
.mod-grd-box-3 .ttl-grd .bg-grd { padding: 15px 0; background: url(/common/img/default/bg/bg_grd_box_03.jpg) 50% 0 repeat-y; }

/*     tab    */
.mod-tab-base, .mod-tab, .mod-tab-2, .mod-tab-5, .mod-tab-6, .mod-tab-3, .mod-tab-2-a { margin-bottom: 15px; }
.mod-tab-base a, .mod-tab a, .mod-tab-2 a, .mod-tab-5 a, .mod-tab-6 a, .mod-tab-3 a, .mod-tab-2-a a { float: left; width: 25%; padding: 10px 0px; border: solid #dcc1af; border-width: 1px 1px 1px 0; background-color: #efe2d8; font-size: 16px !important; font-size: 1.00rem !important; text-align: center; color: #744E34; font-weight: bold; line-height: 1.2; }
.mod-tab-base a:hover, .mod-tab a:hover, .mod-tab-2 a:hover, .mod-tab-5 a:hover, .mod-tab-6 a:hover, .mod-tab-3 a:hover, .mod-tab-2-a a:hover { background-color: #F5EEE8; }
.mod-tab-base li:first-child a, .mod-tab li:first-child a, .mod-tab-2 li:first-child a, .mod-tab-5 li:first-child a, .mod-tab-6 li:first-child a, .mod-tab-3 li:first-child a, .mod-tab-2-a li:first-child a { border-width: 1px; }
.mod-tab-base .on, .mod-tab .on, .mod-tab-2 .on, .mod-tab-5 .on, .mod-tab-6 .on, .mod-tab-3 .on, .mod-tab-2-a .on { background-color: #fbf8f4; border-bottom: none; }
.mod-tab-base > div, .mod-tab > div, .mod-tab-2 > div, .mod-tab-5 > div, .mod-tab-6 > div, .mod-tab-3 > div, .mod-tab-2-a > div { float: left; width: 8%; height: 35px; background-color: #BDB2AC; background-repeat: no-repeat; background-position: center center; background-size: 10px auto; }
.mod-tab-base .btn-tab-left, .mod-tab .btn-tab-left, .mod-tab-2 .btn-tab-left, .mod-tab-5 .btn-tab-left, .mod-tab-6 .btn-tab-left, .mod-tab-3 .btn-tab-left, .mod-tab-2-a .btn-tab-left { background-image: url(/common/img/default/icon/icon_arrow_5.png); }
.mod-tab-base .btn-tab-right, .mod-tab .btn-tab-right, .mod-tab-2 .btn-tab-right, .mod-tab-5 .btn-tab-right, .mod-tab-6 .btn-tab-right, .mod-tab-3 .btn-tab-right, .mod-tab-2-a .btn-tab-right { background-image: url(/common/img/default/icon/icon_arrow_4.png); }

.mod-tab-2 { width: 100%; }
.mod-tab-2 nav { float: left; width: 92%; margin: 0 1%; overflow: hidden; }
.mod-tab-2 li { float: left; }
.mod-tab-2 li a { font-size: 13px !important; font-size: 0.81rem !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 10px; border-color: #beb3ac; background: url(/common/img/default/bg/bg_ttl_04_pc.jpg); }
.mod-tab-2 li a:link { color: #796658; }
.mod-tab-2 li a:hover { background: url(/common/img/default/bg/bg_ttl_04_hover_pc.jpg); }
.mod-tab-2 li a img { width: 100% !important; margin-bottom: 10px; }
.mod-tab-2 li .on { background: none; }
.mod-tab-2 li span { display: block; line-height: 1.1; }
.mod-tab-2 .btn-tab-left, .mod-tab-2 .btn-tab-right { float: left; width: 3%; height: 127px; }

.mod-tab-5 a { width: 20%; }

.mod-tab-6 a { width: 16.6%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.mod-tab-3 a { width: 33.3%; }

.mod-tab-2-a a { width: 50.0%; text-overflow: ellipsis; }

/*---------------------------*/
.mod-btn-box-close-base, .btn-box-close { background: #faf8f3; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZjhmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWViZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #faf8f3 0%, #f1ebe0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #faf8f3), color-stop(100%, #f1ebe0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #faf8f3 0%, #f1ebe0 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #faf8f3 0%, #f1ebe0 100%); /* IE10+ */ background: linear-gradient(to bottom, #faf8f3 0%, #f1ebe0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf8f3', endColorstr='#f1ebe0',GradientType=0 ); /* IE6-8 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; padding: 10px 0; text-align: center; border-top: 1px solid #f2ece2; }
.mod-btn-box-close-base span, .btn-box-close span { padding-left: 15px; }
.mod-btn-box-close-base .on, .btn-box-close .on { display: inline; background: url(/common/img/default/icon/bg_icon_6_pc.png) no-repeat left center; font-weight: bold; }
.mod-btn-box-close-base .off, .btn-box-close .off { display: none; background: url(/common/img/default/icon/bg_icon_7_pc.png) no-repeat left center; font-weight: bold; }

.off > .btn-box-close .on { display: none; }
.off > .btn-box-close .off { display: inline; }

/*---------------------------*/
.mod-paging { text-align: center; margin: 0 auto; font-size: 15px !important; font-size: 0.94rem !important; }
.mod-paging ul { display: inline; }
.mod-paging li { display: inline-block; width: 34px; text-align: center; border-left: 1px solid #796658; text-indent: 1; line-height: 1; }
.mod-paging a { width: 34px; display: inline-block; }
.mod-paging a:hover { text-decoration: underline; }
.mod-paging li:first-child { border: none; }
.mod-paging > a:link { border: none; color: #796658; }

/*      STEP　　　　*/
.mod-step-base, .mod-step-a, .mod-step-b { height: 43px; width: 100%; margin-bottom: 10px; line-height: 43px; background: url(/common/img/default/bg/bg_ttl_06_pc.jpg); }
.mod-step-base li, .mod-step-a li, .mod-step-b li { font-size: 14px !important; font-size: 0.88rem !important; float: left; width: 16.66666%; text-align: center; font-weight: bold; }
.mod-step-base li span, .mod-step-a li span, .mod-step-b li span { display: block; text-shadow: 1px 1px 0 #FFF; }
.mod-step-base li:not(:last-child) span, .mod-step-a li:not(:last-child) span, .mod-step-b li:not(:last-child) span { background: url(/common/img/default/bg/bg_step_off.jpg) no-repeat right top; }
.mod-step-base li:last-child span, .mod-step-a li:last-child span, .mod-step-b li:last-child span { background: none !important; }
.mod-step-base .on, .mod-step-a .on, .mod-step-b .on { background: url(/common/img/default/bg/bg_ttl_05_pc.jpg); color: #FFF; }
.mod-step-base .on span, .mod-step-a .on span, .mod-step-b .on span { text-shadow: none; background: url(/common/img/default/bg/bg_step_on.jpg) no-repeat right top !important; }
.mod-step-base .on-prev span, .mod-step-a .on-prev span, .mod-step-b .on-prev span { background: url(/common/img/default/bg/bg_step_on_prev.jpg) no-repeat right top !important; }

.mod-step-a .setp1 span, .mod-step-a .setp2 span, .mod-step-a .setp3 span { padding-right: 10%; }
.mod-step-a .setp4 span, .mod-step-a .setp5 span { padding-right: 5%; }

.mod-step-b .setp1 span { padding-right: 5%; }
.mod-step-b .setp2 span, .mod-step-b .setp6 span, .mod-step-b .setp7 span { padding-right: 15%; }
.mod-step-b .setp3 span, .mod-step-b .setp4 span, .mod-step-b .setp5 span, .mod-step-b .setp8 span { padding-right: 10%; }
.mod-step-b li { width: 10%; }
.mod-step-b li:first-child, .mod-step-b li:last-child { width: 15%; }
.mod-step-b li:not(:last-child) span { background: url(/common/img/default/bg/bg_step_off.jpg) no-repeat right top; }
.mod-step-b .on { background: url(/common/img/default/bg/bg_ttl_blue_pc.jpg); }
.mod-step-b .on span { background: url(/common/img/default/bg/bg_step_b_on.jpg) no-repeat right top !important; }
.mod-step-b .on-prev span { background: url(/common/img/default/bg/bg_step_b_on_prev.jpg) no-repeat right top !important; }

/* 1カラム時の2カラムボックス */
.mod-box-col-base, .mod-box-col-2, .mod-box-col-3, .mod-box-col-2-2-base, .mod-box-col-2-2, .mod-box-col-6 { float: left; border: 1px solid #d9cfc4; background-color: #FFF; padding-bottom: 20px; }
.mod-box-col-base .img, .mod-box-col-2 .img, .mod-box-col-3 .img, .mod-box-col-2-2-base .img, .mod-box-col-2-2 .img, .mod-box-col-6 .img { margin-bottom: 10px; }
.mod-box-col-base p, .mod-box-col-2 p, .mod-box-col-3 p, .mod-box-col-2-2-base p, .mod-box-col-2-2 p, .mod-box-col-6 p { margin-bottom: 10px; line-height: 1.4; }
.mod-box-col-base .inner, .mod-box-col-2 .inner, .mod-box-col-3 .inner, .mod-box-col-2-2-base .inner, .mod-box-col-2-2 .inner, .mod-box-col-6 .inner { padding: 0 20px; }
.mod-box-col-base .ttl-box-05, .mod-box-col-2 .ttl-box-05, .mod-box-col-3 .ttl-box-05, .mod-box-col-2-2-base .ttl-box-05, .mod-box-col-2-2 .ttl-box-05, .mod-box-col-6 .ttl-box-05 { margin-bottom: 10px; }
.mod-box-col-base .ttl-sub, .mod-box-col-2 .ttl-sub, .mod-box-col-3 .ttl-sub, .mod-box-col-2-2-base .ttl-sub, .mod-box-col-2-2 .ttl-sub, .mod-box-col-6 .ttl-sub { font-weight: bold; }
.mod-box-col-base .list-dot dt, .mod-box-col-2 .list-dot dt, .mod-box-col-3 .list-dot dt, .mod-box-col-2-2-base .list-dot dt, .mod-box-col-2-2 .list-dot dt, .mod-box-col-6 .list-dot dt, .mod-box-col-base .list-dot-2 dt, .mod-box-col-2 .list-dot-2 dt, .mod-box-col-3 .list-dot-2 dt, .mod-box-col-2-2-base .list-dot-2 dt, .mod-box-col-2-2 .list-dot-2 dt, .mod-box-col-6 .list-dot-2 dt, .mod-box-col-base .list-dot-3 dt, .mod-box-col-2 .list-dot-3 dt, .mod-box-col-3 .list-dot-3 dt, .mod-box-col-2-2-base .list-dot-3 dt, .mod-box-col-2-2 .list-dot-3 dt, .mod-box-col-6 .list-dot-3 dt, .mod-box-col-base .list-dot-4 dt, .mod-box-col-2 .list-dot-4 dt, .mod-box-col-3 .list-dot-4 dt, .mod-box-col-2-2-base .list-dot-4 dt, .mod-box-col-2-2 .list-dot-4 dt, .mod-box-col-6 .list-dot-4 dt { float: left; width: 10%; }
.mod-box-col-base .list-dot dd, .mod-box-col-2 .list-dot dd, .mod-box-col-3 .list-dot dd, .mod-box-col-2-2-base .list-dot dd, .mod-box-col-2-2 .list-dot dd, .mod-box-col-6 .list-dot dd, .mod-box-col-base .list-dot-2 dd, .mod-box-col-2 .list-dot-2 dd, .mod-box-col-3 .list-dot-2 dd, .mod-box-col-2-2-base .list-dot-2 dd, .mod-box-col-2-2 .list-dot-2 dd, .mod-box-col-6 .list-dot-2 dd, .mod-box-col-base .list-dot-3 dd, .mod-box-col-2 .list-dot-3 dd, .mod-box-col-3 .list-dot-3 dd, .mod-box-col-2-2-base .list-dot-3 dd, .mod-box-col-2-2 .list-dot-3 dd, .mod-box-col-6 .list-dot-3 dd, .mod-box-col-base .list-dot-4 dd, .mod-box-col-2 .list-dot-4 dd, .mod-box-col-3 .list-dot-4 dd, .mod-box-col-2-2-base .list-dot-4 dd, .mod-box-col-2-2 .list-dot-4 dd, .mod-box-col-6 .list-dot-4 dd { float: left; width: 90%; }

.mod-box-col-2 { width: 49%; padding: 4px; }
.mod-box-col-2 > a, .mod-box-col-2 > a:link { color: #5F4C44; }
.mod-box-col-2:nth-child(odd) { margin-right: 2%; }
.mod-box-col-2 .img img { width: 100%; }

.mod-box-col-3 { width: 32.8%; float: left; padding: 0; margin: 0 0 1%; /*  aタグの色をリセット */ }
.mod-box-col-3 > a, .mod-box-col-3 > a:link { color: #5F4C44; }
.mod-box-col-3 .icon-list { margin-top: 10px; }
.mod-box-col-3 .icon-list img { height: 16px !important; width: auto; margin-right: 5px; margin-bottom: 5px; }

.mod-box-col-3:nth-child(3n+2) { margin: 0 0.8% 1%; }

.mod-box-col-3 .fair-image { /*	width:100%;*/ overflow: hidden; }

.mod-box-col-3 .fair-image img { /*	width:100%;*/ width: 100%; height: auto; overflow: hidden; }

.mod-box-col-3 img { /*	width:100%;*/ height: 205px; overflow: hidden; }

.mod-box-col-3 span img { /*	width:100%;*/ height: auto; overflow: hidden; }

/* 2カラム時の2カラムボックス */
.mod-box-col-2-2-base, .mod-box-col-2-2 { margin-bottom: 10px; padding: 4px; }
.mod-box-col-2-2-base:nth-child(odd), .mod-box-col-2-2:nth-child(odd) { margin-right: 10px; }

.mod-box-col-2-2 { width: 369px; }
.mod-box-col-2-2 > a, .mod-box-col-2-2 > a:link { color: #5F4C44; }
.mod-box-col-2-2 .fair-image img { width: 100%; height: auto; }
.mod-box-col-2-2 .box-wrap { display: table; }
.mod-box-col-2-2 .box-left { width: 135px; height: 100%; display: table-cell; text-align: center; vertical-align: top; padding-top: 1em; }
.mod-box-col-2-2 .box-left > span { font-size: 10px !important; font-size: 0.63rem  !important; letter-spacing: -0.001em !important; display: block; }
.mod-box-col-2-2 .box-left > span em { font-size: 13px !important; font-size: 0.81rem !important; font-style: normal; }
.mod-box-col-2-2 .box-right { display: table-cell; width: 224px; padding: 20px 10px 20px 15px; background: url(/common/img/default/bg/bg_stripe.jpg) no-repeat left top; background-size: 9px 207px; }
.mod-box-col-2-2 .box-right ul { padding-left: 20px; background: url(/common/img/default/icon/icon_clock.png) no-repeat left 0.2em; background-size: 13px 14px; }
.mod-box-col-2-2 .box-right ul li { clear: both; }
.mod-box-col-2-2 .box-right ul span { float: left; }
.mod-box-col-2-2 .box-right ul span:first-child { width: 60px; font-weight: bold; }

/* ページ末ボタン部分 */
.mod-btn-box-lr { /* 右ボタン */ /* 左ボタン */ }
.mod-btn-box-lr a.btn { width: 180px; padding-top: 10px; padding-bottom: 10px; line-height: 1.0; }
.mod-btn-box-lr a:last-child { float: right; }
.mod-btn-box-lr a:first-child { float: left; }

/* BANNER */
.mod-banner-base, .mod-bnr-list-4 { margin-bottom: 25px; }
.mod-banner-base li, .mod-bnr-list-4 li { float: left; margin-right: 9px; }
.mod-banner-base li:last-child, .mod-bnr-list-4 li:last-child { margin-right: 0; }

.mod-bnr-list-4 img { width: 233px; }
.mod-bnr-list-4 li:hover { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ }

/*ie8用画像*/
.lt-ie9 .icon-camera-base, .lt-ie9 .icon-camera-pos-a, .lt-ie9 .icon-camera-pos-b, .lt-ie9 .icon-camera-pos-c, .lt-ie9 .icon-camera-pos-d, .lt-ie9 .icon-camera-pos-e, .lt-ie9 .icon-camera-pos-f, .lt-ie9 .icon-camera-pos-g, .lt-ie9 .icon-camera-pos-h { background: url(/common/img/default/room/icon_camera_pc.png) no-repeat; }
.lt-ie9 .inner-5 dt span { background: url(/common/img/default/room/icon_camera_pc.png) no-repeat left -60px; }
.lt-ie9 .mod-box-col-2-2 .box-right { background: url(/common/img/default/bg/bg_stripe_pc.jpg) no-repeat left center; }
.lt-ie9 .mod-box-col-2-2 .box-right ul { background: url(/common/img/default/icon/icon_clock_pc.png) no-repeat left 0.2em; }

/*　二重線　ボックス　*/
.mod-box-col-5 { clear: both; border: 2px solid #D9CFC4; background: #FCF7F3; padding: 1px; }
.mod-box-col-5 .box-col-5-inner { border: 1px solid #D9CFC4; padding: 20px 20px 0; }
.mod-box-col-5 .box-col-5-inner .ttl-font-03 { padding-bottom: 12px; box-shadow: 0 1px 0 0 #d3bda9, 0px 2px 0px 0px #fff; }
.mod-box-col-5 .box-col-5-inner p { margin-bottom: 10px; }
.mod-box-col-5 .box-col-5-inner ul { margin-bottom: 20px; font-weight: bold; }
.mod-box-col-5 .box-col-5-inner ul > li { line-height: 1.5; background-position: left 1px; }

.mod-box-col-5 .box-col-5-inner-a { border: 1px solid #D3BDA9; background: url(/common/img/default/base/bg_base.jpg); padding: 20px; }
.mod-box-col-5 .box-col-5-inner-a .img { float: left; width: 17%; }
.mod-box-col-5 .box-col-5-inner-a .img img { width: 100%; }
.mod-box-col-5 .box-col-5-inner-a .desp { float: right; width: 80%; padding-top: 5px; }
.mod-box-col-5 .box-col-5-inner-a .desp p { padding: 0 10px 5px 20px; }
.mod-box-col-5 .box-col-5-inner-a .desp .chef-name { float: right; }
.mod-box-col-5 .box-col-5-inner-a .desp .chef-name > span { font-size: 15px !important; font-size: 0.94rem !important; }
.mod-box-col-5 .box-col-5-inner-a .img-all { width: 100%; }
.mod-box-col-5 .box-col-5-inner-a .img-all img { width: 100%; }
.mod-box-col-5 .box-col-5-inner-a .pc-view { display: block; }
.mod-box-col-5 .box-col-5-inner-a .sp-view { display: none; }

/*　// 二重線　ボックス　*/
.mod-box-col-6 { border: 1px solid #d9cfc4; background: #ffffff; width: 100%; padding: 20px; }
.mod-box-col-6 .ttl-font-07 { font-weight: bold; }
.mod-box-col-6 .small { margin: 0 0 0 15px; }

.mod-box-col-7 { border: solid 1px #d9cfc4; background: #F1EDE7; box-shadow: inset 0 0 0 2px #FFFFFF; padding: 20px; }
.mod-box-col-7 p:not(:first-child) { margin-left: 20px; }
.mod-box-col-7 p span { font-size: 12px !important; font-size: 0.75rem !important; font-weight: normal; font-family: sans-serif; margin-left: 20px; color: #5F4C44; }

.mod-box-col-8 { padding: 20px; border: solid 1px #D9CFC4; position: relative; margin-top: 15px; width: 100%; }
.mod-box-col-8 img.top { width: 100%; position: absolute; top: 0; left: 0; }
.mod-box-col-8 img.bottom { width: 100%; position: absolute; bottom: 0; left: 0; }

/*Youtube*/
.Youtube { position: relative; max-width: 100%; padding-top: 56.25%; text-align: center; margin: 0 auto 15px; }
.Youtube iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; margin: 0 auto 0; }

/*-----------------------------------------------------------------------------------------------
	 1024px  ～　PC
------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1024px) { .mod-box-col-1 .inner-7 .box-left .list_right { float: left; width: 40%; }
  .mod-box-col-1 .inner-7 .box-left .list_left { float: left; width: 60%; } }
/*-----------------------------------------------------------------------------------------------
	 ～　899px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 899px) { .box-sizing-border-box, .list-dot dt, .list-dot-2 dt, .list-dot-3 dt, .list-dot-4 dt, .mod-tab-base a, .mod-tab a, .mod-tab-2 a, .mod-tab-5 a, .mod-tab-6 a, .mod-tab-3 a, .mod-tab-2-a a, .mod-box-col-2, .mod-box-col-3, .mod-box-col-2-2-base, .mod-box-col-2-2, .mod-box-col-2-2 .box-wrap > *, .mod-box-col-6, .mod-box-col-8, .mod-box-col-1 .inner-1 .img, .mod-box-col-1 .inner-2 .img, .mod-box-col-1 .inner-2 .desp, .mod-box-col-1 .inner-2 .btn-box a, .mod-box-col-1 .inner-3 .img, .mod-box-col-1 .inner-3 .desp, .mod-box-col-1 .inner-4 .img, .mod-box-col-1 .inner-4 .desp, .mod-box-col-1 .inner-6 .img, .mod-box-col-1 .inner-6 .desp, .mod-box-col-1 .inner-7 .img, .mod-box-col-1 .inner-7 .desp, .mod-step-base li, .mod-step-a li, .mod-step-b li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .mod-box-col-1 .inner-1 .img { width: 40%; }
  .mod-box-col-1 .inner-1 .desp { width: 60%; }
  .mod-box-col-1 .inner-2 .img { width: 40%; }
  .mod-box-col-1 .inner-2 .desp { width: 60%; }
  .mod-box-col-1 .inner-2 .desp ul { width: 100%; }
  .mod-box-col-1 .inner-2 .desp ul:first-child { margin-bottom: 0; }
  .mod-box-col-1 .inner-2 .btn-box { display: -webkit-box; display: -moz-box; display: -o-box; display: box; width: 100%; }
  .mod-box-col-1 .inner-2 .btn-box > a { display: block; float: none; width: 49%; margin: 0; }
  .mod-box-col-1 .inner-2 .btn-box > .ex-display-box-margin { display: block; width: 2%; }
  .mod-box-col-1 .inner-3 .img { width: 30%; }
  .mod-box-col-1 .inner-3 .desp { width: 70%; }
  .mod-box-col-1 .inner-3 .desp ul { width: 100%; }
  .mod-box-col-1 .inner-3 .desp ul:first-child { margin-bottom: 0; }
  .mod-box-col-1 .inner-4 .img { width: 30%; }
  .mod-box-col-1 .inner-4 .desp { width: 70%; }
  .mod-box-col-1 .inner-4 .desp ul { width: 100%; }
  .mod-box-col-1 .inner-4 .desp ul:first-child { margin-bottom: 0; }
  .mod-box-col-1 .inner-6 .img { width: 40%; }
  .mod-box-col-1 .inner-6 .desp { width: 60%; }
  .mod-box-col-1 .inner-7 .img { width: 26.7%; }
  .mod-box-col-1 .inner-7 .img .btn.white-narrow { width: 100%; max-width: 158px; }
  .mod-box-col-1 .inner-7 .desp { width: 73.3%; }
  .mod-box-col-1 .inner-7 .desp ul { width: 100%; }
  .mod-box-col-1 .inner-7 .desp ul:first-child { margin-bottom: 0; }
  /* 1カラム時の2カラムボックス */
  .mod-box-col-base .list-dot dt, .mod-box-col-2 .list-dot dt, .mod-box-col-3 .list-dot dt, .mod-box-col-2-2-base .list-dot dt, .mod-box-col-2-2 .list-dot dt, .mod-box-col-6 .list-dot dt, .mod-box-col-base .list-dot-2 dt, .mod-box-col-2 .list-dot-2 dt, .mod-box-col-3 .list-dot-2 dt, .mod-box-col-2-2-base .list-dot-2 dt, .mod-box-col-2-2 .list-dot-2 dt, .mod-box-col-6 .list-dot-2 dt, .mod-box-col-base .list-dot-3 dt, .mod-box-col-2 .list-dot-3 dt, .mod-box-col-3 .list-dot-3 dt, .mod-box-col-2-2-base .list-dot-3 dt, .mod-box-col-2-2 .list-dot-3 dt, .mod-box-col-6 .list-dot-3 dt, .mod-box-col-base .list-dot-4 dt, .mod-box-col-2 .list-dot-4 dt, .mod-box-col-3 .list-dot-4 dt, .mod-box-col-2-2-base .list-dot-4 dt, .mod-box-col-2-2 .list-dot-4 dt, .mod-box-col-6 .list-dot-4 dt { width: 20%; }
  .mod-box-col-base .list-dot dd, .mod-box-col-2 .list-dot dd, .mod-box-col-3 .list-dot dd, .mod-box-col-2-2-base .list-dot dd, .mod-box-col-2-2 .list-dot dd, .mod-box-col-6 .list-dot dd, .mod-box-col-base .list-dot-2 dd, .mod-box-col-2 .list-dot-2 dd, .mod-box-col-3 .list-dot-2 dd, .mod-box-col-2-2-base .list-dot-2 dd, .mod-box-col-2-2 .list-dot-2 dd, .mod-box-col-6 .list-dot-2 dd, .mod-box-col-base .list-dot-3 dd, .mod-box-col-2 .list-dot-3 dd, .mod-box-col-3 .list-dot-3 dd, .mod-box-col-2-2-base .list-dot-3 dd, .mod-box-col-2-2 .list-dot-3 dd, .mod-box-col-6 .list-dot-3 dd, .mod-box-col-base .list-dot-4 dd, .mod-box-col-2 .list-dot-4 dd, .mod-box-col-3 .list-dot-4 dd, .mod-box-col-2-2-base .list-dot-4 dd, .mod-box-col-2-2 .list-dot-4 dd, .mod-box-col-6 .list-dot-4 dd { width: 80%; }
  /*     tab    */
  .mod-tab-2 li img { width: 100% !important; height: auto; }
  /*      STEP　　　　*/
  .mod-step-base li, .mod-step-a li, .mod-step-b li { font-size: 13px !important; font-size: 0.81rem !important; }
  /* BANNER */
  .mod-banner-base li, .mod-bnr-list-4 li { width: 24%; margin-right: 1.333%; }
  .mod-bnr-list-4 img { width: 100%; }
  /* 2カラム時の2カラムボックス */
  .mod-box-col-2-2-base:nth-child(odd), .mod-box-col-2-2:nth-child(odd) { margin-right: 1.6%; }
  .mod-box-col-2-2 { width: 49.2%; }
  .mod-box-col-2-2 .box-wrap { display: table; }
  .mod-box-col-2-2 .box-left { width: 33%; }
  .mod-box-col-2-2 .box-left img { width: 93%; height: auto; }
  .mod-box-col-2-2 .box-right { width: 67%; }
  .mod-box-col-2-2 .box-right .ttl-font-05 { font-size: 15px !important; font-size: 0.94rem !important; } }
/*-----------------------------------------------------------------------------------------------
	～　767px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) { .mod-grd-box-2 .ttl-grd .ttl-main { font-size: 17px !important; font-size: 1.06rem !important; }
  .mod-grd-box-2 .ttl-grd p { font-size: 13px !important; font-size: 0.81rem !important; }
  .mod-box-col-1 .inner-4 .desp, .mod-box-col-1 .inner-7 .desp { display: block; }
  .mod-box-col-1 .inner-4 .box-left, .mod-box-col-1 .inner-7 .box-left { display: block; width: 100%; border-right: none; }
  .mod-box-col-1 .inner-4 .box-right, .mod-box-col-1 .inner-7 .box-right { display: block; width: 100%; padding-left: 0; }
  .mod-box-col-1 .inner-5 .img { float: none; width: 100%; }
  .mod-box-col-1 .inner-5 .img img { width: 365px; }
  .mod-box-col-1 .inner-5 .img dd { width: 365px; margin: 0 auto; }
  .mod-box-col-1 .inner-5 .desp { float: none; width: 100%; }
  .mod-box-col-1 .inner-7 .img { width: 30.0%; }
  .mod-box-col-1 .inner-7 .img .btn.white-narrow { max-width: 158px; }
  .mod-box-col-1 .inner-7 .desp { width: 70.0%; }
  .mod-box-col-1 .inner-7 .desp ul { width: 100%; }
  .mod-box-col-1 .inner-7 .desp ul:first-child { margin-bottom: 0; }
  .mod-box-col-1 .inner-8 .img { width: 40%; padding-right: 2%; }
  .mod-box-col-1 .inner-8 .desp { width: 58%; }
  /*   TAB   */
  .mod-tab-base li a, .mod-tab li a, .mod-tab-2 li a, .mod-tab-5 li a, .mod-tab-6 li a, .mod-tab-3 li a, .mod-tab-2-a li a { font-size: 13px; font-size: 0.81rem; line-height: 1.2; }
  /*      STEP　　　　*/
  .mod-step-a, .mod-step-b { background: none !important; margin-bottom: 10px; height: 56px; }
  .mod-step-a li:last-child, .mod-step-b li:last-child { padding-right: 0; }
  .mod-step-a .setp1 span, .mod-step-b .setp1 span, .mod-step-a .setp2 span, .mod-step-b .setp2 span, .mod-step-a .setp3 span, .mod-step-b .setp3 span, .mod-step-a .setp4 span, .mod-step-b .setp4 span, .mod-step-a .setp5 span, .mod-step-b .setp5 span, .mod-step-a .setp6 span, .mod-step-b .setp6 span { padding: 0; }
  .mod-step-a .setp2 span, .mod-step-b .setp2 span { background-position: -48px -56px !important; }
  .mod-step-a .setp2.on span, .mod-step-b .setp2.on span { background-position: -48px top !important; }
  .mod-step-a .setp3 span, .mod-step-b .setp3 span { background-position: -96px -56px !important; }
  .mod-step-a .setp3.on span, .mod-step-b .setp3.on span { background-position: -96px top !important; }
  .mod-step-a .setp4 span, .mod-step-b .setp4 span { background-position: -144px -56px !important; }
  .mod-step-a .setp4.on span, .mod-step-b .setp4.on span { background-position: -144px top !important; }
  .mod-step-a .setp5 span, .mod-step-b .setp5 span { background-position: -192px -56px !important; }
  .mod-step-a .setp5.on span, .mod-step-b .setp5.on span { background-position: -192px top !important; }
  .mod-step-a .setp6, .mod-step-b .setp6 { background: none !important; }
  .mod-step-a .setp6 span, .mod-step-b .setp6 span { background-position: -240px -56px !important; }
  .mod-step-a .setp6.on span, .mod-step-b .setp6.on span { background-position: -240px top !important; }
  .mod-step-a li, .mod-step-b li { width: 16.666%; padding-right: 7px; /*background:url(/common/img/default/icon/icon_arrow_6.png) no-repeat right center;
background-size:7px auto;*/ }
  .mod-step-a li span, .mod-step-b li span { margin: 0 auto; width: 48px; height: 56px; background: url(/common/img/default/stay/bg_stay_step.png) no-repeat left -56px !important; background-size: 288px auto !important; text-indent: -9999px; }
  .mod-step-a li:last-child span, .mod-step-b li:last-child span { background: url(/common/img/default/stay/bg_stay_step.png) no-repeat right -56px !important; background-size: 288px auto !important; }
  .mod-step-a .on, .mod-step-b .on { /*background:url(/common/img/default/icon/icon_arrow_6.png) no-repeat right center;
background-size:7px auto;*/ background: none; font-weight: none; }
  .mod-step-a .on span, .mod-step-b .on span { background: url(/common/img/default/stay/bg_stay_step.png) left top no-repeat !important; background-size: 288px auto !important; }
  .mod-step-a .on-prev span, .mod-step-b .on-prev span { background-image: url(/common/img/default/stay/bg_stay_step.png) !important; background-size: 288px auto !important; }
  .mod-step-a .setp1.on-prev span, .mod-step-b .setp1.on-prev span { background: url(/common/img/default/stay/bg_stay_step.png) left -56px no-repeat !important; background-size: 288px auto !important; }
  .mod-step-b { background: url(/common/img/default/bg/bg_step.gif) left center repeat-x; height: 42px; }
  .mod-step-b li:last-child { padding-right: 0; }
  .mod-step-b .setp1 span, .mod-step-b .setp2 span, .mod-step-b .setp3 span, .mod-step-b .setp4 span, .mod-step-b .setp5 span, .mod-step-b .setp6 span, .mod-step-b .setp7 span, .mod-step-b .setp8 span, .mod-step-b .setp9 span { padding: 0; }
  .mod-step-b .setp2 span { background-position: -36px -45px !important; }
  .mod-step-b .setp2.on span { background-position: -36px top !important; }
  .mod-step-b .setp3 span { background-position: -72px -45px !important; }
  .mod-step-b .setp3.on span { background-position: -72px top !important; }
  .mod-step-b .setp4 span { background-position: -108px -45px !important; }
  .mod-step-b .setp4.on span { background-position: -108px top !important; }
  .mod-step-b .setp5 span { background-position: -144px -45px !important; }
  .mod-step-b .setp5.on span { background-position: -144px top !important; }
  .mod-step-b .setp6 { background: none !important; }
  .mod-step-b .setp6 span { background-position: -180px -45px !important; }
  .mod-step-b .setp6.on span { background-position: -180px top !important; }
  .mod-step-b .setp7 { background: none !important; }
  .mod-step-b .setp7 span { background-position: -216px -45px !important; }
  .mod-step-b .setp7.on span { background-position: -216px top !important; }
  .mod-step-b .setp8 { background: none !important; }
  .mod-step-b .setp8 span { background-position: -252px -45px !important; }
  .mod-step-b .setp8.on span { background-position: -252px top !important; }
  .mod-step-b .setp9 { background: none !important; }
  .mod-step-b .setp9 span { background-position: -288px -45px !important; }
  .mod-step-b .setp9.on span { background-position: -288px top !important; }
  .mod-step-b li { width: 11.11% !important; }
  .mod-step-b li span { height: 42px; width: 36px; margin: 0 auto; background: url(/common/img/default/wedding/bg_wedding_step.png) no-repeat left -45px !important; background-size: 324px auto !important; }
  .mod-step-b li:last-child span { background: url(/common/img/default/wedding/bg_wedding_step.png) no-repeat -288px -45px !important; background-size: 324px auto !important; }
  .mod-step-b .on span { background: url(/common/img/default/wedding/bg_wedding_step.png) left top no-repeat !important; background-size: 324px auto !important; }
  .mod-step-b .on-prev span { background-image: url(/common/img/default/wedding/bg_wedding_step.png) !important; background-size: 324px auto !important; }
  .mod-step-b .setp1.on-prev span { height: 42px; background: url(/common/img/default/wedding/bg_wedding_step.png) 3px -38px no-repeat !important; background-size: 288px auto !important; }
  /*       tab       */
  .mod-tab-2 nav a { font-size: 11px !important; font-size: 0.69rem !important; }
  /*IE8 HACK */
  .lt-ie9 .mod-step-a li:last-child, .lt-ie9 .mod-step-b li:last-child { padding-right: 0; }
  .lt-ie9 .mod-step-a .setp1 span, .lt-ie9 .mod-step-b .setp1 span, .lt-ie9 .mod-step-a .setp2 span, .lt-ie9 .mod-step-b .setp2 span, .lt-ie9 .mod-step-a .setp3 span, .lt-ie9 .mod-step-b .setp3 span, .lt-ie9 .mod-step-a .setp4 span, .lt-ie9 .mod-step-b .setp4 span, .lt-ie9 .mod-step-a .setp5 span, .lt-ie9 .mod-step-b .setp5 span, .lt-ie9 .mod-step-a .setp6 span, .lt-ie9 .mod-step-b .setp6 span { padding: 0; }
  .lt-ie9 .mod-step-a .setp2 span, .lt-ie9 .mod-step-b .setp2 span { background-position: -48px -56px !important; }
  .lt-ie9 .mod-step-a .setp2.on span, .lt-ie9 .mod-step-b .setp2.on span { background-position: -48px top !important; }
  .lt-ie9 .mod-step-a .setp3 span, .lt-ie9 .mod-step-b .setp3 span { background-position: -96px -56px !important; }
  .lt-ie9 .mod-step-a .setp3.on span, .lt-ie9 .mod-step-b .setp3.on span { background-position: -96px top !important; }
  .lt-ie9 .mod-step-a .setp4 span, .lt-ie9 .mod-step-b .setp4 span { background-position: -144px -56px !important; }
  .lt-ie9 .mod-step-a .setp4.on span, .lt-ie9 .mod-step-b .setp4.on span { background-position: -144px top !important; }
  .lt-ie9 .mod-step-a .setp5 span, .lt-ie9 .mod-step-b .setp5 span { background-position: -192px -56px !important; }
  .lt-ie9 .mod-step-a .setp5.on span, .lt-ie9 .mod-step-b .setp5.on span { background-position: -192px top !important; }
  .lt-ie9 .mod-step-a .setp6, .lt-ie9 .mod-step-b .setp6 { background: none !important; }
  .lt-ie9 .mod-step-a .setp6 span, .lt-ie9 .mod-step-b .setp6 span { background-position: -240px -56px !important; }
  .lt-ie9 .mod-step-a .setp6.on span, .lt-ie9 .mod-step-b .setp6.on span { background-position: -240px top !important; }
  .lt-ie9 .mod-step-a span, .lt-ie9 .mod-step-b span { background: url(/common/img/default/stay/bg_stay_step_pc.png) no-repeat left -56px !important; }
  .lt-ie9 .mod-step-a .on span, .lt-ie9 .mod-step-b .on span { background: url(/common/img/default/stay/bg_stay_step_pc.png) left top no-repeat !important; }
  .lt-ie9 .mod-step-a li:last-child span, .lt-ie9 .mod-step-b li:last-child span { background: url(/common/img/default/wedding/stay/bg_stay_step_pc.png) no-repeat left -45px !important; }
  .lt-ie9 .mod-step-b li:last-child { padding-right: 0; }
  .lt-ie9 .mod-step-b .setp1 span, .lt-ie9 .mod-step-b .setp2 span, .lt-ie9 .mod-step-b .setp3 span, .lt-ie9 .mod-step-b .setp4 span, .lt-ie9 .mod-step-b .setp5 span, .lt-ie9 .mod-step-b .setp6 span, .lt-ie9 .mod-step-b .setp7 span, .lt-ie9 .mod-step-b .setp8 span, .lt-ie9 .mod-step-b .setp9 span { padding: 0; }
  .lt-ie9 .mod-step-b .setp2 span { background-position: -36px -45px !important; }
  .lt-ie9 .mod-step-b .setp2.on span { background-position: -36px top !important; }
  .lt-ie9 .mod-step-b .setp3 span { background-position: -72px -45px !important; }
  .lt-ie9 .mod-step-b .setp3.on span { background-position: -72px top !important; }
  .lt-ie9 .mod-step-b .setp4 span { background-position: -108px -45px !important; }
  .lt-ie9 .mod-step-b .setp4.on span { background-position: -108px top !important; }
  .lt-ie9 .mod-step-b .setp5 span { background-position: -144px -45px !important; }
  .lt-ie9 .mod-step-b .setp5.on span { background-position: -144px top !important; }
  .lt-ie9 .mod-step-b .setp6 { background: none !important; }
  .lt-ie9 .mod-step-b .setp6 span { background-position: -180px -45px !important; }
  .lt-ie9 .mod-step-b .setp6.on span { background-position: -180px top !important; }
  .lt-ie9 .mod-step-b .setp7 { background: none !important; }
  .lt-ie9 .mod-step-b .setp7 span { background-position: -216px -45px !important; }
  .lt-ie9 .mod-step-b .setp7.on span { background-position: -216px top !important; }
  .lt-ie9 .mod-step-b .setp8 { background: none !important; }
  .lt-ie9 .mod-step-b .setp8 span { background-position: -252px -45px !important; }
  .lt-ie9 .mod-step-b .setp8.on span { background-position: -252px top !important; }
  .lt-ie9 .mod-step-b .setp9 { background: none !important; }
  .lt-ie9 .mod-step-b .setp9 span { background-position: -288px -45px !important; }
  .lt-ie9 .mod-step-b .setp9.on span { background-position: -288px top !important; }
  .lt-ie9 .mod-step-b span { background: url(/common/img/default/wedding/bg_wedding_step_pc.png) no-repeat left -45px !important; }
  .lt-ie9 .mod-step-b .on span { background: url(/common/img/default/wedding/bg_wedding_step_pc.png) left top no-repeat !important; }
  .lt-ie9 .mod-step-b li:last-child span { background: url(/common/img/default/wedding/bg_wedding_step_pc.png) no-repeat left -45px !important; }
  .mod-box-col-3 .fair-image { /*			height:auto;
			overflow:visible;*/ overflow: hidden; } }
/*-----------------------------------------------------------------------------------------------
	～ 599px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) { .dolphin-sp { /*display: none;*/ }
  .dolphin-next { padding-top: 0 !important; }
  .display-none-599, .mod-paging li:nth-child(6), .mod-paging li:nth-child(7), .mod-paging li:nth-child(8), .mod-paging li:nth-child(9), .mod-paging li:nth-child(10) { display: none; }
  .display-block-599, .mod-tab-base .btn-tab-left, .mod-tab .btn-tab-left, .mod-tab-2 .btn-tab-left, .mod-tab-5 .btn-tab-left, .mod-tab-6 .btn-tab-left, .mod-tab-3 .btn-tab-left, .mod-tab-2-a .btn-tab-left, .mod-tab-base .btn-tab-right, .mod-tab .btn-tab-right, .mod-tab-2 .btn-tab-right, .mod-tab-5 .btn-tab-right, .mod-tab-6 .btn-tab-right, .mod-tab-3 .btn-tab-right, .mod-tab-2-a .btn-tab-right { display: block; }
  .mod-box-col-inner-base .img, .mod-box-col-1 .inner-1 .img, .mod-box-col-1 .inner-2 .img, .mod-box-col-1 .inner-3 .img, .mod-box-col-1 .inner-4 .img, .mod-box-col-1 .inner-7 .img, .mod-box-col-1 .inner-6 .img { float: none; width: 100%; margin-bottom: 10px; padding-right: 0; }
  .mod-box-col-inner-base .desp, .mod-box-col-1 .inner-1 .desp, .mod-box-col-1 .inner-2 .desp, .mod-box-col-1 .inner-3 .desp, .mod-box-col-1 .inner-4 .desp, .mod-box-col-1 .inner-7 .desp, .mod-box-col-1 .inner-6 .desp { float: none; width: 100%; }
  .mod-box-col-inner-base .desp ul, .mod-box-col-1 .inner-1 .desp ul, .mod-box-col-1 .inner-2 .desp ul, .mod-box-col-1 .inner-3 .desp ul, .mod-box-col-1 .inner-4 .desp ul, .mod-box-col-1 .inner-7 .desp ul, .mod-box-col-1 .inner-6 .desp ul { float: none; }
  .mod-box-col-inner-base .btn-box, .mod-box-col-1 .inner-1 .btn-box, .mod-box-col-1 .inner-2 .btn-box, .mod-box-col-1 .inner-3 .btn-box, .mod-box-col-1 .inner-4 .btn-box, .mod-box-col-1 .inner-7 .btn-box, .mod-box-col-1 .inner-6 .btn-box { display: block; }
  .mod-box-col-inner-base .btn-box a, .mod-box-col-1 .inner-1 .btn-box a, .mod-box-col-1 .inner-2 .btn-box a, .mod-box-col-1 .inner-3 .btn-box a, .mod-box-col-1 .inner-4 .btn-box a, .mod-box-col-1 .inner-7 .btn-box a, .mod-box-col-1 .inner-6 .btn-box a { width: 100%; }
  .mod-box-col-inner-base .btn-box .ex-display-box-margin, .mod-box-col-1 .inner-1 .btn-box .ex-display-box-margin, .mod-box-col-1 .inner-2 .btn-box .ex-display-box-margin, .mod-box-col-1 .inner-3 .btn-box .ex-display-box-margin, .mod-box-col-1 .inner-4 .btn-box .ex-display-box-margin, .mod-box-col-1 .inner-7 .btn-box .ex-display-box-margin, .mod-box-col-1 .inner-6 .btn-box .ex-display-box-margin { height: 10px; }
  .img-liquid img, .mod-box-col-1 img { width: 100%; }
  .mod-box-col-1 .inner-1 { padding: 10px; }
  .mod-box-col-1 .inner-2 .desp { padding: 0 0 15px 0; }
  .mod-box-col-1 .inner-2 .btn-box { float: none; }
  .mod-box-col-1 .inner-3 { padding: 10px; }
  .mod-box-col-1 .inner-3 .desp { padding: 0; }
  .mod-box-col-1 .inner-4 .desp, .mod-box-col-1 .inner-7 .desp { padding: 0; }
  .mod-box-col-1 .inner-6 { padding: 10px; }
  .mod-box-col-1 .inner-6 .desp { padding: 0 0 15px 0; }
  .mod-box-col-1 .inner-6 .btn-box { float: none; }
  .mod-box-col-1 .inner-7 .img { width: 80%; margin-right: auto; margin-left: auto; }
  .mod-box-col-1 .inner-7 .desp { padding: 0; }
  .mod-box-col-1 .inner-8 .img { width: 100%; }
  .mod-box-col-1 .inner-8 .desp { width: 100%; }
  .mod-box-col-1 .inner-8 .desp .list-dot dt, .mod-box-col-1 .inner-8 .desp .list-dot-2 dt, .mod-box-col-1 .inner-8 .desp .list-dot-3 dt, .mod-box-col-1 .inner-8 .desp .list-dot-4 dt { width: 20%; }
  .mod-box-col-1 .inner-8 .desp .list-dot dd, .mod-box-col-1 .inner-8 .desp .list-dot-2 dd, .mod-box-col-1 .inner-8 .desp .list-dot-3 dd, .mod-box-col-1 .inner-8 .desp .list-dot-4 dd { width: 80%; }
  .mod-box-col-1 .inner-8 .ttl-box-03 h2 { float: none; margin-bottom: 10px; }
  .mod-box-col-1 .inner-8 .ttl-box-03 p { float: none; margin-bottom: 10px; }
  .mod-box-col-1 .inner-9 .img { width: 100%; }
  .mod-box-col-1 .inner-9 .img img { height: auto; }
  .mod-box-col-1 .inner-9 .desp { width: 100%; }
  .mod-box-col-1 .inner-9 .desp .pc-view { display: none; }
  .mod-box-col-1 .inner-9 .desp .sp-view { display: block; }
  .mod-box-col-1 .inner-9 .desp .box-left { display: none !important; width: 100%; }
  .mod-box-col-1 .inner-9 .desp .box-left img { width: 70%; height: auto; }
  .mod-box-col-1 .inner-9 .desp .box-right { width: 100%; background: url(/common/img/default/bg/bg_stripe_sp.jpg) center top no-repeat; }
  .mod-box-col-1 .inner-9 .desp .box-right .ttl-font-05 { font-size: 15px !important; font-size: 0.94rem !important; }
  .mod-box-col-1 .inner-9 .sp-tel { display: block; width: 100%; padding: 0.5em 0 0; }
  .mod-box-col-1 .inner-9 .sp-tel p { text-align: center; vertical-align: top; }
  .mod-box-col-1 .inner-9 .sp-tel p img { width: 120px; }
  .mod-box-col-1-2 .inner-1, .mod-box-col-1-2 .inner-2, .mod-box-col-1-2 .inner-3 { margin-bottom: 15px; padding-bottom: 15px !important; }
  .mod-box-col-1-2 .inner-1 .img, .mod-box-col-1-2 .inner-2 .img, .mod-box-col-1-2 .inner-3 .img { float: none; width: 100%; margin-bottom: 15px; }
  .mod-box-col-1-2 .inner-1 .desp, .mod-box-col-1-2 .inner-2 .desp, .mod-box-col-1-2 .inner-3 .desp { float: none; width: 100%; }
  .mod-box-col-1-2 .inner-1 .desp p:last-child, .mod-box-col-1-2 .inner-2 .desp p:last-child, .mod-box-col-1-2 .inner-3 .desp p:last-child { margin-bottom: 0; }
  .mod-box-col-1-2 .inner-1 .desp p, .mod-box-col-1-2 .inner-2 .desp p, .mod-box-col-1-2 .inner-3 .desp p { margin-bottom: 0; }
  .mod-box-col-1-2 .inner-1 .img { margin-right: 0; }
  .mod-box-col-1-2 .inner-2 .img { margin-left: 0; }
  .mod-box-col-1-2 .inner-3 .img { margin-right: 0; overflow: hidden; text-align: center; }
  .mod-box-col-1-2 .inner-3 .img img { /*height:170px;
object-fit: cover;
object-position: 0 100%;*/ width: 60%; }
  .mod-box-col-3 { width: 100%; padding: 0; float: none; margin: 0 0 4%; }
  .mod-grd-box-base, .mod-grd-box-1, .mod-grd-box-2 { padding: 0; }
  .mod-sub-spec .inner dt { width: 100%; float: none; }
  .mod-sub-spec .inner dd { width: 100%; float: none; }
  .mod-box-col-3 .fair-image, .mod-box-col-3 dl, .mod-box-col-3 h4 { height: auto !important; }
  /*　グラデーションタイトル用　ボックス　*/
  .mod-grd-box-base .ttl-grd .ttl-main, .mod-grd-box-1 .ttl-grd .ttl-main, .mod-grd-box-2 .ttl-grd .ttl-main { font-size: 17px !important; font-size: 1.06rem !important; }
  /*       tab       */
  .mod-tab-base nav, .mod-tab nav, .mod-tab-2 nav, .mod-tab-5 nav, .mod-tab-6 nav, .mod-tab-3 nav, .mod-tab-2-a nav { float: left; width: 80%; margin: 0 2%; overflow: hidden; }
  .mod-tab-base ul, .mod-tab ul, .mod-tab-2 ul, .mod-tab-5 ul, .mod-tab-6 ul, .mod-tab-3 ul, .mod-tab-2-a ul { width: 200%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .mod-tab-base li, .mod-tab li, .mod-tab-2 li, .mod-tab-5 li, .mod-tab-6 li, .mod-tab-3 li, .mod-tab-2-a li { float: left; width: 25%; }
  .mod-tab-base li a, .mod-tab li a, .mod-tab-2 li a, .mod-tab-5 li a, .mod-tab-6 li a, .mod-tab-3 li a, .mod-tab-2-a li a { overflow: hidden; width: 100%; height: 35px; display: block; padding: 5px; padding-top: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px !important; font-size: 0.88rem !important; }
  .mod-tab-base .btn-tab-left, .mod-tab .btn-tab-left, .mod-tab-2 .btn-tab-left, .mod-tab-5 .btn-tab-left, .mod-tab-6 .btn-tab-left, .mod-tab-3 .btn-tab-left, .mod-tab-2-a .btn-tab-left, .mod-tab-base .btn-tab-right, .mod-tab .btn-tab-right, .mod-tab-2 .btn-tab-right, .mod-tab-5 .btn-tab-right, .mod-tab-6 .btn-tab-right, .mod-tab-3 .btn-tab-right, .mod-tab-2-a .btn-tab-right { width: 8%; height: 35px; cursor: pointer; }
  .mod-tab-2 ul { width: 250%; }
  .mod-tab-2 li { width: 20%; }
  .mod-tab-2 li a { padding: 5px; height: 120px; }
  .mod-tab-2 .btn-tab-left, .mod-tab-2 .btn-tab-right { height: 120px; }
  .mod-tab-5 ul { width: 250%; }
  .mod-tab-5 li { width: 20%; }
  .mod-tab-3 ul { width: 250%; }
  .mod-tab-3 li { width: 20%; }
  .mod-tab-2-a nav { width: 100%; margin: 0; }
  .mod-tab-2-a nav ul { width: 100%; }
  .mod-tab-2-a nav ul li { width: 50%; margin: 0; }
  .mod-tab-2-a .btn-tab-left, .mod-tab-2-a .btn-tab-right { display: none; }
  .mod-tab-6 ul { width: 350%; }
  .mod-tab-6 li { width: 14.3%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  /*       paging       */
  .mod-paging a { width: 34px; text-align: center; border-left: 1px solid #5f4c44; text-indent: 1; }
  .mod-paging li:first-child a { border: none; }
  /* 1カラム時の2カラムボックス */
  .mod-box-col-base, .mod-box-col-2, .mod-box-col-3, .mod-box-col-2-2-base, .mod-box-col-2-2, .mod-box-col-6 { float: none; width: 100%; margin: 0 0 10px 0 !important; }
  /* BANNER */
  .mod-bnr-list-4 { width: 100%; }
  .mod-banner-base li, .mod-bnr-list-4 li { float: left; width: 48%; margin-left: 1%; margin-bottom: 10px; margin-right: 1%; }
  .mod-banner-base li:last-child, .mod-bnr-list-4 li:last-child { float: left; width: 48%; margin-left: 1%; margin-bottom: 10px; margin-right: 1%; }
  /* 2カラム時の2カラムボックス */
  .mod-box-col-2-2 .box-wrap { display: block  !important; }
  .mod-box-col-2-2 .box-left { display: none !important; width: 100%; }
  .mod-box-col-2-2 .box-left img { width: 70%; height: auto; }
  .mod-box-col-2-2 .box-right { width: 100%; background: none; }
  .mod-box-col-2-2 .box-right .ttl-font-05 { font-size: 15px !important; font-size: 0.94rem !important; }
  .mod-box-col-2-2 .fair-image, .mod-box-col-2-2 .box-wrap { height: auto !important; }
  /* ページ末ボタン部分 */
  .mod-btn-box-lr { margin: 0 0 30px; }
  .mod-btn-box-lr a.btn { width: 100%; }
  .mod-btn-box-lr a:first-child { float: none; margin: 0 0 10px; }
  .mod-btn-box-lr a:last-child { float: none; }
  /*　二重線　ボックス　*/
  .mod-box-col-5 .box-col-5-inner { padding: 10px 10px 0; }
  .mod-box-col-5 .box-col-5-inner-a { padding: 10px; }
  .mod-box-col-5 .box-col-5-inner-a .img { float: none; width: 130px; margin: 0 auto; }
  .mod-box-col-5 .box-col-5-inner-a .desp { float: none; width: 100%; padding-top: 15px; }
  .mod-box-col-5 .box-col-5-inner-a .desp p { padding: 0 10px 5px; }
  .mod-box-col-5 .box-col-5-inner-a .pc-view { display: none; }
  .mod-box-col-5 .box-col-5-inner-a .sp-view { display: block; }
  /*　// 二重線　ボックス　*/
  .mod-box-col-6 { padding: 10px; }
  .mod-box-col-6 p, .mod-box-col-6 .small { margin-left: 0; }
  .mod-sub-spec .inner { padding: 10px; } }
/*-----------------------------------------------------------------------------------------------
	～ 320px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 400px) { .box-sizing-border-box, .list-dot dt, .list-dot-2 dt, .list-dot-3 dt, .list-dot-4 dt, .mod-tab-base a, .mod-tab a, .mod-tab-2 a, .mod-tab-5 a, .mod-tab-6 a, .mod-tab-3 a, .mod-tab-2-a a, .mod-box-col-2, .mod-box-col-3, .mod-box-col-2-2-base, .mod-box-col-2-2, .mod-box-col-2-2 .box-wrap > *, .mod-box-col-6, .mod-box-col-8, .mod-box-col-1 .inner-5 .img dd, .mod-box-col-1 .inner-5 .desp { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .mod-box-col-1 .inner-5 .img dt span { padding: 5px 0 5px 35px; }
  .mod-box-col-1 .inner-5 .img dd { width: 100%; }
  .mod-box-col-1 .inner-5 .img img { width: 260px; }
  .mod-box-col-1 .inner-5 .desp { padding: 10px; }
  .mod-box-col-1 .inner-6 .poto-thumb li { width: 86px; background-size: 86px auto; }
  .mod-box-col-1 .inner-6 .poto-thumb li:nth-child(3n) { margin-right: 0; }
  .mod-box-col-1 .inner-6 .poto-thumb img { width: 82px; height: auto; }
  	/*.mod-step-a{ 		li{ 			span{ 				width:22px; 				background-size:44% 44% !important; 			}  		} 	}*/ }
/*-----------------------------------------------------------------------------------------------
	reserve
------------------------------------------------------------------------------------------------*/
#reserveBox { background-color: #FFFFFF; border: 1px solid #D9CFC4; -moz-box-shadow: 0 0 0 2px #FFFFFF inset, 0 0 0 3px #EAE3DD inset; -o-box-shadow: 0 0 0 2px #FFFFFF inset, 0 0 0 3px #EAE3DD inset; -ms-box-shadow: 0 0 0 2px #FFFFFF inset, 0 0 0 3px #EAE3DD inset; box-shadow: 0 0 0 2px #FFFFFF inset, 0 0 0 3px #EAE3DD inset; padding: 20px 18px 18px 28px; margin: 0 0 20px; font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'Times New Roman', 'HGS明朝E', serif; color: #80572F; }
#reserveBox h2 { float: left; padding-right: 26px; }
#reserveBox h2 img { padding: 12px 0 10px; }
#reserveBox h2 span { display: none; }

#reserveBox .search_item { font-size: 14px; font-weight: bold; border-bottom: 1px solid #D9CFC4; padding: 0 0 10px 0; margin: 0 0 10px 0; }

#reserveBox iframe { padding: 0 !important; margin: 0 !important; height: 90px !important; }

#reserveBox .input-area { float: left; padding: 0 20px 0 30px; font-size: 14px; font-weight: bold; /*border-left: 1px solid #D9CFC4;*/ }
#reserveBox .input-area img.ui-datepicker-trigger { padding: 1px 0 0 5px; width: auto; background: url(/common/img/default/icon/icon_sche_reserve_pc.png) no-repeat 5px 2px; cursor: pointer; }
#reserveBox .input-area dl dt { float: left; padding: 2px 10px 0 0; }
#reserveBox .input-area dl dd { float: left; }
#reserveBox .input-area dl.input-checkin { /*border-bottom: 1px solid #D9CFC4;*/ padding: 0 0 10px; }
#reserveBox .input-area dl.input-nights { float: left; padding: 10px 30px 0 0; }
#reserveBox .input-area dl.input-person { float: right; padding: 10px 3px 0 0; }
#reserveBox .input-area select#dt_dd { margin-left: -5px; }
#reserveBox .input-area select#le, #reserveBox .input-area select#person { width: 60px; }

#reserveBox .btn-area { float: right; margin-top: 18px; padding-right: 20px; }
#reserveBox .btn-area .btn.search { float: left; border: none; border-radius: 0; -webkit-appearance: none; font-size: 14px; width: 190px; background-color: #C24B4B; padding: 0; line-height: 2.4; cursor: pointer; }
#reserveBox .btn-area .btn.search:hover { background-color: #DC9797; }
#reserveBox .btn-area input { float: left; margin: 0 10px 0 0; }
#reserveBox .btn-area input:focus { outline: 0; }
#reserveBox .btn-area .btn.change { float: left; color: #B88552; border: #B98754 1px solid; font-size: 14px; width: 205px; background-color: #FFFFFF; padding: 1px 0 0; line-height: 2.2; }
#reserveBox .btn-area .btn.change:hover { background-color: #D7BA9C; }
#reserveBox .btn-area .reservation-old { clear: both; padding-top: 10px; background: url(/common/img/default/icon/icon_arrow_1.png) 0 14px no-repeat; background-size: 10px 10px; padding-left: 15px; margin-left: -3px; }
#reserveBox .btn-area .reservation-old a:link, #reserveBox .btn-area .reservation-old a:visited { color: #80572F; font-size: 12px; font-weight: bold; }
#reserveBox .btn-area .reservation-old a:hover { color: #B1A08F; }

/* お知らせ */
.notice-box { clear: both; border: #bf4646 1px solid; background-color: #FFF; padding: 10px; margin: 0 0 20px; color: #5F4C44; }
.notice-box span { font-weight: bold; font-size: 14px; color: #bf4646; display: inline-block; margin-bottom: 5px; }
.notice-box span span.fontL { font-size: 24px !important; font-size: 1.50rem !important; line-height: 1.1; }
.notice-box .notice-box-inn { position: relative; }
.notice-box .notice-box-inn .notice-desp { width: 76%; position: absolute; left: 22%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.notice-box .notice-box-inn .notice-desp.shop { width: 64%; left: 34%; }
.notice-box .notice-box-inn .notice-img { width: 18%; }
.notice-box .notice-box-inn .notice-img img { width: 100%; }
.notice-box .notice-box-inn .notice-img.shop { width: 30%; }

#top_body .notice-box { clear: both; border: #bf4646 1px solid; background-color: #FFF; padding: 10px; margin: 10px 0 20px; color: #5F4C44; }
#top_body .notice-box span { font-weight: bold; font-size: 14px; color: #bf4646; display: inline-block; margin-bottom: 5px; }

/* 　IE8対応 　*/
.lt-ie9 #reserveBox { outline: 1px solid #D9CFC4; border: 2px solid #FFF; position: relative; z-index: 1; }
.lt-ie9 #reserveBox:before { content: ""; display: block; position: absolute; top: 0; left: 0; border: 1px solid #EAE3DD; width: 99.8%; min-height: 98.6%; z-index: 10; }
.lt-ie9 #reserveBox .input-area select#le, .lt-ie9 #reserveBox .input-area select#person { width: auto; }
.lt-ie9 #reserveBox .btn-area .reservation-old { background: url(/common/img/default/icon/icon_arrow_1_pc.png) 0 14px no-repeat; }

/*トップ表示*/
#top_body .btn-top-reserve { display: none; }

/*----------------------------------------------------------------------------------------------- max-width:899px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 899px) { #reserveBox { padding: 15px 20px; margin-bottom: 30px; }
  #reserveBox h2 { padding-right: 20px; }
  #reserveBox h2 img { padding: 40px 0 30px 0; }
  #reserveBox iframe { height: 200px !important; }
  #reserveBox .input-area { padding: 20px 0 30px 20px; }
  #reserveBox .input-area select { height: 24px; }
  #reserveBox .btn-area .btn.search { float: none; width: 220px; display: block; }
  #reserveBox .btn-area input { float: none; margin-right: 0; }
  #reserveBox .btn-area .btn.change { float: none; width: 220px; display: block; margin-top: 5px; }
  #reserveBox .btn-area .reservation-old { width: 210px; }
  /*トップ表示*/
  #top_body #reserveBox { display: none; }
  #top_body .btn-top-reserve { display: block; text-align: left; margin: 0 0 20px; }
  /* お知らせ */
  #top_body .notice-box { /*display: none;*/ } }
/*----------------------------------------------------------------------------------------------- max-width:767px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) { #reserveBox { padding: 0 0 15px 0; margin-bottom: 30px; }
  #reserveBox h2 { float: none; padding: 10px 0; background-color: #F3DBDB; font-size: 16px; color: #8B403A; text-align: center; margin: 3px 3px 15px; }
  #reserveBox h2 img { display: none; }
  #reserveBox h2 span { display: block; }
  #reserveBox .search_item { margin: 15px; }
  #reserveBox .input-area { float: none; padding: 0 15px; border-left: none; }
  #reserveBox .input-area img.ui-datepicker-trigger { padding: 10px 10px; max-height: 40px; background: url(/common/img/default/icon/icon_sche_reserve.png) no-repeat 0 0; background-size: 43px 40px; margin-left: 5px; }
  #reserveBox .input-area dl { margin-right: 0; }
  #reserveBox .input-area dl dt { float: none; padding: 0; }
  #reserveBox .input-area dl dd { float: none; }
  #reserveBox .input-area dl.input-checkin { border-bottom: none; padding: 0; }
  #reserveBox .input-area dl.input-nights { float: none; padding: 10px 0 0; }
  #reserveBox .input-area dl.input-person { float: none; }
  #reserveBox .input-area select { height: 40px; }
  #reserveBox .input-area select#dt_dd { width: 30%; }
  #reserveBox .input-area select#dt_yyyymm { width: 40%; }
  #reserveBox .input-area select#le, #reserveBox .input-area select#person { width: 85%; }
  #reserveBox .btn-area { float: none; margin-top: 20px; padding: 0 15px; }
  #reserveBox .btn-area .btn.search { width: 100%; background: #c24b4b url(/common/img/default/icon/icon_arrow_4.png) 98% center no-repeat; background-size: 6px 10px; }
  #reserveBox .btn-area .btn.change { width: 100%; margin-top: 10px; }
  #reserveBox .btn-area .btn.change span { background: url(/common/img/default/icon/icon_arrow_3.png) 98% center no-repeat; background-size: 6px 10px; display: inline-block; width: 100%; }
  #reserveBox .btn-area .reservation-old { background: url(/common/img/default/icon/icon_arrow_1.png) 0 14px no-repeat; background-size: 10px 10px; padding-left: 15px; margin-left: -3px; width: auto; }
  #reserveBox .btn-area .reservation-old a:link, #reserveBox .btn-area .reservation-old a:visited { color: #80572F; font-size: 12px; font-weight: bold; }
  #reserveBox .btn-area .reservation-old a:hover { color: #B1A08F; }
  /*トップ表示*/
  #top_body .btn-top-reserve { display: block; text-align: center; margin: 0; }
  #top_body .btn-top-reserve .btn.navy { width: 100%; margin: 0; }
  /* お知らせ */
  .notice-box span span.fontL { font-size: 20px !important; font-size: 1.25rem !important; }
  .notice-box .notice-box-inn .notice-desp { width: 64%; left: 34%; }
  .notice-box .notice-box-inn .notice-img { width: 30%; } }
/*----------------------------------------------------------------------------------------------- max-width:599px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) { #reserveBox iframe { height: 360px !important; } }
/*----------------------------------------------------------------------------------------------- max-width:320px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 320px) { #reserveBox .search_item img { height: 16px; } }