/* =================================================================== CSS information file name : styles.css style info : リセット及び設定 =================================================================== */ @import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css); article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio[controls], canvas, video { display: inline-block; *display: inline; zoom: 1; } html { overflow-y: scroll; /*-webkit-tap-highlight-color: rgba(0,0,0,0);*/ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html,body { /*min-height: 100%; height: auto !important; height:100%;*/ } body { background-color:#ffffff; } body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, ul { margin: 0; padding: 0; } body, button, input, select, textarea { font-family: 'Noto Sans Japanese', sans-serif; font-style: normal; font-size:14px; font-weight: 200; color: #725731; } @font-face { font-family: 'Noto Serif Japanese'; font-style: normal; font-weight: 200; src: url(../fonts/NotoSerifJP-Light.woff2) format('woff2'), url(../fonts/NotoSerifJP-Light.woff) format('woff'); font-display: swap; } .mincho_s200 {font-family: 'Noto Serif Japanese', serif; font-weight: 200;} .mincho_s400 {font-family: 'Noto Serif Japanese', serif; font-weight: 200;} a, a:link, a:active, a:visited { text-decoration: none; color: #000000; } a:hover { text-decoration: none; color: #000000; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 93%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 0; padding: 0; } dd { margin: 0px; } nav ul, nav ol { list-style: none; } img { border: 0; vertical-align:bottom; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; *margin-left: -7px; } button, input, select, textarea { font-size: 12px; font-weight: 400; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="button"], input[type="reset"], input[type="submit"], input[type="image"] { -webkit-appearance: none; border-radius: 0; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; } img, abbr, acronym, fieldset { border: 0; } li { list-style: none; } .ie6_error, .no_script { background:#F66; padding: 100px; text-align:center; font-size:150%; color:#333; } /*utility*/ .m05 {margin-bottom: 5px;} .m10 {margin-bottom: 10px;} .m12 {margin-bottom: 12px;} .m15 {margin-bottom: 15px;} .m20 {margin-bottom: 20px;} .m30 {margin-bottom: 30px;} .m40 {margin-bottom: 40px;} .m50 {margin-bottom: 50px;} .m60 {margin-bottom: 60px;} .m100 {margin-bottom: 100px;} .mt05 {margin-top: 5px;} .mt10 {margin-top: 10px;} .mt12 {margin-top: 12px;} .mt15 {margin-top: 15px;} .mt20 {margin-top: 20px;} .mt30 {margin-top: 30px;} .mt40 {margin-top: 40px;} .mt50 {margin-top: 50px;} .mt60 {margin-top: 60px;} .ml05 {margin-left: 5px;} .ml10 {margin-left: 10px;} .ml12 {margin-left: 12px;} .ml15 {margin-left: 15px;} .ml20 {margin-left: 20px;} .ml30 {margin-left: 30px;} .ml40 {margin-left: 40px;} .ml50 {margin-left: 50px;} .ml60 {margin-left: 60px;} .mr05 {margin-right: 5px;} .mr10 {margin-right: 10px;} .mr15 {margin-right: 15px;} .mr20 {margin-right: 20px;} .mr30 {margin-right: 30px;} .mr40 {margin-right: 40px;} .mr50 {margin-right: 50px;} .mr60 {margin-right: 60px;} .pt05 {padding-top: 5px;} .pt10 {padding-top: 10px;} .pt15 {padding-top: 15px;} .pt20 {padding-top: 20px;} .pt30 {padding-top: 30px;} .pt40 {padding-top: 40px;} .pb05 {padding-bottom: 5px;} .pb10 {padding-bottom: 10px;} .pb15 {padding-bottom: 15px;} .pb20 {padding-bottom: 20px;} .pb30 {padding-bottom: 30px;} .pb40 {padding-bottom: 40px;} .pb100 {padding-bottom: 100px;} .pl05 {padding-left: 5px;} .pl10 {padding-left: 10px;} .pl15 {padding-left: 15px;} .pl20 {padding-left: 20px;} .pl30 {padding-left: 30px;} .pl40 {padding-left: 40px;} .pr05 {padding-right: 5px;} .pr10 {padding-right: 10px;} .pr15 {padding-right: 15px;} .pr20 {padding-right: 20px;} .pr30 {padding-right: 30px;} .pr40 {padding-right: 40px;} .flt {float: left;} .flr {float: right;} .txt_l, td.txt_l, .txt_l td {text-align: left;} .txt_r, td.txt_r, .txt_r td {text-align: right;} .txt_c, td.txt_c, .txt_c td {text-align: center;} .valign_t, td.valign_t, .valign_t td {vertical-align: top;} .valign_m, td.valign_m, .valign_m td {vertical-align: middle;} .valign_b, td.valign_b, .valign_b td {vertical-align: bottom;} .clear {clear: both;} .clearfix:before, .clearfix:after {content: "";display: block;} .clearfix:after {clear: both;} .clearfix {zoom: 1;} .txt_red {color:#ee0000;} .txt_white {color:#ffffff;} .txt_black {color:#000000;} form { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } select, input, textarea, button { vertical-align:middle; /*font-family:"ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif; */ position:relative; margin: 0 4px 2px 0; top:-1px; } input { height: 30px; line-height: 30px; } button, input[type="button"] { overflow:visible; height: 30px; padding:0 3px; } /* select { height: 30px; line-height: 30px; } */ select{ outline:none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; background: none transparent; vertical-align: middle; font-size: inherit; color: inherit; height: 36px; padding: 8px 12px; border:1px solid #cccccc; /*color:#828c9a;*/ /*width:100%;*/ border-radius:5px; } input[type="checkbox"], input[type="radio"] { border:none; top:-2px; top:0\9; margin-right:2px; margin-right: 0\9; } @media print, screen and (min-width: 784px) { /* PC用のスタイル記述 */ html{ /*height: 100%;*/ } body{ /*height: 100%;*/ animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal; } @keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} } @-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} } .noscroll { overflow-y: hidden; } #wrapper.night {background:url(../images/bg_star.jpg) repeat center top; background-color:#19195c; color:#ffffff;} /*-------------- Link ------------*/ a:link{color: #725731; text-decoration: none;} a:visited{color: #725731; text-decoration: none;} a:hover{color: #cccccc; text-decoration: none;} a:active{color: #cccccc; text-decoration: none;} a.white:link{color: #ffffff; text-decoration: none;} a.white:visited{color: #ffffff; text-decoration: none;} a.white:hover{color: #999999;text-decoration: none;} a.white:active{color: #999999; text-decoration: none;} a.nochange:link{color: #725731; text-decoration: none;} a.nochange:visited{color: #725731; text-decoration: none;} a.nochange:hover{color: #725731;text-decoration: none;} a.nochange:active{color: #725731; text-decoration: none;} a.line:link{color: #725731; text-decoration: underline;} a.line:visited{color: #725731; text-decoration: underline;} a.line:hover{color: #cccccc;text-decoration: underline;} a.line:active{color: #cccccc; text-decoration: underline;} /* マウスオーバー透過 */ a:hover { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } a:hover img { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .pc {display: block;} .sp {display: none;} .cd-primary-nav-trigger {display:none;} .cd-primary-nav {display:none;} /*#header-wrap {display:none;}*/ /*------------------------------------------------------------- gloval header -------------------------------------------------------------*/ #header-wrap{position: relative; width:100%; margin:0 auto 0 auto; overflow:visible; text-align:left; background-color: rgba( 255, 255, 255, 1 ); z-index:1900;} #header-wrap #header-inner {position: fixed; top: 0px; left:0px; width:-webkit-calc(100% - 0px) ; width: calc(100% - 0px); margin:0 auto 0 auto; background-color: rgba( 255, 255, 255, 1 );} #header-wrap #header-inner .picArea { float:left; width:20%;} #header-wrap #header-inner .picArea .picBox {padding: 18px 0 18px 50px;} #header-wrap #header-inner .picArea .picBox img {width: 106px; height:54px;} #header-wrap #header-inner .btnArea { float:right; width:80%; padding: 43px 0 0 0;} #header-wrap #header-inner .btnArea .btnBox {} #header-wrap #header-inner .btnArea .btnBox ul {list-style:none; text-align:left;} #header-wrap #header-inner .btnArea .btnBox li {display:inline-block; padding-right: 3%; font-size:14px; height:20px; line-height:20px;} #header-wrap #header-inner .btnArea .btnBox li:last-child {padding-right: 0px;} /*------------------------------------------------------------- booking Box -------------------------------------------------------------*/ #booking-wrap{position: fixed; top: 0px; right:0px; width:180px; background-color: rgba( 49, 46, 42, 1 ); -webkit-border-radius: 0 0 0 6px / 0 0 0 6px; -moz-border-radius: 0 0 0 6px / 0 0 0 6px; border-radius: 0 0 0 6px / 0 0 0 6px; z-index:2000;} #booking-wrap #booking-inner {padding: 15px 15px; text-align:center;} #booking-wrap #booking-inner .subtxt {font-size:13px; color: #ffffff; margin-bottom:5px;} #booking-wrap #booking-inner .btn {margin-bottom:15px;} #booking-wrap #booking-inner .btn a{ display:block; width:100%; height: 40px; line-height: 40px; font-size:13px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #booking-wrap #booking-inner .btn a:hover {background-color: #ffffff; color:#76716c;} #booking-wrap #booking-inner .linkArea {width:100%; border-top:solid 1px #ffffff; padding-top:10px; color: #ffffff;} #booking-wrap #booking-inner .linkArea .langBox {float:left; width: 50%; text-align:left;} #booking-wrap #booking-inner .linkArea .langBox ul {list-style:none;} #booking-wrap #booking-inner .linkArea .langBox li {display:inline-block; font-size:13px;height:24px; line-height:24px;} #booking-wrap #booking-inner .linkArea .langBox li.jp { border-bottom:solid 1px #ffffff; padding-bottom: 1px;} #booking-wrap #booking-inner .linkArea .langBox li.en {} #booking-wrap #booking-inner .linkArea .snsBox {float:right; width: 50%; text-align:right;} #booking-wrap #booking-inner .linkArea .snsBox ul {list-style:none; text-align:right;} #booking-wrap #booking-inner .linkArea .snsBox li {display:inline-block; height:24px; line-height:24px;} #booking-wrap #booking-inner .linkArea .snsBox li.fb {font-size:20px;} #booking-wrap #booking-inner .linkArea .snsBox li.insta {font-size:20px;} /*------------------------------------------------------------- title (Common) -------------------------------------------------------------*/ /*-------------- title ------------*/ #title-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #title-wrap #title-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); margin:0 auto 0 auto; padding-top:90px; position: relative;} #title-wrap #title-inner .mainArea {position: relative;} #title-wrap #title-inner .mainArea .photoArea {width:100%; height:auto; z-index:1;} #title-wrap #title-inner .mainArea .photoArea img {width: 100%; height:100%; -webkit-border-radius: 0 0 10px 10px / 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px / 0 0 10px 10px; border-radius: 0 0 10px 10px / 0 0 10px 10px;} #title-wrap #title-inner .mainArea .titleArea {width:100%; text-align:center; margin:60px 0 120px 0;} #title-wrap #title-inner .mainArea .titleArea .catename{font-size:18px; margin-bottom:50px;} #title-wrap #title-inner .mainArea .titleArea h2 {font-size:30px; margin-bottom:20px; line-height:1.4;} #title-wrap #title-inner .mainArea .titleArea .sbutext {line-height:2; letter-spacing:0.1em;} #title-wrap #title-inner .mainArea .titleArea .sbutext_center {line-height:2; letter-spacing:0.1em; text-align:center;} #title-wrap #title-inner .mainArea .titleArea .sbutext2 {line-height:2; letter-spacing:0.1em; margin:30px 0 0 0;} /*-------------- second title ------------*/ #second-title-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #second-title-wrap #second-title-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); margin:0 auto 0 auto; padding-top:90px; position: relative; text-align:center;} #second-title-wrap #second-title-inner .categoryArea {margin:100px 0 70px 0;} #second-title-wrap #second-title-inner .categoryArea .catename{font-size:18px;} #second-title-wrap #second-title-inner .titleArea {width:100%; margin:0 0 40px 0;} #second-title-wrap #second-title-inner .titleArea h2 {font-size:30px; margin-bottom:20px; line-height:1.4;} #second-title-wrap #second-title-inner .titleArea .sbutext {line-height:2; letter-spacing:0.1em;} #second-title-wrap #second-title-inner .titleArea .sbutext_center {line-height:2; letter-spacing:0.1em; text-align:center;} /*-------------- other title ------------*/ #other-title-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #other-title-wrap #other-title-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); margin:0 auto 0 auto; padding-top:90px; position: relative; text-align:center;} #other-title-wrap #other-title-inner .titleArea {width:100%; margin:100px 0 40px 0;} #other-title-wrap #other-title-inner .titleArea h2 {font-size:18px; line-height:1.4;} /*------------------------------------------------------------- meals -------------------------------------------------------------*/ /*-------------- photo ------------*/ #meals-photo-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #meals-photo-wrap #meals-photo-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:40px auto 0 auto; padding:0 0 0 0; text-align:center;} #meals-photo-wrap #meals-photo-inner h3 {font-size:20px; margin-bottom: 5px;} #meals-photo-wrap #meals-photo-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #meals-photo-wrap #meals-photo-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #meals-photo-wrap #meals-photo-inner .slider {width:100%; margin: 0 auto 50px auto;} #meals-photo-wrap #meals-photo-inner .slider img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #meals-photo-wrap #meals-photo-inner .slick-slide {margin: 0px;} #meals-photo-wrap #meals-photo-inner .slick-slide img {width: 100%;} #meals-photo-wrap #meals-photo-inner .titleArea {float:left; width:22%; text-align:left;} #meals-photo-wrap #meals-photo-inner .titleArea .titleBox {font-size:36px;} #meals-photo-wrap #meals-photo-inner .titleArea .titleBox span {font-size:16px; margin-left: 10px;} #meals-photo-wrap #meals-photo-inner .txtArea {float:right; width:77%; text-align:left;} #meals-photo-wrap #meals-photo-inner .txtArea h4 {font-size:24px; margin-bottom: 10px; letter-spacing:0.1em;} #meals-photo-wrap #meals-photo-inner .txtArea .txtBox {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:30px;} /*ボタン*/ #meals-photo-wrap #meals-photo-inner .btnArea {clear: both;} #meals-photo-wrap #meals-photo-inner .btnArea .btn { margin-bottom:0;} #meals-photo-wrap #meals-photo-inner .btnArea .btn a{ display:block; width:100%; height: 50px; line-height: 50px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; font-weight: 400;} #meals-photo-wrap #meals-photo-inner .btnArea .btn a:hover {background-color: #ededed; color:#76716c;} /*-------------- select ------------*/ #meals-select-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #meals-select-wrap #meals-select-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:80px auto 0 auto; padding:80px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #meals-select-wrap #meals-select-inner h3 {font-size:20px; margin-bottom: 5px;} #meals-select-wrap #meals-select-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:50px;} #meals-select-wrap #meals-select-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #meals-select-wrap #meals-select-inner .chef_photoArea { float:right; width:27%; margin-bottom:100px;} #meals-select-wrap #meals-select-inner .chef_txtArea { float:left; width:68%; margin-bottom:100px; text-align:left;} #meals-select-wrap #meals-select-inner .select_photoArea {clear: both; float:left; width:38%; margin-bottom:80px;} #meals-select-wrap #meals-select-inner .select_txtArea { float:right; width:57%; margin-bottom:80px; text-align:left;} #meals-select-wrap #meals-select-inner img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #meals-select-wrap #meals-select-inner .selecttitle {font-size:30px; margin-bottom:20px;} #meals-select-wrap #meals-select-inner h4 {font-size:18px; margin-bottom:20px;} #meals-select-wrap #meals-select-inner h4 span {font-size:24px;} #meals-select-wrap #meals-select-inner .selecttxt1 {font-size:14px; text-align:justify; margin-bottom:10px; line-height:2; letter-spacing:0.1em;} #meals-select-wrap #meals-select-inner .selecttxt2 {font-size:12px; text-align:justify; margin-bottom:10px; line-height:2; letter-spacing:0.1em;} #meals-select-wrap #meals-select-inner .name1 {font-size:12px; font-weight: 400; margin-top:30px;} #meals-select-wrap #meals-select-inner .name2 {font-size:16px; font-weight: 400; margin-bottom: 5px;} /*-------------- breakefast ------------*/ #meals-breakefast-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #meals-breakefast-wrap #meals-breakefast-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:0 auto 0 auto; padding:80px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #meals-breakefast-wrap #meals-breakefast-inner h3 {font-size:20px; margin-bottom: 5px;} #meals-breakefast-wrap #meals-breakefast-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:50px;} #meals-breakefast-wrap #meals-breakefast-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #meals-breakefast-wrap #meals-breakefast-inner .bf_photoArea_left {clear: both; float:left; width:48%; margin-bottom:100px;} #meals-breakefast-wrap #meals-breakefast-inner .bf_txtArea_right { float:right; width:48%; margin-bottom:100px; text-align:left;} #meals-breakefast-wrap #meals-breakefast-inner .bf_photoArea_right {clear: both; float:right; width:48%; margin-bottom:100px;} #meals-breakefast-wrap #meals-breakefast-inner .bf_txtArea_left { float:left; width:48%; margin-bottom:100px; text-align:left;} #meals-breakefast-wrap #meals-breakefast-inner img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #meals-breakefast-wrap #meals-breakefast-inner h4 {font-size:18px; margin-bottom:20px;} #meals-breakefast-wrap #meals-breakefast-inner h4 span {font-size:24px;} #meals-breakefast-wrap #meals-breakefast-inner .selecttxt {font-size:14px; text-align:justify; margin-bottom:20px; line-height:2; letter-spacing:0.1em;} /*ボタン*/ #meals-breakefast-wrap #meals-breakefast-inner .btn {text-align:center;} #meals-breakefast-wrap #meals-breakefast-inner .btn a{ display:block; width:100%; height: 50px; line-height: 50px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; font-weight: 400;} #meals-breakefast-wrap #meals-breakefast-inner .btn a:hover {background-color: #ededed; color:#76716c;} /*-------------- kashikotei ------------*/ #meals-kashikotei-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible; } #meals-kashikotei-wrap #meals-kashikotei-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:0 auto 0 auto; padding:80px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #meals-kashikotei-wrap #meals-kashikotei-inner h3 {font-size:20px; margin-bottom: 5px;} #meals-kashikotei-wrap #meals-kashikotei-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:50px;} #meals-kashikotei-wrap #meals-kashikotei-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #meals-kashikotei-wrap #meals-kashikotei-inner .slider {width:100%; margin: 0 auto;} #meals-kashikotei-wrap #meals-kashikotei-inner .slider img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #meals-kashikotei-wrap #meals-kashikotei-inner .slick-slide {margin: 0px;} #meals-kashikotei-wrap #meals-kashikotei-inner .slick-slide img {width: 100%;} #meals-kashikotei-wrap #meals-kashikotei-inner .picArea {float:left; width:20%; position: relative; text-align:right;} #meals-kashikotei-wrap #meals-kashikotei-inner .picArea .picBox {position: relative; top:-27px; right:0; z-index:50;} #meals-kashikotei-wrap #meals-kashikotei-inner .picArea .picBox img {width:160px; height:160px;} #meals-kashikotei-wrap #meals-kashikotei-inner .txtArea {float:right; width:77%; text-align:left; margin-top: 50px; } #meals-kashikotei-wrap #meals-kashikotei-inner .txtArea h3 {font-size:30px; margin-bottom: 20px;} #meals-kashikotei-wrap #meals-kashikotei-inner .txtArea .txtBox {text-align:justify; line-height:2; letter-spacing:0.1em;} /*------------------------------------------------------------- meals bread -------------------------------------------------------------*/ /*-------------- photo ------------*/ #bread-photo-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #bread-photo-wrap #bread-photo-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:40px auto 0 auto; padding:0 0 0 0; text-align:center;} #bread-photo-wrap #bread-photo-inner .slider {width:100%; margin: 0 auto 50px auto;} #bread-photo-wrap #bread-photo-inner .slider img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #bread-photo-wrap #bread-photo-inner .slick-slide {margin: 0px;} #bread-photo-wrap #bread-photo-inner .slick-slide img {width: 100%;} #bread-photo-wrap #bread-photo-inner .txtArea {width:100%; text-align:left;} #bread-photo-wrap #bread-photo-inner .txtArea h3 {font-size:24px; margin-bottom: 10px; letter-spacing:0.1em;} #bread-photo-wrap #bread-photo-inner .txtArea .txtBox {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:30px;} /*-------------- ingredients ------------*/ #bread-ingredients-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #bread-ingredients-wrap #bread-ingredients-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:80px auto 0 auto; padding:80px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #bread-ingredients-wrap #bread-ingredients-inner h3 {font-size:20px; margin-bottom: 5px;} #bread-ingredients-wrap #bread-ingredients-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:50px;} #bread-ingredients-wrap #bread-ingredients-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #bread-ingredients-wrap #bread-ingredients-inner .photoArea {clear: both; float:left; width:38%; margin-bottom:80px;} #bread-ingredients-wrap #bread-ingredients-inner .txtArea { float:right; width:57%; margin-bottom:80px; text-align:left;} #bread-ingredients-wrap #bread-ingredients-inner img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #bread-ingredients-wrap #bread-ingredients-inner h4 {font-size:24px; margin-bottom:20px; line-height:1;} #bread-ingredients-wrap #bread-ingredients-inner .txt {font-size:14px; text-align:justify; margin-bottom:0; line-height:2; letter-spacing:0.1em;} #bread-ingredients-wrap #bread-ingredients-inner .txt span {font-size:12px; text-align:justify; margin-bottom:0; line-height:2; letter-spacing:0.1em;} /*-------------- sale ------------*/ #bread-sale-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #bread-sale-wrap #bread-sale-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:0 auto 0 auto; padding:80px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #bread-sale-wrap #bread-sale-inner h3 {font-size:20px; margin-bottom: 5px;} #bread-sale-wrap #bread-sale-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:60px;} #bread-sale-wrap #bread-sale-inner .eng_title span {border-bottom:solid 1px #ffffff; padding-bottom: 2px;} #bread-sale-wrap #bread-sale-inner .photoArea {float:right; width:40%;} #bread-sale-wrap #bread-sale-inner .photoArea img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #bread-sale-wrap #bread-sale-inner .detailArea {float:left; width:55%; text-align:left;} #bread-sale-wrap #bread-sale-inner .detailArea h3 {font-size:18px; margin-bottom:10px;} #bread-sale-wrap #bread-sale-inner .detailArea h3 span {font-size:24px;} #bread-sale-wrap #bread-sale-inner .detailArea h4 {font-size:30px; margin-bottom:5px;} #bread-sale-wrap #bread-sale-inner .detailArea .txt {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:20px;} #bread-sale-wrap #bread-sale-inner .detailArea .txt span {font-size:18px;} #bread-sale-wrap #bread-sale-inner .detailArea .detailBox {margin:20px 0;} /*ボタン*/ #bread-sale-wrap #bread-sale-inner .btn {text-align:center;} #bread-sale-wrap #bread-sale-inner .btn a{ display:block; width:100%; height: 50px; line-height: 50px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; font-weight: 400;} #bread-sale-wrap #bread-sale-inner .btn a:hover {background-color: #ededed; color:#76716c;} /*------------------------------------------------------------- meals sushi -------------------------------------------------------------*/ /*-------------- photo ------------*/ #sushi-photo-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #sushi-photo-wrap #sushi-photo-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:40px auto 0 auto; padding:0 0 0 0; text-align:center;} #sushi-photo-wrap #sushi-photo-inner .slider {width:100%; margin: 0 auto 50px auto;} #sushi-photo-wrap #sushi-photo-inner .slider img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #sushi-photo-wrap #sushi-photo-inner .slick-slide {margin: 0px;} #sushi-photo-wrap #sushi-photo-inner .slick-slide img {width: 100%;} #sushi-photo-wrap #sushi-photo-inner .txtArea {width:100%; text-align:left;} #sushi-photo-wrap #sushi-photo-inner .txtArea h3 {font-size:24px; margin-bottom: 10px; letter-spacing:0.1em;} #sushi-photo-wrap #sushi-photo-inner .txtArea .txtBox1 {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:20px;} #sushi-photo-wrap #sushi-photo-inner .txtArea .txtBox2 {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:10px;} #sushi-photo-wrap #sushi-photo-inner .txtArea .txtBox3 {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:30px;} #sushi-photo-wrap #sushi-photo-inner .txtArea ul {margin-left: 30px; margin-bottom: 20px;} #sushi-photo-wrap #sushi-photo-inner .txtArea li {margin: 0.5em 0 0.5em 0; list-style-type: disc;} /*-------------- monthly ------------*/ #sushi-monthly-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #sushi-monthly-wrap #sushi-monthly-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:80px auto 0 auto; padding:80px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #sushi-monthly-wrap #sushi-monthly-inner h3 {font-size:20px; margin-bottom: 5px;} #sushi-monthly-wrap #sushi-monthly-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:0px;} #sushi-monthly-wrap #sushi-monthly-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #sushi-monthly-wrap #sushi-monthly-inner .photoArea {clear: both; float:left; width:38%; margin-top:80px;} #sushi-monthly-wrap #sushi-monthly-inner .txtArea { float:right; width:57%; margin-top:80px; text-align:left;} #sushi-monthly-wrap #sushi-monthly-inner img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #sushi-monthly-wrap #sushi-monthly-inner h4 {font-size:24px; margin-bottom:20px; line-height:1;} #sushi-monthly-wrap #sushi-monthly-inner .txt {font-size:14px; text-align:justify; margin-bottom:0; line-height:2; letter-spacing:0.1em;} /*------------------------------------------------------------- onsen -------------------------------------------------------------*/ /*-------------- photo ------------*/ #onsen-photo-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #onsen-photo-wrap #onsen-photo-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:40px auto 0 auto; padding:0 0 0 0; text-align:center;} #onsen-photo-wrap #onsen-photo-inner .slider {width:100%; margin: 0 auto 50px auto;} #onsen-photo-wrap #onsen-photo-inner .slider img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #onsen-photo-wrap #onsen-photo-inner .slick-slide {margin: 0px;} #onsen-photo-wrap #onsen-photo-inner .slick-slide img {width: 100%;} #onsen-photo-wrap #onsen-photo-inner .titleArea {float:left; width:22%; text-align:left;} #onsen-photo-wrap #onsen-photo-inner .titleArea .titleBox {font-size:36px; line-height:1.2;} #onsen-photo-wrap #onsen-photo-inner .titleArea .titleBox span {font-size:16px; margin-left: 10px;} #onsen-photo-wrap #onsen-photo-inner .txtArea {float:right; width:77%; text-align:left;} #onsen-photo-wrap #onsen-photo-inner .txtArea h4 {font-size:24px; margin-bottom: 10px; letter-spacing:0.1em;} #onsen-photo-wrap #onsen-photo-inner .txtArea .txtBox {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:0px;} /*-------------- private ------------*/ #onsen-private-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #onsen-private-wrap #onsen-private-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:80px auto 0 auto; padding:80px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #onsen-private-wrap #onsen-private-inner h3 {font-size:20px; margin-bottom: 5px;} #onsen-private-wrap #onsen-private-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:50px;} #onsen-private-wrap #onsen-private-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #onsen-private-wrap #onsen-private-inner .txtArea { float:left; width:47%; text-align:left;} #onsen-private-wrap #onsen-private-inner .photoArea { float:right; width:48%;} #onsen-private-wrap #onsen-private-inner img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #onsen-private-wrap #onsen-private-inner h4 {font-size:30px; margin-bottom:20px;} #onsen-private-wrap #onsen-private-inner .txt1 {font-size:14px; text-align:justify; margin-bottom:20px; line-height:2; letter-spacing:0.1em;} #onsen-private-wrap #onsen-private-inner .txt2 {font-size:12px; text-align:justify; margin-bottom:0; line-height:2; letter-spacing:0.1em;} #onsen-private-wrap #onsen-private-inner ul {margin-left: 25px; margin-bottom: 10px;} #onsen-private-wrap #onsen-private-inner li {font-size:12px; margin: 0.5em 0 0.5em 0; list-style-type: disc;} /*-------------- component ------------*/ #onsen-component-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #onsen-component-wrap #onsen-component-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:80px auto 0 auto; padding:80px 0 0 0; text-align:left; border-top:solid 1px #dfdcd9;} #onsen-component-wrap #onsen-component-inner h3 {font-size:18px; margin-bottom: 20px;} #onsen-component-wrap #onsen-component-inner table.component { width: 100%; margin:0; padding:0; border-collapse:collapse;} #onsen-component-wrap #onsen-component-inner table.component td.txt01 { width: 13%; font-size:12px; padding: 10px 5px; vertical-align:middle; white-space:nowrap;} #onsen-component-wrap #onsen-component-inner table.component td.txt02 { width: 85%; font-size:12px; padding: 10px 5px;} #onsen-component-wrap #onsen-component-inner table.component td.txt03 { width: 2%; font-size:12px; padding: 10px 5px;} #onsen-component-wrap #onsen-component-inner table.component .bg {background-color:#f1eeea;} /*------------------------------------------------------------- starry sky -------------------------------------------------------------*/ /*-------------- title ------------*/ #starry-title-wrap {clear: both; width:100%; margin:90px auto 0 auto; overflow:visible; background:url(../images/bg_starry_main.png) no-repeat center top;} #starry-title-wrap #starry-title-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:0 auto 0 auto; padding-top:0; position: relative;} #starry-title-wrap #starry-title-inner .photoArea {float:left; width: 48%;} #starry-title-wrap #starry-title-inner .photoArea img {width: 100%; height: 100%;} #starry-title-wrap #starry-title-inner .titleArea {float:right; width: 50%;} #starry-title-wrap #starry-title-inner .titleArea h2 {margin: 140px 0 50px 0;} #starry-title-wrap #starry-title-inner .titleArea h2 img {width: 80%; height:80%;} #starry-title-wrap #starry-title-inner .titleArea .subtext1 {font-size:20px; margin-bottom: 20px; line-height:1.2;} #starry-title-wrap #starry-title-inner .titleArea .subtext2 {font-size:16px; text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom: 50px; } #starry-title-wrap #starry-title-inner .titleArea2 {clear:both; text-align:center; margin: 140px 0 50px 0;} #starry-title-wrap #starry-title-inner .titleArea2 h3 {font-size:36px; margin: 0 0 20px 0;} #starry-title-wrap #starry-title-inner .titleArea2 .subtext3 {font-size:16px; line-height:2; letter-spacing:0.1em;} /*-------------- photo ------------*/ #starry-photo-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible; } #starry-photo-wrap #starry-photo-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:40px auto 0 auto; padding:0 0 0 0; text-align:center;} #starry-photo-wrap #starry-photo-inner .slider {width:100%; margin: 0 auto;} #starry-photo-wrap #starry-photo-inner .slider img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #starry-photo-wrap #starry-photo-inner .slick-slide {margin: 0px;} #starry-photo-wrap #starry-photo-inner .slick-slide img {width: 100%;} #starry-photo-wrap #starry-photo-inner .picArea {float:left; width:20%; position: relative; text-align:right;} #starry-photo-wrap #starry-photo-inner .picArea .picBox {position: relative; top:-27px; right:0; z-index:50;} #starry-photo-wrap #starry-photo-inner .picArea .picBox img {width:160px; height:160px;} #starry-photo-wrap #starry-photo-inner .txtArea {float:right; width:77%; text-align:left; margin-top: 50px; } #starry-photo-wrap #starry-photo-inner .txtArea h3 {font-size:30px; margin-bottom: 20px;} #starry-photo-wrap #starry-photo-inner .txtArea .txtBox {text-align:justify; line-height:2; letter-spacing:0.1em;} /*-------------- profile ------------*/ #starry-profile-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible; text-align:left;} #starry-profile-wrap #starry-profile-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:80px auto 0 auto; padding:0 0 0 0;} #starry-profile-wrap #starry-profile-inner .profileArea {padding:50px; background-color: rgba( 255, 255, 255, 0.1 ); border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #starry-profile-wrap #starry-profile-inner .profileArea .photoArea { float:left; width:26%;} #starry-profile-wrap #starry-profile-inner .profileArea .photoArea img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #starry-profile-wrap #starry-profile-inner .profileArea .txtArea { float:right; width:70%;} #starry-profile-wrap #starry-profile-inner .profileArea .txtArea h3 {font-size:24px; margin-bottom: 20px;} #starry-profile-wrap #starry-profile-inner .profileArea .txtArea h3 span {font-size:12px;} #starry-profile-wrap #starry-profile-inner .profileArea .txtArea .subtext {font-size:16px; line-height:2; letter-spacing:0.1em;} #starry-profile-wrap #starry-profile-inner .profileArea .txtArea .txtBox {font-size:12px; text-align:justify; line-height:2; letter-spacing:0.1em;} /*-------------- pickup ------------*/ #starry-pickup-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #starry-pickup-wrap #starry-pickup-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:120px auto 50px auto; padding:0 0 0 0; text-align:center; border-bottom:solid 1px #848a9b;} #starry-pickup-wrap #starry-pickup-inner h3 {font-size:20px; margin-bottom: 30px;} #starry-pickup-wrap #starry-pickup-inner .subtext {font-size:14px; margin-bottom: 80px; line-height:2; letter-spacing:0.1em;} #starry-pickup-wrap #starry-pickup-inner .photoArea_left { float:left; width:54%; margin-bottom:100px;} #starry-pickup-wrap #starry-pickup-inner .txtArea_right { float:right; width:40%; margin-bottom:100px; text-align:left;} #starry-pickup-wrap #starry-pickup-inner .photoArea_right { float:right; width:54%; margin-bottom:100px;} #starry-pickup-wrap #starry-pickup-inner .txtArea_left { float:left; width:40%; margin-bottom:100px; text-align:left;} #starry-pickup-wrap #starry-pickup-inner img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #starry-pickup-wrap #starry-pickup-inner .pickuptitle {font-size:20px; margin-bottom:20px;} #starry-pickup-wrap #starry-pickup-inner .pickuptxt {font-size:13px; text-align:justify; margin-bottom:10px; line-height:2; letter-spacing:0.1em;} #starry-pickup-wrap #starry-pickup-inner .pickupdate {font-size:13px; text-align:right;} /*-------------- schedule ------------*/ #starry-schedule-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #starry-schedule-wrap #starry-schedule-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:0 auto 100px auto; padding:0 0 50px 0; text-align:center; border-bottom:solid 1px #848a9b;} #starry-schedule-wrap #starry-schedule-inner h3 {font-size:20px; margin-bottom: 5px;} #starry-schedule-wrap #starry-schedule-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #starry-schedule-wrap #starry-schedule-inner .eng_title span {border-bottom:solid 1px #ffffff; padding-bottom: 2px;} #starry-schedule-wrap #starry-schedule-inner .scheduleBox {width:90%; margin: 0 5%;} #starry-schedule-wrap #starry-schedule-inner .scheduleBox dl {width:100%;} #starry-schedule-wrap #starry-schedule-inner .scheduleBox dt {width:10%; margin-bottom: 10px; line-height:2; letter-spacing:0.1em; float: left; text-align:left;} #starry-schedule-wrap #starry-schedule-inner .scheduleBox dd {width:90%; margin-bottom: 10px; margin-left: 10%; line-height:2; letter-spacing:0.1em; text-align:left;} #starry-schedule-wrap #starry-schedule-inner .scheduleBox .subtext {text-align:left;} /*-------------- tour ------------*/ #starry-tour-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #starry-tour-wrap #starry-tour-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:0 auto 0 auto; padding:0 0 0 0; text-align:center;} #starry-tour-wrap #starry-tour-inner h3 {font-size:20px; margin-bottom: 5px;} #starry-tour-wrap #starry-tour-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:60px;} #starry-tour-wrap #starry-tour-inner .eng_title span {border-bottom:solid 1px #ffffff; padding-bottom: 2px;} #starry-tour-wrap #starry-tour-inner .tour_photo {float:right; width:43%;} #starry-tour-wrap #starry-tour-inner .tour_photo img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #starry-tour-wrap #starry-tour-inner .tour_detail {float:left; width:52%; text-align:left;} #starry-tour-wrap #starry-tour-inner .tour_detail h3 {font-size:20px; margin-bottom:20px;} #starry-tour-wrap #starry-tour-inner .tour_detail h3 span {font-size:24px;} #starry-tour-wrap #starry-tour-inner .tour_detail .plan_txt {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:10px;} #starry-tour-wrap #starry-tour-inner .tour_detail .priceBox {margin:30px 0; padding:10px 0; border-top:solid 1px #848a9b; border-bottom:solid 1px #848a9b; text-align:center;} #starry-tour-wrap #starry-tour-inner .tour_detail .priceBox span {font-size:30px;} /*ボタン*/ #starry-tour-wrap #starry-tour-inner .tour_detail .btn {text-align:center;} #starry-tour-wrap #starry-tour-inner .tour_detail .btn a{ display:block; width:100%; height: 50px; line-height: 50px; font-size:14px; color:#0e1c4b; background-color: #ffffff; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; font-weight: 400; letter-spacing:0.05em;} #starry-tour-wrap #starry-tour-inner .tour_detail .btn a:hover {background-color: #76716c; color:#ffffff;} /*------------------------------------------------------------- event -------------------------------------------------------------*/ #event-main-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #event-main-wrap #event-main-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:0 auto 0 auto; padding:0 0 0 0; text-align:center;} #event-main-wrap #event-main-inner #detail01, #event-main-wrap #event-main-inner #detail02 {clear: both; margin-top:-100px; padding-top:100px;} #event-main-wrap #event-main-inner .eventArea {clear: both; margin-bottom:100px;} #event-main-wrap #event-main-inner .eventArea .photoArea {float:left; width:35%;} #event-main-wrap #event-main-inner .eventArea .photoArea img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #event-main-wrap #event-main-inner .eventArea .txtArea { float:right; width:60%; text-align:left;} #event-main-wrap #event-main-inner .eventArea .txtArea h3 {font-size:18px; margin-bottom:10px;} #event-main-wrap #event-main-inner .eventArea .txtArea .iconBox {margin-bottom:20px;} #event-main-wrap #event-main-inner .eventArea .txtArea .iconBox img {width:100px; height:20px; margin-right:20px;} #event-main-wrap #event-main-inner .eventArea .txtArea .txtBox {font-size:14px; text-align:justify; margin-bottom:10px; line-height:2; letter-spacing:0.1em;} #event-main-wrap #event-main-inner .eventArea .txtArea .link_text {text-align:right; font-size:12px; font-weight:400;} /*------------------------------------------------------------- rooms -------------------------------------------------------------*/ /*-------------- main ------------*/ #rooms-main-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #rooms-main-wrap #rooms-double-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:40px auto 0 auto; padding:0 0 0 0; text-align:center;} #rooms-main-wrap #rooms-twin-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:80px auto 0 auto; padding:80px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #rooms-main-wrap h3 {font-size:20px; margin-bottom: 5px;} #rooms-main-wrap .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #rooms-main-wrap .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #rooms-main-wrap .slider {width:100%; margin: 0 auto 50px auto;} #rooms-main-wrap .slider img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #rooms-main-wrap .slick-slide {margin: 0px;} #rooms-main-wrap .slick-slide img {width: 100%;} #rooms-main-wrap .txtArea {width:100%; text-align:left;} #rooms-main-wrap .txtArea h4 {font-size:24px; margin-bottom: 10px; letter-spacing:0.1em;} #rooms-main-wrap .txtArea .txtBox {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:30px;} #rooms-main-wrap .detailArea {margin-bottom:30px; padding:50px; text-align:left; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; background-color: #f5f2ef;} #rooms-main-wrap .detailArea .detailBox {clear: both; margin-bottom:50px; padding-bottom:50px;border-bottom:solid 1px #ffffff;} #rooms-main-wrap .detailArea .detailBox:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none;} #rooms-main-wrap .detailArea .detailBox .detailBox_left {float:left; width:15%; text-align:left; line-height:2; letter-spacing:0.1em;} #rooms-main-wrap .detailArea .detailBox .detailBox_right {float:right; width:80%; text-align:left; line-height:2; letter-spacing:0.1em;} /*ボタン*/ #rooms-main-wrap .btnArea {clear: both;} #rooms-main-wrap .btnArea .btn { margin-bottom:10px;} #rooms-main-wrap .btnArea .btn a{ display:block; width:100%; height: 50px; line-height: 50px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; font-weight: 400;} #rooms-main-wrap .btnArea .btn a:hover {background-color: #ededed; color:#76716c;} /*------------------------------------------------------------- spa -------------------------------------------------------------*/ /*-------------- photo ------------*/ #spa-photo-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #spa-photo-wrap #spa-photo-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:40px auto 0 auto; padding:0 0 0 0; text-align:center;} #spa-photo-wrap #spa-photo-inner h3 {font-size:20px; margin-bottom: 5px;} #spa-photo-wrap #spa-photo-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #spa-photo-wrap #spa-photo-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #spa-photo-wrap #spa-photo-inner .slider {width:100%; margin: 0 auto 0 auto;} #spa-photo-wrap #spa-photo-inner .slider img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #spa-photo-wrap #spa-photo-inner .slick-slide {margin: 0px;} #spa-photo-wrap #spa-photo-inner .slick-slide img {width: 100%;} #spa-photo-wrap #spa-photo-inner .picArea {float:left; width:20%; position: relative; text-align:right;} #spa-photo-wrap #spa-photo-inner .picArea .picBox {position: relative; top:-27px; right:0; z-index:50;} #spa-photo-wrap #spa-photo-inner .picArea .picBox img {width:160px; height:160px;} #spa-photo-wrap #spa-photo-inner .txtArea {float:right; width:77%; text-align:left; margin-top: 50px; } #spa-photo-wrap #spa-photo-inner .txtArea h4 {font-size:30px; margin-bottom: 20px;} #spa-photo-wrap #spa-photo-inner .txtArea .txtBox {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom: 0;} /*-------------- limited course ------------*/ #limited-course-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #limited-course-wrap #limited-course-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:80px auto 0 auto; padding:80px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #limited-course-wrap #limited-course-inner h3 {font-size:20px; margin-bottom: 5px;} #limited-course-wrap #limited-course-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:50px;} #limited-course-wrap #limited-course-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #limited-course-wrap #limited-course-inner .leftArea {clear: both; float:left; width:48%; margin-bottom:0;} #limited-course-wrap #limited-course-inner .rightArea { float:right; width:48%; margin-bottom:0;} #limited-course-wrap #limited-course-inner .photoBox {margin-bottom:20px;} #limited-course-wrap #limited-course-inner .photoBox img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #limited-course-wrap #limited-course-inner h4 {font-size:18px; margin-bottom:20px;} #limited-course-wrap #limited-course-inner h4 span {font-size:24px;} #limited-course-wrap #limited-course-inner .txtBox {font-size:14px; text-align:justify; margin-bottom:30px; line-height:2; letter-spacing:0.1em;} /*ボタン*/ #limited-course-wrap #limited-course-inner .btn {text-align:center;} #limited-course-wrap #limited-course-inner .btn a{ display:block; width:100%; height: 50px; line-height: 50px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; font-weight: 400;} #limited-course-wrap #limited-course-inner .btn a:hover {background-color: #ededed; color:#76716c;} /*-------------- regular course ------------*/ #regular-course-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #regular-course-wrap #regular-course-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:80px auto 0 auto; padding:80px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #regular-course-wrap #regular-course-inner h3 {font-size:20px; margin-bottom: 5px;} #regular-course-wrap #regular-course-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:50px;} #regular-course-wrap #regular-course-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #regular-course-wrap #regular-course-inner .leftArea {clear: both; float:left; width:48%; margin-bottom:100px;} #regular-course-wrap #regular-course-inner .rightArea { float:right; width:48%; margin-bottom:100px;} #regular-course-wrap #regular-course-inner .photoBox {margin-bottom:20px;} #regular-course-wrap #regular-course-inner .photoBox img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #regular-course-wrap #regular-course-inner h4 {font-size:18px; margin-bottom:20px;} #regular-course-wrap #regular-course-inner .txtBox {font-size:14px; text-align:justify; margin-bottom:30px; line-height:2; letter-spacing:0.1em;} #regular-course-wrap #regular-course-inner .subtextBox {clear: both; font-size:12px; margin-bottom: 0; line-height:2; letter-spacing:0.1em; text-align:left;} #regular-course-wrap #regular-course-inner .subtextBox ul {margin-left: 25px; margin-bottom: 0;} #regular-course-wrap #regular-course-inner .subtextBox li {font-size:12px; margin: 0.5em 0 0.5em 0; list-style-type: disc;} /*ボタン*/ #regular-course-wrap #regular-course-inner .btn {text-align:center;} #regular-course-wrap #regular-course-inner .btn a{ display:block; width:100%; height: 50px; line-height: 50px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; font-weight: 400;} #regular-course-wrap #regular-course-inner .btn a:hover {background-color: #ededed; color:#76716c;} /*-------------- course detail ------------*/ #course-detail-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #course-detail-wrap #course-detail01-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:-100px auto 0 auto; padding:160px 0 0 0; text-align:center;} #course-detail-wrap #course-detail02-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:80px auto 0 auto; padding:80px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #course-detail-wrap #course-detail03-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:80px auto 0 auto; padding:0 0 0 0; text-align:left;} #course-detail-wrap .photoArea {float:left; width:38%;} #course-detail-wrap .photoArea img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #course-detail-wrap .detailArea {float:right; width:57%; text-align:left;} #course-detail-wrap .detailArea h3 {font-size:24px; margin-bottom:10px;} #course-detail-wrap .detailArea .txt {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:20px;} #course-detail-wrap .detailArea .detailBox {margin:20px 0;} #course-detail-wrap ul {margin-left: 25px; margin-bottom: 0;} #course-detail-wrap li {font-size:12px; margin: 0.5em 0 0.5em 0; list-style-type: disc; line-height:2; letter-spacing:0.1em;} /*説明*/ #course-detail-wrap .whatArea {clear: both; margin-top:20px;padding:50px; background-color: rgba( 245, 242, 239, 1 ); border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #course-detail-wrap .whatArea .photoArea1 { float:left; width:32%;} #course-detail-wrap .whatArea .txtArea1 { float:right; width:63%; text-align:justify; line-height:2; letter-spacing:0.1em;} #course-detail-wrap .whatArea .photoArea2 { float:right; width:32%;} #course-detail-wrap .whatArea .txtArea2 { float:left; width:63%; text-align:justify; line-height:2; letter-spacing:0.1em;} #course-detail-wrap .whatArea img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} /*オプション*/ #course-detail-wrap .optionArea {text-align:left; margin-bottom:30px;} #course-detail-wrap .optionArea h3 {font-size:14px; margin-bottom:50px;} #course-detail-wrap .optionArea h3 span {font-size:24px;} #course-detail-wrap .optionArea .leftArea {float:left; width:48%;} #course-detail-wrap .optionArea .rightArea {float:right; width:48%;} #course-detail-wrap .optionArea h4 {font-size:18px;} #course-detail-wrap .optionArea .txtBox {font-size:14px; margin-bottom:30px; line-height:2; letter-spacing:0.1em;} /*ボタン*/ #course-detail-wrap .btn {clear: both; text-align:center; margin-top:20px;} #course-detail-wrap .btn a{ display:block; width:100%; height: 50px; line-height: 50px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; font-weight: 400;} #course-detail-wrap .btn a:hover {background-color: #ededed; color:#76716c;} /*------------------------------------------------------------- daytrip -------------------------------------------------------------*/ /*-------------- limited ------------*/ #dinner-limited-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #dinner-limited-wrap #dinner-limited-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:100px auto 0 auto; padding:0 0 0 0; text-align:center;} #dinner-limited-wrap #dinner-limited-inner h3 {font-size:20px; margin-bottom: 5px;} #dinner-limited-wrap #dinner-limited-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:0px;} #dinner-limited-wrap #dinner-limited-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #dinner-limited-wrap #dinner-limited-inner .photoArea {width:100%; margin:50px 0 30px 0;} #dinner-limited-wrap #dinner-limited-inner .photoArea img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #dinner-limited-wrap #dinner-limited-inner h4 {font-size:24px; text-align:left; margin-bottom:20px; line-height:1;} #dinner-limited-wrap #dinner-limited-inner .date {font-size:16px; text-align:left; margin-bottom:5px; line-height:2; letter-spacing:0.1em;} #dinner-limited-wrap #dinner-limited-inner .copy {font-size:14px; text-align:justify; margin-bottom:30px; line-height:2; letter-spacing:0.1em;} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox {margin:0 0 0 0; padding:20px 10px 20px 10px; font-size:14px; text-align:left; border-top:solid 1px #dfdcd9;} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox:last-child {border-bottom:solid 1px #dfdcd9;} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox .detailBox_left {clear: both; float:left; width:20%;} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox .detailBox_left .txt {margin-top:10px;} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox .detailBox_right {float:right; width:75%; font-size:14px;} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox .detailBox_right .menuBox {float:left; margin-right:15%;} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox .detailBox_right .menuBox:last-child {margin-right:0;} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox .detailBox_right .menuBox ul {margin-left: 30px;} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox .detailBox_right .menuBox li {margin: 0.5em 0 0.5em 0; list-style-type: disc;} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox .detailBox_right .priceBox span.price {font-size:24px; font-weight: 400;} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox .detailBox_right .telBox span {font-size:24px;} /*-------------- regular ------------*/ #dinner-regular-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #dinner-regular-wrap #dinner-regular-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:120px auto 0 auto; padding:0 0 0 0; text-align:center;} #dinner-regular-wrap #dinner-regular-inner h3 {font-size:20px; margin-bottom: 5px;} #dinner-regular-wrap #dinner-regular-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:50px;} #dinner-regular-wrap #dinner-regular-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #dinner-regular-wrap #dinner-regular-inner .slider {width:100%; margin: 0 auto 50px auto;} #dinner-regular-wrap #dinner-regular-inner .slider img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #dinner-regular-wrap #dinner-regular-inner .slick-slide {margin: 0px;} #dinner-regular-wrap #dinner-regular-inner .slick-slide img {width: 100%;} #dinner-regular-wrap #dinner-regular-inner .txtArea {width:100%; text-align:left;} #dinner-regular-wrap #dinner-regular-inner .txtArea h4 {font-size:24px; margin-bottom: 10px; letter-spacing:0.1em;} #dinner-regular-wrap #dinner-regular-inner .txtArea .txt {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:0;} #dinner-regular-wrap #dinner-regular-inner .courseArea {text-align:left; margin-top: 80px;} #dinner-regular-wrap #dinner-regular-inner .courseArea .star {line-height:2; letter-spacing:0.1em; margin-bottom:0;} #dinner-regular-wrap #dinner-regular-inner .courseArea h5 {font-size:20px; margin-bottom: 10px; letter-spacing:0.1em;} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox {margin:0; padding:20px 10px 20px 10px; font-size:14px; text-align:left; border-top:solid 1px #dfdcd9;} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox:last-child {border-bottom:solid 1px #dfdcd9;} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox .detailBox_left {clear: both; float:left; width:20%;} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox .detailBox_left .txt {margin-top:10px;} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox .detailBox_right {float:right; width:75%; font-size:14px;} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox .detailBox_right .menuBox {float:left; margin-right:15%;} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox .detailBox_right .menuBox:last-child {margin-right:0;} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox .detailBox_right .menuBox ul {margin-left: 30px;} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox .detailBox_right .menuBox li {margin: 0.5em 0 0.5em 0; list-style-type: disc;} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox .detailBox_right .priceBox span {font-size:24px; font-weight: 400;} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox .detailBox_right .telBox span {font-size:24px;} /*-------------- onsen ------------*/ #daytrip-onsen-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #daytrip-onsen-wrap #daytrip-onsen-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:120px auto 0 auto; padding:80px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #daytrip-onsen-wrap #daytrip-onsen-inner h3 {font-size:20px; margin-bottom: 5px;} #daytrip-onsen-wrap #daytrip-onsen-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:50px;} #daytrip-onsen-wrap #daytrip-onsen-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #daytrip-onsen-wrap #daytrip-onsen-inner .photoArea {clear: both; float:left; width:48%; margin-bottom:100px;} #daytrip-onsen-wrap #daytrip-onsen-inner .txtArea { float:right; width:48%; margin-bottom:100px; text-align:left;} #daytrip-onsen-wrap #daytrip-onsen-inner img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #daytrip-onsen-wrap #daytrip-onsen-inner h4 {font-size:24px; margin-bottom: 10px; letter-spacing:0.1em;} #daytrip-onsen-wrap #daytrip-onsen-inner .txt1 {font-size:14px; text-align:justify; margin-bottom:20px; line-height:2; letter-spacing:0.1em;} #daytrip-onsen-wrap #daytrip-onsen-inner .txt2 {font-size:12px; text-align:justify; margin-bottom:20px; line-height:2; letter-spacing:0.1em;} #daytrip-onsen-wrap #daytrip-onsen-inner ul {margin-left: 25px; margin-bottom: 10px;} #daytrip-onsen-wrap #daytrip-onsen-inner li {font-size:12px; margin: 0.5em 0 0.5em 0; list-style-type: disc;} /*ボタン*/ #daytrip-onsen-wrap #daytrip-onsen-inner .btn {text-align:center;} #daytrip-onsen-wrap #daytrip-onsen-inner .btn a{ display:block; width:100%; height: 50px; line-height: 50px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; font-weight: 400;} #daytrip-onsen-wrap #daytrip-onsen-inner .btn a:hover {background-color: #ededed; color:#76716c;} /*-------------- spa ------------*/ #daytrip-spa-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #daytrip-spa-wrap #daytrip-spa-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:0 auto 0 auto; padding:80px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #daytrip-spa-wrap #daytrip-spa-inner h3 {font-size:20px; margin-bottom: 5px;} #daytrip-spa-wrap #daytrip-spa-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:50px;} #daytrip-spa-wrap #daytrip-spa-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #daytrip-spa-wrap #daytrip-spa-inner .photoArea {clear: both; float:left; width:48%; margin-bottom:100px;} #daytrip-spa-wrap #daytrip-spa-inner .txtArea { float:right; width:48%; margin-bottom:100px; text-align:left;} #daytrip-spa-wrap #daytrip-spa-inner img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #daytrip-spa-wrap #daytrip-spa-inner h4 {font-size:24px; margin-bottom: 10px; letter-spacing:0.1em;} #daytrip-spa-wrap #daytrip-spa-inner .txt {font-size:14px; text-align:justify; margin-bottom:20px; line-height:2; letter-spacing:0.1em;} /*ボタン*/ #daytrip-spa-wrap #daytrip-spa-inner .btn {text-align:center;} #daytrip-spa-wrap #daytrip-spa-inner .btn a{ display:block; width:100%; height: 50px; line-height: 50px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; font-weight: 400;} #daytrip-spa-wrap #daytrip-spa-inner .btn a:hover {background-color: #ededed; color:#76716c;} /*------------------------------------------------------------- plan -------------------------------------------------------------*/ #plan-main-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #plan-main-wrap #plan-main-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:40px auto 0 auto; padding:0 0 0 0; text-align:center;} #plan-main-wrap #plan-main-inner .planArea {width:100%; margin-bottom:80px; padding:0 0 80px 0; border-bottom:solid 1px #dfdcd9;} #plan-main-wrap #plan-main-inner .planArea .photoArea { float:left; width:46%;} #plan-main-wrap #plan-main-inner .planArea .photoArea .slider {width:100%; margin: 0 auto 0 auto;} #plan-main-wrap #plan-main-inner .planArea .photoArea .slider img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #plan-main-wrap #plan-main-inner .planArea .photoArea .slick-slide {margin: 0px;} #plan-main-wrap #plan-main-inner .planArea .photoArea .slick-slide img {width: 100%;} #plan-main-wrap #plan-main-inner .planArea .txtArea { float:right; width:47%; text-align:left;} #plan-main-wrap #plan-main-inner .planArea .txtArea h3 {font-size:24px; margin-bottom:10px;} #plan-main-wrap #plan-main-inner .planArea .txtArea .plan_icon {margin-bottom:30px;} #plan-main-wrap #plan-main-inner .planArea .txtArea .plan_icon img {width: 80px; height:20px; margin-right:5px;} #plan-main-wrap #plan-main-inner .planArea .txtArea .plan_txt {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:20px;} #plan-main-wrap #plan-main-inner .planArea .txtArea .plan_txt span {font-size:12px; text-align:left;} #plan-main-wrap #plan-main-inner .planArea .txtArea .detailBox {margin-bottom:30px;} #plan-main-wrap #plan-main-inner .otherplanArea {width:100%; margin-bottom:80px; padding:0 0 0 0;} #plan-main-wrap #plan-main-inner .otherplanArea .txt1{font-size:30px; margin:30px 0 10px 0;} #plan-main-wrap #plan-main-inner .otherplanArea .txt2{font-size:36px; margin-bottom:10px;} #plan-main-wrap #plan-main-inner .otherplanArea .txt3{font-size:18px;} #plan-main-wrap #plan-main-inner .cautionArea {margin-top:50px; text-align:left;} #plan-main-wrap #plan-main-inner .cautionArea ul {margin-left: 25px; margin-bottom:40px;} #plan-main-wrap #plan-main-inner .cautionArea li {font-size:14px; margin: 0.5em 0 0.5em 0; list-style-type: disc; line-height:2; letter-spacing:0.1em;} /*ボタン*/ #plan-main-wrap #plan-main-inner .btnArea {clear: both;} #plan-main-wrap #plan-main-inner .btnArea .btn { text-align:center; margin-bottom:10px;} #plan-main-wrap #plan-main-inner .btnArea .btn a{ display:block; width:100%; height: 50px; line-height: 50px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; font-weight: 400;} #plan-main-wrap #plan-main-inner .btnArea .btn a:hover {background-color: #ededed; color:#76716c;} /*------------------------------------------------------------- spots -------------------------------------------------------------*/ #spots-main-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #spots-main-wrap #spots-main-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:80px auto 0 auto; padding:0 0 0 0; text-align:center;} #spots-main-wrap #spots-main-inner .spotsArea {clear: both; margin-bottom:100px;} #spots-main-wrap #spots-main-inner .spotsArea .photoArea {float:left; width:48%;} #spots-main-wrap #spots-main-inner .spotsArea .photoArea img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #spots-main-wrap #spots-main-inner .spotsArea .txtArea { float:right; width:47%; text-align:left;} #spots-main-wrap #spots-main-inner .spotsArea .txtArea h3 {font-size:24px; margin-bottom:10px;} #spots-main-wrap #spots-main-inner .spotsArea .txtArea .carBox {font-size:18px; margin-bottom:20px;} #spots-main-wrap #spots-main-inner .spotsArea .txtArea .carBox span {font-size:20px; } #spots-main-wrap #spots-main-inner .spotsArea .txtArea .txtBox {font-size:14px; text-align:justify; margin-bottom:20px; line-height:2; letter-spacing:0.1em;} #spots-main-wrap #spots-main-inner .spotsArea .txtArea .btn_map {font-size:16px; text-align:right; margin-bottom:10px;} #spots-main-wrap #spots-main-inner .spotsArea .txtArea .btn_originalsite {font-size:16px; text-align:right;} /*姉妹館*/ #spots-other-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #spots-other-wrap #spots-other-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:80px auto 0 auto; padding:80px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #spots-other-wrap #spots-other-inner h3 {font-size:20px; margin-bottom: 50px;} #spots-other-wrap #spots-other-inner .otherArea {clear: both; margin-bottom:100px;} #spots-other-wrap #spots-other-inner .otherArea .photoArea {float:left; width:48%;} #spots-other-wrap #spots-other-inner .otherArea .photoArea img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #spots-other-wrap #spots-other-inner .otherArea .txtArea { float:right; width:47%; text-align:left;} #spots-other-wrap #spots-other-inner .otherArea .txtArea h3 {font-size:24px; margin-bottom:10px;} #spots-other-wrap #spots-other-inner .otherArea .txtArea .carBox {font-size:18px; margin-bottom:20px;} #spots-other-wrap #spots-other-inner .otherArea .txtArea .carBox span {font-size:20px; } #spots-other-wrap #spots-other-inner .otherArea .txtArea .txtBox {font-size:14px; text-align:justify; margin-bottom:20px; line-height:2; letter-spacing:0.1em;} #spots-other-wrap #spots-other-inner .otherArea .txtArea .btn_map {font-size:16px; text-align:right; margin-bottom:10px;} #spots-other-wrap #spots-other-inner .otherArea .txtArea .btn_originalsite {font-size:16px; text-align:right;} /*------------------------------------------------------------- access -------------------------------------------------------------*/ /*-------------- googlemap ------------*/ #map-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #map-wrap #map-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:80px auto 0 auto; padding:0 0 0 0; text-align:center;} #map-wrap #map-inner #mapArea {width:100%; margin-bottom:10px;} #map-wrap #map-inner #mapArea #map {width:100%; height:400px; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #map-wrap #map-inner .link_google {font-size:12px; font-weight:400; text-align:right;} /*-------------- main ------------*/ #access-main-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #access-main-wrap #access-main-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:30px auto 0 auto; padding:0 0 0 0; text-align:center;} #access-main-wrap #access-main-inner .addressArea {width:100%; margin-bottom:100px; text-align:left;} #access-main-wrap #access-main-inner .addressArea h3 {font-size:18px; margin-bottom: 5px; line-height:2; letter-spacing:0.1em;} #access-main-wrap #access-main-inner .addressArea .txt {font-size:14px; margin-bottom: 20px; line-height:2; letter-spacing:0.1em;} #access-main-wrap #access-main-inner .rootmapArea {width:100%; text-align:left;} #access-main-wrap #access-main-inner .rootmapArea h3 {font-size:18px; margin-bottom: 20px; line-height:2; letter-spacing:0.1em;} #access-main-wrap #access-main-inner .rootmapArea .pic {margin-bottom: 30px;} #access-main-wrap #access-main-inner .rootmapArea .pic img {width:100%; height:100%;} #access-main-wrap #access-main-inner .rootmapArea ul {margin-left: 25px; margin-bottom: 100px;} #access-main-wrap #access-main-inner .rootmapArea ul li {margin: 0.5em 0 0.5em 0; list-style-type: disc; font-size:12px;} /*------------------------------------------------------------- news -------------------------------------------------------------*/ #news-list-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #news-list-wrap #news-list-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:50px auto 80px auto; padding:0; text-align:left;} #news-list-wrap #news-list-inner .listArea {margin: 10px 0 0 0; border-top:solid 1px #dfdcd9;} #news-list-wrap #news-list-inner .listArea dl {clear:both; padding:20px 0 10px 0; border-bottom:solid 1px #dfdcd9; text-align:left;} #news-list-wrap #news-list-inner .listArea dt {float:left; width: 20%; padding-left:2%; line-height:2; letter-spacing:0.1em;} #news-list-wrap #news-list-inner .listArea dd {float:right; width: 76%; padding-right:2%; line-height:2; letter-spacing:0.1em;} #news-list-wrap #news-list-inner .listArea dd h3 {font-size:16px; margin-bottom:10px;} #news-list-wrap #news-list-inner .listArea dd p {margin-bottom:10px;} #news-list-wrap #news-list-inner .listArea dd ul {margin-left: 25px;} #news-list-wrap #news-list-inner .listArea dd ul li {margin: 0.5em 0 0.5em 0; list-style-type: disc;} #news-list-wrap #news-list-inner .listArea dd ul li:last-child {margin-bottom: 0;} #news-list-wrap #news-list-inner .listArea dd ol {margin-left: 25px;} #news-list-wrap #news-list-inner .listArea dd ol li {margin: 0.5em 0 0.5em 0; list-style-type: decimal;} #news-list-wrap #news-list-inner .listArea dd ol li:last-child {margin-bottom: 0;} #news-list-wrap #news-list-inner .listArea a {text-decoration: underline;} /*------------------------------------------------------------- contact -------------------------------------------------------------*/ #contact-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #contact-wrap #contact-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:50px auto 80px auto; padding:0; text-align:left;} #contact-wrap #contact-inner .contactArea {width:100%;} #contact-wrap #contact-inner .contactArea .subcopy {line-height:2; letter-spacing:0.1em;} #contact-wrap #contact-inner .contactArea .formArea {width: 100%; margin: 10px 0 0 0;} #contact-wrap #contact-inner .contactArea h3 {font-size:14px; margin: 0 0 20px 0;} #contact-wrap #contact-inner .contactArea .send_copy {font-size:14px; line-height:2;} #contact-wrap #contact-inner .contactArea .formArea {width: 100%; border-top:solid 1px #dfdcd9;} #contact-wrap #contact-inner .contactArea .formArea dl {clear:both; width: 100%; border-bottom:solid 1px #dfdcd9;} #contact-wrap #contact-inner .contactArea .formArea dt {float:left; width: 30%; height:50px; line-height:50px; padding: 10px 0;} #contact-wrap #contact-inner .contactArea .formArea dd {float:left; width: 70%; height:50px; line-height:50px; padding: 10px 0;} #contact-wrap #contact-inner .contactArea .formArea dd select {} #contact-wrap #contact-inner .contactArea .formArea dd input, #contact-wrap #contact-inner .contactArea .formArea dd textarea {padding:0 4px; vertical-align:middle; border:solid 1px #c8c8c8; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #contact-wrap #contact-inner .contactArea .formArea .textArea {height:120px;} #contact-wrap #contact-inner .contactArea .btnArea {width: 200px; margin:30px auto 0 auto; text-align:center;} #contact-wrap #contact-inner .contactArea .btnArea input {display:block; width: 200px; height: 50px; font-size:14px; color:#ffffff; background-color:#76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; border:none;} #contact-wrap #contact-inner .contactArea .btnArea input:hover {color:#76716c; background-color:#ededed;} /*.form_control {width:auto;}*/ /*------------------------------------------------------------- cancel -------------------------------------------------------------*/ #cancel-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #cancel-wrap #cancel-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:100px auto 0 auto; padding:0; text-align:left;} #cancel-wrap #cancel-inner .cancelArea {width:100%;} #cancel-wrap #cancel-inner .cancelArea .subcopy {line-height:2; letter-spacing:0.1em;} #cancel-wrap #cancel-inner .cancelArea .cancelBox {margin:30px 0; padding:20px 0; border-top:solid 1px #dfdcd9; border-bottom:solid 1px #dfdcd9;} #cancel-wrap #cancel-inner .cancelArea .cancelBox table.cancel {margin:0; padding:0; border-collapse:collapse;} #cancel-wrap #cancel-inner .cancelArea .cancelBox table.cancel td.txt01 {padding: 10px; vertical-align:middle; line-height:2; letter-spacing:0.1em; white-space:nowrap; font-weight:400;} #cancel-wrap #cancel-inner .cancelArea .cancelBox table.cancel td.txt02 {padding: 10px 10px 10px 50px; vertical-align:middle; line-height:2; letter-spacing:0.1em;} /*------------------------------------------------------------- privacy -------------------------------------------------------------*/ #privacy-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #privacy-wrap #privacy-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:100px auto 0 auto; padding:0; text-align:left;} #privacy-wrap #privacy-inner .privacyArea {width:100%;} #privacy-wrap #privacy-inner .privacyArea .subcopy {line-height:2; letter-spacing:0.1em;} #privacy-wrap #privacy-inner .privacyArea h3 {font-size:16px; margin:50px 0 50px 0;} #privacy-wrap #privacy-inner .privacyArea dl {margin:0 0 0 0; padding: 0;} #privacy-wrap #privacy-inner .privacyArea dt h4 {font-size:14px; font-weight:400; margin:0 0 5px 0; } #privacy-wrap #privacy-inner .privacyArea dd {font-size:13px; line-height: 1.8; letter-spacing:0.1em; margin:0 0 50px 0; text-align: justify;} #privacy-wrap #privacy-inner .privacyArea dd.txt_r {text-align: right;} #privacy-wrap #privacy-inner .privacyArea ol, #privacy-wrap #privacy-inner .privacyArea ul {margin-left: 25px;} #privacy-wrap #privacy-inner .privacyArea ol li {margin: 1em 0 0 0; list-style-type: decimal;} #privacy-wrap #privacy-inner .privacyArea ol li ul li, #privacy-wrap #privacy-inner .privacyArea ol li ol li {margin: 0.5em 0 0 0; list-style-type: disc;} #privacy-wrap #privacy-inner .privacyArea ol li ul li:last-child, #privacy-wrap #privacy-inner .privacyArea ol li ol li:last-child {margin: 0.5em 0 2em 0;} /*------------------------------------------------------------- law -------------------------------------------------------------*/ #law-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #law-wrap #law-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:100px auto 0 auto; padding:0; text-align:left;} #law-wrap #law-inner .lawArea {width:100%;} #law-wrap #law-inner .lawArea .subcopy {line-height:2; letter-spacing:0.1em; margin-bottom:50px;} #law-wrap #law-inner .lawArea dl {padding:20px 0; font-size:14px;border-top:solid 1px #dfdcd9;} #law-wrap #law-inner .lawArea dl:last-child {border-bottom:solid 1px #dfdcd9;} #law-wrap #law-inner .lawArea dt {width:25%; float: left; clear: both; line-height:2;} #law-wrap #law-inner .lawArea dd {margin-left:25%; line-height:2;} #law-wrap #law-inner .lawArea ol, #law-wrap #law-inner .lawArea ul {margin-left: 25px;} #law-wrap #law-inner .lawArea ol li {margin: 0.5em 0 0.5em 0; list-style-type: decimal; line-height:2;} #law-wrap #law-inner .lawArea ul li {margin: 0.5em 0 0.5em 0; list-style-type: disc; line-height:2;} /*#law-wrap #law-inner .lawArea ol li ul li, #law-wrap #law-inner .lawArea ol li ol li {margin: 0.5em 0 0 0; list-style-type: disc;} */ /*------------------------------------------------------------- footer Area -------------------------------------------------------------*/ /*banner*/ #banner-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #banner-wrap #banner-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:150px auto 60px auto;} #banner-wrap #banner-inner .bannerArea {margin-left: -3.3333%; zoom: 1;} #banner-wrap #banner-inner .bannerArea ul {margin: 0;} #banner-wrap #banner-inner .bannerArea li {width:30%; float: left; list-style: none; margin-left: 3.3333%; text-align:center;} #banner-wrap #banner-inner .bannerArea li img {width: 100%; height:100%; margin-bottom: 5px; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #banner-wrap #banner-inner .bannerArea .font_b{font-size:20px; padding:10px 0 5px 0; text-decoration: none;} #banner-wrap #banner-inner .bannerArea .font_s {font-size:12px; font-weight: 400;} #banner-wrap #banner-inner .bannerArea .font_s span {border-bottom:solid 1px #725731; padding-bottom: 2px;} /*footer*/ #footer-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible; position:relative; background:url(../images/bg_footer.png) repeat-x 0 0; background-color:#e0dcd6;} #footer-wrap #footer-inner{width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); margin:0 auto 0 auto; padding:0 0 0 0; } #footer-wrap #footer-inner #logoArea {margin-bottom: 70px; text-align:center;} #footer-wrap #footer-inner #logoArea .footer_logo {margin-bottom: 40px;} #footer-wrap #footer-inner #logoArea .footer_logo img {} #footer-wrap #footer-inner #logoArea .footer_txt {font-size:18px; line-height:1.8; letter-spacing:0.1em;} #footer-wrap #footer-inner #addArea {padding: 30px 0; text-align:left; border-top:solid 1px #ffffff;} #footer-wrap #footer-inner #addArea .txt01 {font-size:14px; margin-bottom: 5px;} #footer-wrap #footer-inner #addArea .txt02 {font-size:18px; margin-bottom: 5px;} #footer-wrap #footer-inner #addArea .txt03 {font-size:12px;} #footer-wrap #footer-inner #btnArea {padding: 24px 0; text-align:center; border-top:solid 1px #ffffff;} #footer-wrap #footer-inner #btnArea #btnBox_left {float:left; width:90%;} #footer-wrap #footer-inner #btnArea #btnBox_left ul {list-style:none; text-align:left;} #footer-wrap #footer-inner #btnArea #btnBox_left li {display:inline-block; padding-right: 2.5%; font-size:12px; font-weight:200; height:24px; line-height:24px;} #footer-wrap #footer-inner #btnArea #btnBox_left li:last-child {padding-right: 0;} #footer-wrap #footer-inner #btnArea #btnBox_right {float:right; width:10%;} #footer-wrap #footer-inner #btnArea #btnBox_right ul {list-style:none; text-align:right;} #footer-wrap #footer-inner #btnArea #btnBox_right li {display:inline-block; font-weight:400; height:24px; line-height:24px;} #footer-wrap #footer-inner #btnArea #btnBox_right li.fb {font-size:20px; padding-right: 5px;} #footer-wrap #footer-inner #btnArea #btnBox_right li.insta {font-size:20px;} #footer-wrap #footer-inner #btnArea a {color: #725731;} #footer-wrap #footer-inner #btnArea a:hover {color: #ffffff;} #footer-wrap #footer-inner #copyArea {padding: 10px 0 20px 0; text-align:right; border-top:solid 1px #ffffff;} #footer-wrap #footer-inner #copyArea #copyright{font-size:12px;} #footer-starry-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible; position:relative; bottom:0; background: url(../images/bg_starry_footer.png) repeat center bottom;} #footer-starry-wrap #footer-starry-inner {width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); margin:0 auto 0 auto; padding:0 0 0 0; } #footer-starry-wrap #footer-starry-inner #addArea {padding: 360px 0 0 0; text-align:left;} #footer-starry-wrap #footer-starry-inner #addArea .txt01 {font-size:14px; margin-bottom: 5px;} #footer-starry-wrap #footer-starry-inner #addArea .txt02 {font-size:18px; margin-bottom: 5px;} #footer-starry-wrap #footer-starry-inner #addArea .txt03 {font-size:12px;} #footer-starry-wrap #footer-starry-inner #btnArea {padding: 24px 0; text-align:center;} #footer-starry-wrap #footer-starry-inner #btnArea #btnBox_left {float:left; width:90%;} #footer-starry-wrap #footer-starry-inner #btnArea #btnBox_left ul {list-style:none; text-align:left;} #footer-starry-wrap #footer-starry-inner #btnArea #btnBox_left li {display:inline-block; padding-right: 2.5%; font-size:12px; font-weight:200; height:24px; line-height:24px;} #footer-starry-wrap #footer-starry-inner #btnArea #btnBox_left li:last-child {padding-right: 0;} #footer-starry-wrap #footer-starry-inner #btnArea #btnBox_right {float:right; width:10%;} #footer-starry-wrap #footer-starry-inner #btnArea #btnBox_right ul {list-style:none; text-align:right;} #footer-starry-wrap #footer-starry-inner #btnArea #btnBox_right li {display:inline-block; font-weight:400; height:24px; line-height:24px;} #footer-starry-wrap #footer-starry-inner #btnArea #btnBox_right li.fb {font-size:20px; padding-right: 5px;} #footer-starry-wrap #footer-starry-inner #btnArea #btnBox_right li.insta {font-size:20px;} #footer-starry-wrap #footer-starry-inner #btnArea a {color: #ffffff;} #footer-starry-wrap #footer-starry-inner #btnArea a:hover {color: #725731;} #footer-starry-wrap #footer-starry-inner #copyArea {padding: 0 0 20px 0; text-align:right;} #footer-starry-wrap #footer-starry-inner #copyArea #copyright{font-size:12px;} /*------------------------------------------------------------- common -------------------------------------------------------------*/ table.detail { width: 100%; margin:0; padding:0; border-collapse:collapse; border-top:solid 1px #dfdcd9;} table.detail td.txt01 { width: 20%; padding: 10px; vertical-align:middle; line-height:2; letter-spacing:0.1em; white-space:nowrap; border-bottom:solid 1px #dfdcd9; } table.detail td.txt02 { width: 80%; padding: 10px; vertical-align:middle; line-height:2; letter-spacing:0.1em; border-bottom:solid 1px #dddddd;} table.detail span.price {font-size:24px; font-weight: 400;} table.detail span.price18 {font-size:18px; font-weight: 400;} table.detail span.size {font-size:20px;} table.detail span.tel {font-size:24px;} .font_small {font-size:12px;} .font_del {text-decoration: line-through;} .fb-arrow-right:before{font-family: "Font Awesome 5 Free"; content: '\f0a9' ; font-weight:900; padding: 0 4px; vertical-align:0px;} .fb-arrow-left:before{font-family: "Font Awesome 5 Free"; content: '\f0a8' ; font-weight:900; padding: 0 4px; vertical-align:0px;} .fb-arrow-up:before{font-family: "Font Awesome 5 Free"; content: '\f0aa' ; font-weight:900; padding: 0 4px;} .fb-fb:before{font-family: "Font Awesome 5 Brands"; content: '\f082'; padding: 0 4px;} .fb-point:before{font-family: "Font Awesome 5 Free"; content: '\f3c5'; font-weight:900; padding: 0 4px;} .fb-tel:before{font-family: "Font Awesome 5 Free"; content: '\f095'; font-weight:900; padding: 0 4px;} .fb-bag:before{font-family: "Font Awesome 5 Free"; content: '\f0f2'; font-weight:900; padding: 0 4px;} .fb-insta:before{font-family:"Font Awesome 5 Brands"; content: '\f16d'; padding: 0 4px;} .fb-car:before{font-family: "Font Awesome 5 Free"; content: '\f1b9'; font-weight:900; padding: 0 4px;} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer;cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track{position: relative;top: 0;left: 0;display: block;} .slick-track:before, .slick-track:after{display: table;content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none;float: left;height: 100%;min-height: 1px;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} /* Slider loading */ .slick-loading .slick-list{background: #fff url('../images/ajax-loader.gif') center center no-repeat;} /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 30px; height: 30px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: #725731; border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px; z-index:1000; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: #dddddd; border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { /*font-family: 'slick';*/ font-size: 24px; line-height: 1; z-index:300; opacity: 1; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev{left: -15px;} [dir='rtl'] .slick-prev{right: -15px;left: auto;} .slick-prev:before{content: '←';} [dir='rtl'] .slick-prev:before{content: '→';} .slick-next{right: -20px;} [dir='rtl'] .slick-next{right: auto;left: -20px;} .slick-next:before{content: '→';} [dir='rtl'] .slick-next:before{content: '←';} /* Dots */ .slick-dotted.slick-slider{margin-bottom: 30px;} .slick-dots { position: absolute; bottom: -30px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 2px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: "Font Awesome 5 Free"; font-weight:900; font-size: 12px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '\f111'; text-align: center; opacity: .5; color: #725731; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: 1; color: #725731; /*border: solid 1px #ffffff; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;*/ } /*/PC*/ } @media screen and (max-width: 783px) { /* スマートフォン用のスタイル記述 */ body{ background-color: #ffffff; height: 100%; animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal; } @keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} } @-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} } img, object, embed { max-width: 100%; height: auto; } img { -ms-interpolation-mode: bicubic; } #wrapper.night {background:url(../images/bg_star.jpg) repeat-y center top; background-color:#19195c; color:#ffffff;} /*-------------- Link ------------*/ a:link{color: #725731; text-decoration: none;} a:visited{color: #725731; text-decoration: none;} a:hover{color: #cccccc; text-decoration: none;} a:active{color: #cccccc; text-decoration: none;} a.white:link{color: #ffffff; text-decoration: none;} a.white:visited{color: #ffffff; text-decoration: none;} a.white:hover{color: #999999;text-decoration: none;} a.white:active{color: #999999; text-decoration: none;} a.nochange:link{color: #725731; text-decoration: none;} a.nochange:visited{color: #725731; text-decoration: none;} a.nochange:hover{color: #725731;text-decoration: none;} a.nochange:active{color: #725731; text-decoration: none;} a.line:link{color: #725731; text-decoration: underline;} a.line:visited{color: #725731; text-decoration: underline;} a.line:hover{color: #cccccc;text-decoration: underline;} a.line:active{color: #cccccc; text-decoration: underline;} #wrapper {width:100%;font-size:14px;line-height: 1.6;min-width:308px;} #wrapper.night {background:url(../images/bg_star.jpg) repeat-y 0 0; background-color:#19195c; color:#ffffff;} .pc {display: none} .sp {display: block;} #booking-wrap {display:none;} /*------------------------------------------------------------- SP Menu -------------------------------------------------------------*/ #header-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #header-wrap #header-inner {position: fixed; width: 100%; top: 0; z-index:2100; padding-top:66px; background-color:#ffffff;} #header-wrap #header-inner h1 {position: fixed; left: 50%; top: 5px; margin-left: -55px; z-index: 2300;} #header-wrap #header-inner h1 img {width:110px;} /*SP Menu*/ .cd-primary-nav-trigger { position: fixed; right: 5%; top: 13px; height: 40px; width: 40px; background-color: #ffffff; display: block; cursor: pointer; z-index: 2200; } .cd-primary-nav-trigger .cd-menu-icon { display: inline-block; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 26px; height: 2px; background-color: #725731; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; } .cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: #725731; right: 0; -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -moz-transition: -moz-transform .3s, top .3s, background-color 0s; transition: transform .3s, top .3s, background-color 0s; } .cd-primary-nav-trigger .cd-menu-icon::before {top: -7px;} .cd-primary-nav-trigger .cd-menu-icon::after {top: 7px;} .cd-primary-nav-trigger .cd-menu-icon.is-clicked {background-color: rgba(255, 255, 255, 0);} .cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {background-color: #725731;} .cd-primary-nav-trigger .cd-menu-icon.is-clicked::before { top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after { top: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); } .cd-primary-nav { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, 1); z-index: 2100; text-align: center; padding: 0 0 30px 0;/*ここ！*/ -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; } .cd-primary-nav .logo {text-align:center; padding: 10px 0 0 20px;} .cd-primary-nav .logo img {width:120px;} .cd-primary-nav .reserveLink { margin:90px auto 0 auto; width:90%; text-align:center;} .cd-primary-nav .reserveLink ul {list-style:none;} .cd-primary-nav .reserveLink li {float:left; font-size:15px; font-weight:200; width:48%; margin-right:4%;} .cd-primary-nav .reserveLink li:last-child {margin-right:0;} .cd-primary-nav .reserveLink li a {display:block; width:100%; height: 36px; line-height: 36px; font-size:16px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} .cd-primary-nav .reserveLink li a:hover {background-color: #76716c; color:#cccccc;} .cd-primary-nav .mainLink { margin:10px auto 0 auto;} .cd-primary-nav .mainLink ul {} .cd-primary-nav .mainLink li {font-size: 15px; font-weight:200; margin:0 auto 0 auto; border-top:solid 1px #dddddd; width:90%;} .cd-primary-nav .mainLink li:last-child {border-bottom:none;} .cd-primary-nav .mainLink li a { display: inline-block; width:100%; padding: 8px 0 8px 0; text-align: center; text-decoration:none; } .cd-primary-nav .cd-iconArea {margin:10px auto 0 auto;} .cd-primary-nav .cd-iconArea ul {list-style:none; text-align:center;} .cd-primary-nav .cd-iconArea li {display:inline-block; padding: 0 5px; height:30px; line-height:30px; vertical-align:middle; color:#76716c;} .cd-primary-nav .cd-iconArea li.fb {font-size:30px;} .cd-primary-nav .cd-iconArea li.insta {font-size:30px;} .cd-primary-nav .cd-iconArea ul > li > ul.lang > li { padding: 0 2px;} .cd-primary-nav .cd-iconArea ul > li > ul.lang > li.jp { border-bottom:solid 1px #76716c; padding-bottom: 1px;} .cd-primary-nav .cd-iconArea ul > li > ul.lang > li.en {margin-right:20px;} .cd-primary-nav.is-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } /*------------------------------------------------------------- title (Common) -------------------------------------------------------------*/ /*-------------- title ------------*/ #title-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #title-wrap #title-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:66px auto 0 auto; padding:0; position: relative; text-align:center;} #title-wrap #title-inner .mainArea {position: relative;} #title-wrap #title-inner .mainArea .photoArea {width:100%; height:100%;} #title-wrap #title-inner .mainArea .photoArea img {width: 100%; height:100%; -webkit-border-radius: 0 0 10px 10px / 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px / 0 0 10px 10px; border-radius: 0 0 10px 10px / 0 0 10px 10px;} #title-wrap #title-inner .mainArea .titleArea {width:100%; margin:30px 0 80px 0;} #title-wrap #title-inner .mainArea .titleArea .catename{font-size:16px; margin-bottom:30px;} #title-wrap #title-inner .mainArea .titleArea h2 {font-size:24px; margin-bottom:20px; line-height:1.4; letter-spacing:0.05em;} #title-wrap #title-inner .mainArea .titleArea .sbutext {line-height:2; letter-spacing:0.1em; text-align:left;} #title-wrap #title-inner .mainArea .titleArea .sbutext_center {line-height:2; letter-spacing:0.1em; text-align:center;} #title-wrap #title-inner .mainArea .titleArea .sbutext2 {line-height:2; letter-spacing:0.1em; margin:30px 0 0 0; text-align:left;} /*-------------- second title ------------*/ #second-title-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #second-title-wrap #second-title-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:66px auto 0 auto; padding:0; position: relative; text-align:center;} #second-title-wrap #second-title-inner .categoryArea {width:100%; margin:120px 0 50px 0;} #second-title-wrap #second-title-inner .categoryArea .catename{font-size:18px;} #second-title-wrap #second-title-inner .titleArea {width:100%; margin:30px 0 0 0;} #second-title-wrap #second-title-inner .titleArea h2 {font-size:24px; margin-bottom:20px; line-height:1.4; letter-spacing:0.05em;} #second-title-wrap #second-title-inner .titleArea .sbutext {line-height:2; letter-spacing:0.1em; text-align:left;} #second-title-wrap #second-title-inner .titleArea .sbutext_center {line-height:2; letter-spacing:0.1em; text-align:center;} /*-------------- other title ------------*/ #other-title-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #other-title-wrap #other-title-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:66px auto 0 auto; padding:0; position: relative; text-align:center;} #other-title-wrap #other-title-inner .titleArea {width:100%; margin:120px 0 60px 0;} #other-title-wrap #other-title-inner .titleArea h2 {font-size:18px; line-height:1.4; letter-spacing:0.05em;} /*------------------------------------------------------------- meals -------------------------------------------------------------*/ /*-------------- photo ------------*/ #meals-photo-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #meals-photo-wrap #meals-photo-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:0; text-align:center;} #meals-photo-wrap #meals-photo-inner h3 {font-size:18px; margin-bottom: 5px;} #meals-photo-wrap #meals-photo-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #meals-photo-wrap #meals-photo-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #meals-photo-wrap #meals-photo-inner .slider {width:100%; margin: 0 0 40px 0;} #meals-photo-wrap #meals-photo-inner .slider img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #meals-photo-wrap #meals-photo-inner .slick-slide {margin: 0px;} #meals-photo-wrap #meals-photo-inner .slick-slide img {width: 100%;} #meals-photo-wrap #meals-photo-inner .titleArea {width:100%; text-align:left;} #meals-photo-wrap #meals-photo-inner .titleArea .titleBox {font-size:30px; margin-bottom: 20px;} #meals-photo-wrap #meals-photo-inner .titleArea .titleBox span {font-size:16px; margin-left: 10px;} #meals-photo-wrap #meals-photo-inner .txtArea {width:100%; text-align:left;} #meals-photo-wrap #meals-photo-inner .txtArea h4 {font-size:18px; margin-bottom: 10px; letter-spacing:0.05em;} #meals-photo-wrap #meals-photo-inner .txtArea .txtBox {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:30px;} /*ボタン*/ #meals-photo-wrap #meals-photo-inner .btnArea {clear: both;} #meals-photo-wrap #meals-photo-inner .btnArea .btn {margin-bottom:10px;} #meals-photo-wrap #meals-photo-inner .btnArea .btn a{ display:block; width:100%; height: 40px; line-height: 40px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #meals-photo-wrap #meals-photo-inner .btnArea .btn a:hover {background-color: #ededed; color:#76716c;} /*-------------- select ------------*/ #meals-select-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #meals-select-wrap #meals-select-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:50px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #meals-select-wrap #meals-select-inner h3 {font-size:18px; margin-bottom: 5px;} #meals-select-wrap #meals-select-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #meals-select-wrap #meals-select-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #meals-select-wrap #meals-select-inner .chef_photoArea {width:100%; margin-bottom:20px;} #meals-select-wrap #meals-select-inner .chef_txtArea {width:100%; margin-bottom:50px; text-align:left;} #meals-select-wrap #meals-select-inner .select_photoArea {width:100%; margin-bottom:20px;} #meals-select-wrap #meals-select-inner .select_txtArea {width:100%; margin-bottom:50px; text-align:left;} #meals-select-wrap #meals-select-inner img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #meals-select-wrap #meals-select-inner .selecttitle {font-size:24px; margin-bottom:10px;} #meals-select-wrap #meals-select-inner h4 {font-size:16px; margin-bottom:10px; letter-spacing:0.05em;} #meals-select-wrap #meals-select-inner h4 span {font-size:20px;} #meals-select-wrap #meals-select-inner .selecttxt1 {font-size:14px; text-align:justify; margin-bottom:10px; line-height:2; letter-spacing:0.1em;} #meals-select-wrap #meals-select-inner .selecttxt2 {font-size:12px; text-align:justify; margin-bottom:10px; line-height:2; letter-spacing:0.1em;} #meals-select-wrap #meals-select-inner .name1 {font-size:12px; font-weight: 400; margin-top:30px;} #meals-select-wrap #meals-select-inner .name2 {font-size:16px; font-weight: 400; margin-bottom: 5px;} /*-------------- breakefast ------------*/ #meals-breakefast-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #meals-breakefast-wrap #meals-breakefast-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:50px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #meals-breakefast-wrap #meals-breakefast-inner h3 {font-size:18px; margin-bottom: 5px;} #meals-breakefast-wrap #meals-breakefast-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #meals-breakefast-wrap #meals-breakefast-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #meals-breakefast-wrap #meals-breakefast-inner .bf_photoArea_left {width:100%; margin-bottom:20px;} #meals-breakefast-wrap #meals-breakefast-inner .bf_txtArea_right {width:100%; margin-bottom:50px; text-align:left;} #meals-breakefast-wrap #meals-breakefast-inner .bf_photoArea_right {width:100%; margin-bottom:20px;} #meals-breakefast-wrap #meals-breakefast-inner .bf_txtArea_left {width:100%; margin-bottom:50px; text-align:left;} #meals-breakefast-wrap #meals-breakefast-inner img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #meals-breakefast-wrap #meals-breakefast-inner h4 {font-size:16px; margin-bottom:10px;letter-spacing:0.05em;} #meals-breakefast-wrap #meals-breakefast-inner h4 span {font-size:20px;} #meals-breakefast-wrap #meals-breakefast-inner .selecttxt {font-size:14px; text-align:justify; margin-bottom:10px; line-height:2; letter-spacing:0.1em;} /*ボタン*/ #meals-breakefast-wrap #meals-breakefast-inner .btn {text-align:center;} #meals-breakefast-wrap #meals-breakefast-inner .btn a{ display:block; width:100%; height: 40px; line-height: 40px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #meals-breakefast-wrap #meals-breakefast-inner .btn a:hover {background-color: #ededed; color:#76716c;} /*-------------- kashikotei ------------*/ #meals-kashikotei-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #meals-kashikotei-wrap #meals-kashikotei-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 70px auto; padding:50px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #meals-kashikotei-wrap #meals-kashikotei-inner h3 {font-size:18px; margin-bottom: 5px;} #meals-kashikotei-wrap #meals-kashikotei-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #meals-kashikotei-wrap #meals-kashikotei-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #meals-kashikotei-wrap #meals-kashikotei-inner .slider {width:100%; margin: 0 0 50px 0;} #meals-kashikotei-wrap #meals-kashikotei-inner .slider img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #meals-kashikotei-wrap #meals-kashikotei-inner .slick-slide {margin: 0px;} #meals-kashikotei-wrap #meals-kashikotei-inner .slick-slide img {width: 100%;} #meals-kashikotei-wrap #meals-kashikotei-inner .picArea {width:100%; position: relative;} #meals-kashikotei-wrap #meals-kashikotei-inner .picArea .picBox {margin-bottom:20px;} #meals-kashikotei-wrap #meals-kashikotei-inner .picArea .picBox img {width:100px; height:100px;} #meals-kashikotei-wrap #meals-kashikotei-inner .txtArea {width:100%; text-align:left;} #meals-kashikotei-wrap #meals-kashikotei-inner .txtArea h3 {font-size:20px; margin-bottom: 10px; letter-spacing:0.05em;} #meals-kashikotei-wrap #meals-kashikotei-inner .txtArea .txtBox {text-align:justify; line-height:2; letter-spacing:0.1em;} /*------------------------------------------------------------- meals bread -------------------------------------------------------------*/ /*-------------- photo ------------*/ #bread-photo-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #bread-photo-wrap #bread-photo-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:30px auto 0 auto; padding:0; text-align:center;} #bread-photo-wrap #bread-photo-inner .slider {width:100%; margin: 0 0 40px 0;} #bread-photo-wrap #bread-photo-inner .slider img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #bread-photo-wrap #bread-photo-inner .slick-slide {margin: 0px;} #bread-photo-wrap #bread-photo-inner .slick-slide img {width: 100%;} #bread-photo-wrap #bread-photo-inner .titleArea {width:100%; text-align:left;} #bread-photo-wrap #bread-photo-inner .titleArea .titleBox {font-size:30px;} #bread-photo-wrap #bread-photo-inner .titleArea .titleBox span {font-size:16px; margin-left: 10px;} #bread-photo-wrap #bread-photo-inner .txtArea {width:100%; text-align:left;} #bread-photo-wrap #bread-photo-inner .txtArea h3 {font-size:20px; margin-bottom: 10px; letter-spacing:0.05em;} #bread-photo-wrap #bread-photo-inner .txtArea .txtBox {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:30px;} /*-------------- ingredients ------------*/ #bread-ingredients-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #bread-ingredients-wrap #bread-ingredients-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:50px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #bread-ingredients-wrap #bread-ingredients-inner h3 {font-size:18px; margin-bottom: 5px;} #bread-ingredients-wrap #bread-ingredients-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #bread-ingredients-wrap #bread-ingredients-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #bread-ingredients-wrap #bread-ingredients-inner .photoArea {width:100%; margin-bottom:20px;} #bread-ingredients-wrap #bread-ingredients-inner .txtArea {width:100%; margin-bottom:50px; text-align:left;} #bread-ingredients-wrap #bread-ingredients-inner img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #bread-ingredients-wrap #bread-ingredients-inner h4 {font-size:20px; margin-bottom:10px; letter-spacing:0.05em;} #bread-ingredients-wrap #bread-ingredients-inner .txt {font-size:14px; text-align:justify; margin-bottom:0; line-height:2; letter-spacing:0.1em;} #bread-ingredients-wrap #bread-ingredients-inner .txt span {font-size:12px; text-align:justify; margin-bottom:0; line-height:2; letter-spacing:0.1em;} /*-------------- sale ------------*/ #bread-sale-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #bread-sale-wrap #bread-sale-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:50px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #bread-sale-wrap #bread-sale-inner h3 {font-size:18px; margin-bottom: 5px;} #bread-sale-wrap #bread-sale-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #bread-sale-wrap #bread-sale-inner .eng_title span {border-bottom:solid 1px #ffffff; padding-bottom: 2px;} #bread-sale-wrap #bread-sale-inner .photoArea {width:100%; margin-bottom:20px;} #bread-sale-wrap #bread-sale-inner .photoArea img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #bread-sale-wrap #bread-sale-inner .detailArea {width:100%; text-align:left;} #bread-sale-wrap #bread-sale-inner .detailArea h3 {font-size:14px; margin-bottom:20px; letter-spacing:0.05em;} #bread-sale-wrap #bread-sale-inner .detailArea h3 span {font-size:18px;} #bread-sale-wrap #bread-sale-inner .detailArea h4 {font-size:24px; margin-bottom:10px;} #bread-sale-wrap #bread-sale-inner .detailArea .txt {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:10px;} #bread-sale-wrap #bread-sale-inner .detailArea .txt span {font-size:18px;} #bread-sale-wrap #bread-sale-inner .detailArea .detailBox {margin:20px 0;} /*ボタン*/ #bread-sale-wrap #bread-sale-inner .btn {text-align:center;} #bread-sale-wrap #bread-sale-inner .btn a{ display:block; width:100%; height: 40px; line-height: 40px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; font-weight: 400;} #bread-sale-wrap #bread-sale-inner .btn a:hover {background-color: #ededed; color:#76716c;} /*------------------------------------------------------------- meals sushi -------------------------------------------------------------*/ /*-------------- photo ------------*/ #sushi-photo-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #sushi-photo-wrap #sushi-photo-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:30px auto 0 auto; padding:0; text-align:center;} #sushi-photo-wrap #sushi-photo-inner .slider {width:100%; margin: 0 0 40px 0;} #sushi-photo-wrap #sushi-photo-inner .slider img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #sushi-photo-wrap #sushi-photo-inner .slick-slide {margin: 0px;} #sushi-photo-wrap #sushi-photo-inner .slick-slide img {width: 100%;} #sushi-photo-wrap #sushi-photo-inner .txtArea {width:100%; text-align:left;} #sushi-photo-wrap #sushi-photo-inner .txtArea h3 {font-size:16px; margin-bottom: 10px; letter-spacing:0.05em;} #sushi-photo-wrap #sushi-photo-inner .txtArea .txtBox1 {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:20px;} #sushi-photo-wrap #sushi-photo-inner .txtArea .txtBox2 {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:10px;} #sushi-photo-wrap #sushi-photo-inner .txtArea .txtBox3 {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:30px;} #sushi-photo-wrap #sushi-photo-inner .txtArea ul {margin-left: 30px; margin-bottom: 20px;} #sushi-photo-wrap #sushi-photo-inner .txtArea li {margin: 0.5em 0 0.5em 0; list-style-type: disc;} /*-------------- monthly ------------*/ #sushi-monthly-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #sushi-monthly-wrap #sushi-monthly-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:50px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #sushi-monthly-wrap #sushi-monthly-inner h3 {font-size:18px; margin-bottom: 5px;} #sushi-monthly-wrap #sushi-monthly-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #sushi-monthly-wrap #sushi-monthly-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #sushi-monthly-wrap #sushi-monthly-inner .photoArea {width:100%; margin-bottom:20px;} #sushi-monthly-wrap #sushi-monthly-inner .txtArea {width:100%; margin-bottom:50px; text-align:left;} #sushi-monthly-wrap #sushi-monthly-inner img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #sushi-monthly-wrap #sushi-monthly-inner h4 {font-size:20px; margin-bottom:10px; letter-spacing:0.05em;} #sushi-monthly-wrap #sushi-monthly-inner .txt {font-size:14px; text-align:justify; margin-bottom:0; line-height:2; letter-spacing:0.1em;} #sushi-monthly-wrap #sushi-monthly-inner .txt span {font-size:12px; text-align:justify; margin-bottom:0; line-height:2; letter-spacing:0.1em;} /*------------------------------------------------------------- onsen -------------------------------------------------------------*/ /*-------------- photo ------------*/ #onsen-photo-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #onsen-photo-wrap #onsen-photo-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; text-align:center; padding:0;} #onsen-photo-wrap #onsen-photo-inner .slider {width:100%; margin: 0 0 40px 0;} #onsen-photo-wrap #onsen-photo-inner .slider img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #onsen-photo-wrap #onsen-photo-inner .slick-slide {margin: 0px;} #onsen-photo-wrap #onsen-photo-inner .slick-slide img {width: 100%;} #onsen-photo-wrap #onsen-photo-inner .titleArea {width:100%; text-align:left; } #onsen-photo-wrap #onsen-photo-inner .titleArea .titleBox {font-size:30px; margin-bottom: 20px;} #onsen-photo-wrap #onsen-photo-inner .txtArea {width:100%; text-align:left;} #onsen-photo-wrap #onsen-photo-inner .txtArea h4 {font-size:18px; margin-bottom: 10px; letter-spacing:0.05em;} #onsen-photo-wrap #onsen-photo-inner .txtArea .txtBox {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:30px;} /*-------------- private ------------*/ #onsen-private-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #onsen-private-wrap #onsen-private-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:50px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #onsen-private-wrap #onsen-private-inner h3 {font-size:18px; margin-bottom: 5px;} #onsen-private-wrap #onsen-private-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #onsen-private-wrap #onsen-private-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #onsen-private-wrap #onsen-private-inner .txtArea {width:100%; margin-bottom:20px; text-align:left;} #onsen-private-wrap #onsen-private-inner .photoArea {width:100%; margin-bottom:20px;} #onsen-private-wrap #onsen-private-inner img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #onsen-private-wrap #onsen-private-inner h4 {font-size:20px; margin-bottom:10px; letter-spacing:0.05em;} #onsen-private-wrap #onsen-private-inner .txt1 {font-size:14px; text-align:justify; margin-bottom:20px; line-height:2; letter-spacing:0.1em;} #onsen-private-wrap #onsen-private-inner .txt2 {font-size:12px; text-align:justify; margin-bottom:0; line-height:2; letter-spacing:0.1em;} #onsen-private-wrap #onsen-private-inner ul {margin-left: 25px; margin-bottom: 10px;} #onsen-private-wrap #onsen-private-inner li {font-size:12px; margin: 0.5em 0 0.5em 0; list-style-type: disc;} /*-------------- component ------------*/ #onsen-component-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #onsen-component-wrap #onsen-component-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:50px 0 0 0; text-align:left; border-top:solid 1px #dfdcd9;} #onsen-component-wrap #onsen-component-inner h3 {font-size:16px; margin-bottom: 20px;} #onsen-component-wrap #onsen-component-inner table.component { width: 100%; margin:0; padding:0; border-collapse:collapse;} #onsen-component-wrap #onsen-component-inner table.component td.txt01 { width: 13%; font-size:12px; padding: 10px 5px; vertical-align:middle; white-space:nowrap;} #onsen-component-wrap #onsen-component-inner table.component td.txt02 { width: 85%; font-size:12px; padding: 10px 5px;} #onsen-component-wrap #onsen-component-inner table.component td.txt03 { width: 2%; font-size:12px; padding: 10px 5px;} #onsen-component-wrap #onsen-component-inner table.component .bg {background-color:#f1eeea;} /*------------------------------------------------------------- starry sky -------------------------------------------------------------*/ /*-------------- title ------------*/ #starry-title-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible; background:url(../images/bg_starry_main.png) no-repeat center top;} #starry-title-wrap #starry-title-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:66px auto 0 auto; padding:0; position: relative;} #starry-title-wrap #starry-title-inner .photoArea {margin:0 20% 0 20%;} #starry-title-wrap #starry-title-inner .photoArea img {width: 100%; height: 100%;} #starry-title-wrap #starry-title-inner .titleArea {width: 100%;} #starry-title-wrap #starry-title-inner .titleArea h2 {margin: 0px 0 50px 0;} #starry-title-wrap #starry-title-inner .titleArea h2 img {width: 100%; height:100%;} #starry-title-wrap #starry-title-inner .titleArea .subtext1 {font-size:18px; margin-bottom: 10px; line-height:1.2;} #starry-title-wrap #starry-title-inner .titleArea .subtext2 {font-size:14px; text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom: 50px; } #starry-title-wrap #starry-title-inner .titleArea2 {text-align:center; margin: 80px 0 50px 0;} #starry-title-wrap #starry-title-inner .titleArea2 h3 {font-size:22px; margin: 0 0 20px 0;} #starry-title-wrap #starry-title-inner .titleArea2 .subtext3 {font-size:14px; line-height:2; letter-spacing:0.1em; text-align:justify;} /*-------------- photo ------------*/ #starry-photo-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible; text-align:center;} #starry-photo-wrap #starry-photo-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:0 0 0 0; text-align:center;} #starry-photo-wrap #starry-photo-inner .slider {width:100%; margin: 0 0 50px 0;} #starry-photo-wrap #starry-photo-inner .slider img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #starry-photo-wrap #starry-photo-inner .slick-slide {margin: 0px;} #starry-photo-wrap #starry-photo-inner .slick-slide img {width: 100%;} #starry-photo-wrap #starry-photo-inner .picArea {width:100%; position: relative;} #starry-photo-wrap #starry-photo-inner .picArea .picBox {margin-bottom:20px;} #starry-photo-wrap #starry-photo-inner .picArea .picBox img {width:100px; height:100px;} #starry-photo-wrap #starry-photo-inner .txtArea {width:100%; text-align:left;} #starry-photo-wrap #starry-photo-inner .txtArea h3 {font-size:20px; margin-bottom: 10px;} #starry-photo-wrap #starry-photo-inner .txtArea .txtBox {text-align:justify; line-height:2; letter-spacing:0.1em;} /*-------------- profile ------------*/ #starry-profile-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible; text-align:center;} #starry-profile-wrap #starry-profile-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:0 0 0 0; text-align:center;} #starry-profile-wrap #starry-profile-inner .profileArea {padding:20px; background-color: rgba( 255, 255, 255, 0.1 ); border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #starry-profile-wrap #starry-profile-inner .profileArea .photoArea {margin:0 10% 10px 10%; text-align:center;} #starry-profile-wrap #starry-profile-inner .profileArea .photoArea img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #starry-profile-wrap #starry-profile-inner .profileArea .txtArea {width:100%;} #starry-profile-wrap #starry-profile-inner .profileArea .txtArea h3 {font-size:18px; margin-bottom: 20px;} #starry-profile-wrap #starry-profile-inner .profileArea .txtArea h3 span {font-size:12px;} #starry-profile-wrap #starry-profile-inner .profileArea .txtArea .subtext {font-size:14px; line-height:2; letter-spacing:0.1em;} #starry-profile-wrap #starry-profile-inner .profileArea .txtArea .txtBox {font-size:12px; text-align:justify; line-height:2; letter-spacing:0.1em;} /*-------------- pickup ------------*/ #starry-pickup-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible; text-align:center;} #starry-pickup-wrap #starry-pickup-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:80px auto 0 auto; padding:0 0 0 0; text-align:center;} #starry-pickup-wrap #starry-pickup-inner h3 {font-size:18px; margin-bottom: 30px;} #starry-pickup-wrap #starry-pickup-inner .subtext {font-size:14px; margin-bottom: 30px; line-height:2; letter-spacing:0.1em; text-align:left;} #starry-pickup-wrap #starry-pickup-inner .photoArea_left {width:100%; margin-bottom:20px;} #starry-pickup-wrap #starry-pickup-inner .txtArea_right {width:100%; margin-bottom:50px; text-align:left;} #starry-pickup-wrap #starry-pickup-inner .photoArea_right {width:100%; margin-bottom:20px;} #starry-pickup-wrap #starry-pickup-inner .txtArea_left {width:100%; margin-bottom:50px; text-align:left;} #starry-pickup-wrap #starry-pickup-inner img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #starry-pickup-wrap #starry-pickup-inner .pickuptitle {font-size:18px; margin-bottom:20px;} #starry-pickup-wrap #starry-pickup-inner .pickuptxt {font-size:12px; text-align:justify; margin-bottom:10px; line-height:2; letter-spacing:0.1em;} #starry-pickup-wrap #starry-pickup-inner .pickupdate {font-size:12px; text-align:right;} /*-------------- schedule ------------*/ #starry-schedule-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible; text-align:center;} #starry-schedule-wrap #starry-schedule-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:80px auto 50px auto; padding:50px 0 50px 0; text-align:center; border-top:solid 1px #848a9b; border-bottom:solid 1px #848a9b;} #starry-schedule-wrap #starry-schedule-inner h3 {font-size:18px; margin-bottom: 5px;} #starry-schedule-wrap #starry-schedule-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #starry-schedule-wrap #starry-schedule-inner .eng_title span {border-bottom:solid 1px #ffffff; padding-bottom: 2px;} #starry-schedule-wrap #starry-schedule-inner .scheduleBox {width:100%;} #starry-schedule-wrap #starry-schedule-inner .scheduleBox dl {width:100%;} #starry-schedule-wrap #starry-schedule-inner .scheduleBox dt {width:20%; line-height:2; letter-spacing:0.1em; float: left; text-align:left;} #starry-schedule-wrap #starry-schedule-inner .scheduleBox dd {width:80%; margin-left:20%; line-height:2; letter-spacing:0.1em; text-align:left;} #starry-schedule-wrap #starry-schedule-inner .scheduleBox .subtext {text-align:left; margin-top:10px;} /*-------------- tour ------------*/ #starry-tour-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible; text-align:center;} #starry-tour-wrap #starry-tour-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:80px auto 0 auto; padding:0 0 0 0; text-align:center;} #starry-tour-wrap #starry-tour-inner h3 {font-size:18px; margin-bottom: 5px;} #starry-tour-wrap #starry-tour-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #starry-tour-wrap #starry-tour-inner .eng_title span {border-bottom:solid 1px #ffffff; padding-bottom: 2px;} #starry-tour-wrap #starry-tour-inner .tour_photo {width:100%; margin-bottom:20px;} #starry-tour-wrap #starry-tour-inner .tour_photo img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #starry-tour-wrap #starry-tour-inner .tour_detail {width:100%; text-align:left;} #starry-tour-wrap #starry-tour-inner .tour_detail h3 {font-size:14px; margin-bottom:20px;} #starry-tour-wrap #starry-tour-inner .tour_detail h3 span {font-size:18px;} #starry-tour-wrap #starry-tour-inner .tour_detail .plan_txt {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:10px;} #starry-tour-wrap #starry-tour-inner .tour_detail .priceBox {margin:30px 0; padding:10px 0; border-top:solid 1px #848a9b; border-bottom:solid 1px #848a9b; text-align:center;} #starry-tour-wrap #starry-tour-inner .tour_detail .priceBox span {font-size:20px;} /*ボタン*/ #starry-tour-wrap #starry-tour-inner .tour_detail .btn {text-align:center;} #starry-tour-wrap #starry-tour-inner .tour_detail .btn a{ display:block; width:100%; height: 40px; line-height: 40px; font-size:14px; color:#0e1c4b; background-color: #ffffff; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; font-weight: 400; letter-spacing:0.05em;} #starry-tour-wrap #starry-tour-inner .tour_detail .btn a:hover {background-color: #76716c; color:#ffffff;} /*------------------------------------------------------------- event -------------------------------------------------------------*/ #event-main-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #event-main-wrap #event-main-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:0 auto 0 auto; padding:0 0 0 0; text-align:center;} #event-main-wrap #event-main-inner #detail01, #event-main-wrap #event-main-inner #detail02 {clear: both; margin-top:-80px; padding-top:80px;} #event-main-wrap #event-main-inner .eventArea {clear: both; margin-bottom:80px;} #event-main-wrap #event-main-inner .eventArea .photoArea {width:100%; margin-bottom:20px;} #event-main-wrap #event-main-inner .eventArea .photoArea img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #event-main-wrap #event-main-inner .eventArea .txtArea {width:100%; text-align:left;} #event-main-wrap #event-main-inner .eventArea .txtArea h3 {font-size:18px; margin-bottom:10px; letter-spacing:0.05em;} #event-main-wrap #event-main-inner .eventArea .txtArea .iconBox {margin-bottom:20px;} #event-main-wrap #event-main-inner .eventArea .txtArea .iconBox img {width:100px; height:20px; margin-right:20px;} #event-main-wrap #event-main-inner .eventArea .txtArea .txtBox {font-size:14px; text-align:justify; margin-bottom:10px; line-height:2; letter-spacing:0.1em;} #event-main-wrap #event-main-inner .eventArea .txtArea .link_text {text-align:right; font-size:12px; font-weight:400;} /*------------------------------------------------------------- rooms -------------------------------------------------------------*/ /*-------------- main ------------*/ #rooms-main-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #rooms-main-wrap #rooms-double-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:0; text-align:center;} #rooms-main-wrap #rooms-twin-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:50px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #rooms-main-wrap h3 {font-size:18px; margin-bottom: 5px;} #rooms-main-wrap .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #rooms-main-wrap .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #rooms-main-wrap .slider {width:100%; margin: 0 0 40px 0;} #rooms-main-wrap .slider img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #rooms-main-wrap .slick-slide {margin: 0px;} #rooms-main-wrap .slick-slide img {width: 100%;} #rooms-main-wrap .txtArea {width:100%; text-align:left;} #rooms-main-wrap .txtArea h4 {font-size:16px; margin-bottom: 10px; letter-spacing:0.05em;} #rooms-main-wrap .txtArea .txtBox {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:30px;} #rooms-main-wrap .detailArea {margin-bottom:30px; padding:5%; text-align:left; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; background-color: #f5f2ef;} #rooms-main-wrap .detailArea .detailBox {clear: both; margin-bottom:5%; padding-bottom:5%;border-bottom:solid 1px #ffffff;} #rooms-main-wrap .detailArea .detailBox:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none;} #rooms-main-wrap .detailArea .detailBox .detailBox_left {width:100%; text-align:left; line-height:2; letter-spacing:0.1em; font-weight:400;} #rooms-main-wrap .detailArea .detailBox .detailBox_right {width:100%; text-align:left; line-height:2; letter-spacing:0.1em;} /*ボタン*/ #rooms-main-wrap .btnArea {clear: both;} #rooms-main-wrap .btnArea .btn {margin-bottom:10px;} #rooms-main-wrap .btnArea .btn a{ display:block; width:100%; height: 40px; line-height: 40px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #rooms-main-wrap .btnArea .btn a:hover {background-color: #ededed; color:#76716c;} /*------------------------------------------------------------- spa -------------------------------------------------------------*/ /*-------------- photo ------------*/ #spa-photo-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #spa-photo-wrap #spa-photo-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:0; text-align:center;} #spa-photo-wrap #spa-photo-inner h3 {font-size:18px; margin-bottom: 5px;} #spa-photo-wrap #spa-photo-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #spa-photo-wrap #spa-photo-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #spa-photo-wrap #spa-photo-inner .slider {width:100%; margin: 0 0 40px 0;} #spa-photo-wrap #spa-photo-inner .slider img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #spa-photo-wrap #spa-photo-inner .slick-slide {margin: 0px;} #spa-photo-wrap #spa-photo-inner .slick-slide img {width: 100%;} #spa-photo-wrap #spa-photo-inner .picArea {width:100%; position: relative;} #spa-photo-wrap #spa-photo-inner .picArea .picBox {margin-bottom:20px;} #spa-photo-wrap #spa-photo-inner .picArea .picBox img {width:100px; height:100px;} #spa-photo-wrap #spa-photo-inner .txtArea {width:100%; text-align:left;} #spa-photo-wrap #spa-photo-inner .txtArea h4 {font-size:20px; margin-bottom:10px; letter-spacing:0.05em;} #spa-photo-wrap #spa-photo-inner .txtArea .txtBox {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom: 0;} /*-------------- limited course ------------*/ #limited-course-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #limited-course-wrap #limited-course-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:50px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #limited-course-wrap #limited-course-inner h3 {font-size:18px; margin-bottom: 5px;} #limited-course-wrap #limited-course-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #limited-course-wrap #limited-course-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #limited-course-wrap #limited-course-inner .leftArea {width:100%; margin-bottom:80px;} #limited-course-wrap #limited-course-inner .rightArea {width:100%; margin-bottom:80px;} #limited-course-wrap #limited-course-inner .photoBox {margin-bottom:20px;} #limited-course-wrap #limited-course-inner .photoBox img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #limited-course-wrap #limited-course-inner h4 {font-size:16px; margin-bottom:10px; letter-spacing:0.05em;} #limited-course-wrap #limited-course-inner h4 span {font-size:20px;} #limited-course-wrap #limited-course-inner .txtBox {font-size:14px; text-align:justify; margin-bottom:10px; line-height:2; letter-spacing:0.1em;} /*ボタン*/ #limited-course-wrap #limited-course-inner .btn {text-align:center;} #limited-course-wrap #limited-course-inner .btn a{ display:block; width:100%; height: 40px; line-height: 40px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #limited-course-wrap #limited-course-inner .btn a:hover {background-color: #ededed; color:#76716c;} /*-------------- regular course ------------*/ #regular-course-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #regular-course-wrap #regular-course-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:50px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #regular-course-wrap #regular-course-inner h3 {font-size:18px; margin-bottom: 5px;} #regular-course-wrap #regular-course-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #regular-course-wrap #regular-course-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #regular-course-wrap #regular-course-inner .leftArea {width:100%; margin-bottom:80px;} #regular-course-wrap #regular-course-inner .rightArea {width:100%; margin-bottom:80px;} #regular-course-wrap #regular-course-inner .photoBox {margin-bottom:20px;} #regular-course-wrap #regular-course-inner .photoBox img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #regular-course-wrap #regular-course-inner h4 {font-size:20px; margin-bottom:10px;} #regular-course-wrap #regular-course-inner .txtBox {font-size:14px; text-align:justify; margin-bottom:10px; line-height:2; letter-spacing:0.1em;} #regular-course-wrap #regular-course-inner .subtextBox {clear: both; font-size:12px; margin-bottom: 0; line-height:2; letter-spacing:0.1em; text-align:left;} #regular-course-wrap #regular-course-inner .subtextBox ul {margin-left: 25px; margin-bottom: 0;} #regular-course-wrap #regular-course-inner .subtextBox li {font-size:12px; margin: 0.5em 0 0.5em 0; list-style-type: disc;} /*ボタン*/ #regular-course-wrap #regular-course-inner .btn {text-align:center;} #regular-course-wrap #regular-course-inner .btn a{ display:block; width:100%; height: 40px; line-height: 40px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #regular-course-wrap #regular-course-inner .btn a:hover {background-color: #ededed; color:#76716c;} /*-------------- course detail ------------*/ #course-detail-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #course-detail-wrap #course-detail01-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:-60px auto 0 auto; padding:100px 0 0 0; text-align:center;} #course-detail-wrap #course-detail02-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:50px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #course-detail-wrap #course-detail03-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:50px 0 0 0; text-align:left;} #course-detail-wrap .photoArea {width:100%; margin-bottom:20px;} #course-detail-wrap .photoArea img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #course-detail-wrap .detailArea {width:100%; text-align:left;} #course-detail-wrap .detailArea h3 {font-size:18px; margin-bottom:20px; letter-spacing:0.05em;} #course-detail-wrap .detailArea .txt {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:10px;} #course-detail-wrap .detailArea .detailBox {margin:20px 0;} #course-detail-wrap ul {margin-left: 25px; margin-bottom: 0;} #course-detail-wrap li {font-size:12px; margin: 0.5em 0 0.5em 0; list-style-type: disc; line-height:2; letter-spacing:0.1em;} /*説明*/ #course-detail-wrap .whatArea {clear: both; margin-top:20px; padding:20px; background-color: rgba( 245, 242, 239, 1 ); border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #course-detail-wrap .whatArea .photoArea1 {margin:0 10% 10px 10%; text-align:center;} #course-detail-wrap .whatArea .txtArea1 { width:100%; text-align:justify; line-height:2; letter-spacing:0.1em;} #course-detail-wrap .whatArea .photoArea2 {margin:0 10% 10px 10%; text-align:center;} #course-detail-wrap .whatArea .txtArea2 { width:100%; text-align:justify; line-height:2; letter-spacing:0.1em;} #course-detail-wrap .whatArea img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} /*オプション*/ #course-detail-wrap .optionArea {text-align:left; margin-bottom:30px;} #course-detail-wrap .optionArea h3 {font-size:14px; margin-bottom:30px;} #course-detail-wrap .optionArea h3 span {font-size:20px;} #course-detail-wrap .optionArea .leftArea {width:100%; margin-bottom:50px;} #course-detail-wrap .optionArea .rightArea {width:100%;} #course-detail-wrap .optionArea h4 {font-size:18px;} #course-detail-wrap .optionArea .txtBox {font-size:14px; margin-bottom:30px; line-height:2; letter-spacing:0.1em;} /*ボタン*/ #course-detail-wrap .btn {text-align:center;} #course-detail-wrap .btn a{ display:block; width:100%; height: 40px; line-height: 40px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #course-detail-wrap .btn a:hover {background-color: #ededed; color:#76716c;} /*------------------------------------------------------------- daytrip -------------------------------------------------------------*/ /*-------------- limited ------------*/ #dinner-limited-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #dinner-limited-wrap #dinner-limited-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:80px auto 0 auto; text-align:center;} #dinner-limited-wrap #dinner-limited-inner h3 {font-size:18px; margin-bottom: 5px;} #dinner-limited-wrap #dinner-limited-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #dinner-limited-wrap #dinner-limited-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #dinner-limited-wrap #dinner-limited-inner .photoArea {width:100%; margin-bottom:20px;} #dinner-limited-wrap #dinner-limited-inner .photoArea img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #dinner-limited-wrap #dinner-limited-inner h4 {font-size:20px; text-align:left; margin-bottom:10px; letter-spacing:0.05em;} #dinner-limited-wrap #dinner-limited-inner .date {font-size:16px; text-align:left; margin-bottom:5px; line-height:2; letter-spacing:0.1em;} #dinner-limited-wrap #dinner-limited-inner .copy {font-size:14px; text-align:justify; margin-bottom:30px; line-height:2; letter-spacing:0.1em;} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox {margin:0; padding:20px 0; border-top:solid 1px #dfdcd9;} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox:last-child {padding-bottom:20px; margin:0 0 80px 0; border-bottom:solid 1px #dfdcd9;} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox .detailBox_left {width:100%; text-align:center;} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox .detailBox_left .txt {} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox .detailBox_right {width:100%;text-align:center;} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox .detailBox_right .menuBox {text-align:left;} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox .detailBox_right .menuBox:last-child {} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox .detailBox_right .menuBox ul {margin-left: 30px;} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox .detailBox_right .menuBox li {margin: 0.5em 0 0.5em 0; list-style-type: disc;} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox .detailBox_right .priceBox span.price {font-size:24px; font-weight: 400;} #dinner-limited-wrap #dinner-limited-inner .txtArea .detailBox .detailBox_right .telBox span {font-size:24px;} /*-------------- regular ------------*/ #dinner-regular-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #dinner-regular-wrap #dinner-regular-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:80px auto 0 auto; padding:0; text-align:center;} #dinner-regular-wrap #dinner-regular-inner h3 {font-size:18px; margin-bottom: 5px;} #dinner-regular-wrap #dinner-regular-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #dinner-regular-wrap #dinner-regular-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #dinner-regular-wrap #dinner-regular-inner .slider {width:100%; margin: 0 0 40px 0;} #dinner-regular-wrap #dinner-regular-inner .slider img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #dinner-regular-wrap #dinner-regular-inner .slick-slide {margin: 0px;} #dinner-regular-wrap #dinner-regular-inner .slick-slide img {width: 100%;} #dinner-regular-wrap #dinner-regular-inner .txtArea {width:100%; text-align:left;} #dinner-regular-wrap #dinner-regular-inner .txtArea h4 {font-size:18px; margin-bottom: 10px; letter-spacing:0.05em;} #dinner-regular-wrap #dinner-regular-inner .txtArea .txt {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:0;} #dinner-regular-wrap #dinner-regular-inner .courseArea {text-align:left; margin-top: 50px;} #dinner-regular-wrap #dinner-regular-inner .courseArea .star {line-height:2; letter-spacing:0.1em; text-align:center;} #dinner-regular-wrap #dinner-regular-inner .courseArea h5 {font-size:18px; margin-bottom: 20px; letter-spacing:0.05em; text-align:center;} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox {margin:0; padding:20px 0; border-top:solid 1px #dfdcd9;} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox:last-child {padding-bottom:20px; margin:0 0 70px 0; border-bottom:solid 1px #dfdcd9;} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox .detailBox_left {width:100%; text-align:center;} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox .detailBox_left .txt {} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox .detailBox_right {width:100%;text-align:center;} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox .detailBox_right .menuBox {text-align:left;} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox .detailBox_right .menuBox:last-child {} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox .detailBox_right .menuBox ul {margin-left: 30px;} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox .detailBox_right .menuBox li {margin: 0.5em 0 0.5em 0; list-style-type: disc;} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox .detailBox_right .priceBox span {font-size:24px; font-weight: 400;} #dinner-regular-wrap #dinner-regular-inner .courseArea .detailBox .detailBox_right .telBox span {font-size:24px;} /*-------------- onsen ------------*/ #daytrip-onsen-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #daytrip-onsen-wrap #daytrip-onsen-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:50px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #daytrip-onsen-wrap #daytrip-onsen-inner h3 {font-size:18px; margin-bottom: 5px;} #daytrip-onsen-wrap #daytrip-onsen-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #daytrip-onsen-wrap #daytrip-onsen-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #daytrip-onsen-wrap #daytrip-onsen-inner .photoArea {width:100%; margin-bottom:20px;} #daytrip-onsen-wrap #daytrip-onsen-inner .txtArea {width:100%; margin-bottom:50px; text-align:left;} #daytrip-onsen-wrap #daytrip-onsen-inner img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #daytrip-onsen-wrap #daytrip-onsen-inner h4 {font-size:16px; margin-bottom:10px; letter-spacing:0.05em;} #daytrip-onsen-wrap #daytrip-onsen-inner h4 span {font-size:20px;} #daytrip-onsen-wrap #daytrip-onsen-inner .txt1 {font-size:14px; text-align:justify; margin-bottom:20px; line-height:2; letter-spacing:0.1em;} #daytrip-onsen-wrap #daytrip-onsen-inner .txt2 {font-size:12px; text-align:justify; margin-bottom:20px; line-height:2; letter-spacing:0.1em;} #daytrip-onsen-wrap #daytrip-onsen-inner ul {margin-left: 25px; margin-bottom: 10px;} #daytrip-onsen-wrap #daytrip-onsen-inner li {font-size:12px; margin: 0.5em 0 0.5em 0; list-style-type: disc;} /*ボタン*/ #daytrip-onsen-wrap #daytrip-onsen-inner .btn {text-align:center;} #daytrip-onsen-wrap #daytrip-onsen-inner .btn a{ display:block; width:100%; height: 40px; line-height: 40px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #daytrip-onsen-wrap #daytrip-onsen-inner .btn a:hover {background-color: #ededed; color:#76716c;} /*-------------- spa ------------*/ #daytrip-spa-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #daytrip-spa-wrap #daytrip-spa-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:50px 0 0 0; text-align:center; border-top:solid 1px #dfdcd9;} #daytrip-spa-wrap #daytrip-spa-inner h3 {font-size:18px; margin-bottom: 5px;} #daytrip-spa-wrap #daytrip-spa-inner .eng_title {font-size:12px; font-weight: 400; margin-bottom:40px;} #daytrip-spa-wrap #daytrip-spa-inner .eng_title span {border-bottom:solid 1px #725731; padding-bottom: 2px;} #daytrip-spa-wrap #daytrip-spa-inner .photoArea {width:100%; margin-bottom:20px;} #daytrip-spa-wrap #daytrip-spa-inner .txtArea {width:100%; margin-bottom:50px; text-align:left;} #daytrip-spa-wrap #daytrip-spa-inner img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #daytrip-spa-wrap #daytrip-spa-inner h4 {font-size:16px; margin-bottom:10px; letter-spacing:0.05em;} #daytrip-spa-wrap #daytrip-spa-inner h4 span {font-size:20px;} #daytrip-spa-wrap #daytrip-spa-inner .txt {font-size:14px; text-align:justify; margin-bottom:20px; line-height:2; letter-spacing:0.1em;} /*ボタン*/ #daytrip-spa-wrap #daytrip-spa-inner .btn {text-align:center;} #daytrip-spa-wrap #daytrip-spa-inner .btn a{ display:block; width:100%; height: 40px; line-height: 40px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #daytrip-spa-wrap #daytrip-spa-inner .btn a:hover {background-color: #ededed; color:#76716c;} /*------------------------------------------------------------- plan -------------------------------------------------------------*/ /*-------------- photo ------------*/ #plan-main-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #plan-main-wrap #plan-main-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:0; text-align:center;} #plan-main-wrap #plan-main-inner .planArea {width:100%; margin-bottom:50px; padding:0 0 50px 0; border-bottom:solid 1px #dfdcd9;} #plan-main-wrap #plan-main-inner .planArea .photoArea {width:100%;} #plan-main-wrap #plan-main-inner .planArea .photoArea .slider {width:100%; margin: 0 0 40px 0;} #plan-main-wrap #plan-main-inner .planArea .photoArea .slider img {width: 100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #plan-main-wrap #plan-main-inner .planArea .photoArea .slick-slide {margin: 0px;} #plan-main-wrap #plan-main-inner .planArea .photoArea .slick-slide img {width: 100%;} #plan-main-wrap #plan-main-inner .planArea .txtArea {width:100%; text-align:left;} #plan-main-wrap #plan-main-inner .planArea .txtArea h3 {font-size:20px; margin-bottom:10px; text-align:left; letter-spacing:0.05em;} #plan-main-wrap #plan-main-inner .planArea .txtArea .plan_icon {margin-bottom:20px;} #plan-main-wrap #plan-main-inner .planArea .txtArea .plan_icon img {width: 80px; height:20px; margin-right:5px;} #plan-main-wrap #plan-main-inner .planArea .txtArea .plan_txt {text-align:justify; line-height:2; letter-spacing:0.1em; margin-bottom:20px;} #plan-main-wrap #plan-main-inner .planArea .txtArea .plan_txt span {font-size:12px; text-align:left;} #plan-main-wrap #plan-main-inner .planArea .txtArea .detailBox {margin-bottom:20px;} #plan-main-wrap #plan-main-inner .otherplanArea {width:100%; margin-bottom:50px;} #plan-main-wrap #plan-main-inner .otherplanArea .txt1{font-size:20px; margin:30px 0 10px 0;} #plan-main-wrap #plan-main-inner .otherplanArea .txt2{font-size:24px; margin-bottom:10px;} #plan-main-wrap #plan-main-inner .otherplanArea .txt3{font-size:14px;} #plan-main-wrap #plan-main-inner .cautionArea {margin-top:0px; text-align:left;} #plan-main-wrap #plan-main-inner .cautionArea ul {margin-left: 25px; margin-bottom: 30px;} #plan-main-wrap #plan-main-inner .cautionArea li {margin: 0.5em 0 0.5em 0; list-style-type: disc;} /*ボタン*/ #plan-main-wrap #plan-main-inner .btnArea {clear: both;} #plan-main-wrap #plan-main-inner .btnArea .btn {text-align:center; margin-bottom:10px;} #plan-main-wrap #plan-main-inner .btnArea .btn a{ display:block; width:100%; height: 40px; line-height: 40px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #plan-main-wrap #plan-main-inner .btnArea .btn a:hover {background-color: #ededed; color:#76716c;} /*------------------------------------------------------------- spots -------------------------------------------------------------*/ #spots-main-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #spots-main-wrap #spots-main-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:0 0 0 0; text-align:center;} #spots-main-wrap #spots-main-inner .spotsArea {clear: both; margin-bottom:80px;} #spots-main-wrap #spots-main-inner .spotsArea .photoArea {width:100%; margin-bottom:20px;} #spots-main-wrap #spots-main-inner .spotsArea .photoArea img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #spots-main-wrap #spots-main-inner .spotsArea .txtArea {width:100%; text-align:left;} #spots-main-wrap #spots-main-inner .spotsArea .txtArea h3 {font-size:18px; margin-bottom:10px; letter-spacing:0.05em;} #spots-main-wrap #spots-main-inner .spotsArea .txtArea .carBox {font-size:16px; margin-bottom:20px;} #spots-main-wrap #spots-main-inner .spotsArea .txtArea .carBox span {font-size:18px; } #spots-main-wrap #spots-main-inner .spotsArea .txtArea .txtBox {font-size:14px; text-align:justify; margin-bottom:10px; line-height:2; letter-spacing:0.1em;} #spots-main-wrap #spots-main-inner .spotsArea .txtArea .btn_map {font-size:14px; text-align:right; margin-bottom:10px;} #spots-main-wrap #spots-main-inner .spotsArea .txtArea .btn_originalsite {font-size:14px; text-align:right;} /*姉妹館*/ #spots-other-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #spots-other-wrap #spots-other-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:0 0 0 0; text-align:center;} #spots-other-wrap #spots-other-inner h3 {font-size:18px; margin-bottom: 50px;} #spots-other-wrap #spots-other-inner .otherArea {clear: both; margin-bottom:80px;} #spots-other-wrap #spots-other-inner .otherArea .photoArea {width:100%; margin-bottom:20px;} #spots-other-wrap #spots-other-inner .otherArea .photoArea img {width:100%; height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #spots-other-wrap #spots-other-inner .otherArea .txtArea {width:100%; text-align:left;} #spots-other-wrap #spots-other-inner .otherArea .txtArea h3 {font-size:18px; margin-bottom:10px;} #spots-other-wrap #spots-other-inner .otherArea .txtArea .carBox {font-size:16px; margin-bottom:20px;} #spots-other-wrap #spots-other-inner .otherArea .txtArea .carBox span {font-size:18px; } #spots-other-wrap #spots-other-inner .otherArea .txtArea .txtBox {font-size:14px; text-align:justify; margin-bottom:10px; line-height:2; letter-spacing:0.1em;} #spots-other-wrap #spots-other-inner .otherArea .txtArea .btn_map {font-size:14px; text-align:right; margin-bottom:10px;} #spots-other-wrap #spots-other-inner .otherArea .txtArea .btn_originalsite {font-size:14px; text-align:right;} /*------------------------------------------------------------- access -------------------------------------------------------------*/ /*-------------- googlemap ------------*/ #map-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #map-wrap #map-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:0 0 0 0; text-align:center;} #map-wrap #map-inner #mapArea {position: relative; width:100%; margin-bottom:10px; padding-top: 100%; /*padding-top: 56.25%;*/} #map-wrap #map-inner #mapArea #map {position: absolute; top:0; right:0; width:100% !important;height:100%; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; !important;} #map-wrap #map-inner .link_google {font-size:12px; font-weight:400; text-align:right;} /*-------------- main ------------*/ #access-main-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;} #access-main-wrap #access-main-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 0 auto; padding:0 0 0 0; text-align:center;} #access-main-wrap #access-main-inner .addressArea {width:100%; margin-bottom:50px; text-align:left;} #access-main-wrap #access-main-inner .addressArea h3 {font-size:18px; margin-bottom: 10px; line-height:2; letter-spacing:0.05em;} #access-main-wrap #access-main-inner .addressArea .txt {font-size:14px; margin-bottom: 20px; line-height:2; letter-spacing:0.1em;} #access-main-wrap #access-main-inner .rootmapArea {width:100%; text-align:left;} #access-main-wrap #access-main-inner .rootmapArea h3 {font-size:18px; margin-bottom: 20px; line-height:2; letter-spacing:0.05em;} #access-main-wrap #access-main-inner .rootmapArea .pic {margin-bottom: 30px;} #access-main-wrap #access-main-inner .rootmapArea .pic img {width:100%; height:100%;} #access-main-wrap #access-main-inner .rootmapArea ul {margin-left: 25px; margin-bottom: 50px;} #access-main-wrap #access-main-inner .rootmapArea ul li {margin: 0.5em 0 0.5em 0; list-style-type: disc; font-size:12px;} /*------------------------------------------------------------- news -------------------------------------------------------------*/ #news-list-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible; background-color:#ffffff; } #news-list-wrap #news-list-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 50px auto; padding:0; position: relative; text-align:left;} #news-list-wrap #news-list-inner .listArea {margin: 0 0 30px 0; border-top:solid 1px #dfdcd9;} #news-list-wrap #news-list-inner .listArea dl {clear: both; padding:20px 0 10px 0; border-bottom:solid 1px #dfdcd9; text-align:left;} #news-list-wrap #news-list-inner .listArea dt {margin-bottom: 10px; line-height:2; letter-spacing:0.1em;} #news-list-wrap #news-list-inner .listArea dd {line-height:2; letter-spacing:0.1em;} #news-list-wrap #news-list-inner .listArea dd h3 {font-size:16px; margin-bottom:10px;} #news-list-wrap #news-list-inner .listArea dd p {margin-bottom:10px;} #news-list-wrap #news-list-inner .listArea dd ul {margin-left: 25px;} #news-list-wrap #news-list-inner .listArea dd ul li {margin: 0.5em 0 0.5em 0; list-style-type: disc;} #news-list-wrap #news-list-inner .listArea dd ul li:last-child {margin-bottom: 0;} #news-list-wrap #news-list-inner .listArea dd ol {margin-left: 25px;} #news-list-wrap #news-list-inner .listArea dd ol li {margin: 0.5em 0 0.5em 0; list-style-type: decimal;} #news-list-wrap #news-list-inner .listArea dd ol li:last-child {margin-bottom: 0;} #news-list-wrap #news-list-inner .listArea a {text-decoration: underline;} /*------------------------------------------------------------- contact -------------------------------------------------------------*/ #contact-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible; background-color:#ffffff; } #contact-wrap #contact-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 50px auto; padding:0; position: relative; text-align:left;} #contact-wrap #contact-inner .contactArea {width:100%; font-size:13px;} #contact-wrap #contact-inner .contactArea .subcopy {line-height:2; letter-spacing:0.1em;} #contact-wrap #contact-inner .contactArea h3 {font-size:14px; margin: 0 0 20px 0;} #contact-wrap #contact-inner .contactArea .send_copy {font-size:14px; line-height:2;} #contact-wrap #contact-inner .contactArea .formArea {margin: 30px 0; line-height: 200%; border-top:solid 1px #dfdcd9;} #contact-wrap #contact-inner .contactArea .formArea dl {margin-bottom: 0px; border-bottom:solid 1px #dfdcd9;} #contact-wrap #contact-inner .contactArea .formArea dt {padding:10px 0 0 0; clear: both;} #contact-wrap #contact-inner .contactArea .formArea dd {padding:0 0 10px 0;} #contact-wrap #contact-inner .contactArea .formArea dd input, #contact-wrap #contact-inner .contactArea .formArea dd textarea { border:0; padding:0 4px; border:solid 1px #c8c8c8; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; margin-bottom:5px;} #contact-wrap #contact-inner .contactArea .btnArea {width:200px; margin:30px auto 0 auto; text-align:center;} #contact-wrap #contact-inner .contactArea .btnArea input {display:block; width: 200px; height: 50px; font-size:16px; color:#ffffff; background-color:#76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; border:none;} #contact-wrap #contact-inner .contactArea .btnArea input:hover {color:#76716c; background-color:#ededed;} /*------------------------------------------------------------- cancel -------------------------------------------------------------*/ #cancel-wrap {clear:both; width:100%; overflow:visible;} #cancel-wrap #cancel-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 50px auto; padding:0; position: relative; text-align:left;} #cancel-wrap #cancel-inner .cancelArea {width:100%; font-size:13px;} #cancel-wrap #cancel-inner .cancelArea .subcopy {line-height:2; letter-spacing:0.1em;} #cancel-wrap #cancel-inner .cancelArea .cancelBox {margin:30px 0; padding:20px 0; border-top:solid 1px #dfdcd9; border-bottom:solid 1px #dfdcd9;} #cancel-wrap #cancel-inner .cancelArea .cancelBox table.cancel {margin:0; padding:0; border-collapse:collapse;} #cancel-wrap #cancel-inner .cancelArea .cancelBox table.cancel td.txt01 {padding: 10px; vertical-align:middle; line-height:2; letter-spacing:0.1em; white-space:nowrap; font-weight:400;} #cancel-wrap #cancel-inner .cancelArea .cancelBox table.cancel td.txt02 {padding: 10px 10px 10px 30px; vertical-align:middle; line-height:2; letter-spacing:0.1em;} /*------------------------------------------------------------- privacy -------------------------------------------------------------*/ #privacy-wrap {clear:both; width:100%; overflow:visible;} #privacy-wrap #privacy-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 50px auto; padding:0; position: relative; text-align:left;} #privacy-wrap #privacy-inner .privacyArea {width:100%; font-size:13px;} #privacy-wrap #privacy-inner .privacyArea .subcopy {line-height:2;} #privacy-wrap #privacy-inner .privacyArea h3 {font-size:14px; margin:30px 0 30px 0; letter-spacing:0.1em;} #privacy-wrap #privacy-inner .privacyArea dl {margin:30px 0; padding: 0;} #privacy-wrap #privacy-inner .privacyArea dt h4 {font-size:14px; margin:0 0 5px 0; } #privacy-wrap #privacy-inner .privacyArea dd {line-height: 1.8; letter-spacing:0.1em; margin:0 0 50px 0; text-align: justify;} #privacy-wrap #privacy-inner .privacyArea dd.txt_r {text-align: right;} #privacy-wrap #privacy-inner .privacyArea ol,#privacy-wrap #privacy-inner .privacyArea ul {margin-left: 20px;} #privacy-wrap #privacy-inner .privacyArea ol li {margin: 1em 0 0 0; list-style-type: decimal;} #privacy-wrap #privacy-inner .privacyArea ol li ul li, #privacy-wrap #privacy-inner .privacyArea ol li ol li {margin: 0.5em 0 0 0; list-style-type: disc;} #privacy-wrap #privacy-inner .privacyArea ol li ul li:last-child, #privacy-wrap #privacy-inner .privacyArea ol li ol li:last-child {margin: 0.5em 0 2em 0;} /*------------------------------------------------------------- law -------------------------------------------------------------*/ #law-wrap {clear:both; width:100%; overflow:visible;} #law-wrap #law-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 50px auto; padding:0; position: relative; text-align:left;} #law-wrap #law-inner .lawArea {width:100%; font-size:13px;} #law-wrap #law-inner .lawArea .subcopy {line-height:2; letter-spacing:0.1em;} #law-wrap #law-inner .lawArea dl {margin:30px 0; padding: 0;} #law-wrap #law-inner .lawArea dt {font-size:14px; margin-bottom:5px; padding-bottom:5px; border-bottom:solid 1px #dfdcd9; } #law-wrap #law-inner .lawArea dd {font-size:12px; margin:0 0 30px 0; line-height:2;} #law-wrap #law-inner .lawArea ol, #law-wrap #law-inner .lawArea ul {margin-left: 20px;} #law-wrap #law-inner .lawArea ul li {margin: 0.5em 0 0.5em 0; list-style-type: disc; line-height:2;} #law-wrap #law-inner .lawArea ol li {margin: 0.5em 0 0.5em 0; list-style-type: decimal; line-height:2;} /*#law-wrap #law-inner .lawArea ol li ul li, #law-wrap #law-inner .lawArea ol li ol li {margin: 0.5em 0 0 0; list-style-type: disc;}*/ /*------------------------------------------------------------- footer Area -------------------------------------------------------------*/ /*banner*/ #banner-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;} #banner-wrap #banner-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:100px auto 30px auto;} #banner-wrap #banner-inner .bannerArea {margin-left: -3.3333%; zoom: 1;} #banner-wrap #banner-inner .bannerArea ul {margin: 0;} #banner-wrap #banner-inner .bannerArea li {width:30%; float: left; list-style: none; margin-left: 3.3333%; text-align:center;} #banner-wrap #banner-inner .bannerArea li img {display:none;} #banner-wrap #banner-inner .bannerArea .font_b{font-size:13px; padding:0 0 0 0; text-decoration: none;} #banner-wrap #banner-inner .bannerArea .font_s {display:none;} #banner-wrap #banner-inner .bannerArea .font_s span {display:none;} #banner-wrap #banner-inner .bannerArea li a{ display:block; width:100%; height: 40px; line-height: 40px; font-size:14px; color:#ffffff; background-color: #76716c; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #banner-wrap #banner-inner .bannerArea li a:hover {background-color: #ededed; color:#76716c;} /*footer*/ #footer-wrap{clear:both; width:100%; margin:0 auto 0 auto; overflow:visible; position:relative; background:url(../images/bg_footer.png) repeat-x 0 0; background-color:#e0dcd6;} #footer-wrap #footer-inner{width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:0 auto 0 auto; padding:0 0 0 0;} #footer-wrap #footer-inner #logoArea {margin-bottom: 30px; text-align:center;} #footer-wrap #footer-inner #logoArea .footer_logo {margin-bottom: 20px; padding-top:10px;} #footer-wrap #footer-inner #logoArea .footer_logo img {width: 200px;} #footer-wrap #footer-inner #logoArea .footer_txt {font-size:14px; line-height:1.8; letter-spacing:0.1em;} #footer-wrap #footer-inner #addArea {padding: 30px 0; text-align:left; border-top:solid 1px #ffffff;} #footer-wrap #footer-inner #addArea .txt01 {font-size:16px; margin-bottom: 5px;} #footer-wrap #footer-inner #addArea .txt02 {font-size:14px; margin-bottom: 5px;} #footer-wrap #footer-inner #addArea .txt03 {font-size:12px;} #footer-wrap #footer-inner #btnArea {text-align:center;} #footer-wrap #footer-inner #btnArea #btnBox_left {width:100%; padding: 24px 0 0 0; border-top:solid 1px #ffffff;} #footer-wrap #footer-inner #btnArea #btnBox_left ul {list-style:none; text-align:left;} #footer-wrap #footer-inner #btnArea #btnBox_left li {display:inline-block; padding-right: 2.5%; font-size:12px; font-weight:200; height:24px; line-height:24px;} #footer-wrap #footer-inner #btnArea #btnBox_left li:last-child {padding-right: 0;} #footer-wrap #footer-inner #btnArea #btnBox_left li.fb {font-size:20px; padding-right: 5px;} #footer-wrap #footer-inner #btnArea #btnBox_left li.insta {font-size:20px;} #footer-wrap #footer-inner #btnArea #btnBox_right {width:100%; padding: 4px 0 24px 0;} #footer-wrap #footer-inner #btnArea #btnBox_right ul {list-style:none; text-align:left;} #footer-wrap #footer-inner #btnArea #btnBox_right li {display:inline-block; padding-right: 2.5%; height:24px; line-height:24px;} #footer-wrap #footer-inner #btnArea #btnBox_right li.fb {font-size:20px; padding-right: 5px;} #footer-wrap #footer-inner #btnArea #btnBox_right li.insta {font-size:20px;} #footer-wrap #footer-inner #btnArea a {color: #725731;} #footer-wrap #footer-inner #btnArea a:hover {color: #ffffff;} #footer-wrap #footer-inner #copyArea {padding: 10px 0 20px 0; text-align:center; border-top:solid 1px #ffffff;} #footer-wrap #footer-inner #copyArea #copyright{font-size:12px;} /*footer starry*/ #footer-starry-wrap {clear:both; width:100%; margin:0 auto 0 auto; overflow:visible; position:relative; bottom:0; background: url(../images/bg_sp_starry_footer.png) no-repeat center bottom;} #footer-starry-wrap #footer-starry-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:0 auto 0 auto; padding:0 0 0 0;} #footer-starry-wrap #footer-starry-inner #addArea {padding: 360px 0 20px 0; text-align:left;} #footer-starry-wrap #footer-starry-inner #addArea .txt01 {font-size:16px; margin-bottom: 5px;} #footer-starry-wrap #footer-starry-inner #addArea .txt02 {font-size:14px; margin-bottom: 5px;} #footer-starry-wrap #footer-starry-inner #addArea .txt03 {font-size:12px;} #footer-starry-wrap #footer-starry-inner #btnArea {text-align:center;} #footer-starry-wrap #footer-starry-inner #btnArea #btnBox_left {width:100%; padding: 20px 0 0 0; border-top:solid 1px #848a9b;} #footer-starry-wrap #footer-starry-inner #btnArea #btnBox_left ul {list-style:none; text-align:left;} #footer-starry-wrap #footer-starry-inner #btnArea #btnBox_left li {display:inline-block; padding-right: 2.5%; font-size:12px; font-weight:200; height:24px; line-height:24px;} #footer-starry-wrap #footer-starry-inner #btnArea #btnBox_left li:last-child {padding-right: 0;} #footer-starry-wrap #footer-starry-inner #btnArea #btnBox_left li.fb {font-size:20px; padding-right: 5px;} #footer-starry-wrap #footer-starry-inner #btnArea #btnBox_left li.insta {font-size:20px;} #footer-starry-wrap #footer-starry-inner #btnArea #btnBox_right {width:100%; padding: 4px 0 24px 0;} #footer-starry-wrap #footer-starry-inner #btnArea #btnBox_right ul {list-style:none; text-align:left;} #footer-starry-wrap #footer-starry-inner #btnArea #btnBox_right li {display:inline-block; padding-right: 2.5%; height:24px; line-height:24px;} #footer-starry-wrap #footer-starry-inner #btnArea #btnBox_right li.fb {font-size:20px; padding-right: 5px;} #footer-starry-wrap #footer-starry-inner #btnArea #btnBox_right li.insta {font-size:20px;} #footer-starry-wrap #footer-starry-inner #btnArea a {color: #ffffff;} #footer-starry-wrap #footer-starry-inner #btnArea a:hover {color: #725731;} #footer-starry-wrap #footer-starry-inner #copyArea {padding: 10px 0 20px 0; text-align:center; border-top:solid 1px #848a9b;} #footer-starry-wrap #footer-starry-inner #copyArea #copyright{font-size:12px;} /*------------------------------------------------------------- common -------------------------------------------------------------*/ table.detail { width: 100%; margin:0; padding:0; border-collapse:collapse; border-top:solid 1px #dfdcd9;} table.detail td.txt01 { width: 20%; padding: 10px 10px 10px 0; vertical-align:middle; line-height:2; letter-spacing:0.1em; white-space:nowrap; border-bottom:solid 1px #dfdcd9; } table.detail td.txt02 { width: 80%; padding: 10px 0 10px 10px; vertical-align:middle; line-height:2; letter-spacing:0.1em; border-bottom:solid 1px #dddddd;} table.detail span.price {font-size:24px; font-weight: 400;} table.detail span.price18 {font-size:16px; font-weight: 400;} table.detail span.size {font-size:20px;} table.detail span.tel {font-size:24px;} .font_small {font-size:12px;} .font_del {text-decoration: line-through;} .fb-arrow-right:before{font-family: "Font Awesome 5 Free"; content: '\f0a9' ; font-weight:900; padding: 0 4px; vertical-align:0px;} .fb-arrow-left:before{font-family: "Font Awesome 5 Free"; content: '\f0a8' ; font-weight:900; padding: 0 4px; vertical-align:0px;} .fb-arrow-up:before{font-family: "Font Awesome 5 Free"; content: '\f0aa' ; font-weight:900; padding: 0 4px;} .fb-fb:before{font-family: "Font Awesome 5 Brands"; content: '\f082'; padding: 0 4px;} .fb-point:before{font-family: "Font Awesome 5 Free"; content: '\f3c5'; font-weight:900; padding: 0 4px;} .fb-tel:before{font-family: "Font Awesome 5 Free"; content: '\f095'; font-weight:900; padding: 0 4px;} .fb-bag:before{font-family: "Font Awesome 5 Free"; content: '\f0f2'; font-weight:900; padding: 0 4px;} .fb-insta:before{font-family:"Font Awesome 5 Brands"; content: '\f16d'; padding: 0 4px;} .fb-car:before{font-family: "Font Awesome 5 Free"; content: '\f1b9'; font-weight:900; padding: 0 4px;} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer;cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track{position: relative;top: 0;left: 0;display: block;} .slick-track:before, .slick-track:after{display: table;content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none;float: left;height: 100%;min-height: 1px;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} /* Slider loading */ .slick-loading .slick-list{background: #fff url('../images/ajax-loader.gif') center center no-repeat;} /* Arrows */ .slick-prev, .slick-next { /*display:none;*/ font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 0px; height: 0px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: #725731; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; z-index:1000; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: #dddddd; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { /*font-family: 'slick';*/ font-size: 0px; line-height: 1; z-index:300; opacity: 1; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev{left: -10px;} [dir='rtl'] .slick-prev{right: -10px;left: auto;} .slick-prev:before{content: '←';} [dir='rtl'] .slick-prev:before{content: '→';} .slick-next{right: -15px;} [dir='rtl'] .slick-next{right: auto;left: -15px;} .slick-next:before{content: '→';} [dir='rtl'] .slick-next:before{content: '←';} /* Dots */ .slick-dotted.slick-slider{margin-bottom: 30px;} .slick-dots { position: absolute; bottom: -30px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 2px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: "Font Awesome 5 Free"; font-weight:900; font-size: 12px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '\f111'; text-align: center; opacity: .5; color: #725731; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: 1; color: #725731; /*border: solid 1px #ffffff; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;*/ } /*/スマホ*/ }