@charset "utf-8";
/* reset 
-----------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td, article, aside, dialog, figure, footer, header, hgroup,
menu, nav, section, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
article, aside, dialog, figure, footer, header,
h1,h2,h3,h4,h5,h6,h2,h3{font-weight:normal;}
hgroup, nav, section {display:block;}
ol, ul, dl, li{list-style: none; padding:0;margin:0;}
caption,th {text-align:left;font-weight:normal; font-size:100%;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;border: 1px solid #ccc;border-radius: 0;}
a {outline: none;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none; color:#555; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
table { border-collapse:collapse;border-spacing:0; }
img { border: 0; vertical-align: middle; display: inline-block; max-width: 100%; height: auto; width: auto;}
/* Body */
@font-face {font-family: "Custom Yu Gothic";src: local("Yu Gothic Medium");font-weight: 100;}
@font-face {font-family: "Custom Yu Gothic";src: local("Yu Gothic Medium");font-weight: 200;}
@font-face {font-family: "Custom Yu Gothic";src: local("Yu Gothic Medium");font-weight: 300;}
@font-face {font-family: "Custom Yu Gothic";src: local("Yu Gothic Medium");font-weight: 400;}
@font-face {font-family: "Custom Yu Gothic";src: local("Yu Gothic Bold");font-weight: bold;}
@font-face {font-family: "Helvetica Neue";src: local("Helvetica Neue Regular");font-weight: 100;}
@font-face {font-family: "Helvetica Neue";src: local("Helvetica Neue Regular");font-weight: 200;}
/* IE10以上 */
@media all and (-ms-high-contrast: none){html { font-family: Verdana, Meiryo, sans-serif;}}
@media all and (-ms-high-contrast: active) {html {font-family: Verdana, Meiryo, sans-serif;}}
html, body {position:relative;z-index:0;height: 100%;color:#555;letter-spacing:.1rem;-webkit-print-color-adjust: exact;word-break: break-all;
font-family:'M PLUS Rounded 1c', sans-serif,Palatino Linotype,Book Antiqua,Palatino,Klee,"游明朝体",Yu Mincho,YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝B","メイリオ","ＭＳ Ｐ明朝","MS PMincho","meiryo",serif;-webkit-text-size-adjust: 100%;}
html{font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */}
body {font-size: 16px; font-size: 1.6em;}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.opa a:hover{opacity:0.75;}

/*
メインカラー　
#3E6A80
rgb(62, 106, 128)

*/

/* メインイメージ

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
#indexSliderBox {position:relative;z-index:999;}
#indexSlider {position:relative;z-index:0;height:100vh;width:100%;}
#indexSlider h2{position: absolute;z-index:1;width:90%;margin:0 auto;text-align:center;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#indexSlider .tel{position: absolute;z-index:1;top:20px;right:0;color:#fff;width:280px;text-align:center;text-shadow:#3e6a80 1px 1px 10px,#3e6a80 -1px 1px 5px;}
#indexSlider .tel .num{font-size:2.7rem;}
#indexSlider .tel a{color:#fff;}
#indexSlider .tel .num:before{content:"\f095";font-family: FontAwesome;font-size:2.2rem;padding-right:8px;}
#indexSlider .tel .time{display:block;}

#indexSlider2 {position:relative;overflow:hidden;z-index:0;width:100%;}
#indexSlider2 .slider{position:relative;z-index:0;}
#indexSlider2 .slider .item{display:block;background-size:cover;background-position:50%;background-repeat:no-repeat;height:100vh;min-height:100%;}
#indexSlider2 h2{position: absolute;z-index:10;width:90%;margin:0 auto;text-align:center;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#indexSlider2 .tel{position: absolute;z-index:10;top:20px;right:0;color:#fff;width:280px;text-align:center;text-shadow:#3e6a80 1px 1px 10px,#3e6a80 -1px 1px 5px;}
#indexSlider2 .tel .num{font-size:2.7rem;}
#indexSlider2 .tel a{color:#fff;line-height:1.45;}
#indexSlider2 .tel .num:before{content:"\f095";font-family: FontAwesome;font-size:2.2rem;padding-right:8px;}
#indexSlider2 .tel .time{display:block;}
@media screen and (max-width:1024px){
	#indexSlider .tel{top:70px;}
	#indexSlider2{padding-top:60px;}
	#indexSlider2 .slider .item{height:480px;}
	#indexSlider2 .slick-dots{bottom:-5px;}
}
@media screen and (max-width:767px){
	#indexSlider2 .slider .item{height:480px;}
}
@media screen and (max-width:640px){
	#indexSlider2 .slider .item{height:auto;padding-bottom:10%;}
	#indexSlider2 h2,
	#indexSlider2 .tel{display:none;}
}

/* header

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

/*　ナビゲーション　*/
#header {position:absolute;bottom:0;left:0;z-index:9990;width:100%;height:60px;background:#3E6A80;}
#header h1{float:left;width:20%;vertical-align:top;padding-top:2px;}
#header h1 a{display:block;width:230px;}
/* グローバルナビ */
#header .gNavi {float:left;width:80%;padding-left:5%;}
#header .gNavi ul{display:table;table-layout:fixed;width:100%;}
#header .gNavi li{display:table-cell;text-align:center;vertical-align: middle;}
#header .gNavi li a{display:block;color:#fff;line-height:60px;}
#header .gNavi li a:hover{background:#2b4a59;}
#header .gNavi li.pcRsv{background:#2b4a59;}
#header .gNavi li.pcRsv a:hover{background:#223944;}
#header .sns {float:left;width:10%;padding-top:15px;}
#header .sns ul{display:table;table-layout:fixed;width:100%;}
#header .sns li{display:table-cell;padding-left:2%;text-align:center;}
#header .sns li a{color:#fff;font-size:1.8rem;}
#rsvBtn{display:none;}

@media screen and (min-width:1025px){
	#headerBox{position:relative;}
	#header .inner{position:relative;overflow:hidden;width:95%;margin:0 auto;}
	#header nav{display:block!important;}
	#header.fixed{position:fixed;top:0;left:0;width:100%;z-index:9990;}
	#header .tel{display:none!important;}
}
@media screen and (max-width:1024px){
	#header .head{position:relative;width:90%;margin:0 auto;}
	#header {position:fixed;top:0;left:0;}
	#header h1{padding-top:5px;}
	#header nav{display:none;position:absolute;top:60px;left:0;width:100%;background:#3E6A80;border-top:1px solid rgba(255,255,255,0.2);}
	#header .gNavi {float:none;width:100%;padding-left:0;}
	#header .gNavi ul{display:block;position:relative; overflow:hidden;}
	#header .gNavi li.pcRsv{display:none;}
	#header .gNavi li{display:block;float:left;width:50%;font-size:1.7rem;}
	#header .sns {float:none;width:150px;padding:20px 0;margin:0 auto;}
	#header .sns li a{font-size:2rem;}
	#header .tel{width:100% !important;}
	#header .tel a{line-height:30px!important;padding:10px 0;background:#2b4a59;}
	#header .tel .num{font-size:2.4rem;}
	#header .tel .num:before{content:"\f095";font-family: FontAwesome;font-size:2rem;padding-right:8px;}
	#header .tel .time{display:block;font-size:1.4rem;}
	/* メニューボタン */
	#spBtn {display: block;position: absolute;top:0;right:0;width:26px; height:60px; cursor: pointer; z-index: 1001;}
	#spBtn div {position: relative;text-align:center;width:26px;margin:15px auto 0 auto;}
	#spBtn span {display: block; position: absolute; height: 2px; width: 100%; background:#fff; left: 0;border-radius:10px;-webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; transition: .15s ease-in-out;}
	#spBtn span:nth-child(1) { top: 7px;}
	#spBtn span:nth-child(2) { top: 20px;}
	/* メニューボタン 切り替えアニメーション */
	/* 予約ボタン */
	#rsvBtn{display:block !important;position:absolute;top:0;right:40px;transition:all .3s ease;cursor: pointer;background:#2B4A59;text-align:center;width:65px;line-height: 60px;}
	#rsvBtn:hover{background:#223944;}
	#rsvBtn a{color:#fff;width:100%;display:block;position:relative;width:100px;font-size:1.5rem;width:100%;font-size:1.4rem;}
	#rsvBtn img{width:24px;margin-right:8px;vertical-align: middle;}
	.open#spBtn span:nth-child(1) {top: 14px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
	.open#spBtn span:nth-child(2) {top: 14px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
	.anmtrs {-webkit-transition:all .35s ease; -moz-transition:all .35s ease; -ms-transition:all .35s ease; -o-transition:all .35s ease; transition:all .35s ease;}
}
@media screen and (max-width:420px){#header h1 a{width:200px;}}
@media screen and (max-width:380px){#header h1 a{width:150px;}}

/* footer

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
footer{width:100%;background:#3e6a80;color:#fff;text-align:center;}
#profile{width:90%;padding:60px 0;margin:0 auto;}
#profile .logo{max-width:400px;margin:0 auto 4em auto;}
#profile address{font-style:normal;line-height:2.7rem;font-size:1.4rem;}
#profile address .name{display:block;}
#profile address .add{margin-bottom:45px;}
#profile address .add .code{padding-right:10px;}
#profile address .tel .time{font-size:1.5rem;}
#profile address .tel,
#profile address .fax{font-size:2rem;margin:10px 0;}
footer .links ul{display:-webkit-flex;display:flex;justify-content:center;margin-bottom:50px;}
footer .links ul li{padding:0 10px;max-width:300px;width:100%;}
footer .links a{color:#fff;border:1px solid #fff;display:block;padding:10px 0;width:100%;}
footer .links a:hover{background:#fff;color:#3E6A80;}
#copy{font-size:10px;display:block;width:100%;text-align:center;color:rgba(255,255,255,0.8);padding:2px 0;}
/* ページトップボタン */
#pageTop { position:fixed; bottom:20px; right:10px; z-index:50;background:rgba(62, 106, 128,0.8);}
#pageTop img{ width:60px;}
#pageTop a { display:block; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
@media screen and (max-width:640px){
	#profile{padding:60px 0 30px 0;}
	#profile .logo{max-width:230px;}
	#profile address .add .code{display:block;padding-right:0;}
	#profile address .tel,
	#profile address .fax{display:block;margin-top:0;}
	#profile address .tel:after{display:none;}
  footer .links ul{display:block;margin-bottom:70px;}
	footer .links ul li{margin:20px auto;}
}

/* コンセプト

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
.concept{position:relative;padding:0;color:#fff;text-align:center;}
.concept .thum{position:relative;background-image:url(../img/index/concept_pc.jpg);background-size:cover;background-position:50%;height:700px;}
.concept .box{padding:100px 0;width:90%;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
.concept h2{margin-bottom:30px;font-size:3rem;letter-spacing:.3rem;}
.concept h2 span{padding-right:20px;}
.concept p{line-height:4rem;}
.concept p span{display:block;}

@media screen and (max-width:767px){
	.concept .box{padding:50px 0;}
	.concept h2{margin-bottom:30px;font-size:2.4rem;letter-spacing:.2rem;}
	.concept h2 span{padding:0;display:block;}
	.concept .thum{background-image:url(../img/index/concept_sp.jpg);}
	.concept p{line-height:2.8rem;}
	.concept p span{display:inline;}
}

/* トピック

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
.pickupBnr a{display:block;margin-bottom:20px;}
@media screen and (min-width:641px){
	.pickupBnr{display:flex;justify-content:center;}
}

.containerPc{text-align:center;display:flex;justify-content:center;margin-bottom:20px;}
.containerSp{display:none;}
.containerPc {}

@media screen and (max-width:640px){
	.containerPc{display:none;}
	.containerSp{display:block;text-align:center;}
	.containerSp .bnr{margin-bottom:10px;}
}

/* おすすめプラン

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
.recommendPlan {position:relative; overflow:hidden;}
.recommendPlan ul li{max-width:240px;margin:0 15px;}
.recommendPlan li h4{font-size:1.6rem;margin:8px 0;color:#3e6a80;}
.recommendPlan li .text{margin:10px 0;}
.recommendPlan li .text{font-size:1.3rem;}
.recommendPlan li .sub{font-size:1.2rem;text-align:right;color:#999;}
.recommendPlan li .sub .price{font-size:1.5rem;color:#555;}
.recommendPlan .slick-next{right:-5%;}
.recommendPlan .slick-prev{left:-5%;}
/* 電話でのご予約 */
.recommendPlan .linkBtnA{max-width:320px;}
.recommendPlan .tel{text-align:center;}
.recommendPlan .tel .num{display:block;font-size:3rem;}
.recommendPlan .tel .num:before{content:"\f095";font-family: FontAwesome;font-size:2.2rem;padding-right:8px;}
@media screen and (max-width:640px){
	.recommendPlan .linkBtnA{margin-top:70px;}
	.recommendPlan .slick-next,
	.recommendPlan .slick-prev{top:107%;}
	.recommendPlan .tel .num{font-size:2.2rem;}
	.recommendPlan .tel .time{font-size:1.4rem;letter-spacing:0;}
}

/* 客室

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
.guestRoom{position:relative; overflow:hidden;padding-bottom:0;}

.allergy{width:100%;background:#F5F1F2;margin-bottom:3em;padding:15px;font-size:1.4rem;}
.allergy span{display:block;font-size:1.6rem;margin-bottom:8px;}

.anniversaryPlan{display:table;table-layout:fixed;width:100%;background:#F5F1F2;margin-bottom:3em;}
.anniversaryPlan .thum,
.anniversaryPlan .text{display:table-cell;vertical-align:top;color:#832626;}
.anniversaryPlan .thum{width:200px;}
.anniversaryPlan .text{padding:15px;}
.anniversaryPlan .text span{display:block;font-size:1.8rem;margin-bottom:10px;}
/* オプション */
.optionList li{border:1px solid rgba(0, 0, 0,0.15);border-radius:8px;padding:1em;}
.optionList li h4{}
.aList{width:90%;margin:50px auto 0 auto;}
@media screen and (max-width:640px){
	.anniversaryPlan{display:block;text-align:center;padding:10px;}
	.anniversaryPlan .thum,
	.anniversaryPlan .text{display:block;margin:0 auto;}
}

/* お知らせ

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
.topicsLink{position:relative; overflow:hidden;}
.topicsLink .articleList{border-top:1px solid rgba(62, 106, 128,0.2);height:500px;overflow:auto;}
.topicsLink .articleList li{position:relative;overflow:hidden;border-bottom:1px solid rgba(62, 106, 128,0.2);padding:20px 8px;}
.topicsLink .articleList li .thum{width:30%;float:right;}
.topicsLink .articleList li .swipeThum a{max-width:32%;}
.topicsLink .articleList li .text{width:65%;float:left;}
.topicsLink .articleList li .text.noThum{width:100%;float:none;}
.topicsLink .articleList li .text h4{font-size:1.6rem;margin-bottom:8px;color:#3E6A80;}
.topicsLink .articleList li .text p{font-size:1.4rem;}
.upDate{margin:10px 0;}
.upDate .newIcon{background:#BF3418;color:#fff;font-size: 11px;padding: 3px 5px;display: inline-block;line-height: 1.1;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;}
/* 前へ　次へ */
.pager{position:relative; overflow:hidden;}
.pager .linkBtnA{width:100px;margin-top:20px;}
.pager .right{float:right;}
.pager .left{float:left;}
/* 数字ページャーボタン */
.numberPager {width:100%;margin:1em auto 3em auto;text-align:center;max-width:400px;}
.numberPager ul {position:relative; overflow:hidden;text-align:center;}
.numberPager li {margin:0 10px 10px 0;width:35px;display:inline-block;}
.numberPager li:last-child{margin-right:0;}
.numberPager li a {padding:10%;display: block;text-decoration:none;border:1px solid #3E6A80;color:#3E6A80;}
.numberPager li.active a,.numberPager li a:hover{ background:rgba(62, 106, 128,0.1);border:1px solid #3E6A80;}
.numberPager .lnk a:link { background:#3E6A80; color:#fff;}
.numberPager .lnk a {text-decoration: none;display: block;background:#3E6A80 !important;color:#fff !important;cursor:default;border:1px solid #3E6A80;}
.numberPager .lnk a:hover {border:1px solid #3E6A80;}

@media screen and (max-width:767px){
	.topicsLink .articleList li .thum,
	.topicsLink .articleList li .text{width:100%;float:none;}
}

/* アクセス

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
.accessTitle{font-size:1.6rem;color:#3E6A80;}
.googleMap iframe{width:100%;}
.omniMap{padding:30px;background:rgba(62,106,128,.08);color:#3E6A80;margin-bottom:3em;font-size:1.8rem;}
@media screen and (max-width:767px){
	.omniMap{padding:15px;font-size:1.4rem;}
}

/* 汎用

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
/* コンテンツ幅 */
section{position:relative; overflow:hidden;padding:80px 0;}
.inner1200{max-width:1200px;width:90%;margin:0 auto;}
.inner960{max-width:960px;width:90%;margin:0 auto;}
.inner700{max-width:700px;width:90%;margin:0 auto;}
/* タイトル */
.contentTitle{position:relative;margin-bottom:60px;text-align:center;color:#3e6a80;}
.contentTitle .ffEn{font-size:4.2rem;margin-bottom:4rem;letter-spacing:.4rem;}
.contentTitle .ffJa{display:block;font-size:1.6rem;}
.contentTitle:after{position:absolute;font-size:14px;bottom:-25px;left:0;right:0;margin:0 auto;content: '〰〰';letter-spacing:0;transform: scale(1.5, 1);}
.subTitle{color:#3e6a80;font-size:2rem;margin-bottom:1.5rem;}
.subTitle.type1{border-bottom:1px dashed rgba(62, 106, 128,0.5);}
/* table */
.comTable{width:100%; max-width: 100%;}
.comTable th,
.comTable td {padding:.5em;vertical-align:middle;line-height:2.4rem;}
.comTable th {background:#E5EBEE;}
.comTable.priceTable{table-layout:fixed;}
.comTable.priceTable th,
.comTable.priceTable td {text-align:center;}
.comTable.type1 th {border-right:1px solid #CEDBE0;}
.comTable.type1 th,
.comTable.type1 td{border:1px solid #CEDBE0;border-left:none;}
.comTable.type1 th:last-child,
.comTable.type1 td:last-child{border-right:none;}
.comTable.type2 th{border-top:1px solid #CEDBE0;border-bottom:1px solid #CEDBE0;}
.comTable.type2 td{border-right:none;border-bottom:1px solid #CEDBE0;}
/* 透明 */
.comTable.type3{width:100%; max-width: 100%;}
.comTable.type3 th,
.comTable.type3 td {padding:.8em 0; vertical-align:middle;line-height:2.4rem;background:none;}
.comTable.type3 th{color:#3e6a80;font-size:1.6rem;}
@media screen and (max-width:640px){
	.comTable.tbBlock th,
	.comTable.tbBlock td{display:block;width:100%;}
	.comTable.tbBlock.type1 th,
	.comTable.tbBlock.type1 td{border:none;}
	.comTable.tbBlock.type1 th{border-top:1px solid #CEDBE0;border-bottom:1px solid #CEDBE0;}
	.comTable.tbBlock.type1 tr:last-child{border-bottom:1px solid #CEDBE0;}
	
}

/* 枠ボタン */
.linkBtnA{position:relative;max-width:260px;margin:40px auto 0 auto;text-align:center;}
.linkBtnA a{position:relative;width:100%;display:inline-block;padding:12px 20px;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;}
.linkBtnA.type1 a{color:#fff;background:#3e6a80;}
.linkBtnA.type1 a:hover{background:#2b4a59;}
/* 外部リンク */
.externalLink {width:100%;margin:15px auto;}
.externalLink a{background:#eee;padding:8px 10px;display:block;text-align:center;font-size:1.5rem;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;}
.externalLink a:after{content:"\f08e";font-family: fontAwesome;font-size:11px;padding-left:5px;}
.externalLink a:hover{background:#ccc;}

/* リスト */
ul.listDisc {font-size:1.4rem;}
ul.listDisc li{margin-bottom:15px;text-indent: -0.5em;}
ul.listDisc li:before{content:"\f111"!important;font-family: fontAwesome;font-size:10px;transform: scale(0.5);display:inline-block;color:#777;padding:6px 5px 0 0;vertical-align:top;}
ul.listNote {padding-left:1.2em;}
ul.listNote li{font-size:1.4rem;text-indent: -0.6em;}
ul.listNote li:before{content:"※"!important;font-family: fontAwesome;font-size:1.4rem;display:inline-block;color:#777;padding:2px 3px 0 0;vertical-align:top;}

/* PC SP画像切り替え */
@media only screen and (min-width: 768px){.changeThum.s767 .spThum{display:none;}}
@media only screen and (max-width: 767px){.changeThum.s767 .pcThum{display:none;}}
/* ワイドサイズ スライド */
.wideSlideList {overflow: hidden;}
@media screen and (min-width: 768px) and (max-width: 1099px) {
	.wideSlideList .slide {overflow: hidden;}
	.wideSlideList .slide img {position: relative;width: 150%;max-width: none;margin-left: -25%;}
}
@media only screen and (max-width: 767px) {
	.wideSlideList .slide {overflow: hidden;}
	.wideSlideList .slide img {position: relative;width: 170%;max-width: none;margin-left: -35%;}
}

/*画像＆テキスト 共通 */
.thumAndText .box{position:relative; overflow:hidden;}
.thumAndText .left{float:left;width:50%;}
.thumAndText .right{float:right;width:50%;}
.thumAndText .text{position:relative;}
.thumAndText .text .in{width:90%; max-width:520px;margin:0 auto;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
.thumAndText .thum{background-position:50%;background-size:cover;min-height:500px;}

/* スクロールバーデザイン */
::-webkit-scrollbar{overflow:hidden;width:3px;background:#eee;-webkit-border-radius:5px;border-radius:5px;}
::-webkit-scrollbar:horizontal{height:3px;}
::-webkit-scrollbar-button{display:none;}
::-webkit-scrollbar-piece{background:#eee;}
::-webkit-scrollbar-piece:start{background:#eee;}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-corner{overflow:hidden;-webkit-border-radius:5px;border-radius:5px;background:#8ba5b2;}

@media screen and (max-width:767px) {
	/* タイトル */
	.contentTitle .ffEn{font-size:2.8rem;margin-bottom:2rem;letter-spacing:.2rem;}
	.subTitle{font-size:1.9rem;margin-bottom:1rem;}
	
	/* ボタンセレクト */
	.tinynav {display:block;width:100%;height:56px;font-size:16px;}
	.selectLink ul{display:none;}
	.selectLink li.active{display:block;}
	.selectLink.selctWrap:before {top:9px;right:10px;}

	/*画像＆テキスト 共通 */
	.thumAndText .textDetail .in{width:100%;}
	.thumAndText .left,
	.thumAndText .right{float:none;width:100%;}
	.thumAndText .thum{min-height:300px;}

}
@media screen and (max-width:1000px) {
	.tableScroll1000 .comTable{min-width:1000px;}
	.tableScroll1000{overflow: auto;white-space: nowrap;}
	.tableScroll1000:before{content: "横にスクロールすると全てご覧いただけます。";font-size:12px;margin-bottom:5px;}
}
@media screen and (max-width:640px) {
	
	.tableScroll640 .comTable{min-width:600px;}
	.tableScroll640{overflow: auto;white-space: nowrap;}
	.tableScroll640:before{content: "横にスクロールすると全てご覧いただけます。";font-size:12px;margin-bottom:5px;}
}

/* 改行 */
@media screen and (max-width:800px){.brNone800{display:none;}}
@media screen and (max-width:767px){.brNone767{display:none;}}
@media screen and (max-width:640px){.brNone640{display:none;}.spBlock640{display:block;}}
@media screen and (min-width:481px){.brOn480{display:none;}}
@media screen and (max-width:480px){.brNone480{display:none;}.spBlock480{display:block;}}
@media screen and (max-width:320px){.brNone320{display:none;}}
#loaderBg{position: fixed; width: 100%; height: 100%; top: 0px; left: 0px;  background-color:rgba(0,0,0,0.6); z-index: 9000;}
.loading{position: absolute;width:50px;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.loading img{width:100%;display:block;}
.thumLoading{position:relative;}
.thumLoading:after{content:"";position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);width:100%;height:100%;z-index:499;}
.thumLoading:before{content:"";top:45%;left:49%;position:absolute;z-index:500;width: 40px;height:40px;background-color:#fff;border-radius: 100%;-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;animation: sk-scaleout 1.0s infinite ease-in-out;}
.thumLoading:after,
.thumLoadingNone:before{opacity:0;visibility:hidden;}
.spinner {width: 40px;height: 40px;margin:100px auto;background-color:#fff;border-radius: 100%;  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;animation: sk-scaleout 1.0s infinite ease-in-out;}
@-webkit-keyframes sk-scaleout {
	0% { -webkit-transform: scale(0) }
	100% {-webkit-transform: scale(1.0);opacity: 0;}
}
@keyframes sk-scaleout {
	0% {-webkit-transform: scale(0);transform: scale(0);}
	100% {-webkit-transform: scale(1.0);transform: scale(1.0);opacity: 0;}
}

/* font */
.textSdw1{text-shadow: black 1px 1px 10px, black -1px 1px 5px,black 1px 1px 10px, black -1px 1px 5px, black 1px 1px 10px, black -1px 1px 5px, black 1px -1px 10px, black -1px -1px 10px;}
.textSdw2{text-shadow: black 1px 1px 5px, black -1px 1px 5px;}
.boxSdwBtm{box-shadow: 0px 10px 5px -5px rgba(0,0,0,0.2);}
/* 二重線 */
.secTowLine{border-bottom: solid 1px #ddd; margin-bottom: 2px;position: relative;}
.secTowLine:before {content: '';width: 100%;height: 1px;border-bottom: solid 1px #ddd;position: absolute;left: 0px;bottom: 1px;}
/* text */
.alignC { text-align: center!important;}
.alignR { text-align: right!important;}
.alignL { text-align: left!important;}
.alignT{vertical-align:top!important;}
.alignM{vertical-align:middle!important;}
.alignB{vertical-align:bottom!important;}
/* 幅 */
.w50px{width:50px;}
.w60px{width:60px;}
.w70px{width:70px;}
.w80px{width:80px;}
.w90px{width:90px;}
.w100px{width:100px;}
.w110px{width:110px;}
.w120px{width:120px;}
.w130px{width:130px;}
.w140px{width:140px;}
.w150px{width:150px;}
.w200px{width:200px;}
.w250px{width:250px;}
.mw320px{max-width:320px;}
.mw500px{max-width:500px;}
.w100{width:100%;}

@media screen and (max-width:767px) {.spMgb2{margin-bottom:2em;}}
@media screen and (max-width:480px) {.alignC.noAlignC { text-align: left!important;}}
.block { display:block;}
.inBlock { display: inline-block;}
.bold { font-weight:bold;}
.nomarl { font-weight: normal;}
.small { font-size: 90%;}
.topbtnLineBox{border-top:1px dotted #917b6e;border-bottom:1px dotted #bab0ab;display:inline-block;padding:8px 10px;}
.topLineSolid{border-top:1px solid #ddd;}
.topLineDotted{border-top:1px dotted #ddd;}
.lineNone{border:none !important;}
.lineTopNone{border-top:none !important;}
.textLine{text-decoration:underline;}
.textLink{color:#3E6A80;text-decoration:underline;}
.textLink:hover{text-decoration:none;}
.ls1{letter-spacing:1px;}
.fs10 { font-size: 10px !important;}
.fs11 { font-size: 11px !important;}
.fs12 { font-size: 12px !important;}
.fs13 { font-size: 13px !important;}
.fs14 { font-size: 14px !important;}
.fs15 { font-size: 15px !important;}
.fs16 { font-size: 16px !important;}
.fs17 { font-size: 17px !important;}
.fs18 { font-size: 18px !important;}
.fs19 { font-size: 19px !important;}
.fs20 { font-size: 20px !important;}
.fs22 { font-size: 22px !important;}
.fs24 { font-size: 24px !important;}
.fs26 { font-size: 26px !important;}
.fs12rem { font-size: 1.2rem !important;}
.fs13rem { font-size: 1.3rem !important;}
.fs14rem { font-size: 1.4rem !important;}
.fs15rem { font-size: 1.5rem !important;}
.fs16rem { font-size: 1.6rem !important;}
.fs17rem { font-size: 1.7rem !important;}
.fs18rem { font-size: 1.8rem !important;}
.fs19rem { font-size: 1.9rem !important;}
.fs2rem { font-size: 2rem !important;}
.fs24rem { font-size: 2.4rem !important;}
.fs26rem { font-size: 2.6rem !important;}
.fs28rem { font-size: 2.8rem !important;}
.fs3rem { font-size: 3rem !important;}
/*文字色*/
.fcFff { color: #fff !important;}
.fc555 { color: #555 !important;}
.fc333 { color: #333 !important;}
.fcBlue { color: #3E6A80 !important;}
.fcRed { color: #a72126 !important;}
.fcRed2 { color: #D7BABC !important;}
.fcGold { color: #b4975a !important;}
.fcGreen { color: #005e3c !important;}
.fcOrange { color: #e56e0e !important;}
.fcPink { color: #cc397b !important;}
.fcCeladon  { color: #398281 !important;}
.fcPurple { color: #5a349a !important;}
/*背景*/
.bgFff { background: #fff !important;}
.bg555 { background: #555 !important;}
.bg333 { background: #333 !important;}
.bgRed { background: #a72126 !important;}
.bgRed2 { background: #c00 !important;}
.bgGold { background: #b4975a !important;}
.bgGreen { background: #005e3c !important;}
.bgOrange { background: #e56e0e !important;}
.bgPink { background: #cc397b !important;}
.bgCeladon  { background: #398281 !important;}
.bgPurple { background: #5a349a !important;}
.bgEEE { background: #eee !important;}
.bgF0 { background: #f0f0f0 !important;}
.bgF7 { background: #f7f7f7 !important;}
.bgF9 { background: #f9f9f9 !important;}
.lh12{line-height:1.2 !important;}
.lh14{line-height:1.4 !important;}
.lh16{line-height:1.6 !important;}
.lh18{line-height:1.8 !important;}
.lh2{line-height:2 !important;}
.lh4{line-height:4 !important;}
.lh1rem{letter-spacing:1rem !important;}
.lh15rem{letter-spacing:1.5rem !important;}
.lh2rem{letter-spacing:2rem !important;}
.lh3rem{letter-spacing:3rem !important;}
.lh02rem{letter-spacing:.2rem !important;}
.lh05rem{letter-spacing:.5rem !important;}
.hide { display: none!important;}
.show { display: inherit;}
.hidden { visibility: hidden!important;}
.visible { visibility: inherit;}
.pd0 { padding: 0!important;}
.pd1 { padding: 1em!important;}
.pd2 { padding: 2em!important;}
.pd3 { padding: 3em!important;}
.pd4 { padding: 4em!important;}
.pd5 { padding: 5em!important;}
.pd10 { padding: 10px!important;}
.pd15 { padding: 15px!important;}
.pd20 { padding: 20px!important;}
.pd25 { padding: 25px!important;}
.pd30 { padding: 30px!important;}
.pd35 { padding: 35px!important;}
.pd40 { padding: 40px!important;}
.pd45 { padding: 45px!important;}
.pd50 { padding: 50px!important;}
.pd55 { padding: 55px!important;}
.pd60 { padding: 60px!important;}
.pdt0 {	padding-top: 0!important;}
.pdt1 {	padding-top: 1em!important;}
.pdt2 {	padding-top: 2em!important;}
.pdt3 {	padding-top: 3em!important;}
.pdt4 {	padding-top: 4em!important;}
.pdt5 {	padding-top: 5em!important;}
.pdt10 { padding-top: 10px!important;}
.pdt15 { padding-top: 15px!important;}
.pdt20 { padding-top: 20px!important;}
.pdt25 { padding-top: 25px!important;}
.pdt30 { padding-top: 30px!important;}
.pdt35 { padding-top: 35px!important;}
.pdt40 { padding-top: 40px!important;}
.pdt45 { padding-top: 45px!important;}
.pdt50 { padding-top: 50px!important;}
.pdt55 { padding-top: 55px!important;}
.pdt60 { padding-top: 60px!important;}
.pdr0 { padding-right: 0!important;}
.pdr1 { padding-right: 1em!important;}
.pdr2 { padding-right: 2em!important;}
.pdr3 { padding-right: 3em!important;}
.pdr4 { padding-right: 4em!important;}
.pdr5 {	padding-right: 5em!important;}
.pdr10 { padding-right: 10px!important;}
.pdr15 { padding-right: 15px!important;}
.pdr20 { padding-right: 20px!important;}
.pdr25 { padding-right: 25px!important;}
.pdr30 { padding-right: 30px!important;}
.pdr35 { padding-right: 35px!important;}
.pdr40 { padding-right: 40px!important;}
.pdr45 { padding-right: 45px!important;}
.pdr50 { padding-right: 50px!important;}
.pdr55 { padding-right: 55px!important;}
.pdr60 { padding-right: 60px!important;}
.pdb0 { padding-bottom: 0!important;}
.pdb1 {	padding-bottom: 1em!important;}
.pdb2 { padding-bottom: 2em!important;}
.pdb3 {	padding-bottom: 3em!important;}
.pdb4 {	padding-bottom: 4em!important}
.pdb5 { padding-bottom: 5em!important;}
.pdb10 { padding-bottom: 10px!important;}
.pdb15 { padding-bottom: 15px!important;}
.pdb20 { padding-bottom: 20px!important;}
.pdb25 { padding-bottom: 25px!important;}
.pdb30 { padding-bottom: 30px!important;}
.pdb35 { padding-bottom: 35px!important;}
.pdb40 { padding-bottom: 40px!important;}
.pdb45 { padding-bottom: 45px!important;}
.pdb50 { padding-bottom: 50px!important;}
.pdb55 { padding-bottom: 55px!important;}
.pdb60 { padding-bottom: 60px!important;}
.pdl0 { padding-left: 0!important;}
.pdl1 { padding-left: 1em!important;}
.pdl2 { padding-left: 2em!important;}
.pdl3 { padding-left: 3em!important;}
.pdl4 { padding-left: 4em!important;}
.pdl5 { padding-left: 5em!important;}
.pdl10 { padding-left: 10px!important;}
.pdl15 { padding-left: 15px!important;}
.pdl20 { padding-left: 20px!important;}
.pdl25 { padding-left: 25px!important;}
.pdl30 { padding-left: 30px!important;}
.pdl35 { padding-left: 35px!important;}
.pdl40 { padding-left: 40px!important;}
.pdl45 { padding-left: 45px!important;}
.pdl50 { padding-left: 50px!important;}
.pdl55 { padding-left: 55px!important;}
.pdl60 { padding-left: 60px!important;}
.mg0None{margin:0 !important;}
.mg1None{margin:1em 0 !important;}
.mgt0Auto { margin:0 auto!important;}
.mgt1Auto { margin:1em auto!important;}
.mgt2Auto { margin:2em auto!important;}
.mgt3Auto { margin:2em auto!important;}
.mgt4Auto { margin:2em auto!important;}
.mgt5px { margin-top:5px!important;}
.mgt8px { margin-top:8px!important;}
.mgt10px { margin-top:10px!important;}
.mgb5px { margin-bottom:5px!important;}
.mgb8px { margin-bottom:8px!important;}
.mgb10px { margin-bottom:10px!important;}
.mg0 { margin: 0!important;}
.mg1 { margin: 1px!important;}
.mg2 { margin: 2px!important;}
.mg3 { margin: 3px!important;}
.mg4 { margin: 4px!important;}
.mg10 { margin: 10px!important;}
.mg15 { margin: 15px!important;}
.mg20 { margin: 20px!important;}
.mg25 { margin: 25px!important;}
.mg30 { margin: 30px!important;}
.mg35 { margin: 35px!important;}
.mg40 { margin: 40px!important;}
.mg45 { margin: 45px!important;}
.mg50 { margin: 50px!important;}
.mg55 { margin: 55px!important;}
.mg60 { margin: 60px!important;}
.mgt0 { margin-top: 0!important;}
.mgt1 { margin-top: 1em!important;}
.mgt2 { margin-top: 2em!important;}
.mgt3 { margin-top: 3em!important;}
.mgt4 { margin-top: 4em!important;}
.mgt5 { margin-top: 5em!important;}
.mgt10 { margin-top: 10px!important;}
.mgt15 { margin-top: 15px!important;}
.mgt20 { margin-top: 20px!important;}
.mgt25 { margin-top: 25px!important;}
.mgt30 { margin-top: 30px!important;}
.mgt35 { margin-top: 35px!important;}
.mgt40 { margin-top: 40px!important;}
.mgt45 { margin-top: 45px!important;}
.mgt50 { margin-top: 50px!important;}
.mgt55 { margin-top: 55px!important;}
.mgt60 { margin-top: 60px!important;}
.mgr0 { margin-right: 0!important;}
.mgr1 { margin-right: 1em!important;}
.mgr2 { margin-right: 2em!important;}
.mgr3 { margin-right: 3em!important;}
.mgr4 { margin-right: 4em!important;}
.mgr5 { margin-right: 5em!important;}
.mgr10 { margin-right: 10px!important;}
.mgr15 { margin-right: 15px!important;}
.mgr20 { margin-right: 20px!important;}
.mgr25 { margin-right: 25px!important;}
.mgr30 { margin-right: 30px!important;}
.mgr35 { margin-right: 35px!important;}
.mgr40 { margin-right: 40px!important;}
.mgr45 { margin-right: 45px!important;}
.mgr50 { margin-right: 50px!important;}
.mgr55 { margin-right: 55px!important;}
.mgr60 { margin-right: 60px!important;}
.mgb0 { margin-bottom: 0!important;}
.mgb1 { margin-bottom: 1em!important;}
.mgb2 { margin-bottom: 2em!important;}
.mgb3 { margin-bottom: 3em!important;}
.mgb4 { margin-bottom: 4em!important;}
.mgb5 { margin-bottom: 5em!important;}
.mgb10 { margin-bottom: 10px!important;}
.mgb15 { margin-bottom: 15px!important;}
.mgb20 { margin-bottom: 20px!important;}
.mgb25 { margin-bottom: 25px!important;}
.mgb30 { margin-bottom: 30px!important;}
.mgb35 { margin-bottom: 35px!important;}
.mgb40 { margin-bottom: 40px!important;}
.mgb45 { margin-bottom: 45px!important;}
.mgb50 { margin-bottom: 50px!important;}
.mgb55 { margin-bottom: 55px!important;}
.mgb60 { margin-bottom: 60px!important;}
.mgl0 { margin-left: 0!important;}
.mgl1 { margin-left: 1em!important;}
.mgl2 { margin-left: 2em!important;}
.mgl3 { margin-left: 3em!important;}
.mgl4 { margin-left: 4em!important;}
.mgl5 { margin-left: 5em!important;}
.mgl10 { margin-left: 10px!important;}
.mgl15 { margin-left: 15px!important;}
.mgl20 { margin-left: 20px!important;}
.mgl25 { margin-left: 25px!important;}
.mgl30 { margin-left: 30px!important;}
.mgl35 { margin-left: 35px!important;}
.mgl40 { margin-left: 40px!important;}
.mgl45 { margin-left: 45px!important;}
.mgl50 { margin-left: 50px!important;}
.mgl55 { margin-left: 55px!important;}
.mgl60 { margin-left: 60px!important;}

/* グリッド表示　レイアウト変更

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
img { border: 0; vertical-align: middle; display: inline-block; max-width: 100%; height: auto; width: auto;}

.grid, .grid>* { width: 100%; float: none; display: block; margin: 0 auto; padding: 0; position: relative; list-style: none; line-height: 1.8; zoom: 1; margin-bottom:1em;}
.grid { margin-left: auto; margin-right: auto;}
.grid:before, .grid:after { clear: both; content: ' '; display: table; height: 0; width: 0; visibility: hidden; overflow: hidden;}
.grid[data-each]>* { float: left; margin-right: 5%;	width: 100%;}
.grid[data-each].debug.must2>*:after { content: " [must2]"; color: #ccc;}
.grid[data-each].debug.must3>*:after { content: " [must3]"; color: #ccc;}
.grid[data-each].separate>*:before { content: none;	display: block;	position: absolute;	width: 0; height: 100%;	border-left: 1px dotted #ccc; margin-left: -5%;}
.grid[data-each='2'].must2.separate>*:nth-child(2n):before { content: "";}

@media(min-width:768px) {
	.grid[data-each]>* { float: left; margin-right: 5%; margin-left: 0;}
	.grid[data-each='2'].separate>*:nth-child(2n):before { content: "";}
}

@media(max-width:767px) {
	.grid[data-each]>* { float: none; margin-right: auto; margin-left: auto;}
	.grid[data-each]>*:before { content: none;}
	.grid[data-each].must2>* { float: left; width: 47.5%; margin-right: 5%;	margin-left: 0;}
	.grid[data-each].must2>*:nth-child(2n) { margin-right: 0;}
	.grid[data-each].must2>*:nth-child(2n+1) { clear: both;}
	.grid[data-each].must3>* { float: left;	width: 30.0%; margin-right: 5%;	margin-left: 0;}
	.grid[data-each].must3>*:nth-child(3n) { margin-right: 0;}
	.grid[data-each].must3>*:nth-child(3n+1) { clear: both;}
	.grid.middle { max-width: 480px;}
	.grid.small { max-width: 380px;}
}

@media(max-width:991px) {
	.grid>.middle { max-width: 480px;}
}

@media(min-width:768px) and (max-width:991px) {
	.grid[data-each]>* { width: 47.5%;}
	.grid[data-each]>*:nth-child(2n) { margin-right: 0;}
	.grid[data-each]>*:nth-child(2n+1) { clear: both;}
	.grid[data-each].must3>* { width: 30.0%;}
	.grid[data-each].must3>*:nth-child(2n) { margin-right: 5%;}
	.grid[data-each].must3>*:nth-child(2n+1) { clear: none;}
	.grid[data-each].must3>*:nth-child(3n) { margin-right: 0;}
	.grid[data-each].must3>*:nth-child(3n+1) { clear: both;}
}

@media(min-width:992px) and (max-width:1199px) {
	.grid[data-each]>* { margin-right: 3%;}
	.grid[data-each='2']>* { width: 47.5%; margin-right: 5%;}
	.grid[data-each='3']>* { width: 31.33%;}
	.grid[data-each='4']>* { width: 31.33%;}
	.grid[data-each='5']>* { width: 31.33%;}
	.grid[data-each='6']>* { width: 31.33%;}
	.grid[data-each='6']>*:nth-child(3n), .grid[data-each='5']>*:nth-child(3n), .grid[data-each='4']>*:nth-child(3n), .grid[data-each='3']>*:nth-child(3n), .grid[data-each='2']>*:nth-child(2n) { margin-right: 0;}
	.grid[data-each='6']>*:nth-child(3n+1),.grid[data-each='5']>*:nth-child(3n+1), .grid[data-each='4']>*:nth-child(3n+1), .grid[data-each='3']>*:nth-child(3n+1), .grid[data-each='2']>*:nth-child(2n+1) { clear: both;}
}

@media(min-width:1200px) {
	.grid[data-each]>* { margin-right: 3%;}
	.grid[data-each='2']>* { width: 47.5%; margin-right: 5%;}
	.grid[data-each='3']>* { width: 31.33%;}
	.grid[data-each='4']>* { width: 22.75%;}
	.grid[data-each='5']>* { width: 17.6%;}
	.grid[data-each='6']>* { width: 14.16%;}
	.grid[data-each='6']>*:nth-child(6n), .grid[data-each='5']>*:nth-child(5n), .grid[data-each='4']>*:nth-child(4n), .grid[data-each='3']>*:nth-child(3n), .grid[data-each='2']>*:nth-child(2n) { margin-right: 0;}
	.grid[data-each='6']>*:nth-child(6n+1), .grid[data-each='5']>*:nth-child(5n+1), .grid[data-each='4']>*:nth-child(4n+1), .grid[data-each='3']>*:nth-child(3n+1), .grid[data-each='2']>*:nth-child(2n+1) { clear: both;}
}

@media(min-width:992px) {
	.grid[data-column]>* { margin-right: 5%; float: left;}
	.grid[data-column='2']>*[data-w='1'] { width: 47.5%;}
	.grid[data-column='3']>*[data-w='1'] { width: 30%;}
	.grid[data-column='3']>*[data-w='2'] { width: 65%;}
	.grid[data-column='4']>*[data-w='1'] { width: 21.25%;}
	.grid[data-column='4']>*[data-w='2'] { width: 47.5%;}
	.grid[data-column='4']>*[data-w='3'] { width: 73.75%;}
	.grid[data-column='2']>*[data-w]:last-child, .grid[data-column='3']>*[data-w]:last-child, .grid[data-column='4']>*[data-w]:last-child, .grid[data-column='5']>*[data-w]:last-child { margin-right: 0;}
	.grid[data-column='5']>*[data-w='1'] { width: 16%;}
	.grid[data-column='5']>*[data-w='2'] { width: 37%;}
	.grid[data-column='5']>*[data-w='3'] { width: 58%;}
	.grid[data-column='5']>*[data-w='4'] { width: 79%;}
}