@charset "utf-8"; /* Theme Name: Play Theme URI: http://www.edoventure-cruise.com/ Version: 1.00β Author: 株式会社 マウント - http://www.2010mt.com/ */ /* reset CSS html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ 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, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body { line-height:1;} eader,hgroup,menu,nav,section { display:block;} nav ul { list-style:none;} blockquote, q { quotes:none;} blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;} a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;} /* change colours to suit your needs */ ins { background-color:#ff9; color:#000; text-decoration:none;} /* change colours to suit your needs */ mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del { text-decoration: line-through;} abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;} table { border-collapse:collapse; border-spacing:0;} /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;} input, select { vertical-align:middle;} /*--- base ---*/ * { margin:0px; padding:0px;} html { font-size: 62.5%; } body { font-family: "メイリオ","Meiryo",verdana,"MS Pゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif; line-height: 1.6; text-align: left; color:#595757; -webkit-text-size-adjust: 100%; font-size: 1.4rem; -webkit-font-feature-settings: 'pkna'; font-feature-settings: 'pkna'; -webkit-font-smoothing: antialiased;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: normal;} img { border:0; vertical-align:bottom;} li { list-style:none;} table { border:none; border-collapse:collapse; font-size:100%;} table caption { display:none;} td,th { text-align:left; line-height: 1.5;} a:link,a:visited { color: #5f5e5e; text-decoration: none; outline: none;} a:active,a:hover { color: #999; text-decoration: none; outline: none;} img { max-width: 100%; height: auto;} .ffOs { font-family: 'Oswald', sans-serif;} .ffQu { font-family: 'Quando', serif;} .mapPare { position: relative; padding-bottom: 100vw; padding-top: 0; height: 0; overflow: hidden;} .mapPare iframe, .mapPare object, .mapPare embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .colGn01 { color: #009CA5; } /* sp向けレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @media only screen and (max-width: 767px) { #loader { width: 50px; height: 50px; display: none; position: fixed; _position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 100;} #fade { width: 100%; height: 100%; display: none; background-color: #FFFFFF; position: absolute; top: 0px; left: 0px; z-index: 50;} #container { opacity: 0; width: 100%;} .lt-ie9 #container,.ie9 #container { opacity/***/: 1\9;} /*--- header ---*/ header { background: #4CADB9; text-align: center; padding: 16px 0 0; overflow: hidden;} #contents1 { } #headerCon { width: 100%; color:#FFF;} #title { padding: 0 0 16px; } #ship { position: absolute; bottom: 0; left: 0; margin: 0; z-index: 100;} #headerInfo { width: 100%; padding: 16px 3.125% 136px; z-index: 1000; color: #FFF; box-sizing: border-box; text-align: left;} #headerInfo dt#newsSub { font-size: 1.9rem; font-size: 5.06667vw; margin: 0 0 12px; line-height: 1;} #headerInfo ul { overflow: hidden; margin: -6px 0 0;} #headerInfo ul li { margin: 6px 0 0; overflow: hidden;} #headerInfo ul li dt { float: left; margin-right: 1em;} #headerInfo ul li dd { overflow: hidden;} #scroll { display: none;} #scroll a { } #headerCon video { /*width: 100%; position: absolute; top: 0; left: 0;*/} #indexVideoPare { position: relative; width: 100vw; height: 100vw;} #indexVideo { position: absolute; top: 50%; left: 50%; min-width: 100vw; height: 100vw; transform: translateY(-50%) translateX(-50%);} #headerCon a:link,#headerCon a:visited { color: #FFF; text-decoration: none;} #headerCon a:active,#headerCon a:hover { color: #4BA5A2; text-decoration: underline;} #haderCTA { position: fixed; bottom: 0; left: 0; width: 100%; color: #FFF; font-size: 2.0rem; font-size: 5.33333vw; padding: 16px 0; margin-bottom: 0; border-bottom: rgba(255,255,255,0.5) 1px solid;} #haderCTA li { margin-bottom: 8px; } #haderCTA li:last-child { margin-bottom: 0; } #haderCTATel span { display: inline-block; background: url(images/icon_tel.svg) 0 50% no-repeat; background-size: 1.5em auto; padding-left: 1.7em;} #haderCTAMail span { display: inline-block; background: url(images/icon_mail.svg) 0 50% no-repeat; background-size: 1.5em auto; padding-left: 1.7em;} header a:link,header a:visited { color: #FFF !important; } header a:active,header a:hover { color: #FFF !important; } #indexBody { padding-bottom: 130px; } #fixedSp { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 110;} #fixedSpCovid { position: absolute; bottom: 80px; width: 100%; height: 50px; background: #FFF; text-align: center;} #fixedSpCovid a { color: #009CA5 !important; height: 50px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} #fixedSp ul { position: fixed; bottom: 0; left: 0; z-index: 100; width: 100%; height: 80px; display: flex; flex-wrap: wrap;} #fixedSp ul li { width: 50%; height: 80px; position: relative; font-weight: 700;} #fixedSp>ul>li:nth-child(1):after { content: ''; display: block; width: 1px; height: 64px; background: #e3e4eb; position: absolute; top: 8px; right: 0;} #fixedSp ul li a { display: inline-block; width: 100%; height: 80px; background: #1D2A61; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; line-height: 1; text-decoration: none;} #fixedSp ul li a span { display: inline-block;} #fixedSpTel {} #fixedSpTel span { display: inline-block; background: url(images/icon_tel-wh.svg) 50% 0 no-repeat; background-size: auto 24px; padding: 36px 0 0; font-size: 1.5rem;} #fixedSpMailPare:hover .fixedSpMailList{ transform: translateY(0); } #fixedSpMail { position: relative; z-index: 10; background: #1D2A61; color: #FFF; height: 80px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} #fixedSpMail span { display: inline-block; background: url(images/icon_reservation.svg) 50% 0 no-repeat; background-size: auto 24px; padding: 36px 0 0; font-size: 1.4rem;} /* #fixedSpMail__standard {} #fixedSpMail__standard span { display: inline-block; background: url(images/icon_reservation.svg) 50% 0 no-repeat; background-size: auto 24px; padding: 36px 0 0; font-size: 1.4rem;} #fixedSpMail__champagne { position: absolute !important;bottom: 80px; right: 0;} #fixedSpMail__champagne span { display: inline-block; background: url(images/icon_reservation.svg) 50% 0 no-repeat; background-size: auto 24px; padding: 36px 0 0; font-size: 1.4rem;} */ #fixedSpMail__standard { /* position: absolute !important; bottom: 80px; right: 0; */ } #fixedSpMail__standard a { opacity: 1 !important; background: linear-gradient(to right, rgb(86,208,231) 0%,rgb(65,121,203) 100%) !important; } #fixedSpMail__standard span { display: inline-block; padding: 0 0 0; font-size: 1.4rem;} #fixedSpMail__champagne { } #fixedSpMail__champagne a { opacity: 1 !important; background: linear-gradient(to right, rgb(180,66,137) 0%,rgb(245,187,212) 100%) !important; } #fixedSpMail__champagne span { display: inline-block; padding: 0 0 0; font-size: 1.4rem;} .fixedSpMailList{ height: 160px !important; z-index: 9 !important; position: absolute !important; bottom: 80px !important; left: auto !important; right: 0; transform: translateY(100%); transition: transform .35s ease-in-out; } .fixedSpMailList li{ width: 100% !important; } #fixedPcCovid { display: none; } /*--- page ---*/ /*--- index start ---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--- #contents2 ---*/ #contents2 { font-family: 'M PLUS 1p', sans-serif; font-weight: 400;} #content2Con01 { text-align: center; padding: 48px 2%; color: #595757; line-height: 1.85;} #content2Con01 h2 { padding: 0 0 28px; font-size: 3.1rem; font-size: 8.26667vw; font-family: 'Oswald', sans-serif; line-height: 1.2; color: #231815;} #content2Con02 { display: block; width: 100%; float: left; } #indexTwoFun { background: #08375B; padding: 16px 0; } #indexTwoFun h3 { padding: 0 2%; color: #FFF;} #indexTwoFunList {} #indexTwoFunList li { position: relative; padding: 0; text-align: center;} #indexTwoFunList li:nth-child(1):before { content: "or"; font-size: 2.4rem; position: absolute; z-index: 1; top: 100%; left: 50%; color: #231815;line-height: 1; transform: translateY(-50%) translateX(-50%); margin: -4px 0 0;} #indexTwoFunList li a { display: block; padding: 24px 0;} #indexTwoFunList li a:before { display: block; color: rgba(255,255,255,0.5); font-size: 3.8rem; font-size: 10.13333vw; font-weight: 700; line-height: 1; margin: 0 0 0; transform: translateY(-12px) translateX(0);} #indexTwoFunList li a:after { content: ""; display: block; background: rgba(255,255,255,0.5); width: 100%; height: 2px; position: absolute; top: 0; left: 0; transform: translateY( calc( 10.13333vw + 6px ) ) translateX(0);} #indexTwoFunListStandard { background: #D7EAF2; } #indexTwoFunListChanmpagne { background: #CABD8F; } #indexTwoFunListStandard a:before { content: "STANDARD";} #indexTwoFunListChanmpagne a:before { content: "CHAMPAGNE";} #indexTwoFunList li a { color: #231815 !important; text-decoration: none !important;} #indexTwoFun01 { padding: 0 2% 16px; background: #08375B;} .indexTwoFun01Bnr {} .indexTwoFun01Bnr > li { margin-bottom: 32px; } .indexTwoFun01BnrImg {} .indexTwoFun01BnrBox01 { position: relative; z-index: 1; margin: -42px 0 0; background: rgba(23,137,193,0.6); } .indexTwoFun01BnrBox01-txt01 { padding: 12px 0; line-height: 1; text-align: center;} .indexTwoFun01BnrBox01-txt02 { padding: 12px 0; margin: 0 0 0 24px; line-height: 1.22; } .indexTwoFun01BnrBox01-txt03 { position: relative; padding: 12px; margin: 0 0 0 24px; line-height: 1.52; } .indexTwoFun01BnrBox01-txt03 > span { display: inline-block; position: relative; z-index: 1;} .indexTwoFun01BnrBox01-txt03:before { content: ''; display: block; width: 100%; height: calc( 100% + 16px ); position: absolute; top: 0; left: 0; background: rgba(23,137,193,0.5); } #indexTwoFun01BnrPet {} #indexTwoFun01BnrPet .indexTwoFun01BnrImg { position: relative; } #indexTwoFun01BnrPet .indexTwoFun01BnrImg span { position: absolute; top: 1em; left: 1em; color: #182987; letter-spacing: 0.2em; font-family: Lucida Fax , "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif; } #indexTwoFun01BnrPet .indexTwoFun01BnrBox01 { background: #d7c9b1; } #indexTwoFun01BnrPet .indexTwoFun01BnrBox01-txt01 { background: #57BDC2;} #indexTwoFun01BnrPet .indexTwoFun01BnrBox01-txt02 { background: url(images/index_seasonal_03-02.png) no-repeat 96% 1.5em / 8em auto ; color: #40210F;} #indexTwoFun01BnrPet .indexTwoFun01BnrBox01-txt02 p:nth-child(1) { letter-spacing: 0.5em; } #indexTwoFun01BnrPet .indexTwoFun01BnrBox01-txt03 { color: #FFF;} #indexTwoFun01BnrPet .indexTwoFun01BnrBox01-txt03:before { content: ''; display: block; width: 100%; height: calc( 100% + 16px ); position: absolute; top: 0; left: 0; z-index: -1; background: rgba(23,137,193,0.5); } #indexMoet { padding: 64px 2% 80px; background: url(images/index-moe-tieup_star.png) no-repeat 50% 50% / auto 80%; } #contents2Wrapper02Ul01 { /*min-height: 234px; */} #contents2Wrapper02Ul01 li { width: 50%; min-height: 234px; /* padding: 60px 85px;*/ box-sizing: border-box;} #contents2Wrapper02Ul01 li:first-child { float: left; text-align: right; background: rgb(86,208,231); background: -moz-linear-gradient(left, rgb(86,208,231) 0%, rgb(65,121,203) 100%); background: -webkit-linear-gradient(left, rgb(86,208,231) 0%,rgb(65,121,203) 100%); background: linear-gradient(to right, rgb(86,208,231) 0%,rgb(65,121,203) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56d0e7', endColorstr='#4179cb',GradientType=1 ); } #contents2Wrapper02Ul01 li:last-child { float: right; text-align: left; background: rgb(180,66,137); background: -moz-linear-gradient(left, rgb(180,66,137) 0%, rgb(245,187,212) 100%); background: -webkit-linear-gradient(left, rgb(180,66,137) 0%,rgb(245,187,212) 100%); background: linear-gradient(to right, rgb(180,66,137) 0%,rgb(245,187,212) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b44289', endColorstr='#f5bbd4',GradientType=1 ); } /*#contents2Wrapper02Ul01 li a { display: block; position: relative; min-height: 234px; box-sizing: border-box;}*/ /*#contents2Wrapper02Ul01 li a img { position: absolute; width: 90%; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}*/ #contents2Wrapper02Ul01 li a { padding: 24px 8px 0; display: block; position: relative; text-align: center; width: 100%; min-height: 234px; box-sizing: border-box; line-height: 1.2; color: #FFF; text-decoration: none !important; z-index: 1;} .contents2Wrapper02Ul01Txt01 { font-size: 1.3rem; font-size: 3.46667vw; padding: 0 0 5px; } .contents2Wrapper02Ul01Txt02 { font-family: 'Oswald', sans-serif; font-size: 2.7rem; font-size: 7.2vw; padding: 0 0 24px;} .contents2Wrapper02Ul01Img01 {} .contents2Wrapper02Ul01Img01 img { width: 50%;} #contents2Wrapper02Ul02 { } #contents2Wrapper02Ul02 li { position: absolute; } #contents2Wrapper02Ul0201 { bottom: 16px; left: 50%; transform: translateY(0%) translateX(-100%);} #contents2Wrapper02Ul0202 { bottom: 25px; left: 50%; transform: translateY(0%) translateX(-50%); z-index: 10;} #contents2Wrapper02Ul0202 img { width: 60px; } #contents2Wrapper02Ul0203 { bottom: 16px; left: 50%; transform: translateY(0%) translateX(0);} /*--- #contents3 ---*/ #contents3 { } #contents3Wrapper { padding: 64px 3.125% 0; background-image: url(images/bg01.jpg); background-repeat: no-repeat; background-position: 0 100%; background-size: cover;} #contents3Wrapper h2 { text-align: center;} #crusingImg01 { padding: 0 0 28px;} #crusingTxt01 { text-align: center; font-size: 2.0rem; font-size: 5.33333vw; color: #FFF; padding-bottom: 80px;} #crusingImg03 { } #crusingTxt02 { } #crusingTxt02 dt { } #crusingTxt02 dd { } #crusingTxt02 dd span { } /* #contents3Wrapper01 { position: absolute; top: 50%; left: 50%; text-align: center; transform: translateY(-50%) translateX(-50%);} #contents3Wrapper02 { position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background: #FFF; } */ .specialBnr { position: relative; padding: 0; margin-bottom: 24px;} .prStBg .specialBnr { margin-bottom: 0;} .specialBnr:last-child { margin-bottom: 0;} .specialBnr#ohanamiBnr { } #crusingImg02 { } .crusingImg02Ch { } #crusingBnrBg { } .crusingImg03 { } #domperiBg { overflow: hidden;} #domperiTxts { position: absolute; top: 18px; left: 50%; margin-left: -518px; text-align: left;} #domperiTxt01 { padding-bottom: 13px; } #domperiTxt02 { padding: 0 0 22px 11px; text-align: left !important;} #domperiTxt03 { padding: 0 0 16px 11px; } #domperiTxt04 { padding: 0 0 0 11px; } #iceBg { overflow: hidden;} #iceImg01 { position: absolute; top: 0; left: 50%; margin-left: -550px;} #sushiBg { overflow: hidden;} #sushiTxt01 { position: absolute; top: 28px; left: 50%; margin-left: -361px;} #sushiImg01 { position: absolute; bottom: 0; left: 0;} #sushiImg02 { position: absolute; bottom: 0; right: 28px;} #ohanamiTxt { position: absolute; top: 48px; left: 50%; margin-left: -532px; z-index: 100;} #ohanamiDrink { position: absolute; top: 0; left: 50%; margin-left: -430px; z-index: 90;} .specialBnr#roseBnr { } #roseTxt { position: absolute; top: 40px; left: 50%; margin-left: -234px; z-index: 100; width: 784px;} #roseBottle { position: absolute; top: 0; left: 0; z-index: 90;} .specialBnr#crusingBnrBg a { display: block; } .specialBnr#crusingBnrBg:hover a { } .indexMoetIce { margin-bottom: 40px; } .indexMoetIce a { text-decoration: none !important;} .indexMoetIceImg {} .indexMoetIceTxt { position: relative; z-index: 1; background: rgba(89,138,190,0.63); padding: 20px 15px 38px; margin: -40px 0 0 20px; color: #FFF; letter-spacing: 0.2em;} .indexMoetIceTxt01 { font-size: 19px; line-height: 1; margin: 0 0 15px;} .indexMoetIceTxt02 { font-size: 13px; letter-spacing: 0.1em;} .indexMoetIceTxt03 { font-size: 15px; line-height: 1; position: absolute; bottom: 0; right: 0; z-index: 2; background: rgba(255,255,255,0.75); padding: 1em 0 1em 45px; width: 130px; color: #036EB7;} .indexMoetIceTxt03:after { content: ""; display: block; width: 38px; height: 8px; position: absolute; top: 50%; right: 8px; transform: translateY(-50%); background: url(images/icon_arrow.png) no-repeat 0 0 / 100% 100%;} .indexPet { margin-bottom: 40px; } .indexPet a { text-decoration: none !important;} .indexPetImg { position: relative; } .indexPetImgTxt { position: absolute; top: 23px; left: 19px; font-family: Lucida Fax , "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif; color: #036EB7; font-size: 14px; line-height: 1.7; letter-spacing: 0.2em;} .indexPetTxt { position: relative; z-index: 1; background: rgba(81,190,207,0.8); padding: 20px 15px 38px; margin: -48px 0 0 20px; color: #FFF; letter-spacing: 0.2em;} .indexPetTxt01 { font-size: 13px; line-height: 1; margin: 0 0 6px;} .indexPetTxt01 span { font-size: 18px;} .indexPetTxt02 { font-size: 13px; margin-bottom: 8px;} .indexPetTxt03 { font-size: 11px; } .indexPetTxt04 { font-size: 15px; line-height: 1; position: absolute; bottom: 0; right: 0; z-index: 2; background: rgba(255,255,255,0.75); padding: 1em 0 1em 45px; width: 130px; color: #036EB7;} .indexPetTxt04:after { content: ""; display: block; width: 38px; height: 8px; position: absolute; top: 50%; right: 8px; transform: translateY(-50%); background: url(images/icon_arrow.png) no-repeat 0 0 / 100% 100%;} /*--- #contents4 ---*/ #contents4 { background: #4CADB9; } #contents4Wrapper { text-align: center; color: #FFF;} #contents4Wrapper01 { overflow: hidden; padding: 0 3.125% 0; } #cruiseBtns { overflow: hidden; width: 100%; font-size: 1.5rem; font-size: 4vw; line-height: 1.46;} #cruiseBtns li { position: relative; float: left; width: 100%; box-sizing: border-box; padding: 0 0 20px;} #cruiseBtns li.w34 { width: 100%;} #cruiseBtns dl { overflow: hidden; height: 141px; background-position: top center; background-repeat: no-repeat; background-size: cover;} #cruiseBtns dt { position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 16px 0 11px; background: rgba(0,160,255,0.7); text-align: center;} #cruiseBtns dt.col02 { background: rgba(255,116,114,0.7); } #cruiseBtns dd { position: relative;} #cruiseBtns dd div { position: absolute; top: 0; left: 0; width: 100%; height: 141px; box-sizing: border-box; padding: 30px 0 0; text-align: center; text-shadow: 0 0 4px rgba(0,0,0,1),0 0 4px rgba(0,0,0,1),0 0 4px rgba(0,0,0,1),0 0 4px rgba(0,0,0,1),0 0 4px rgba(0,0,0,1),0 0 4px rgba(0,0,0,1),0 0 4px rgba(0,0,0,1),0 0 4px rgba(0,0,0,1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #cruiseBtns dd div#indexContact { padding: 16px 0 0; background: rgba(47,145,198,0.7);} #cruiseBtns dd div#indexContact p { line-height: 1;} .indexContact01 { padding-bottom: 9px; } .indexContact02 { padding-bottom: 17px; } .indexContact03 {} .cruiseBtnOver { display: none;} #cruiseBtns li:hover dd div { left: 0;} #cruiseBtn01 dl { background-image: url(images/cruise_btn01.jpg);} #cruiseBtn02 dl { background-image: url(images/cruise_btn02.jpg);} #cruiseBtn03 dl { background-image: url(images/cruise_btn03.jpg);} #cruiseBtn04 dl { background-image: url(images/cruise_btn04.jpg);} #cruiseBtn05 dl { background-image: url(images/cruise_btn05.jpg);} #cruiseBtn06 dl { background-image: url(images/cruise_btn06.jpg);} #indexBtn01 dl { background-image: url(images/index_btn01.jpg);} #indexBtn02 dl { background-image: url(images/index_btn02.jpg);} #indexBtn03 dl { background-image: url(images/index_btn03.jpg);} #indexBnrTelMailPare { position: relative; overflow: hidden; width: 100%; height: 200px; background: url(images/index_bnr01_bg.jpg) bottom center repeat-x;} #indexBnrTelMail { overflow: hidden; width: 1005px; height: 200px; margin: 0 auto; background: url(images/index_bnr01.jpg) bottom center no-repeat;} #indexBnrTelMail li { position: absolute; left: 50%; line-height: 1;} #indexBnr01Tel { bottom: 15px; margin-left: -486px;} #indexBnr01Fax { bottom: 19px; margin-left: 11px;} #cruiseBtns a:link,#cruiseBtns a:visited { color: #fff; text-decoration: none; outline: none;} #cruiseBtns a:active,#cruiseBtns a:hover { color: #fff; text-decoration: none; outline: none;} #contents4Ul { position: relative; width: 100%; padding: 32px 0; /*height: 100px; *//*background: #FFF;*/} #contents4Ul li { margin-bottom: 32px;} #contents4Ul li:last-child { margin-bottom: 0;} #contents4Ul01 {/* margin-left: -473px;*/} #contents4Ul02 {/* margin-left: -100px;*/} #contents4Ul03 {/* margin-left: 138px;*/} /*--- #contents5 ---*/ #contents5 { /*height: 1651px; */background: url(images/bg01.jpg) bottom center no-repeat; background-size: cover;} #contents5Wrapper { position: relative; overflow: hidden; padding: 50px 0; width: 100%; /*height: 754px;*/} #instagramWrap { padding: 24px 0 0;} #instaWrapper { width: 100%; margin: 0 auto; padding: 0 10px; box-sizing: border-box;} #sbi_images { padding: 5px; } #footerImg01 { padding: 16px 10px 0; /*position: absolute; top: 53px; right: 5%;*/} #weAreSocial { /*position: absolute; top: 370px; right: 100%; */width: 236px; height: 78px; margin: 0 auto 50px; position: relative; background: url(images/footer_social_bg.png) 0 0 no-repeat; background-size: cover; /*transform: scale(0.3);*/} #content #weAreSocial,#cruise #weAreSocial { /*right: auto; left: 50%; margin-left: -480px; z-index: 120px;*/} /*#weAreSocial { position: relative; width: 708px; height: 233px;}*/ #weAreSocial li { position: absolute;} #socialFb { top: 0; right: 110px; width: 20px; height: 20px;} #socialTw { top: 0; right: 80px; width: 25px; height: 20px;} #socialTw { } #content #socialTw,#cruise #socialTw { /*top: 0; left: 440px;*/} #footerSec01 { /*position: absolute; bottom: 16px; left: 50%; width: 435px; margin: 0 0 0 -218px;*/} #footerSec01 ul { overflow: hidden; margin: 0 0 50px;} #footerSec01 ul li { text-align: center; margin: 0 0 24px;} #footerSec01 ul li:last-child { margin: 0;} #footerSec01 ul li.fR { } #footerSec01 small { display: block; text-align: center; padding: 0 16px;} /*--- blog ---*/ #blogBody { background: #FFF;} #blogWrapper { width: 100%; margin: 32px auto; padding: 0 3.125%; box-sizing: border-box;} .blogPare { overflow: hidden; margin: 0 0 120px;} .postTitle { position: relative; margin: 0 0 8px; border-bottom: #3e6b82 solid 1px; padding: 0 0 8px; font-weight: bold; font-size: 2.4rem; font-size: 6.4vw; color: #3e6b82; overflow: hidden;} .postTitle.postTitleCruise { margin: 0 0 24px;} .postTitle span { display: block; float: left; width: 360px;} .toIndexH { overflow: hidden; padding: 16px 0; text-align: center;} .postDate { text-align: right; margin: 0 0 16px;} .blogImg { padding: 0 0 24px;} .blogPare img { padding: 0 0 24px;} .blogPare p { padding: 0 0 16px;} .pageNav { width: 100%; padding: 0 0 80px; margin: 0 auto;} .pageNav li { float: right;} .pageNav .prev { float: left;} /*.toIndexF { overflow: hidden;padding: 80px 0;}*/ .toIndexF { position: fixed; bottom: 0; left: 0; width: 100%; height: 48px; box-sizing: border-box; padding: 5px 0; text-align: center; background: #FFF;} #floatingBnr { position: fixed; bottom: 48px; left: 0; width: 100%; height: 64px; box-sizing: border-box; text-align: center; background: #54B1BC; font-weight: bold; line-height: 1.2;} #floatingBnr a { display: block; width: 100%; height: 64px; box-sizing: border-box; padding: 16px 0; color: #FFF; text-decoration: none !important; } /*--- company ----*/ .contents690 { /*width: 690px;*/ margin: 0 auto; padding: 0 3.125%;} .companyTxt01 { padding: 20px 0 0 20px; color: #3d6d90;} .cancelInfo {} .cancelInfo dl { float: left; width: 290px; padding: 10px 0 !important;} .cancelInfo dl:first-child { width: 210px; padding: 10px 0 !important;} .cancelInfo dt { text-indent: -.5em; width: 100% !important;} .cancelInfo dd { clear: both;} .border01List { overflow: hidden; background: url(images/border01.png) top left repeat-x; color: #3d6d90; padding: 16px 0 0;} .border01List li { padding: 0 0; /*line-height: 2.4;*/} .border01List li.last { background: url(images/border01.png) bottom left repeat-x;} .border01List li ul { padding: 16px 0 0;} .border01List li dl { padding: 0 0 0 20px;} .border01List li dt { padding: 0 0 4px; /*float: left; width: 33%;*/} .border01List li dd { overflow: hidden; padding: 0 0 16px 1em;} .border01List a:link,.border01List a:visited { color: #3d6d90; text-decoration: none;} .border01List a:active.border01List ,a:hover { color: #999; text-decoration: underline;} .border01List.pT02 { background: none;} .border01List.pT02 li { background: url(images/border01.png) bottom left repeat-x;} .border01List.pT02 li li { background: none;} .border01List.pT02 li dt { width: 170px;} /*--- contact ---*/ #contactWrapper { /*width: 670px;*/ margin: 40px auto; padding: 0 3.125%; box-sizing: border-box; background: url(images/contact_img01.png) top right no-repeat; box-sizing: border-box;} .contactUsImg { text-align: center; padding: 0 0 24px;} .contactUsImg img { width: 50%; } .formTable { width: 100%;} .formTable th { padding: 0; width: 100%; white-space: nowrap; font-size: 1.5rem; font-size: 4vw; display: block;} .formTable td { padding: 15px 0; display: block;} .formTable td input,.formTable td textarea { width: 100%; padding: .6em !important; box-sizing: border-box; background: #f6f6f6; border: #c8c9c9 solid 1px;} .formTable td textarea { height: 120px;} .formTable th span { display: block; font-size: 1.2rem; font-size: 3.2vw; padding-left: 1.5em;} .formTable td input.wPt01 { width: calc( 50% - 16px ); margin-right: 12px;} .formTable02 { width: 100%;} .sendBtn { overflow: hidden; padding: 10px 10px 20px; margin-bottom: 23px; background: #3d6d90; width: 100%; box-sizing: border-box; color: #FFF;} .sendBtn button { margin: 0 0 10px; background: #FFF; color: #0e6434; font-size: 2.3rem; font-size: 6.13333vw; font-weight: bold; width: 100%; padding: 10px 0 !important; border: none; -webkit-appearance: none; cursor: pointer; s} .sendBtn .submit01 { margin: 0 0 10px; font-weight: bold; font-size: 1.7rem; font-size: 4.53333vw; text-align: center; color: #fff000;} .sendBtn .submit02 { padding: 0 10px; font-size: 1.2rem; font-size: 3.2vw; line-height: 1.2;} .sendBtn .submit02 span { margin-left: -.5em;} /*--- onlineBooking ---*/ #onlineBooking_sub01 { margin: 0 0 0 -30px;} .onlineBookingTxt01 { overflow: hidden; width: 570px; border-bottom: #7f7f7f solid 2px; padding: 0 0 24px; margin: -46px 0 24px;} .oBTxt03 { width: 554px; overflow: hidden; padding: 14px 0 0; margin: 0 auto; background: url(images/border02.png) top left repeat-x;} .oBTxt03Ch { overflow: hidden; padding: 0 10px 26px; background: url(images/border02.png) bottom left repeat-x;} .oBTxt03Dl { overflow: hidden;} .oBTxt03Dl dt { float: left;} .oBTxt03Dl dd { overflow: hidden;} .obSub01 { font-size: 2.4rem; font-size: 6.4vw; font-weight: bold; padding-bottom: 36px;} .obTxt01 {} .obTxt01 a { font-size: 2.0rem; font-size: 5.33333vw; font-weight: bold;} .obImg01 { padding: 50px 0 70px 100px; background: url(images/online_booking_img01.png) 0 0 no-repeat; font-size: 1.6rem; font-size: 4.26667vw; line-height: 2;} .oBSec01 { margin: 0 auto; padding: 0 3.125%;} .oBSec01 .wsNo { white-space: normal; } .oBSec02 { margin: 0 auto; box-sizing: border-box; padding: 0 3.125%;} .oBSec03 { margin: 0 auto; padding: 0 3.125%;} .oBSec0301 { overflow: hidden; float: right;} #googleCal { width: 710px; margin: 0 auto 16px; overflow: hidden;} .calendarSec { border: #3d6d90 solid 2px; padding: 8px 8px 0; margin: 0 0 10px; overflow: hidden; background: #FFF;} #formSec01Ch01 { /*float: left; */padding: 0; box-sizing: border-box; margin: 0;} .formTable01 th { font-weight: normal; white-space: nowrap; width: 1%; padding-right: 8px;} .cruseTime,.cruseTimeEn { padding: .5em 0; /*display: none;*/} .formTable01 .cruseTime select, .formTable01 .cruseTimeEn select { font-size: 1.2rem !important; font-size: 3.2vw !important;} .formTable01 select, .formTable01 select { padding: 0.5em; background: #f6f6f6; border: #c8c9c9 solid 1px; } #privacySec { overflow: hidden; line-height: 1.2; font-size: 1.1rem; font-size: 2.93333vw; margin: 0;} #privacySec h2 { font-size: 1.9rem; font-size: 5.06667vw; padding: 14px 0;} #privacySec ul { overflow: hidden; margin: -14px 0 0;} #privacySec ul li { margin: 14px 0 0;} #privacySec ul li dt { text-indent: -.5em;} .formTable01 { width: 100%;} .formTable01 th,.formTable01 td { padding: 12px 0; vertical-align: middle; font-weight: normal;} .formTable01 > tbody > tr > th,.formTable01 > tbody > tr > td { display: block;} .formTable01 th { color: #006934; font-size: 1.5rem; font-size: 4vw;} .formTable01.formTable0101 th { vertical-align: top; padding: 20px 0 12px;} .formTable01ThVAT { vertical-align: top !important;} .formTable01 select { width: 100%; } .formTable01 textarea { box-sizing: border-box; } .dateSelect { overflow: hidden;} .dateSelect li { width: 50%; white-space: nowrap; margin: 0 0 8px; padding: 0 16px 0 0; box-sizing: border-box;} .dateSelect li p { float: left; white-space: nowrap; padding: 0 16px 0 0;} .formTable01 table { margin: 20px 0 0;} .formTable01 table th,.formTable01 table td { display: block; width: 100%; box-sizing: border-box; padding: 8px 10px; background: #CCC; text-align: center;} .formTable01 table tr:nth-child(even) th,.formTable01 table tr:nth-child(even) td { background: #efeeed;} .formTable01 table tr.bg01 th,.formTable01 table tr.bg01 td { background: #efeeed;} .formTable01 table td.price { text-align: right; white-space: nowrap;} .ftTypeTh { display: none !important; } .ftPlanTh { display: none !important; } .ftQtyTh { display: none !important; } /* .ftTypeTdA { display: none !important; } */ .ftTypeTh02 { text-align: left !important; font-weight: 700 !important;} /* .ftPlanTd:before { content: "プラン"; } */ /* .ftQtyTdA:before { content: "大人"; } */ .ftPlanTdE:before { content: "Plan"; } /* .ftQtyTdAE:before { content: "Adult"; } */ .formTable01 textarea { width: 100%; height: 100px; background: #f6f6f6; border: #c8c9c9 solid 1px;} .formTable01 button { padding: 1.5em 4em; font-size: 1.6rem; font-size: 4.26667vw; background: #54B1BC; border: none; color: #FFF; line-height: 1;} input[type=submit] { padding: 1.5em 4em; font-size: 1.6rem; font-size: 4.26667vw; background: #54B1BC; border: none; color: #FFF; line-height: 1; cursor: pointer; outline: none; transition: all .25s ease-in-out;} input[type=submit]:hover { opacity: 0.5; } .cancelPolicy { margin: 20px 0 0; padding: 15px 0 50px; overflow: hidden; background: url(images/border02.png) top left repeat-x;} .cancelPolicy dt { } .CancellationFee { overflow: hidden; padding: 0 0 50px; text-align: center;} .CancellationFee dt { padding: 0 0 20px;} .borderTop02 { background: url(images/border02.png) top repeat-x; padding:30px 0 0;} .borderBtm02 { background: url(images/border02.png) bottom repeat-x; padding:0 0 30px;} .oBJp01 { overflow: hidden; padding: 0 220px 0 345px;} .oBJp01 table { width: 100%;} .oBJp01 table th { width: 1%; white-space: nowrap; font-weight: normal; padding: 0 0 0 1em;} .privacyDl {} .privacyDl dt { margin: 0 0 0 -.5em;} .privacyDl dd { margin: 0 0 14px;} .oBList01 { text-align: left; font-size: 2.0rem; font-size: 5.33333vw;} .oBList01.pL170 { padding-left: 16px !important;} .oBList02 { text-align: left; } .bookingTitle { text-align: center; overflow: hidden; padding: 70px 0 28px ; font-size: 3.1rem; font-size: 8.26667vw; font-family: 'Oswald', sans-serif; color: #008A9B; line-height: 1.2; background: url(images/booking_img01.png) 50% 0 no-repeat; background-size: auto 70px;} .bookingSub01 { text-align: center; overflow: hidden; padding: 0 0 24px; font-weight: bold; font-size: 1.6rem; font-size: 4.26667vw;} .bookingTxt01 { text-align: center; overflow: hidden; padding: 0 0 24px;} .bookingTxt02 { text-align: center; } .contactSec01 { overflow: hidden; border-top: #766F6D solid 1px; margin: 40px 0 0; padding: 40px 3.125% 120px;} .bookingSub02 { text-align: center; overflow: hidden; overflow: hidden; padding: 0 0 24px; font-weight: bold; font-size: 1.6rem; font-size: 4.26667vw;} .bookingImg02 { text-align: center; overflow: hidden; padding: 0 0 24px;} .bookingImg02 img { width: 50%; } .bookingList01 {} .bookingList01 li { position: relative; padding-left: 1.5em; line-height: 1.9;} .bookingList01 li:before { content: '○'; position: absolute; top: 0; left: 0;} /*--- access ---*/ .olConWrapper { /*width: 800px; */overflow: hidden; margin: 0 auto; padding: 0 3.125%;} .olConSec04 { /*width: 740px;*/ margin: 0 auto; overflow: hidden;} .sectionLRPare02 { overflow: hidden; /*width: 740px; */margin: 0 auto;} .sectionL0201 { overflow: hidden; margin: 0 0 24px; background: url(images/access_img03.jpg) 50% 100% no-repeat;} .sectionR0201 { overflow: hidden; /*width: 340px;*/} .olConWrapper h1 { text-align: center; padding: 80px 0; } .indentAccess { margin-left: 5em; text-indent: -5em;} .accessImg01 { /*width: 440px; */margin: 0 auto; padding: 38px 0 38px 60px; background: url(images/access_img01.jpg) 0 50% no-repeat; background-size: 56px auto; font-size: 1.6rem; font-size: 4.26667vw; } .accessImg01 span { color: #d60050; font-size: 1.8rem; font-size: 4.8vw;} .accessImg0102 { /*width: 420px;*/ margin: 0 auto; padding: 38px 0 38px 60px; background: url(images/access_img01.jpg) 0 50% no-repeat; background-size: 56px auto; font-size: 1.6rem; font-size: 4.26667vw;} .accessImg0102 span { color: #d60050;} .accessSub { text-align: center; padding: 14px 0; margin: 0 0 18px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #FFF; font-size: 2.8rem; font-size: 7.46667vw;} .accessSub01 { background: #148994;} .accessSub02 { background: #32759d;} .accessSub span { display: block; font-size: 0.9rem; font-size: 2.4vw;} .accessStation { text-align: center; border-bottom: #918c8a solid 2px; padding: 0 0 13px; margin: 0 0 18px;} .accessStation li { font-weight: bold; font-size: 1.5rem; font-size: 4vw; display: inline; padding: 12px 44px 12px 0; background-position: right center; background-repeat: no-repeat; text-align: left;} .accessImg04 { background-image: url(images/access_img04.jpg); margin-right: 30px;} .accessImg05 { background-image: url(images/access_img05.jpg);} .accessImg06 { background-image: url(images/access_img06.jpg);} .accessTxtBox01 { overflow: hidden; height: 210px;} .accessTxtBox02 { overflow: hidden; height: 270px;} .accessTxtBox02En { overflow: hidden; height: 340px;} #mapCanvas01,#mapCanvas02 { overflow: hidden; width: 100%; height: 340px; margin: 0 0 24px;} .accessSec01 { text-align: center;} .accessTel { text-align: center; margin: 14px 0 36px;} .accessTel span { padding: 12px 36px; background: #3e6b82;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 2.4rem; font-size: 6.4vw; color: #FFF; font-weight: bold;} .accessSec02 { background: url(images/access_img07.jpg) left bottom no-repeat;} .accessSub03 { margin: 0 0 30px; border-bottom: #3e6b82 solid 1px; padding: 0 0 8px; font-weight: bold; font-size: 2.8rem; font-size: 7.46667vw; color: #3e6b82; text-align: center;} .accessSec0201 { float: left; width: 316px;} /*--- about our boat ---*/ .wrapperW1000 { width: 1000px; margin: 0 auto; position: relative;} .wrapperW748 { /*width: 748px;*/ margin: 0 auto; position: relative;} .boatBg01 { overflow: hidden; position: relative; height: 668px; background: url(images/boat_bg.jpg) center top no-repeat;} #boatSub01 { position: absolute; top: 48px; left: 46px; } #boatDl { position: absolute; top: 138px; left: 46px; color: #FFF;} #boatDl dt { line-height: 1; padding-bottom: 24px;} #boatDl dd { line-height: 1.75; font-size: 1.6rem; font-size: 4.26667vw;} #aboutOurBoatSec01 { overflow: hidden; /*width: 657px;*/ margin: 0 auto; padding: 24px 3.125% 24px; position: relative;} #aboutOurBoatSec01 h1 { font-size: 3.9rem; font-size: 10.4vw; font-weight: bold; color: #000; line-height: 1.2; text-shadow: 0 0 1px rgba(255,255,255,1),0 0 1px rgba(255,255,255,1),0 0 1px rgba(255,255,255,1),0 0 1px rgba(255,255,255,1),0 0 1px rgba(255,255,255,1),0 0 1px rgba(255,255,255,1);} #aboutOurBoatSec01Txt01 { font-size: 1.8rem; font-size: 4.8vw; font-weight: bold; color: #000; text-shadow: 0 0 1px rgba(255,255,255,1),0 0 1px rgba(255,255,255,1),0 0 1px rgba(255,255,255,1),0 0 1px rgba(255,255,255,1),0 0 1px rgba(255,255,255,1),0 0 1px rgba(255,255,255,1);} /*#aboutOurBoatSec01Img01 { position: absolute; top: 44px; left: 50%; margin-left: -24px;}*/ #aboutOurBoatSec01Img01 { padding: 0 0 16px; text-align: center; /*position: absolute; top: 44px; left: 50%; margin-left: -24px;*/} #aboutOurBoatSec01Img01 img { width: 50%;} #aboutOurBoatSec02 { overflow: hidden; padding: 0; } .aboutOurBoatTxt01 { color: #182987; padding: 0 5px 14px; margin: -13px 0 14px; border-bottom: #313131 solid 1px;} #aboutOurBoatSec03Pare { /*background: url(images/about-our-boat_img03-pare.jpg) 50% 50% no-repeat; background-size: cover;*/ /* background: rgb(2,57,98); background: -moz-linear-gradient(left, rgba(2,57,98,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(2,57,98,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(2,57,98,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023962', endColorstr='#ffffff',GradientType=1 ); */ } #aboutOurBoatSec03 { /*width: 748px; height: 498px;*/ padding: 0 5px 50px; color: #000; /*background: url(images/about-our-boat_img03.jpg) 50% 0% no-repeat; background-size: 100% auto;*/ box-sizing: border-box; } #aboutOurBoatSec03 ul { overflow: hidden; padding: 0 0 14px;} #aboutOurBoatSec03 ul li { overflow: hidden; clear: both; } #aboutOurBoatSec03 ul dt { float: left;} #aboutOurBoatSec03 ul dd { overflow: hidden;} /*--- faq ---*/ #faqWrapper { overflow: hidden; padding: 0 3.125%; } #faqHeader { overflow: hidden; padding: 72px 0 60px; } #faqHeader h1 { font-size: 3.9rem; font-size: 10.4vw; font-weight: bold; color: #000; line-height: 1.2; padding: 0 0 16px;} #faqHeaderTxt01 { font-size: 1.8rem; font-size: 4.8vw; font-weight: bold; color: #000; text-shadow: 0 0 1px rgba(255,255,255,1),0 0 1px rgba(255,255,255,1),0 0 1px rgba(255,255,255,1),0 0 1px rgba(255,255,255,1),0 0 1px rgba(255,255,255,1),0 0 1px rgba(255,255,255,1);} #faqImg01 { position: absolute; top: 46px; left: 50%; z-index: -1;} .faqSec { overflow: hidden; padding: 0 0 10px; } .faqSec:last-child { padding: 0 0 80px; } .faqSec h2 { font-size: 2.1rem; font-size: 5.6vw; font-weight: bold; padding: 0 0 24px; line-height: 1.2; color: #000;} .faqSec dl { line-height: 1.4;} .faqSec dt { font-size: 1.6rem; font-size: 4.26667vw; font-weight: bold; color: #00958D; } .faqSec dd { overflow: hidden; padding: 0 0 40px; color: #000;} /*--- regular cruse ---*/ #regularCruiseList { /*width: 892px; */margin: 0 auto 30px; overflow: hidden;} #regularCruiseList li { float: left; width: 48.5%; margin: 0 0 34px !important; text-align: center; line-height: 1.3;} #regularCruiseList li:nth-child(2n) { float: right;} .regularCruiseListImg { margin: 0 0 5px; } .regularCruiseListTxt01 { font-size: 1.3rem; font-size: 3.46667vw;} .regularCruiseListTxt0101 { font-size: 1.1rem; font-size: 2.93333vw;} /*--- common ---*/ #contentsWrapper { overflow: hidden; /*width: 1100px;*/ margin: 40px auto;} #contentsWrapper section { overflow: hidden;} .minW1100 { /*min-width: 1100px;*/} #cruseHeader { /*min-width: 1100px;*/} #cruseHeaderWrapper {overflow: hidden; padding: 0 3.125%; background: rgb(237,200,21); background: -moz-linear-gradient(left, rgba(237,200,21,1) 0%, rgba(167,91,1,1) 100%); background: -webkit-linear-gradient(left, rgba(237,200,21,1) 0%,rgba(167,91,1,1) 100%); background: linear-gradient(to right, rgba(237,200,21,1) 0%,rgba(167,91,1,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edc815', endColorstr='#a75b01',GradientType=1 ); } .regularCruise #cruseHeaderWrapper { background: rgb(86,205,229); background: -moz-linear-gradient(left, rgba(86,205,229,1) 0%, rgba(65,121,201,1) 100%); background: -webkit-linear-gradient(left, rgba(86,205,229,1) 0%,rgba(65,121,201,1) 100%); background: linear-gradient(to right, rgba(86,205,229,1) 0%,rgba(65,121,201,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56cde5', endColorstr='#4179c9',GradientType=1 ); } #cruseHeader h1 { padding: 44px 3.125% 35px; text-align: center;} #cruseHeader ul { /*width: 936px; */margin: 0 auto; line-height: 1; text-align: center;} #cruseHeader ul li:first-child { float: left; width: 48.5%;} #cruseHeader ul li:last-child { float: right; padding: 30px 0 0; width: 30%;} #cruseHeader ul li a { display: block; padding: 16px 0;} #cruseFooter { position: relative; /*height: 1651px; */ background: url(images/bg01.jpg) 50% 50% no-repeat; background-size: cover; /*min-width: 1100px;*/} .regularCruiseSub01 { padding-left: 3.125%; padding-right: 3.125%; } .btnLink01 { background: #FFF; padding: 20px 0; background: #FFF; text-align: center;} .toBooking { background: #4cadb9 url(images/to_booking_l.jpg) 0 0 no-repeat; height: 120px; text-align: center;} .toBooking a { display: block; padding: 0 3.125%; width: 100%; height: 120px; background: url(images/to_booking_r.jpg) 100% 0 no-repeat; color: #FFF !important; font-size: 1.9rem; font-size: 5.06667vw; box-sizing: border-box;} .toBooking a img { padding: 24px 0 16px; } .CTABox01 { background: #72d7c8; overflow: hidden;} .CTABox01 li { /*width: 50%; */box-sizing: border-box; } .CTABox01 li:first-child { width: 100%; border-bottom: #FFF 1px solid;} .CTABox01 li:last-child { } .CTABox01 li a { display: block; padding: 20px 3.125%; text-align: center; line-height: 1.2; font-size: 1.8rem; font-size: 4.8vw; color: #FFF !important; box-sizing: border-box;} .CTABox01 li a span { display: block; padding: 0 0 14px;} .CTABox01 li:first-child a {} .CTABox01 li:last-child a {} .selectLang { position: relative; width: 152px; height: 57px; margin: 0 auto 40px; background: url(images/select_lang.png) top center no-repeat;} .selectLang li { position: absolute; bottom: 0;} .selectLangEn { left: 0;} .selectLangJp { right: 0;} .h3Txt { padding: 0 0 6px 20px; font-size: 1.5rem; font-size: 4vw; color: #3d6d90; background: url(images/border01.png) bottom left repeat-x; line-height: 1.2;} a.btnLink { background: #2f86ce; padding: 6px 16px; font-size: 2.0rem; font-size: 5.33333vw; line-height: 1.2; color: #FFF; font-weight: bold; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} a.btnLink02 { background: #148994; padding: 6px 48px; font-size: 2.0rem; font-size: 5.33333vw; line-height: 1.2; color: #FFF; font-weight: bold;} .iconTri01 { background: url(images/icon_tri01.png) left center no-repeat; padding-left: 18px; color: #006934;} .pcDisp { display: none !important; } /*--- parallax ---*/ .parallaxCon { overflow: hidden; position: relative;} /*.parallaxCon { position: fixed; width: 100%; min-width: 990px; z-index: 110;} .parallaxImg { padding: 0; background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: 50;} .parallaxImgChEl { position: absolute;} */ /* Side Nav */ nav ul { position : fixed; right: 5%; top: 20%; z-index : 999;} nav ul li { height: 20px; position : relative;} nav ul a { display: block; width : 10px; height: 10px; background :#7c6622; text-indent : -9000px; overflow: hidden; outline: none; -moz-border-radius : 10px; border-radius: 10px;} nav ul a:hover, nav ul li.active a { background :#a29874;} /*cruise*/ .cruseWrapper { padding: 32px 3.125% 120px; color: #231815;} .cruseWrapperLead { padding: 0 0 14px; font-size: 1.8rem; font-size: 4.8vw; text-align: center; line-height: 1.2;} .cruseWrapperTitle { padding: 0 0 25px; font-size: 3.0rem; font-size: 8vw; font-family: 'Oswald', sans-serif; text-align: center; line-height: 1.2;} .borderSec01 { overflow: hidden; border-bottom: #68605E solid 1px; padding: 0 0 40px; margin: 0 0 40px; } .borderSec01:last-child { border-bottom: none; } .cruiseList01 {} .cruiseList01 dt { font-weight: bold; font-size: 2.0rem; font-size: 5.33333vw; line-height: 1.2; padding: 0 0 16px; } .cruiseList01 dd { font-size: 1.6rem; font-size: 4.26667vw; padding: 0 0 40px;} /*covid19*/ #covid19Wrap { padding: 32px 24px; } #covid19Logo { text-align: center; margin-bottom: 32px;} #covid19Logo img { width: 126px; } #covid19Title { font-size: 1.8rem; font-weight: 700; text-align: center; color: #009CA5; margin-bottom: 24px;} #covid19List { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 48px;} #covid19List > li { margin: 0 10px; } #covid19List > li img { height: 88px; } .covid19Sec {} .covid19Sec01 {} .covid19Sec02 {} .sppB0 { padding-bottom: 0px !important; } .sppB1 { padding-bottom: 1px !important; } .sppB2 { padding-bottom: 2px !important; } .sppB3 { padding-bottom: 3px !important; } .sppB4 { padding-bottom: 4px !important; } .sppB5 { padding-bottom: 5px !important; } .sppB6 { padding-bottom: 6px !important; } .sppB7 { padding-bottom: 7px !important; } .sppB8 { padding-bottom: 8px !important; } .sppB9 { padding-bottom: 9px !important; } .sppB10 { padding-bottom: 10px !important; } .sppB11 { padding-bottom: 11px !important; } .sppB12 { padding-bottom: 12px !important; } .sppB13 { padding-bottom: 13px !important; } .sppB14 { padding-bottom: 14px !important; } .sppB15 { padding-bottom: 15px !important; } .sppB16 { padding-bottom: 16px !important; } .sppB17 { padding-bottom: 17px !important; } .sppB18 { padding-bottom: 18px !important; } .sppB19 { padding-bottom: 19px !important; } .sppB20 { padding-bottom: 20px !important; } .sppB21 { padding-bottom: 21px !important; } .sppB22 { padding-bottom: 22px !important; } .sppB23 { padding-bottom: 23px !important; } .sppB24 { padding-bottom: 24px !important; } .sppB25 { padding-bottom: 25px !important; } .sppB26 { padding-bottom: 26px !important; } .sppB27 { padding-bottom: 27px !important; } .sppB28 { padding-bottom: 28px !important; } .sppB29 { padding-bottom: 29px !important; } .sppB30 { padding-bottom: 30px !important; } .sppB31 { padding-bottom: 31px !important; } .sppB32 { padding-bottom: 32px !important; } .sppB33 { padding-bottom: 33px !important; } .sppB34 { padding-bottom: 34px !important; } .sppB35 { padding-bottom: 35px !important; } .sppB36 { padding-bottom: 36px !important; } .sppB37 { padding-bottom: 37px !important; } .sppB38 { padding-bottom: 38px !important; } .sppB39 { padding-bottom: 39px !important; } .sppB40 { padding-bottom: 40px !important; } .sppB41 { padding-bottom: 41px !important; } .sppB42 { padding-bottom: 42px !important; } .sppB43 { padding-bottom: 43px !important; } .sppB44 { padding-bottom: 44px !important; } .sppB45 { padding-bottom: 45px !important; } .sppB46 { padding-bottom: 46px !important; } .sppB47 { padding-bottom: 47px !important; } .sppB48 { padding-bottom: 48px !important; } .sppB49 { padding-bottom: 49px !important; } .sppB50 { padding-bottom: 50px !important; } .sppB51 { padding-bottom: 51px !important; } .sppB52 { padding-bottom: 52px !important; } .sppB53 { padding-bottom: 53px !important; } .sppB54 { padding-bottom: 54px !important; } .sppB55 { padding-bottom: 55px !important; } .sppB56 { padding-bottom: 56px !important; } .sppB57 { padding-bottom: 57px !important; } .sppB58 { padding-bottom: 58px !important; } .sppB59 { padding-bottom: 59px !important; } .sppB60 { padding-bottom: 60px !important; } .sppB61 { padding-bottom: 61px !important; } .sppB62 { padding-bottom: 62px !important; } .sppB63 { padding-bottom: 63px !important; } .sppB64 { padding-bottom: 64px !important; } .sppB65 { padding-bottom: 65px !important; } .sppB66 { padding-bottom: 66px !important; } .sppB67 { padding-bottom: 67px !important; } .sppB68 { padding-bottom: 68px !important; } .sppB69 { padding-bottom: 69px !important; } .sppB70 { padding-bottom: 70px !important; } .sppB71 { padding-bottom: 71px !important; } .sppB72 { padding-bottom: 72px !important; } .sppB73 { padding-bottom: 73px !important; } .sppB74 { padding-bottom: 74px !important; } .sppB75 { padding-bottom: 75px !important; } .sppB76 { padding-bottom: 76px !important; } .sppB77 { padding-bottom: 77px !important; } .sppB78 { padding-bottom: 78px !important; } .sppB79 { padding-bottom: 79px !important; } .sppB80 { padding-bottom: 80px !important; } .sppB81 { padding-bottom: 81px !important; } .sppB82 { padding-bottom: 82px !important; } .sppB83 { padding-bottom: 83px !important; } .sppB84 { padding-bottom: 84px !important; } .sppB85 { padding-bottom: 85px !important; } .sppB86 { padding-bottom: 86px !important; } .sppB87 { padding-bottom: 87px !important; } .sppB88 { padding-bottom: 88px !important; } .sppB89 { padding-bottom: 89px !important; } .sppB90 { padding-bottom: 90px !important; } .sppB91 { padding-bottom: 91px !important; } .sppB92 { padding-bottom: 92px !important; } .sppB93 { padding-bottom: 93px !important; } .sppB94 { padding-bottom: 94px !important; } .sppB95 { padding-bottom: 95px !important; } .sppB96 { padding-bottom: 96px !important; } .sppB97 { padding-bottom: 97px !important; } .sppB98 { padding-bottom: 98px !important; } .sppB99 { padding-bottom: 99px !important; } .sppB100 { padding-bottom: 100px !important; } .sppB101 { padding-bottom: 101px !important; } .sppB102 { padding-bottom: 102px !important; } .sppB103 { padding-bottom: 103px !important; } .sppB104 { padding-bottom: 104px !important; } .sppB105 { padding-bottom: 105px !important; } .sppB106 { padding-bottom: 106px !important; } .sppB107 { padding-bottom: 107px !important; } .sppB108 { padding-bottom: 108px !important; } .sppB109 { padding-bottom: 109px !important; } .sppB110 { padding-bottom: 110px !important; } .sppB111 { padding-bottom: 111px !important; } .sppB112 { padding-bottom: 112px !important; } .sppB113 { padding-bottom: 113px !important; } .sppB114 { padding-bottom: 114px !important; } .sppB115 { padding-bottom: 115px !important; } .sppB116 { padding-bottom: 116px !important; } .sppB117 { padding-bottom: 117px !important; } .sppB118 { padding-bottom: 118px !important; } .sppB119 { padding-bottom: 119px !important; } .sppB120 { padding-bottom: 120px !important; } .sppT0 { padding-top: 0px !important; } .sppT1em { padding-top: 1em; } .sppT1 { padding-top: 1px !important; } .sppT2 { padding-top: 2px !important; } .sppT3 { padding-top: 3px !important; } .sppT4 { padding-top: 4px !important; } .sppT5 { padding-top: 5px !important; } .sppT6 { padding-top: 6px !important; } .sppT7 { padding-top: 7px !important; } .sppT8 { padding-top: 8px !important; } .sppT9 { padding-top: 9px !important; } .sppT10 { padding-top: 10px !important; } .sppT11 { padding-top: 11px !important; } .sppT12 { padding-top: 12px !important; } .sppT13 { padding-top: 13px !important; } .sppT14 { padding-top: 14px !important; } .sppT15 { padding-top: 15px !important; } .sppT16 { padding-top: 16px !important; } .sppT17 { padding-top: 17px !important; } .sppT18 { padding-top: 18px !important; } .sppT19 { padding-top: 19px !important; } .sppT20 { padding-top: 20px !important; } .sppT21 { padding-top: 21px !important; } .sppT22 { padding-top: 22px !important; } .sppT23 { padding-top: 23px !important; } .sppT24 { padding-top: 24px !important; } .sppT25 { padding-top: 25px !important; } .sppT26 { padding-top: 26px !important; } .sppT27 { padding-top: 27px !important; } .sppT28 { padding-top: 28px !important; } .sppT29 { padding-top: 29px !important; } .sppT30 { padding-top: 30px !important; } .sppT31 { padding-top: 31px !important; } .sppT32 { padding-top: 32px !important; } .sppT33 { padding-top: 33px !important; } .sppT34 { padding-top: 34px !important; } .sppT35 { padding-top: 35px !important; } .sppT36 { padding-top: 36px !important; } .sppT37 { padding-top: 37px !important; } .sppT38 { padding-top: 38px !important; } .sppT39 { padding-top: 39px !important; } .sppT40 { padding-top: 40px !important; } .sppT41 { padding-top: 41px !important; } .sppT42 { padding-top: 42px !important; } .sppT43 { padding-top: 43px !important; } .sppT44 { padding-top: 44px !important; } .sppT45 { padding-top: 45px !important; } .sppT46 { padding-top: 46px !important; } .sppT47 { padding-top: 47px !important; } .sppT48 { padding-top: 48px !important; } .sppT49 { padding-top: 49px !important; } .sppT50 { padding-top: 50px !important; } .sppT51 { padding-top: 51px !important; } .sppT52 { padding-top: 52px !important; } .sppT53 { padding-top: 53px !important; } .sppT54 { padding-top: 54px !important; } .sppT55 { padding-top: 55px !important; } .sppT56 { padding-top: 56px !important; } .sppT57 { padding-top: 57px !important; } .sppT58 { padding-top: 58px !important; } .sppT59 { padding-top: 59px !important; } .sppT60 { padding-top: 60px !important; } .sppT61 { padding-top: 61px !important; } .sppT62 { padding-top: 62px !important; } .sppT63 { padding-top: 63px !important; } .sppT64 { padding-top: 64px !important; } .sppT65 { padding-top: 65px !important; } .sppT66 { padding-top: 66px !important; } .sppT67 { padding-top: 67px !important; } .sppT68 { padding-top: 68px !important; } .sppT69 { padding-top: 69px !important; } .sppT70 { padding-top: 70px !important; } .sppT71 { padding-top: 71px !important; } .sppT72 { padding-top: 72px !important; } .sppT73 { padding-top: 73px !important; } .sppT74 { padding-top: 74px !important; } .sppT75 { padding-top: 75px !important; } .sppT76 { padding-top: 76px !important; } .sppT77 { padding-top: 77px !important; } .sppT78 { padding-top: 78px !important; } .sppT79 { padding-top: 79px !important; } .sppT80 { padding-top: 80px !important; } .sppT81 { padding-top: 81px !important; } .sppT82 { padding-top: 82px !important; } .sppT83 { padding-top: 83px !important; } .sppT84 { padding-top: 84px !important; } .sppT85 { padding-top: 85px !important; } .sppT86 { padding-top: 86px !important; } .sppT87 { padding-top: 87px !important; } .sppT88 { padding-top: 88px !important; } .sppT89 { padding-top: 89px !important; } .sppT90 { padding-top: 90px !important; } .sppT91 { padding-top: 91px !important; } .sppT92 { padding-top: 92px !important; } .sppT93 { padding-top: 93px !important; } .sppT94 { padding-top: 94px !important; } .sppT95 { padding-top: 95px !important; } .sppT96 { padding-top: 96px !important; } .sppT97 { padding-top: 97px !important; } .sppT98 { padding-top: 98px !important; } .sppT99 { padding-top: 99px !important; } .sppT100 { padding-top: 100px !important; } .sppT101 { padding-top: 101px !important; } .sppT102 { padding-top: 102px !important; } .sppT103 { padding-top: 103px !important; } .sppT104 { padding-top: 104px !important; } .sppT105 { padding-top: 105px !important; } .sppT106 { padding-top: 106px !important; } .sppT107 { padding-top: 107px !important; } .sppT108 { padding-top: 108px !important; } .sppT109 { padding-top: 109px !important; } .sppT110 { padding-top: 110px !important; } .sppT111 { padding-top: 111px !important; } .sppT112 { padding-top: 112px !important; } .sppT113 { padding-top: 113px !important; } .sppT114 { padding-top: 114px !important; } .sppT115 { padding-top: 115px !important; } .sppT116 { padding-top: 116px !important; } .sppT117 { padding-top: 117px !important; } .sppT118 { padding-top: 118px !important; } .sppT119 { padding-top: 119px !important; } .sppT120 { padding-top: 120px !important; } .spmB0 { margin-bottom: 0px !important; } .spmB1 { margin-bottom: 1px !important; } .spmB2 { margin-bottom: 2px !important; } .spmB3 { margin-bottom: 3px !important; } .spmB4 { margin-bottom: 4px !important; } .spmB5 { margin-bottom: 5px !important; } .spmB6 { margin-bottom: 6px !important; } .spmB7 { margin-bottom: 7px !important; } .spmB8 { margin-bottom: 8px !important; } .spmB9 { margin-bottom: 9px !important; } .spmB10 { margin-bottom: 10px !important; } .spmB11 { margin-bottom: 11px !important; } .spmB12 { margin-bottom: 12px !important; } .spmB13 { margin-bottom: 13px !important; } .spmB14 { margin-bottom: 14px !important; } .spmB15 { margin-bottom: 15px !important; } .spmB16 { margin-bottom: 16px !important; } .spmB17 { margin-bottom: 17px !important; } .spmB18 { margin-bottom: 18px !important; } .spmB19 { margin-bottom: 19px !important; } .spmB20 { margin-bottom: 20px !important; } .spmB21 { margin-bottom: 21px !important; } .spmB22 { margin-bottom: 22px !important; } .spmB23 { margin-bottom: 23px !important; } .spmB24 { margin-bottom: 24px !important; } .spmB25 { margin-bottom: 25px !important; } .spmB26 { margin-bottom: 26px !important; } .spmB27 { margin-bottom: 27px !important; } .spmB28 { margin-bottom: 28px !important; } .spmB29 { margin-bottom: 29px !important; } .spmB30 { margin-bottom: 30px !important; } .spmB31 { margin-bottom: 31px !important; } .spmB32 { margin-bottom: 32px !important; } .spmB33 { margin-bottom: 33px !important; } .spmB34 { margin-bottom: 34px !important; } .spmB35 { margin-bottom: 35px !important; } .spmB36 { margin-bottom: 36px !important; } .spmB37 { margin-bottom: 37px !important; } .spmB38 { margin-bottom: 38px !important; } .spmB39 { margin-bottom: 39px !important; } .spmB40 { margin-bottom: 40px !important; } .spmB41 { margin-bottom: 41px !important; } .spmB42 { margin-bottom: 42px !important; } .spmB43 { margin-bottom: 43px !important; } .spmB44 { margin-bottom: 44px !important; } .spmB45 { margin-bottom: 45px !important; } .spmB46 { margin-bottom: 46px !important; } .spmB47 { margin-bottom: 47px !important; } .spmB48 { margin-bottom: 48px !important; } .spmB49 { margin-bottom: 49px !important; } .spmB50 { margin-bottom: 50px !important; } .spmB51 { margin-bottom: 51px !important; } .spmB52 { margin-bottom: 52px !important; } .spmB53 { margin-bottom: 53px !important; } .spmB54 { margin-bottom: 54px !important; } .spmB55 { margin-bottom: 55px !important; } .spmB56 { margin-bottom: 56px !important; } .spmB57 { margin-bottom: 57px !important; } .spmB58 { margin-bottom: 58px !important; } .spmB59 { margin-bottom: 59px !important; } .spmB60 { margin-bottom: 60px !important; } .spmB61 { margin-bottom: 61px !important; } .spmB62 { margin-bottom: 62px !important; } .spmB63 { margin-bottom: 63px !important; } .spmB64 { margin-bottom: 64px !important; } .spmB65 { margin-bottom: 65px !important; } .spmB66 { margin-bottom: 66px !important; } .spmB67 { margin-bottom: 67px !important; } .spmB68 { margin-bottom: 68px !important; } .spmB69 { margin-bottom: 69px !important; } .spmB70 { margin-bottom: 70px !important; } .spmB71 { margin-bottom: 71px !important; } .spmB72 { margin-bottom: 72px !important; } .spmB73 { margin-bottom: 73px !important; } .spmB74 { margin-bottom: 74px !important; } .spmB75 { margin-bottom: 75px !important; } .spmB76 { margin-bottom: 76px !important; } .spmB77 { margin-bottom: 77px !important; } .spmB78 { margin-bottom: 78px !important; } .spmB79 { margin-bottom: 79px !important; } .spmB80 { margin-bottom: 80px !important; } .spmB81 { margin-bottom: 81px !important; } .spmB82 { margin-bottom: 82px !important; } .spmB83 { margin-bottom: 83px !important; } .spmB84 { margin-bottom: 84px !important; } .spmB85 { margin-bottom: 85px !important; } .spmB86 { margin-bottom: 86px !important; } .spmB87 { margin-bottom: 87px !important; } .spmB88 { margin-bottom: 88px !important; } .spmB89 { margin-bottom: 89px !important; } .spmB90 { margin-bottom: 90px !important; } .spmB91 { margin-bottom: 91px !important; } .spmB92 { margin-bottom: 92px !important; } .spmB93 { margin-bottom: 93px !important; } .spmB94 { margin-bottom: 94px !important; } .spmB95 { margin-bottom: 95px !important; } .spmB96 { margin-bottom: 96px !important; } .spmB97 { margin-bottom: 97px !important; } .spmB98 { margin-bottom: 98px !important; } .spmB99 { margin-bottom: 99px !important; } .spmB100 { margin-bottom: 100px !important; } .spmB101 { margin-bottom: 101px !important; } .spmB102 { margin-bottom: 102px !important; } .spmB103 { margin-bottom: 103px !important; } .spmB104 { margin-bottom: 104px !important; } .spmB105 { margin-bottom: 105px !important; } .spmB106 { margin-bottom: 106px !important; } .spmB107 { margin-bottom: 107px !important; } .spmB108 { margin-bottom: 108px !important; } .spmB109 { margin-bottom: 109px !important; } .spmB110 { margin-bottom: 110px !important; } .spmB111 { margin-bottom: 111px !important; } .spmB112 { margin-bottom: 112px !important; } .spmB113 { margin-bottom: 113px !important; } .spmB114 { margin-bottom: 114px !important; } .spmB115 { margin-bottom: 115px !important; } .spmB116 { margin-bottom: 116px !important; } .spmB117 { margin-bottom: 117px !important; } .spmB118 { margin-bottom: 118px !important; } .spmB119 { margin-bottom: 119px !important; } .spmB120 { margin-bottom: 120px !important; } .spmT0 { margin-top: 0px !important; } .spmT1 { margin-top: 1px !important; } .spmT2 { margin-top: 2px !important; } .spmT3 { margin-top: 3px !important; } .spmT4 { margin-top: 4px !important; } .spmT5 { margin-top: 5px !important; } .spmT6 { margin-top: 6px !important; } .spmT7 { margin-top: 7px !important; } .spmT8 { margin-top: 8px !important; } .spmT9 { margin-top: 9px !important; } .spmT10 { margin-top: 10px !important; } .spmT11 { margin-top: 11px !important; } .spmT12 { margin-top: 12px !important; } .spmT13 { margin-top: 13px !important; } .spmT14 { margin-top: 14px !important; } .spmT15 { margin-top: 15px !important; } .spmT16 { margin-top: 16px !important; } .spmT17 { margin-top: 17px !important; } .spmT18 { margin-top: 18px !important; } .spmT19 { margin-top: 19px !important; } .spmT20 { margin-top: 20px !important; } .spmT21 { margin-top: 21px !important; } .spmT22 { margin-top: 22px !important; } .spmT23 { margin-top: 23px !important; } .spmT24 { margin-top: 24px !important; } .spmT25 { margin-top: 25px !important; } .spmT26 { margin-top: 26px !important; } .spmT27 { margin-top: 27px !important; } .spmT28 { margin-top: 28px !important; } .spmT29 { margin-top: 29px !important; } .spmT30 { margin-top: 30px !important; } .spmT31 { margin-top: 31px !important; } .spmT32 { margin-top: 32px !important; } .spmT33 { margin-top: 33px !important; } .spmT34 { margin-top: 34px !important; } .spmT35 { margin-top: 35px !important; } .spmT36 { margin-top: 36px !important; } .spmT37 { margin-top: 37px !important; } .spmT38 { margin-top: 38px !important; } .spmT39 { margin-top: 39px !important; } .spmT40 { margin-top: 40px !important; } .spmT41 { margin-top: 41px !important; } .spmT42 { margin-top: 42px !important; } .spmT43 { margin-top: 43px !important; } .spmT44 { margin-top: 44px !important; } .spmT45 { margin-top: 45px !important; } .spmT46 { margin-top: 46px !important; } .spmT47 { margin-top: 47px !important; } .spmT48 { margin-top: 48px !important; } .spmT49 { margin-top: 49px !important; } .spmT50 { margin-top: 50px !important; } .spmT51 { margin-top: 51px !important; } .spmT52 { margin-top: 52px !important; } .spmT53 { margin-top: 53px !important; } .spmT54 { margin-top: 54px !important; } .spmT55 { margin-top: 55px !important; } .spmT56 { margin-top: 56px !important; } .spmT57 { margin-top: 57px !important; } .spmT58 { margin-top: 58px !important; } .spmT59 { margin-top: 59px !important; } .spmT60 { margin-top: 60px !important; } .spmT61 { margin-top: 61px !important; } .spmT62 { margin-top: 62px !important; } .spmT63 { margin-top: 63px !important; } .spmT64 { margin-top: 64px !important; } .spmT65 { margin-top: 65px !important; } .spmT66 { margin-top: 66px !important; } .spmT67 { margin-top: 67px !important; } .spmT68 { margin-top: 68px !important; } .spmT69 { margin-top: 69px !important; } .spmT70 { margin-top: 70px !important; } .spmT71 { margin-top: 71px !important; } .spmT72 { margin-top: 72px !important; } .spmT73 { margin-top: 73px !important; } .spmT74 { margin-top: 74px !important; } .spmT75 { margin-top: 75px !important; } .spmT76 { margin-top: 76px !important; } .spmT77 { margin-top: 77px !important; } .spmT78 { margin-top: 78px !important; } .spmT79 { margin-top: 79px !important; } .spmT80 { margin-top: 80px !important; } .spmT81 { margin-top: 81px !important; } .spmT82 { margin-top: 82px !important; } .spmT83 { margin-top: 83px !important; } .spmT84 { margin-top: 84px !important; } .spmT85 { margin-top: 85px !important; } .spmT86 { margin-top: 86px !important; } .spmT87 { margin-top: 87px !important; } .spmT88 { margin-top: 88px !important; } .spmT89 { margin-top: 89px !important; } .spmT90 { margin-top: 90px !important; } .spmT91 { margin-top: 91px !important; } .spmT92 { margin-top: 92px !important; } .spmT93 { margin-top: 93px !important; } .spmT94 { margin-top: 94px !important; } .spmT95 { margin-top: 95px !important; } .spmT96 { margin-top: 96px !important; } .spmT97 { margin-top: 97px !important; } .spmT98 { margin-top: 98px !important; } .spmT99 { margin-top: 99px !important; } .spmT100 { margin-top: 100px !important; } .spmT101 { margin-top: 101px !important; } .spmT102 { margin-top: 102px !important; } .spmT103 { margin-top: 103px !important; } .spmT104 { margin-top: 104px !important; } .spmT105 { margin-top: 105px !important; } .spmT106 { margin-top: 106px !important; } .spmT107 { margin-top: 107px !important; } .spmT108 { margin-top: 108px !important; } .spmT109 { margin-top: 109px !important; } .spmT110 { margin-top: 110px !important; } .spmT111 { margin-top: 111px !important; } .spmT112 { margin-top: 112px !important; } .spmT113 { margin-top: 113px !important; } .spmT114 { margin-top: 114px !important; } .spmT115 { margin-top: 115px !important; } .spmT116 { margin-top: 116px !important; } .spmT117 { margin-top: 117px !important; } .spmT118 { margin-top: 118px !important; } .spmT119 { margin-top: 119px !important; } .spmT120 { margin-top: 120px !important; } .txt8 { font-size: 8px; font-size: 2.13333vw; } .txt9 { font-size: 9px; font-size: 2.4vw; } .txt10 { font-size: 10px; font-size: 2.66667vw; } .txt11 { font-size: 11px; font-size: 2.93333vw; } .txt12 { font-size: 12px; font-size: 3.2vw; } .txt13 { font-size: 13px; font-size: 3.46667vw; } .txt14 { font-size: 14px; font-size: 3.73333vw; } .txt15 { font-size: 15px; font-size: 4vw; } .txt16 { font-size: 16px; font-size: 4.26667vw; } .txt17 { font-size: 17px; font-size: 4.53333vw; } .txt18 { font-size: 18px; font-size: 4.8vw; } .txt19 { font-size: 19px; font-size: 5.06667vw; } .txt20 { font-size: 20px; font-size: 5.33333vw; } .txt21 { font-size: 21px; font-size: 5.6vw; } .txt22 { font-size: 22px; font-size: 5.86667vw; } .txt23 { font-size: 23px; font-size: 6.13333vw; } .txt24 { font-size: 24px; font-size: 6.4vw; } .txt25 { font-size: 25px; font-size: 6.66667vw; } .txt26 { font-size: 26px; font-size: 6.93333vw; } .txt27 { font-size: 27px; font-size: 7.2vw; } .txt28 { font-size: 28px; font-size: 7.46667vw; } .txt29 { font-size: 29px; font-size: 7.73333vw; } .txt30 { font-size: 30px; font-size: 8vw; } .txt31 { font-size: 31px; font-size: 8.26667vw; } .txt32 { font-size: 32px; font-size: 8.53333vw; } .txt33 { font-size: 33px; font-size: 8.8vw; } .txt34 { font-size: 34px; font-size: 9.06667vw; } .txt35 { font-size: 35px; font-size: 9.33333vw; } .txt36 { font-size: 36px; font-size: 9.6vw; } .txt37 { font-size: 37px; font-size: 9.86667vw; } .txt38 { font-size: 38px; font-size: 10.13333vw; } .txt39 { font-size: 39px; font-size: 10.4vw; } .txt40 { font-size: 40px; font-size: 10.66667vw; } .txt41 { font-size: 41px; font-size: 10.93333vw; } .txt42 { font-size: 42px; font-size: 11.2vw; } .txt43 { font-size: 43px; font-size: 11.46667vw; } .txt44 { font-size: 44px; font-size: 11.73333vw; } .txt45 { font-size: 45px; font-size: 12vw; } .txt46 { font-size: 46px; font-size: 12.26667vw; } .txt47 { font-size: 47px; font-size: 12.53333vw; } .txt48 { font-size: 48px; font-size: 12.8vw; } .txt49 { font-size: 49px; font-size: 13.06667vw; } .txt50 { font-size: 50px; font-size: 13.33333vw; } .txt51 { font-size: 51px; font-size: 13.6vw; } .txt52 { font-size: 52px; font-size: 13.86667vw; } .txt53 { font-size: 53px; font-size: 14.13333vw; } .txt54 { font-size: 54px; font-size: 14.4vw; } .txt55 { font-size: 55px; font-size: 14.66667vw; } .txt56 { font-size: 56px; font-size: 14.93333vw; } .txt57 { font-size: 57px; font-size: 15.2vw; } .txt58 { font-size: 58px; font-size: 15.46667vw; } .txt59 { font-size: 59px; font-size: 15.73333vw; } .txt60 { font-size: 60px; font-size: 16vw; } .txt61 { font-size: 61px; font-size: 16.26667vw; } .txt62 { font-size: 62px; font-size: 16.53333vw; } .txt63 { font-size: 63px; font-size: 16.8vw; } .txt64 { font-size: 64px; font-size: 17.06667vw; } .txt65 { font-size: 65px; font-size: 17.33333vw; } .txt66 { font-size: 66px; font-size: 17.6vw; } .txt67 { font-size: 67px; font-size: 17.86667vw; } .txt68 { font-size: 68px; font-size: 18.13333vw; } .txt69 { font-size: 69px; font-size: 18.4vw; } .txt70 { font-size: 70px; font-size: 18.66667vw; } .txt71 { font-size: 71px; font-size: 18.93333vw; } .txt72 { font-size: 72px; font-size: 19.2vw; } .txt73 { font-size: 73px; font-size: 19.46667vw; } .txt74 { font-size: 74px; font-size: 19.73333vw; } .txt75 { font-size: 75px; font-size: 20vw; } .txt76 { font-size: 76px; font-size: 20.26667vw; } .txt77 { font-size: 77px; font-size: 20.53333vw; } .txt78 { font-size: 78px; font-size: 20.8vw; } .txt79 { font-size: 79px; font-size: 21.06667vw; } .txt80 { font-size: 80px; font-size: 21.33333vw; } .txt81 { font-size: 81px; font-size: 21.6vw; } .txt82 { font-size: 82px; font-size: 21.86667vw; } .txt83 { font-size: 83px; font-size: 22.13333vw; } .txt84 { font-size: 84px; font-size: 22.4vw; } .txt85 { font-size: 85px; font-size: 22.66667vw; } .txt86 { font-size: 86px; font-size: 22.93333vw; } .txt87 { font-size: 87px; font-size: 23.2vw; } .txt88 { font-size: 88px; font-size: 23.46667vw; } .txt89 { font-size: 89px; font-size: 23.73333vw; } .txt90 { font-size: 90px; font-size: 24vw; } .txt91 { font-size: 91px; font-size: 24.26667vw; } .txt92 { font-size: 92px; font-size: 24.53333vw; } .txt93 { font-size: 93px; font-size: 24.8vw; } .txt94 { font-size: 94px; font-size: 25.06667vw; } .txt95 { font-size: 95px; font-size: 25.33333vw; } .txt96 { font-size: 96px; font-size: 25.6vw; } .txt97 { font-size: 97px; font-size: 25.86667vw; } .txt98 { font-size: 98px; font-size: 26.13333vw; } .txt99 { font-size: 99px; font-size: 26.4vw; } .txt100 { font-size: 100px; font-size: 26.66667vw; } .spfs8 { font-size: 8px; font-size: 2.13333vw; } .spfs9 { font-size: 9px; font-size: 2.4vw; } .spfs10 { font-size: 10px; font-size: 2.66667vw; } .spfs11 { font-size: 11px; font-size: 2.93333vw; } .spfs12 { font-size: 12px; font-size: 3.2vw; } .spfs13 { font-size: 13px; font-size: 3.46667vw; } .spfs14 { font-size: 14px; font-size: 3.73333vw; } .spfs15 { font-size: 15px; font-size: 4vw; } .spfs16 { font-size: 16px; font-size: 4.26667vw; } .spfs17 { font-size: 17px; font-size: 4.53333vw; } .spfs18 { font-size: 18px; font-size: 4.8vw; } .spfs19 { font-size: 19px; font-size: 5.06667vw; } .spfs20 { font-size: 20px; font-size: 5.33333vw; } .spfs21 { font-size: 21px; font-size: 5.6vw; } .spfs22 { font-size: 22px; font-size: 5.86667vw; } .spfs23 { font-size: 23px; font-size: 6.13333vw; } .spfs24 { font-size: 24px; font-size: 6.4vw; } .spfs25 { font-size: 25px; font-size: 6.66667vw; } .spfs26 { font-size: 26px; font-size: 6.93333vw; } .spfs27 { font-size: 27px; font-size: 7.2vw; } .spfs28 { font-size: 28px; font-size: 7.46667vw; } .spfs29 { font-size: 29px; font-size: 7.73333vw; } .spfs30 { font-size: 30px; font-size: 8vw; } .spfs31 { font-size: 31px; font-size: 8.26667vw; } .spfs32 { font-size: 32px; font-size: 8.53333vw; } .spfs33 { font-size: 33px; font-size: 8.8vw; } .spfs34 { font-size: 34px; font-size: 9.06667vw; } .spfs35 { font-size: 35px; font-size: 9.33333vw; } .spfs36 { font-size: 36px; font-size: 9.6vw; } .spfs37 { font-size: 37px; font-size: 9.86667vw; } .spfs38 { font-size: 38px; font-size: 10.13333vw; } .spfs39 { font-size: 39px; font-size: 10.4vw; } .spfs40 { font-size: 40px; font-size: 10.66667vw; } .spfs41 { font-size: 41px; font-size: 10.93333vw; } .spfs42 { font-size: 42px; font-size: 11.2vw; } .spfs43 { font-size: 43px; font-size: 11.46667vw; } .spfs44 { font-size: 44px; font-size: 11.73333vw; } .spfs45 { font-size: 45px; font-size: 12vw; } .spfs46 { font-size: 46px; font-size: 12.26667vw; } .spfs47 { font-size: 47px; font-size: 12.53333vw; } .spfs48 { font-size: 48px; font-size: 12.8vw; } .spfs49 { font-size: 49px; font-size: 13.06667vw; } .spfs50 { font-size: 50px; font-size: 13.33333vw; } .spfs51 { font-size: 51px; font-size: 13.6vw; } .spfs52 { font-size: 52px; font-size: 13.86667vw; } .spfs53 { font-size: 53px; font-size: 14.13333vw; } .spfs54 { font-size: 54px; font-size: 14.4vw; } .spfs55 { font-size: 55px; font-size: 14.66667vw; } .spfs56 { font-size: 56px; font-size: 14.93333vw; } .spfs57 { font-size: 57px; font-size: 15.2vw; } .spfs58 { font-size: 58px; font-size: 15.46667vw; } .spfs59 { font-size: 59px; font-size: 15.73333vw; } .spfs60 { font-size: 60px; font-size: 16vw; } .spfs61 { font-size: 61px; font-size: 16.26667vw; } .spfs62 { font-size: 62px; font-size: 16.53333vw; } .spfs63 { font-size: 63px; font-size: 16.8vw; } .spfs64 { font-size: 64px; font-size: 17.06667vw; } .spfs65 { font-size: 65px; font-size: 17.33333vw; } .spfs66 { font-size: 66px; font-size: 17.6vw; } .spfs67 { font-size: 67px; font-size: 17.86667vw; } .spfs68 { font-size: 68px; font-size: 18.13333vw; } .spfs69 { font-size: 69px; font-size: 18.4vw; } .spfs70 { font-size: 70px; font-size: 18.66667vw; } .spfs71 { font-size: 71px; font-size: 18.93333vw; } .spfs72 { font-size: 72px; font-size: 19.2vw; } .spfs73 { font-size: 73px; font-size: 19.46667vw; } .spfs74 { font-size: 74px; font-size: 19.73333vw; } .spfs75 { font-size: 75px; font-size: 20vw; } .spfs76 { font-size: 76px; font-size: 20.26667vw; } .spfs77 { font-size: 77px; font-size: 20.53333vw; } .spfs78 { font-size: 78px; font-size: 20.8vw; } .spfs79 { font-size: 79px; font-size: 21.06667vw; } .spfs80 { font-size: 80px; font-size: 21.33333vw; } .spfs81 { font-size: 81px; font-size: 21.6vw; } .spfs82 { font-size: 82px; font-size: 21.86667vw; } .spfs83 { font-size: 83px; font-size: 22.13333vw; } .spfs84 { font-size: 84px; font-size: 22.4vw; } .spfs85 { font-size: 85px; font-size: 22.66667vw; } .spfs86 { font-size: 86px; font-size: 22.93333vw; } .spfs87 { font-size: 87px; font-size: 23.2vw; } .spfs88 { font-size: 88px; font-size: 23.46667vw; } .spfs89 { font-size: 89px; font-size: 23.73333vw; } .spfs90 { font-size: 90px; font-size: 24vw; } .spfs91 { font-size: 91px; font-size: 24.26667vw; } .spfs92 { font-size: 92px; font-size: 24.53333vw; } .spfs93 { font-size: 93px; font-size: 24.8vw; } .spfs94 { font-size: 94px; font-size: 25.06667vw; } .spfs95 { font-size: 95px; font-size: 25.33333vw; } .spfs96 { font-size: 96px; font-size: 25.6vw; } .spfs97 { font-size: 97px; font-size: 25.86667vw; } .spfs98 { font-size: 98px; font-size: 26.13333vw; } .spfs99 { font-size: 99px; font-size: 26.4vw; } .spfs100 { font-size: 100px; font-size: 26.66667vw; } } /* sp向けレイアウトの指定 END *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* PC向けレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @media only screen and (min-width: 768px) { .pcaC { text-align: center; } #loader { width: 50px; height: 50px; display: none; position: fixed; _position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 100;} #fade { width: 100%; height: 100%; display: none; background-color: #FFFFFF; position: absolute; top: 0px; left: 0px; z-index: 50;} #container { opacity: 0; min-width: 1000px;} .lt-ie9 #container,.ie9 #container { opacity/***/: 1\9;} /*--- header ---*/ #contents1 { height: 100vh; overflow: hidden;} #headerCon { position: absolute; top: 0; min-width: 990px; width: 100%; height: 100vh; color:#FFF;} #title { position: absolute; top: 40px; left: 80px; margin: 0; z-index: 100;} #ship { position: absolute; bottom: 0; left: 0; margin: 0; z-index: 100;} #headerInfo { position: absolute; top: 160px; left: 80px; width: 100%; z-index: 1000; color: #FFF;} #headerInfo dt#newsSub { font-size: 1.9rem; margin: 0 0 12px; line-height: 1;} #headerInfo ul { overflow: hidden; margin: -6px 0 0;} #headerInfo ul li { margin: 6px 0 0; overflow: hidden;} #headerInfo ul li dt { float: left; margin-right: 1em;} #headerInfo ul li dd { overflow: hidden;} #scroll { position: absolute; bottom: 40px; left: 50%; margin-left: -19px; z-index: 1000;} #scroll a { display: block; padding-bottom: 24px; background: url(images/icon_scroll.png) bottom center no-repeat; text-decoration: none !important; color: #FFF !important;} #headerCon video { position: absolute; top: 0; left: 0;} #headerCon a:link,#headerCon a:visited { color: #FFF; text-decoration: none;} #headerCon a:active,#headerCon a:hover { color: #4BA5A2; text-decoration: underline;} #indexVideoPare { position: absolute; top: 0; min-width: 990px; width: 100%; height: 100vh;} #indexVideo { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); min-width: 100%; min-height: 100%;} #fixedPcCovid { display: block; position: fixed; top: 16px; right: 16px; z-index: 1000; } #fixedPcCovid a { display: block; width: 200px; height: 100px; border-radius: 16px; font-weight: 700; background: #0095A6; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #FFF !important; text-align: center; font-size: 1.7rem; line-height: 1.64;} #fixedPcCovid a span { display: inline-block;} /*--- page ---*/ /*--- index start ---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--- #contents2 ---*/ #contents2 { } /* #content2Con01 { text-align: center; padding: 96px 0; color: #231815; background: #FFF;} #content2Con01 h2 { padding: 0 0 56px; font-size: 6.1rem; font-family: 'Oswald', sans-serif; line-height: 1.2;} #content2Con01 p { font-size: 1.9rem; line-height: 1.9;} */ #content2Con01 { text-align: center; padding: 48px 0 64px; color: #595757; line-height: 1.85;} #content2Con01 h2 { padding: 0 0 56px; font-size: 6.1rem; font-family: 'Oswald', sans-serif;} #content2Con02 { display: block; width: 100%; float: left; } #indexTwoFun { background: #08375B; padding: 16px 0 32px; } #indexTwoFun h3 { padding: 0 0 60px; color: #FFF;} #indexTwoFunList { display: flex; flex-wrap: wrap; } #indexTwoFunList li { width: 50%; position: relative; padding: 0; text-align: center;} #indexTwoFunList li:nth-child(1):before { content: "or"; font-size: 3.6rem; position: absolute; z-index: 1; top: 50%; left: 100%; color: #231815;line-height: 1; transform: translateY(-50%) translateX(-50%);} #indexTwoFunList li:nth-child(1) a { float: right;} #indexTwoFunList li a { position: relative; display: block; padding: 48px 0 20px; text-decoration: none !important;} #indexTwoFunList li a > span { display: block; width: 500px;} #indexTwoFunList li a:before { display: block; position: absolute; top: 0; right: 0; color: rgba(255,255,255,0.5); font-size: 7.6rem; font-weight: 700; line-height: 1; margin: 0 0 0; transform: translateY(-50%) translateX(-40px);} #indexTwoFunList li:nth-child(2) a:before { right: auto; left: 0; transform: translateY(-50%) translateX(40px);} #indexTwoFunList li a:after { content: ""; display: block; background: rgba(255,255,255,0.5); width: 100%; height: 2px; position: absolute; top: 0; left: 0; transform: translateY( 24px ) translateX(0);} #indexTwoFunListStandard { background: #D7EAF2; } #indexTwoFunListChanmpagne { background: #CABD8F; } #indexTwoFunListStandard a:before { content: "STANDARD";} #indexTwoFunListChanmpagne a:before { content: "CHAMPAGNE";} #indexTwoFunList li a { color: #231815 !important;} #indexTwoFun01 { position: relative; padding: 0;} #indexTwoFun01:before { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 200px; background: #08375B;} .indexTwoFun01Bnr { width: 852px; margin: 0 auto; display: flex; flex-wrap: wrap; } .indexTwoFun01Bnr > li { margin: 0 32px 32px 0; width: 410px;} .indexTwoFun01Bnr > li:nth-child(2n) { margin-right: 0;} .indexTwoFun01Bnr > li > a { display: block; text-decoration: none; transition: all .2s ease-in-out;} .indexTwoFun01Bnr > li > a:hover { opacity: 0.8 !important;} .indexTwoFun01BnrImg {} .indexTwoFun01BnrBox01 { position: relative; z-index: 1; margin: -48px 0 0; background: rgba(23,137,193,0.6); } .indexTwoFun01BnrBox01-txt01 { padding: 12px 0; line-height: 1; text-align: center;} .indexTwoFun01BnrBox01-txt02 { padding: 12px 0; margin: 0 0 0 40px; line-height: 1.22; min-height: 3.66em;} .indexTwoFun01BnrBox01-txt03 { min-height: 4.56em; position: relative; padding: 24px 0px 24px 24px; margin: 0 0 0 40px; line-height: 1.52; } .indexTwoFun01BnrBox01-txt03 > span { display: inline-block; position: relative; z-index: 1;} .indexTwoFun01BnrBox01-txt03:before { content: ''; display: block; width: 100%; height: calc( 100% + 20px ); position: absolute; top: 0; left: 0; background: rgba(23,137,193,0.5); } #indexTwoFun01BnrPet {} #indexTwoFun01BnrPet .indexTwoFun01BnrImg { position: relative; } #indexTwoFun01BnrPet .indexTwoFun01BnrImg span { position: absolute; top: 1em; left: 1em; color: #182987; letter-spacing: 0.2em; font-family: Lucida Fax , "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif; } #indexTwoFun01BnrPet .indexTwoFun01BnrBox01 { background: #d7c9b1; } #indexTwoFun01BnrPet .indexTwoFun01BnrBox01-txt01 { background: #57BDC2;} #indexTwoFun01BnrPet .indexTwoFun01BnrBox01-txt02 { background: url(images/index_seasonal_03-02.png) no-repeat 96% 1.5em / 6em auto ; color: #40210F;} #indexTwoFun01BnrPet .indexTwoFun01BnrBox01-txt02 p:nth-child(1) { letter-spacing: 0.5em; } #indexTwoFun01BnrPet .indexTwoFun01BnrBox01-txt03 { color: #FFF;} #indexTwoFun01BnrPet .indexTwoFun01BnrBox01-txt03:before { content: ''; display: block; width: 100%; height: calc( 100% + 16px ); position: absolute; top: 0; left: 0; z-index: -1; background: rgba(23,137,193,0.5); } #indexMoet { width: 1000px; text-align: center; margin: 0 auto; padding: 59px 0 80px; background: url(images/index-moe-tieup_star.png) no-repeat 50% 24px / auto; } #contents2Wrapper02Ul01 { min-height: 234px; } #contents2Wrapper02Ul01 li { width: 50%; min-height: 234px; padding: 0; box-sizing: border-box;} #contents2Wrapper02Ul01 li:first-child { float: left; text-align: right; background: rgb(86,208,231); background: -moz-linear-gradient(left, rgb(86,208,231) 0%, rgb(65,121,203) 100%); background: -webkit-linear-gradient(left, rgb(86,208,231) 0%,rgb(65,121,203) 100%); background: linear-gradient(to right, rgb(86,208,231) 0%,rgb(65,121,203) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56d0e7', endColorstr='#4179cb',GradientType=1 ); } #contents2Wrapper02Ul01 li:last-child { float: right; text-align: left; background: rgb(180,66,137); background: -moz-linear-gradient(left, rgb(180,66,137) 0%, rgb(245,187,212) 100%); background: -webkit-linear-gradient(left, rgb(180,66,137) 0%,rgb(245,187,212) 100%); background: linear-gradient(to right, rgb(180,66,137) 0%,rgb(245,187,212) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b44289', endColorstr='#f5bbd4',GradientType=1 ); } #contents2Wrapper02Ul01 li a { padding: 30px 0 0; float: left; display: block; position: relative; text-align: center; width: 550px; height: 280px; box-sizing: border-box; line-height: 1.2; color: #FFF; text-decoration: none !important; z-index: 1;} #contents2Wrapper02Ul01 li:first-child a { float: right; } /*#contents2Wrapper02Ul01 li a img { position: absolute; width: 90%; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}*/ .contents2Wrapper02Ul01Txt01 { font-size: 1.8rem; padding: 0 0 5px; } .contents2Wrapper02Ul01Txt02 { font-family: 'Oswald', sans-serif; font-size: 5.5rem; padding: 0 0 24px;} .contents2Wrapper02Ul01Img01 {} #contents2Wrapper02Ul02 { } #contents2Wrapper02Ul02 li { position: absolute; z-index: 0;} #contents2Wrapper02Ul0201 { bottom: 16px; left: 50%; transform: translateY(0%) translateX(-480px);} #contents2Wrapper02Ul0202 { bottom: 50px; left: 50%; transform: translateY(0%) translateX(-50%);} #contents2Wrapper02Ul0203 { bottom: 16px; left: 50%; transform: translateY(0%) translateX(72px);} /*--- #contents3 ---*/ #contents3 { background-image: url(images/bg01.jpg);} #contents3Wrapper { padding: 100vh 0 0;} #contents3Wrapper h2 { text-align: center;} #crusingImg01 { padding: 0 0 56px;} #crusingTxt01 { text-align: center; font-size: 2.0rem; color: #FFF; padding-bottom: 11vh;} #crusingImg03 { padding: 31vh 0 56px;} #crusingTxt02 {text-align: center; color: #FFF; padding: 0;} #crusingTxt02 dt {font-size: 2.0rem; } #crusingTxt02 dd {font-size: 1.6rem;} #crusingTxt02 dd span {font-size: 1.2rem;} #contents3Wrapper01 { position: absolute; top: 50%; left: 50%; text-align: center; transform: translateY(-50%) translateX(-50%);} #contents3Wrapper02 { position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background: #FFF; } .specialBnr { position: relative; min-width: 990px; max-width: 1100px; margin-left: auto; margin-right: auto; /*margin-bottom: 50px;*/} .specialBnr:last-child { margin-bottom: 0;} .specialBnr#ohanamiBnr { background: url(images/ohanami_bg.jpg) center center no-repeat; height: 300px; background-size: cover;} #crusingImg02 { width: 27%; height: 300px; float: left; background: url(images/crusing_img02_bg.jpg) left top repeat-x;} .crusingImg02Ch { float: right; margin: 70px 45px 0 0;} #crusingBnrBg { overflow: hidden; height: 300px;} .crusingImg03 { color: #000; overflow: hidden; padding: 14px 0 0 30px; height: 300px; box-sizing: border-box; font-family: Lucida Fax , "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif; background: url(images/crusing_special_bnr_bg.jpg) center center no-repeat; background-size: cover;} .crusingTxt0301 { font-size: 3.4rem;} .crusingTxt0302 { font-size: 2.7rem; font-weight: bold; } .crusingTxt0303 { font-size: 3.4rem; font-family: 'Quando', serif;} .crusingTxt0304 { font-size: 2.1rem; } .crusingTxt0305 {} .crusingTS01 { text-shadow: 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1);} #domperiBg { overflow: hidden; height: 300px; background: url(images/index_domperi_bg.jpg) center center no-repeat; background-size: cover; font-family: Lucida Fax , "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif; line-height: 1.2;} #domperiTxts { position: absolute; top: 18px; left: 50%; margin-left: -518px; text-align: left;} #domperiTxt01 { padding-bottom: 13px; } /* #domperiTxt02 { padding: 0 0 22px 11px; text-align: left !important;} #domperiTxt03 { padding: 0 0 16px 11px; } #domperiTxt04 { padding: 0 0 0 11px; } */ .domperiTxt02 { float: left; margin-right: 16px;} .domperiTxt03 { font-size: 2.9rem; letter-spacing: -0.1em; padding-bottom: 8px;} .domperiTxt04 { font-size: 1.9rem; padding-bottom: 8px;} .domperiTxt05 { font-size: 1.9rem; padding-bottom: 8px;} .domperiTxt06 { font-size: 1.7rem; clear: both; padding-top: 10px;} #domperiBg a { display: block; width: 1000px; height: 300px; color: #FFF; text-decoration: none;} #domperiBg a:link,#domperiBg a:visited { opacity: 1;} #domperiBg a:active,#domperiBg a:hover { opacity: 0.5;} /*#iceBg { overflow: hidden; height: 300px; background: url(images/index_ice_bg.jpg) center center no-repeat; background-size: cover;}*/ #iceBg { overflow: hidden; height: 300px; background: url(images/index_ice02_bg.jpg) center center no-repeat; background-size: cover;} #iceImg01 { position: absolute; top: 0; left: 50%; margin-left: -550px;} #iceBg01 { font-family: Lucida Fax , "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif; } #iceBg0101 {} #iceBg0102 {} #iceBgWrap { position: relative; width: 1000px; margin: 0 auto;} #iceBgWrap a { display: block; position: relative; height: 300px; width: 1000px; } #iceBg0101 { float: left; padding-top: 30px; text-align: center; color: #FFF; line-height: 1.2;} .iceBg0101Txt01 { padding: 40px 0 0; } .iceBg0101Txt01 span { display: block;} #iceBg0101Txt0101 { font-size: 5.8rem;} #iceBg0101Txt0102 { font-size: 3.4rem; } #iceBg0102 { float: right; text-align: center; color: #F939B1; padding: 32px 0 0; line-height: 1.2;} .iceBg010201 { font-size: 3.5rem; padding: 0 0 12px;} .iceBg010201 span { font-size: 3.8rem; } .iceBg010202 { font-size: 1.9rem; padding: 0 0 12px;} .iceBg010203 { font-size: 2.1rem; padding: 0 0 12px;} #sushiBg { overflow: hidden; height: 300px; background: url(images/index_sushi_bg.jpg) center center no-repeat; background-size: cover;} #sushiTxt01 { position: absolute; top: 28px; left: 50%; margin-left: -361px;} #sushiImg01 { position: absolute; bottom: 0; left: 0;} #sushiImg02 { position: absolute; bottom: 0; right: 28px;} #ohanamiTxt { position: absolute; top: 0; left: 50%; margin-left: -532px; z-index: 100;} #ohanamiDrink { position: absolute; top: 0; left: 50%; margin-left: -430px; z-index: 90;} .specialBnr#roseBnr { background: url(images/rose_bg.jpg) center center no-repeat; height: 300px; position: relative; background-size: cover;} #roseTxt { position: absolute; top: 40px; left: 50%; margin-left: -234px; z-index: 100; width: 784px;} #roseBottle { position: absolute; top: 0; left: 0; z-index: 90;} .specialBnr#crusingBnrBg a { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 300px; box-sizing: border-box; padding: 106px 0 0; background: rgba(117,241,255,0.8); text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; z-index: 110; } .specialBnr#crusingBnrBg:hover a { opacity: 1;} .indexMoetIce { width: 978px; margin: 0 auto 80px;} .indexMoetIce a { display: block; text-decoration: none !important;} .indexMoetIce a:hover { opacity: 0.8 !important;} .indexMoetIceImg {} .indexMoetIceTxt { position: relative; margin: -0px 0 0; box-sizing: border-box; padding: 0 65px; color: #036EB7;} .indexMoetIceTxt01 { font-size: 37px; letter-spacing: 0.2em; margin-bottom: 70px; line-height: 1;} .indexMoetIceTxt02 { font-size: 28px; letter-spacing: 0.1em; line-height: 1.9;} .indexMoetIceTxt03 { font-size: 29px; letter-spacing: 0.2em; width: 420px; height: 100px; position: absolute; bottom: 0; right: 65px; border: #97b6d6 solid 1px; line-height: 1; padding: 32px 0 0 110px; box-sizing: border-box;} .indexMoetIceTxt03:after { content: ""; display: block; width: 77px; height: 15px; position: absolute; top: 50%; right: 112px; transform: translateY(-10px); background: url(images/icon_arrow.png) no-repeat 0 0 / 100% 100%;} .indexPet { width: 978px; margin: 0 auto 120px;} .indexPet a { display: block; text-decoration: none !important;} .indexPet a:hover { opacity: 0.8 !important;} .indexPetImg { position: relative; } .indexPetImgTxt { position: absolute; top: 90px; left: 70px; font-size: 32px; color: #036EB7; letter-spacing: 0.2em; line-height: 1.68; font-family: Lucida Fax , "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;} .indexPetTxt { position: relative; margin: -140px 0 0; box-sizing: border-box; padding: 0 65px; color: #036EB7;} .indexPetTxt01 { font-size: 38px; letter-spacing: 0.2em; margin-bottom: 70px; line-height: 1.57;} .indexPetTxt01 span { font-size: 54px;} .indexPetTxt02 { font-size: 28px; letter-spacing: 0.2em; line-height: 1.9;} .indexPetTxt03 { display: none; } .indexPetTxt04 { font-size: 29px; letter-spacing: 0.2em; width: 420px; height: 100px; position: absolute; bottom: 0; right: 65px; border: #97b6d6 solid 1px; line-height: 1; padding: 32px 0 0 110px; box-sizing: border-box;} .indexPetTxt04:after { content: ""; display: block; width: 77px; height: 15px; position: absolute; top: 50%; right: 112px; transform: translateY(-10px); background: url(images/icon_arrow.png) no-repeat 0 0 / 100% 100%;} /*--- #contents4 ---*/ #contents4 { background: #4CADB9; } #contents4Wrapper { text-align: center; color: #FFF;} #contents4Wrapper01 { overflow: hidden; padding: 54px 0 0; } #cruiseBtns { overflow: hidden; width: 100%; font-size: 1.5rem; line-height: 1.46;} #cruiseBtns li { position: relative; float: left; width: 33%; min-height: 200px; box-sizing: border-box; padding: 0 0 20px;} #cruiseBtns li.w34 { width: 34%;} #cruiseBtns dl { overflow: hidden; height: 100%; background-position: top center; background-repeat: no-repeat; background-size: cover;} #cruiseBtns dt { position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 16px 0 11px; background: rgba(0,160,255,0.7); text-align: center;} #cruiseBtns dt.col02 { background: rgba(255,116,114,0.7); } #cruiseBtns dd { position: relative;} #cruiseBtns dd div { position: absolute; top: 0; left: -100%; width: 100%; height: 141px; box-sizing: border-box; padding: 30px 0 0; background: rgba(0,1,1,0.7); text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #cruiseBtns dd div#indexContact { padding: 16px 0 0; background: rgba(47,145,198,0.7);} #cruiseBtns dd div#indexContact p { line-height: 1;} .indexContact01 { padding-bottom: 9px; } .indexContact02 { padding-bottom: 17px; } .indexContact03 {} .cruiseBtnOver { padding: 20px 0 23px;} #cruiseBtns li:hover dd div { left: 0;} #cruiseBtn01 dl { background-image: url(images/cruise_btn01.jpg);} #cruiseBtn02 dl { background-image: url(images/cruise_btn02.jpg);} #cruiseBtn03 dl { background-image: url(images/cruise_btn03.jpg);} #cruiseBtn04 dl { background-image: url(images/cruise_btn04.jpg);} #cruiseBtn05 dl { background-image: url(images/cruise_btn05.jpg);} #cruiseBtn06 dl { background-image: url(images/cruise_btn06.jpg);} #indexBtn01 dl { background-image: url(images/index_btn01.jpg);} #indexBtn02 dl { background-image: url(images/index_btn02.jpg);} #indexBtn03 dl { background-image: url(images/index_btn03.jpg);} #indexBnrTelMailPare { position: relative; overflow: hidden; width: 100%; height: 200px; background: url(images/index_bnr01_bg.jpg) bottom center repeat-x;} #indexBnrTelMail { overflow: hidden; width: 1005px; height: 200px; margin: 0 auto; background: url(images/index_bnr01.jpg) bottom center no-repeat;} #indexBnrTelMail li { position: absolute; left: 50%; line-height: 1;} #indexBnr01Tel { bottom: 15px; margin-left: -486px;} #indexBnr01Fax { bottom: 19px; margin-left: 11px;} #cruiseBtns a:link,#cruiseBtns a:visited { color: #fff; text-decoration: none; outline: none;} #cruiseBtns a:active,#cruiseBtns a:hover { color: #fff; text-decoration: none; outline: none;} #contents4Ul { position: relative; width: 100%; height: 100px; background: #FFF;} #contents4Ul li { position: absolute; top: -137px; left: 50%;} #contents4Ul01 { margin-left: -473px;} #contents4Ul02 { margin-left: -100px;} #contents4Ul03 { margin-left: 138px;} #instagramWrap { padding: 50px 0 0;} /*--- #contents5 ---*/ #contents5 { height: 1651px; background: url(images/bg01.jpg) bottom center no-repeat; background-size: cover;} #contents5Wrapper { position: relative; /*height: 754px;*/} #footerImg01 { position: absolute; top: 53px; right: 5%;} #instaWrapper { width: 920px; margin: 0 auto; } #sbi_images { padding: 20px; } #weAreSocial { position: absolute; top: 370px; right: 100%; width: 708px; height: 233px; background: url(images/footer_social_bg.png) 0 0 no-repeat;} #content #weAreSocial,#cruise #weAreSocial { right: auto; left: 50%; margin-left: -480px; z-index: 120px;} #weAreSocial { position: relative; width: 708px; height: 233px;} #weAreSocial li { position: absolute;} #socialFb { top: 29px; left: 306px; width: 41px; height: 40px;} #socialTw { top: 34px; left: 374px; width: 49px; height: 40px;} #socialTw { } #content #socialTw,#cruise #socialTw { top: 0; left: 440px;} #footerSec01 { position: absolute; bottom: 16px; left: 50%; width: 435px; margin: 0 0 0 -218px;} #footerSec01 ul { overflow: hidden; margin: 0 0 14px;} #footerSec01 ul li { float: left;} #footerSec01 ul li.fR { float: right;} #footerSec01 small { display: block; text-align: center;} /*--- blog ---*/ #blogBody { background: #FFF;} #blogWrapper { width: 640px; margin: 32px auto;} .blogPare { overflow: hidden; margin: 0 0 60px;} .postTitle { position: relative; margin: 0 0 8px; border-bottom: #3e6b82 solid 1px; padding: 0 0 8px; font-weight: bold; font-size: 2.4rem; color: #3e6b82; overflow: hidden;} .postTitle.postTitleCruise { margin: 0 0 24px;} .postTitle span { display: block; float: left; width: 360px;} .toIndexH { position: absolute; top: 28px; left: 50%; width: 320px; text-align: right; z-index: 100;} .toIndexH a { display: block;} .postDate { text-align: right; margin: 0 0 16px;} .blogImg { padding: 0 0 24px;} .blogPare img { padding: 0 0 24px;} .blogPare p { padding: 0 0 16px;} .pageNav { width: 600px; padding: 0 0 80px; margin: 0 auto;} .pageNav li { float: right;} .pageNav .prev { float: left;} .toIndexF { overflow: hidden;padding: 80px 0;} /*.toIndexF { position: fixed; bottom: 0; left: 0; width: 100%; height: 48px; box-sizing: border-box; padding: 5px 0; text-align: center; background: #FFF;}*/ #floatingBnr { position: fixed; bottom: auto; top: 56px; left: 50%; margin-left: 340px; width: 140px; height: 140px; box-sizing: border-box; text-align: center; background: #54B1BC; font-weight: bold; border-radius: 70px;} #floatingBnr a { display: block; position: relative; width: 140px; height: 140px; box-sizing: border-box; padding: 10px 0; color: #FFF; text-decoration: none !important; } #floatingBnr a span { font-size: 1.9rem; line-height: 1.7; display: block; width: 140px; height: 140px; position: absolute; top: 50%; left: 0; transform: translateY(-25%) translateX(0);} /*--- company ----*/ .contents690 { width: 690px; margin: 0 auto;} .companyTxt01 { padding: 20px 0 0 20px; color: #3d6d90;} .cancelInfo {} .cancelInfo dl { float: left; width: 290px; padding: 10px 0 !important;} .cancelInfo dl:first-child { width: 210px; padding: 10px 0 !important;} .cancelInfo dt { text-indent: -.5em; width: 100% !important;} .cancelInfo dd { clear: both;} .border01List { overflow: hidden; background: url(images/border01.png) top left repeat-x; color: #3d6d90;} .border01List li { padding: 0 0; line-height: 2.4;} .border01List li.last { background: url(images/border01.png) bottom left repeat-x;} .border01List li dl { padding: 0 0 0 20px;} .border01List li dt { float: left; width: 104px;} .border01List li dd { overflow: hidden;} .border01List a:link,.border01List a:visited { color: #3d6d90; text-decoration: none;} .border01List a:active.border01List ,a:hover { color: #999; text-decoration: underline;} .border01List.pT02 { background: none;} .border01List.pT02 li { background: url(images/border01.png) bottom left repeat-x;} .border01List.pT02 li li { background: none;} .border01List.pT02 li dt { width: 170px;} /*--- contact ---*/ #contactWrapper { width: 670px; margin: 40px auto; padding: 0; box-sizing: border-box; background: url(images/contact_img01.png) top right no-repeat;} .contactUsImg { float: right;} .contactUsImg img { } .contactUsSub { padding: 88px 0 0; } .formTable { width: 100%;} .formTable th { padding: 0 30px 0 0; width: 1%; white-space: nowrap; font-size: 1.5rem;} .formTable td { padding: 15px 0;} .formTable td input,.formTable td textarea { width: 100%; padding: .6em !important; box-sizing: border-box; background: #f6f6f6; border: #c8c9c9 solid 1px;} .formTable td input.wPt01 { width: calc( 50% - 16px ); margin-right: 12px;} .formTable td textarea { height: 120px;} .formTable th span { display: block; font-size: 1.2rem; padding-left: 1.5em;} .formTable02 { width: 100%;} .sendBtn { overflow: hidden; padding: 10px 10px 20px; margin-bottom: 23px; background: #3d6d90; width: 390px;box-sizing: border-box; color: #FFF;} .sendBtn button { margin: 0 0 10px; background: #FFF; color: #0e6434; font-size: 2.3rem; font-weight: bold; width: 100%; padding: 10px 0 !important; border: none; -webkit-appearance: none; cursor: pointer; s} .sendBtn .submit01 { margin: 0 0 10px; font-weight: bold; font-size: 1.7rem; text-align: center; color: #fff000;} .sendBtn .submit02 { padding: 0 10px; font-size: 1.2rem; line-height: 1.2;} .sendBtn .submit02 span { margin-left: -.5em;} /*--- onlineBooking ---*/ #onlineBooking_sub01 { margin: 0 0 0 -30px;} .onlineBookingTxt01 { overflow: hidden; width: 570px; border-bottom: #7f7f7f solid 2px; padding: 0 0 24px; margin: -46px 0 24px;} .oBTxt03 { width: 554px; overflow: hidden; padding: 14px 0 0; margin: 0 auto; background: url(images/border02.png) top left repeat-x;} .oBTxt03Ch { overflow: hidden; padding: 0 10px 26px; background: url(images/border02.png) bottom left repeat-x;} .oBTxt03Dl { overflow: hidden;} .oBTxt03Dl dt { float: left;} .oBTxt03Dl dd { overflow: hidden;} .obSub01 { font-size: 2.4rem; font-weight: bold; padding-bottom: 36px;} .obTxt01 {} .obTxt01 a { font-size: 1.7rem; font-weight: bold;} .obImg01 { padding: 50px 0 70px 100px; background: url(images/online_booking_img01.png) 0 0 no-repeat; font-size: 1.6rem; line-height: 2;} .oBSec01 { width: 910px; margin: 0 auto;} .oBSec02 { width: 910px; margin: 0 auto; box-sizing: border-box; padding: 0 160px 40px 0;} .oBSec03 { width: 906px; margin: 0 auto;} .oBSec0301 { width: 806px; overflow: hidden; float: right;} #googleCal { width: 710px; margin: 0 auto 16px; overflow: hidden;} .calendarSec { border: #3d6d90 solid 2px; padding: 8px 8px 0; margin: 0 0 10px; overflow: hidden; background: #FFF;} #formSec01Ch01 { width: 550px; float: left; padding: 0 20px 0 0; box-sizing: border-box; margin: 0 16px 0 0; border-right: #fff9f1 solid 2px;} .formTable01 th { font-weight: normal; white-space: nowrap; width: 1%; padding-right: 8px;} .cruseTime,.cruseTimeEn { padding: .5em 0; /*display: none;*/} .formTable01 .cruseTime select, .formTable01 .cruseTimeEn select { font-size: 1.2rem; } .formTable01 select, .formTable01 select { padding: 0.5em; background: #f6f6f6; border: #c8c9c9 solid 1px; } #privacySec { overflow: hidden; line-height: 1.2; font-size: 1.1rem; margin: 0;} #privacySec h2 { font-size: 1.3rem; padding: 14px 0;} #privacySec ul { overflow: hidden; margin: -14px 0 0;} #privacySec ul li { margin: 14px 0 0;} #privacySec ul li dt { text-indent: -.5em;} .formTable01 { width: 100%;} .formTable01 th,.formTable01 td { padding: 12px 0; vertical-align: middle; font-weight: normal;} .formTable01 th { width: 160px; color: #006934; font-size: 1.5rem;} .formTable01.formTable0101 th { vertical-align: top; padding: 20px 0 12px;} .formTable01ThVAT { vertical-align: top !important;} .dateSelect { overflow: hidden;} .dateSelect li { float: left; white-space: nowrap; padding: 0 16px 0 0; margin: 0 0 16px;} .dateSelect li p { float: left; white-space: nowrap; padding: 0 16px 0 0;} .formTable01 table { margin: 20px 0 0;} .formTable01 table th,.formTable01 table td { padding: 12px 10px; background: #CCC; text-align: center;} .formTable01 table tr:nth-child(even) th,.formTable01 table tr:nth-child(even) td { background: #efeeed;} .formTable01 table tr.bg01 th,.formTable01 table tr.bg01 td { background: #efeeed;} .formTable01 table tr.bg02 th,.formTable01 table tr.bg02 td { background: #CCC;} .formTable01 table td.price { text-align: right; white-space: nowrap;} .ftTypeTh02 { text-align: left !important; font-weight: 700 !important;} .formTable01 textarea { width: 400px; height: 100px; background: #f6f6f6; border: #c8c9c9 solid 1px;} .formTable01 button { padding: 1.7em 5.5em; font-size: 1.8rem; background: #54B1BC; border: none; color: #FFF; line-height: 1;} input[type=submit] { padding: 1.7em 5.5em; font-size: 1.8rem; background: #54B1BC; border: none; color: #FFF; line-height: 1; cursor: pointer; outline: none; transition: all .25s ease-in-out;} input[type=submit]:hover { opacity: 0.5; } .cancelPolicy { margin: 20px 0 0; padding: 15px 0 50px; overflow: hidden; background: url(images/border02.png) top left repeat-x;} .cancelPolicy dt { } .CancellationFee { overflow: hidden; padding: 0 0 50px; text-align: center;} .CancellationFee dt { padding: 0 0 20px;} .borderTop02 { background: url(images/border02.png) top repeat-x; padding:30px 0 0;} .borderBtm02 { background: url(images/border02.png) bottom repeat-x; padding:0 0 30px;} .oBJp01 { overflow: hidden; padding: 0 220px 0 345px;} .oBJp01 table { width: 100%;} .oBJp01 table th { width: 1%; white-space: nowrap; font-weight: normal; padding: 0 0 0 1em;} .privacyDl {} .privacyDl dt { margin: 0 0 0 -.5em;} .privacyDl dd { margin: 0 0 14px;} .oBList01 { text-align: left; font-size: 2.0rem;} .oBList02 { text-align: left; } .ftPlanTdAgeConfirm { width: 360px;} .bookingTitle { overflow: hidden; width: 830px; margin: 0 auto; padding: 0 0 53px 0; font-size: 6.1rem; font-family: 'Oswald', sans-serif; color: #008A9B; line-height: 1.2; background: url(images/booking_img01.png) 100% 0 no-repeat; background-size: auto;} .bookingSub01 { text-align: center; overflow: hidden; padding: 0 0 40px; font-weight: bold; font-size: 2.7rem; color: #231815;} .bookingTxt01 { text-align: center; overflow: hidden; padding: 0 0 24px; color: #231815; font-size: 1.9rem;} .bookingTxt02 { text-align: center; font-size: 1.9rem;} .contactSec01 { overflow: hidden; width: 820px; border-top: #766F6D solid 1px; margin: 40px auto 0; padding: 40px 50px 120px; box-sizing: border-box;} .bookingSub02 { text-align: center; overflow: hidden; overflow: hidden; padding: 0 0 24px; font-weight: bold; font-size: 2.2rem; color: #231815;} .bookingImg02 { float: left; margin-right: 40px;} .bookingImg02 img { width: 235px; } .bookingList01 { color: #231815; overflow: hidden;} .bookingList01 li { position: relative; padding-left: 1.5em; line-height: 1.9; font-size: 1.5rem;} .bookingList01 li:before { content: '○'; position: absolute; top: 0; left: 0;} /*--- access ---*/ .olConWrapper { width: 800px; overflow: hidden; margin: 0 auto;} .olConSec04 { width: 740px; margin: 0 auto; overflow: hidden;} .sectionLRPare02 { overflow: hidden; width: 740px; margin: 0 auto; background: url(images/access_img03.jpg) center 46px no-repeat;} .sectionL0201 { float: left; width: 340px; margin-right: 60px;} .sectionR0201 { float: right; overflow: hidden; width: 340px;} .olConWrapper h1 { text-align: center; padding: 80px 0; } .indentAccess { margin-left: 5em; text-indent: -5em;} .accessImg01 { width: 440px; margin: 0 auto; padding: 38px 0 38px 80px; background: url(images/access_img01.jpg) 0 0 no-repeat; font-size: 1.9rem; text-align: center;} .accessImg01 span { color: #d60050; font-size: 2.2rem;} .accessImg0102 { width: 420px; margin: 0 auto; padding: 38px 160px 38px 160px; background: url(images/access_img01.jpg) 0 0 no-repeat; font-size: 1.9rem; text-align: center;} .accessImg0102 span { color: #d60050;} .accessSub { text-align: center; padding: 14px 0; margin: 0 0 18px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #FFF; font-size: 2.0rem;} .accessSub01 { background: #148994;} .accessSub02 { background: #32759d;} .accessSub span { display: block; font-size: 0.9rem;} .accessStation { text-align: center; border-bottom: #918c8a solid 2px; padding: 0 0 13px; margin: 0 0 18px;} .accessStation li { font-weight: bold; font-size: 1.5rem; display: inline; padding: 12px 44px 12px 0; background-position: right center; background-repeat: no-repeat; text-align: left;} .accessImg04 { background-image: url(images/access_img04.jpg); margin-right: 30px;} .accessImg05 { background-image: url(images/access_img05.jpg);} .accessImg06 { background-image: url(images/access_img06.jpg);} .accessTxtBox01 { overflow: hidden; height: 210px;} .accessTxtBox02 { overflow: hidden; height: 270px;} .accessTxtBox02En { overflow: hidden; height: 340px;} #mapCanvas01,#mapCanvas02 { overflow: hidden; width: 340px; height: 340px;} .accessSec01 { text-align: center;} .accessTel { text-align: center; margin: 14px 0 36px;} .accessTel span { padding: 12px 36px; background: #3e6b82;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 2.4rem; color: #FFF; font-weight: bold;} .accessSec02 { background: url(images/access_img07.jpg) left bottom no-repeat;} .accessSub03 { margin: 0 0 30px; border-bottom: #3e6b82 solid 1px; padding: 0 0 8px; font-weight: bold; font-size: 2.0rem; color: #3e6b82; text-align: center;} .accessSec0201 { float: left; width: 316px;} /*--- about our boat ---*/ .wrapperW1000 { width: 1000px; margin: 0 auto; position: relative;} .wrapperW748 { width: 748px; margin: 0 auto; position: relative;} .boatBg01 { overflow: hidden; position: relative; height: 668px; background: url(images/boat_bg.jpg) center top no-repeat;} #boatSub01 { position: absolute; top: 48px; left: 46px; } #boatDl { position: absolute; top: 138px; left: 46px; color: #FFF;} #boatDl dt { line-height: 1; padding-bottom: 24px;} #boatDl dd { line-height: 1.75; font-size: 1.6rem;} #aboutOurBoatSec01 { overflow: hidden; width: 657px; margin: 0 auto; padding: 76px 0 24px; position: relative;} #aboutOurBoatSec01 h1 { font-size: 3.9rem; font-weight: bold; color: #000; line-height: 1.2;} #aboutOurBoatSec01Txt01 { font-size: 1.8rem; font-weight: bold; color: #000;} #aboutOurBoatSec01Img01 { position: absolute; top: 76px; left: 50%; margin-left: -16px;} #aboutOurBoatSec02 { overflow: hidden; padding: 30px 50px 16px; color: #FFF; background: rgb(2,57,98); background: -moz-linear-gradient(left, rgba(2,57,98,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(2,57,98,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(2,57,98,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023962', endColorstr='#ffffff',GradientType=1 ); } #aboutOurBoatSec03 { width: 748px; height: 498px; padding: 14px 50px 0 50px; color: #FFF; background: url(images/about-our-boat_img03.jpg) 50% 0 no-repeat; box-sizing: border-box;} #aboutOurBoatSec03 ul { overflow: hidden; padding: 0 0 35px;} #aboutOurBoatSec03 ul li { overflow: hidden; clear: both; } #aboutOurBoatSec03 ul dt { float: left;} #aboutOurBoatSec03 ul dd { overflow: hidden;} /*--- faq ---*/ #faqWrapper { overflow: hidden; padding: 0 70px; } #faqHeader { overflow: hidden; padding: 72px 0 60px; } #faqHeader h1 { font-size: 3.9rem; font-weight: bold; color: #000; line-height: 1.2; padding: 0 0 16px;} #faqHeaderTxt01 { font-size: 1.8rem; font-weight: bold; color: #000;} #faqImg01 { position: absolute; top: 46px; left: 50%; } .faqSec { overflow: hidden; padding: 0 0 10px; } .faqSec:last-child { padding: 0 0 80px; } .faqSec h2 { font-size: 2.1rem; font-weight: bold; padding: 0 0 24px; line-height: 1.2; color: #000;} .faqSec dl { line-height: 1.4;} .faqSec dt { font-size: 1.6rem; font-weight: bold; color: #00958D; } .faqSec dd { overflow: hidden; padding: 0 0 40px; color: #000;} /*--- regular cruse ---*/ #regularCruiseList { width: 892px; margin: 0 auto 30px; overflow: hidden;} #regularCruiseList li { float: left; width: 223px; margin: 0 0 34px; text-align: center; line-height: 1.3;} .regularCruiseListImg { margin: 0 0 5px; } .regularCruiseListTxt01 { font-size: 1.3rem} .regularCruiseListTxt0101 { font-size: 1.1rem;} /*--- common ---*/ #contentsWrapper { overflow: hidden; width: 1100px; margin: 40px auto;} #contentsWrapper section { overflow: hidden;} .minW1100 { min-width: 1100px;} #cruseHeader { min-width: 1100px;} #cruseHeaderWrapper {overflow: hidden; background: rgb(237,200,21); background: -moz-linear-gradient(left, rgba(237,200,21,1) 0%, rgba(167,91,1,1) 100%); background: -webkit-linear-gradient(left, rgba(237,200,21,1) 0%,rgba(167,91,1,1) 100%); background: linear-gradient(to right, rgba(237,200,21,1) 0%,rgba(167,91,1,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edc815', endColorstr='#a75b01',GradientType=1 ); } .regularCruise #cruseHeaderWrapper { background: rgb(86,205,229); background: -moz-linear-gradient(left, rgba(86,205,229,1) 0%, rgba(65,121,201,1) 100%); background: -webkit-linear-gradient(left, rgba(86,205,229,1) 0%,rgba(65,121,201,1) 100%); background: linear-gradient(to right, rgba(86,205,229,1) 0%,rgba(65,121,201,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56cde5', endColorstr='#4179c9',GradientType=1 ); } #cruseHeader h1 { padding: 44px 0 35px; text-align: center;} #cruseHeader ul { width: 936px; margin: 0 auto; line-height: 1;} #cruseHeader ul li:first-child { float: left; } #cruseHeader ul li:last-child { float: right; padding: 47px 0 0;} #cruseHeader ul li a { display: block; padding: 16px 0;} #cruseFooter { position: relative; height: 1651px; background: url(images/bg01.jpg) 50% 50% no-repeat; background-size: cover; min-width: 1100px;} .btnLink01 { background: #FFF; padding: 20px 0; background: #FFF; text-align: center;} .toBooking { background: #4cadb9 url(images/to_booking_l.jpg) 0 0 no-repeat; height: 120px; text-align: center;} .toBooking a { display: block; width: 100%; height: 120px; background: url(images/to_booking_r.jpg) 100% 0 no-repeat; color: #FFF !important; font-size: 1.9rem; } .toBooking a img { padding: 24px 0 16px; } .CTABox01 { background: #72d7c8; overflow: hidden;} .CTABox01 li { width: 50%; box-sizing: border-box; } .CTABox01 li:first-child { float: left; border-right: #FFF 1px solid;} .CTABox01 li:last-child { float: right;} .CTABox01 li a { width: 500px; padding: 20px 0; text-align: center; line-height: 1.2; font-size: 1.8rem; color: #FFF !important;} .CTABox01 li a span { display: block; padding: 0 0 14px;} .CTABox01 li:first-child a { float: right;} .CTABox01 li:last-child a { float: left;} .selectLang { position: relative; width: 152px; height: 57px; margin: 0 auto 40px; background: url(images/select_lang.png) top center no-repeat;} .selectLang li { position: absolute; bottom: 0;} .selectLangEn { left: 0;} .selectLangJp { right: 0;} .h3Txt { padding: 0 0 6px 20px; font-size: 1.5rem; color: #3d6d90; background: url(images/border01.png) bottom left repeat-x; line-height: 1.2;} a.btnLink { background: #2f86ce; padding: 6px 16px; font-size: 2.0rem; line-height: 1.2; color: #FFF; font-weight: bold; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} a.btnLink02 { background: #148994; padding: 6px 48px; font-size: 2.0rem; line-height: 1.2; color: #FFF; font-weight: bold;} .iconTri01 { background: url(images/icon_tri01.png) left center no-repeat; padding-left: 18px; color: #006934;} /*--- parallax ---*/ .parallaxCon { position: fixed; width: 100%; min-width: 990px; z-index: 110; /*background-color: #FFF;*/} .parallaxImg { padding: 0; background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: 50;} .parallaxImgChEl { position: absolute;} /* Side Nav */ nav ul { position : fixed; right: 5%; top: 20%; z-index : 999;} nav ul li { height: 20px; position : relative;} nav ul a { display: block; width : 10px; height: 10px; background :#7c6622; text-indent : -9000px; overflow: hidden; outline: none; -moz-border-radius : 10px; border-radius: 10px;} nav ul a:hover, nav ul li.active a { background :#a29874;} /*cruise*/ .cruseWrapper { padding: 64px 0 120px; width: 800px; margin: 0 auto; color: #231815;} .cruseWrapperLead { padding: 0 0 16px; font-size: 1.8rem; text-align: center; line-height: 1.2;} .cruseWrapperTitle { padding: 0 0 50px; font-size: 6.1rem; font-family: 'Oswald', sans-serif; text-align: center; line-height: 1.2;} .borderSec01 { overflow: hidden; border-bottom: #68605E solid 1px; padding: 0 100px 64px; margin: 0 0 64px; } .borderSec01:last-child { border-bottom: none; } .cruiseList01 {} .cruiseList01 dt { font-weight: bold; font-size: 2.0rem; line-height: 1.2; padding: 0 0 16px; } .cruiseList01 dd { font-size: 1.6rem; padding: 0 0 40px;} /*covid19*/ #covid19Wrap { padding: 56px 0; width: 650px; margin: 0 auto; } #covid19Logo { text-align: center; margin-bottom: 32px;} #covid19Logo img { width: 250px; } #covid19Title { font-size: 2.8rem; font-weight: 700; text-align: center; color: #009CA5; margin-bottom: 24px;} #covid19List { padding: 0 30px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 48px;} #covid19List > li { margin: 0; } #covid19List > li img { height: 140px; } .covid19Sec { display: flex; flex-wrap: wrap; justify-content: space-between;} .covid19Sec01 { width: 290px; } .covid19Sec02 { width: 280px; } .spDisp { display: none !important; } .pcpB0 { padding-bottom: 0px !important; } .pcpB1 { padding-bottom: 1px !important; } .pcpB2 { padding-bottom: 2px !important; } .pcpB3 { padding-bottom: 3px !important; } .pcpB4 { padding-bottom: 4px !important; } .pcpB5 { padding-bottom: 5px !important; } .pcpB6 { padding-bottom: 6px !important; } .pcpB7 { padding-bottom: 7px !important; } .pcpB8 { padding-bottom: 8px !important; } .pcpB9 { padding-bottom: 9px !important; } .pcpB10 { padding-bottom: 10px !important; } .pcpB11 { padding-bottom: 11px !important; } .pcpB12 { padding-bottom: 12px !important; } .pcpB13 { padding-bottom: 13px !important; } .pcpB14 { padding-bottom: 14px !important; } .pcpB15 { padding-bottom: 15px !important; } .pcpB16 { padding-bottom: 16px !important; } .pcpB17 { padding-bottom: 17px !important; } .pcpB18 { padding-bottom: 18px !important; } .pcpB19 { padding-bottom: 19px !important; } .pcpB20 { padding-bottom: 20px !important; } .pcpB21 { padding-bottom: 21px !important; } .pcpB22 { padding-bottom: 22px !important; } .pcpB23 { padding-bottom: 23px !important; } .pcpB24 { padding-bottom: 24px !important; } .pcpB25 { padding-bottom: 25px !important; } .pcpB26 { padding-bottom: 26px !important; } .pcpB27 { padding-bottom: 27px !important; } .pcpB28 { padding-bottom: 28px !important; } .pcpB29 { padding-bottom: 29px !important; } .pcpB30 { padding-bottom: 30px !important; } .pcpB31 { padding-bottom: 31px !important; } .pcpB32 { padding-bottom: 32px !important; } .pcpB33 { padding-bottom: 33px !important; } .pcpB34 { padding-bottom: 34px !important; } .pcpB35 { padding-bottom: 35px !important; } .pcpB36 { padding-bottom: 36px !important; } .pcpB37 { padding-bottom: 37px !important; } .pcpB38 { padding-bottom: 38px !important; } .pcpB39 { padding-bottom: 39px !important; } .pcpB40 { padding-bottom: 40px !important; } .pcpB41 { padding-bottom: 41px !important; } .pcpB42 { padding-bottom: 42px !important; } .pcpB43 { padding-bottom: 43px !important; } .pcpB44 { padding-bottom: 44px !important; } .pcpB45 { padding-bottom: 45px !important; } .pcpB46 { padding-bottom: 46px !important; } .pcpB47 { padding-bottom: 47px !important; } .pcpB48 { padding-bottom: 48px !important; } .pcpB49 { padding-bottom: 49px !important; } .pcpB50 { padding-bottom: 50px !important; } .pcpB51 { padding-bottom: 51px !important; } .pcpB52 { padding-bottom: 52px !important; } .pcpB53 { padding-bottom: 53px !important; } .pcpB54 { padding-bottom: 54px !important; } .pcpB55 { padding-bottom: 55px !important; } .pcpB56 { padding-bottom: 56px !important; } .pcpB57 { padding-bottom: 57px !important; } .pcpB58 { padding-bottom: 58px !important; } .pcpB59 { padding-bottom: 59px !important; } .pcpB60 { padding-bottom: 60px !important; } .pcpB61 { padding-bottom: 61px !important; } .pcpB62 { padding-bottom: 62px !important; } .pcpB63 { padding-bottom: 63px !important; } .pcpB64 { padding-bottom: 64px !important; } .pcpB65 { padding-bottom: 65px !important; } .pcpB66 { padding-bottom: 66px !important; } .pcpB67 { padding-bottom: 67px !important; } .pcpB68 { padding-bottom: 68px !important; } .pcpB69 { padding-bottom: 69px !important; } .pcpB70 { padding-bottom: 70px !important; } .pcpB71 { padding-bottom: 71px !important; } .pcpB72 { padding-bottom: 72px !important; } .pcpB73 { padding-bottom: 73px !important; } .pcpB74 { padding-bottom: 74px !important; } .pcpB75 { padding-bottom: 75px !important; } .pcpB76 { padding-bottom: 76px !important; } .pcpB77 { padding-bottom: 77px !important; } .pcpB78 { padding-bottom: 78px !important; } .pcpB79 { padding-bottom: 79px !important; } .pcpB80 { padding-bottom: 80px !important; } .pcpB81 { padding-bottom: 81px !important; } .pcpB82 { padding-bottom: 82px !important; } .pcpB83 { padding-bottom: 83px !important; } .pcpB84 { padding-bottom: 84px !important; } .pcpB85 { padding-bottom: 85px !important; } .pcpB86 { padding-bottom: 86px !important; } .pcpB87 { padding-bottom: 87px !important; } .pcpB88 { padding-bottom: 88px !important; } .pcpB89 { padding-bottom: 89px !important; } .pcpB90 { padding-bottom: 90px !important; } .pcpB91 { padding-bottom: 91px !important; } .pcpB92 { padding-bottom: 92px !important; } .pcpB93 { padding-bottom: 93px !important; } .pcpB94 { padding-bottom: 94px !important; } .pcpB95 { padding-bottom: 95px !important; } .pcpB96 { padding-bottom: 96px !important; } .pcpB97 { padding-bottom: 97px !important; } .pcpB98 { padding-bottom: 98px !important; } .pcpB99 { padding-bottom: 99px !important; } .pcpB100 { padding-bottom: 100px !important; } .pcpB101 { padding-bottom: 101px !important; } .pcpB102 { padding-bottom: 102px !important; } .pcpB103 { padding-bottom: 103px !important; } .pcpB104 { padding-bottom: 104px !important; } .pcpB105 { padding-bottom: 105px !important; } .pcpB106 { padding-bottom: 106px !important; } .pcpB107 { padding-bottom: 107px !important; } .pcpB108 { padding-bottom: 108px !important; } .pcpB109 { padding-bottom: 109px !important; } .pcpB110 { padding-bottom: 110px !important; } .pcpB111 { padding-bottom: 111px !important; } .pcpB112 { padding-bottom: 112px !important; } .pcpB113 { padding-bottom: 113px !important; } .pcpB114 { padding-bottom: 114px !important; } .pcpB115 { padding-bottom: 115px !important; } .pcpB116 { padding-bottom: 116px !important; } .pcpB117 { padding-bottom: 117px !important; } .pcpB118 { padding-bottom: 118px !important; } .pcpB119 { padding-bottom: 119px !important; } .pcpB120 { padding-bottom: 120px !important; } .pcpT0 { padding-top: 0px !important; } .pcpT1 { padding-top: 1px !important; } .pcpT2 { padding-top: 2px !important; } .pcpT3 { padding-top: 3px !important; } .pcpT4 { padding-top: 4px !important; } .pcpT5 { padding-top: 5px !important; } .pcpT6 { padding-top: 6px !important; } .pcpT7 { padding-top: 7px !important; } .pcpT8 { padding-top: 8px !important; } .pcpT9 { padding-top: 9px !important; } .pcpT10 { padding-top: 10px !important; } .pcpT11 { padding-top: 11px !important; } .pcpT12 { padding-top: 12px !important; } .pcpT13 { padding-top: 13px !important; } .pcpT14 { padding-top: 14px !important; } .pcpT15 { padding-top: 15px !important; } .pcpT16 { padding-top: 16px !important; } .pcpT17 { padding-top: 17px !important; } .pcpT18 { padding-top: 18px !important; } .pcpT19 { padding-top: 19px !important; } .pcpT20 { padding-top: 20px !important; } .pcpT21 { padding-top: 21px !important; } .pcpT22 { padding-top: 22px !important; } .pcpT23 { padding-top: 23px !important; } .pcpT24 { padding-top: 24px !important; } .pcpT25 { padding-top: 25px !important; } .pcpT26 { padding-top: 26px !important; } .pcpT27 { padding-top: 27px !important; } .pcpT28 { padding-top: 28px !important; } .pcpT29 { padding-top: 29px !important; } .pcpT30 { padding-top: 30px !important; } .pcpT31 { padding-top: 31px !important; } .pcpT32 { padding-top: 32px !important; } .pcpT33 { padding-top: 33px !important; } .pcpT34 { padding-top: 34px !important; } .pcpT35 { padding-top: 35px !important; } .pcpT36 { padding-top: 36px !important; } .pcpT37 { padding-top: 37px !important; } .pcpT38 { padding-top: 38px !important; } .pcpT39 { padding-top: 39px !important; } .pcpT40 { padding-top: 40px !important; } .pcpT41 { padding-top: 41px !important; } .pcpT42 { padding-top: 42px !important; } .pcpT43 { padding-top: 43px !important; } .pcpT44 { padding-top: 44px !important; } .pcpT45 { padding-top: 45px !important; } .pcpT46 { padding-top: 46px !important; } .pcpT47 { padding-top: 47px !important; } .pcpT48 { padding-top: 48px !important; } .pcpT49 { padding-top: 49px !important; } .pcpT50 { padding-top: 50px !important; } .pcpT51 { padding-top: 51px !important; } .pcpT52 { padding-top: 52px !important; } .pcpT53 { padding-top: 53px !important; } .pcpT54 { padding-top: 54px !important; } .pcpT55 { padding-top: 55px !important; } .pcpT56 { padding-top: 56px !important; } .pcpT57 { padding-top: 57px !important; } .pcpT58 { padding-top: 58px !important; } .pcpT59 { padding-top: 59px !important; } .pcpT60 { padding-top: 60px !important; } .pcpT61 { padding-top: 61px !important; } .pcpT62 { padding-top: 62px !important; } .pcpT63 { padding-top: 63px !important; } .pcpT64 { padding-top: 64px !important; } .pcpT65 { padding-top: 65px !important; } .pcpT66 { padding-top: 66px !important; } .pcpT67 { padding-top: 67px !important; } .pcpT68 { padding-top: 68px !important; } .pcpT69 { padding-top: 69px !important; } .pcpT70 { padding-top: 70px !important; } .pcpT71 { padding-top: 71px !important; } .pcpT72 { padding-top: 72px !important; } .pcpT73 { padding-top: 73px !important; } .pcpT74 { padding-top: 74px !important; } .pcpT75 { padding-top: 75px !important; } .pcpT76 { padding-top: 76px !important; } .pcpT77 { padding-top: 77px !important; } .pcpT78 { padding-top: 78px !important; } .pcpT79 { padding-top: 79px !important; } .pcpT80 { padding-top: 80px !important; } .pcpT81 { padding-top: 81px !important; } .pcpT82 { padding-top: 82px !important; } .pcpT83 { padding-top: 83px !important; } .pcpT84 { padding-top: 84px !important; } .pcpT85 { padding-top: 85px !important; } .pcpT86 { padding-top: 86px !important; } .pcpT87 { padding-top: 87px !important; } .pcpT88 { padding-top: 88px !important; } .pcpT89 { padding-top: 89px !important; } .pcpT90 { padding-top: 90px !important; } .pcpT91 { padding-top: 91px !important; } .pcpT92 { padding-top: 92px !important; } .pcpT93 { padding-top: 93px !important; } .pcpT94 { padding-top: 94px !important; } .pcpT95 { padding-top: 95px !important; } .pcpT96 { padding-top: 96px !important; } .pcpT97 { padding-top: 97px !important; } .pcpT98 { padding-top: 98px !important; } .pcpT99 { padding-top: 99px !important; } .pcpT100 { padding-top: 100px !important; } .pcpT101 { padding-top: 101px !important; } .pcpT102 { padding-top: 102px !important; } .pcpT103 { padding-top: 103px !important; } .pcpT104 { padding-top: 104px !important; } .pcpT105 { padding-top: 105px !important; } .pcpT106 { padding-top: 106px !important; } .pcpT107 { padding-top: 107px !important; } .pcpT108 { padding-top: 108px !important; } .pcpT109 { padding-top: 109px !important; } .pcpT110 { padding-top: 110px !important; } .pcpT111 { padding-top: 111px !important; } .pcpT112 { padding-top: 112px !important; } .pcpT113 { padding-top: 113px !important; } .pcpT114 { padding-top: 114px !important; } .pcpT115 { padding-top: 115px !important; } .pcpT116 { padding-top: 116px !important; } .pcpT117 { padding-top: 117px !important; } .pcpT118 { padding-top: 118px !important; } .pcpT119 { padding-top: 119px !important; } .pcpT120 { padding-top: 120px !important; } .pcmB0 { margin-bottom: 0px !important; } .pcmB1 { margin-bottom: 1px !important; } .pcmB2 { margin-bottom: 2px !important; } .pcmB3 { margin-bottom: 3px !important; } .pcmB4 { margin-bottom: 4px !important; } .pcmB5 { margin-bottom: 5px !important; } .pcmB6 { margin-bottom: 6px !important; } .pcmB7 { margin-bottom: 7px !important; } .pcmB8 { margin-bottom: 8px !important; } .pcmB9 { margin-bottom: 9px !important; } .pcmB10 { margin-bottom: 10px !important; } .pcmB11 { margin-bottom: 11px !important; } .pcmB12 { margin-bottom: 12px !important; } .pcmB13 { margin-bottom: 13px !important; } .pcmB14 { margin-bottom: 14px !important; } .pcmB15 { margin-bottom: 15px !important; } .pcmB16 { margin-bottom: 16px !important; } .pcmB17 { margin-bottom: 17px !important; } .pcmB18 { margin-bottom: 18px !important; } .pcmB19 { margin-bottom: 19px !important; } .pcmB20 { margin-bottom: 20px !important; } .pcmB21 { margin-bottom: 21px !important; } .pcmB22 { margin-bottom: 22px !important; } .pcmB23 { margin-bottom: 23px !important; } .pcmB24 { margin-bottom: 24px !important; } .pcmB25 { margin-bottom: 25px !important; } .pcmB26 { margin-bottom: 26px !important; } .pcmB27 { margin-bottom: 27px !important; } .pcmB28 { margin-bottom: 28px !important; } .pcmB29 { margin-bottom: 29px !important; } .pcmB30 { margin-bottom: 30px !important; } .pcmB31 { margin-bottom: 31px !important; } .pcmB32 { margin-bottom: 32px !important; } .pcmB33 { margin-bottom: 33px !important; } .pcmB34 { margin-bottom: 34px !important; } .pcmB35 { margin-bottom: 35px !important; } .pcmB36 { margin-bottom: 36px !important; } .pcmB37 { margin-bottom: 37px !important; } .pcmB38 { margin-bottom: 38px !important; } .pcmB39 { margin-bottom: 39px !important; } .pcmB40 { margin-bottom: 40px !important; } .pcmB41 { margin-bottom: 41px !important; } .pcmB42 { margin-bottom: 42px !important; } .pcmB43 { margin-bottom: 43px !important; } .pcmB44 { margin-bottom: 44px !important; } .pcmB45 { margin-bottom: 45px !important; } .pcmB46 { margin-bottom: 46px !important; } .pcmB47 { margin-bottom: 47px !important; } .pcmB48 { margin-bottom: 48px !important; } .pcmB49 { margin-bottom: 49px !important; } .pcmB50 { margin-bottom: 50px !important; } .pcmB51 { margin-bottom: 51px !important; } .pcmB52 { margin-bottom: 52px !important; } .pcmB53 { margin-bottom: 53px !important; } .pcmB54 { margin-bottom: 54px !important; } .pcmB55 { margin-bottom: 55px !important; } .pcmB56 { margin-bottom: 56px !important; } .pcmB57 { margin-bottom: 57px !important; } .pcmB58 { margin-bottom: 58px !important; } .pcmB59 { margin-bottom: 59px !important; } .pcmB60 { margin-bottom: 60px !important; } .pcmB61 { margin-bottom: 61px !important; } .pcmB62 { margin-bottom: 62px !important; } .pcmB63 { margin-bottom: 63px !important; } .pcmB64 { margin-bottom: 64px !important; } .pcmB65 { margin-bottom: 65px !important; } .pcmB66 { margin-bottom: 66px !important; } .pcmB67 { margin-bottom: 67px !important; } .pcmB68 { margin-bottom: 68px !important; } .pcmB69 { margin-bottom: 69px !important; } .pcmB70 { margin-bottom: 70px !important; } .pcmB71 { margin-bottom: 71px !important; } .pcmB72 { margin-bottom: 72px !important; } .pcmB73 { margin-bottom: 73px !important; } .pcmB74 { margin-bottom: 74px !important; } .pcmB75 { margin-bottom: 75px !important; } .pcmB76 { margin-bottom: 76px !important; } .pcmB77 { margin-bottom: 77px !important; } .pcmB78 { margin-bottom: 78px !important; } .pcmB79 { margin-bottom: 79px !important; } .pcmB80 { margin-bottom: 80px !important; } .pcmB81 { margin-bottom: 81px !important; } .pcmB82 { margin-bottom: 82px !important; } .pcmB83 { margin-bottom: 83px !important; } .pcmB84 { margin-bottom: 84px !important; } .pcmB85 { margin-bottom: 85px !important; } .pcmB86 { margin-bottom: 86px !important; } .pcmB87 { margin-bottom: 87px !important; } .pcmB88 { margin-bottom: 88px !important; } .pcmB89 { margin-bottom: 89px !important; } .pcmB90 { margin-bottom: 90px !important; } .pcmB91 { margin-bottom: 91px !important; } .pcmB92 { margin-bottom: 92px !important; } .pcmB93 { margin-bottom: 93px !important; } .pcmB94 { margin-bottom: 94px !important; } .pcmB95 { margin-bottom: 95px !important; } .pcmB96 { margin-bottom: 96px !important; } .pcmB97 { margin-bottom: 97px !important; } .pcmB98 { margin-bottom: 98px !important; } .pcmB99 { margin-bottom: 99px !important; } .pcmB100 { margin-bottom: 100px !important; } .pcmB101 { margin-bottom: 101px !important; } .pcmB102 { margin-bottom: 102px !important; } .pcmB103 { margin-bottom: 103px !important; } .pcmB104 { margin-bottom: 104px !important; } .pcmB105 { margin-bottom: 105px !important; } .pcmB106 { margin-bottom: 106px !important; } .pcmB107 { margin-bottom: 107px !important; } .pcmB108 { margin-bottom: 108px !important; } .pcmB109 { margin-bottom: 109px !important; } .pcmB110 { margin-bottom: 110px !important; } .pcmB111 { margin-bottom: 111px !important; } .pcmB112 { margin-bottom: 112px !important; } .pcmB113 { margin-bottom: 113px !important; } .pcmB114 { margin-bottom: 114px !important; } .pcmB115 { margin-bottom: 115px !important; } .pcmB116 { margin-bottom: 116px !important; } .pcmB117 { margin-bottom: 117px !important; } .pcmB118 { margin-bottom: 118px !important; } .pcmB119 { margin-bottom: 119px !important; } .pcmB120 { margin-bottom: 120px !important; } .pcmT0 { margin-top: 0px !important; } .pcmT1 { margin-top: 1px !important; } .pcmT2 { margin-top: 2px !important; } .pcmT3 { margin-top: 3px !important; } .pcmT4 { margin-top: 4px !important; } .pcmT5 { margin-top: 5px !important; } .pcmT6 { margin-top: 6px !important; } .pcmT7 { margin-top: 7px !important; } .pcmT8 { margin-top: 8px !important; } .pcmT9 { margin-top: 9px !important; } .pcmT10 { margin-top: 10px !important; } .pcmT11 { margin-top: 11px !important; } .pcmT12 { margin-top: 12px !important; } .pcmT13 { margin-top: 13px !important; } .pcmT14 { margin-top: 14px !important; } .pcmT15 { margin-top: 15px !important; } .pcmT16 { margin-top: 16px !important; } .pcmT17 { margin-top: 17px !important; } .pcmT18 { margin-top: 18px !important; } .pcmT19 { margin-top: 19px !important; } .pcmT20 { margin-top: 20px !important; } .pcmT21 { margin-top: 21px !important; } .pcmT22 { margin-top: 22px !important; } .pcmT23 { margin-top: 23px !important; } .pcmT24 { margin-top: 24px !important; } .pcmT25 { margin-top: 25px !important; } .pcmT26 { margin-top: 26px !important; } .pcmT27 { margin-top: 27px !important; } .pcmT28 { margin-top: 28px !important; } .pcmT29 { margin-top: 29px !important; } .pcmT30 { margin-top: 30px !important; } .pcmT31 { margin-top: 31px !important; } .pcmT32 { margin-top: 32px !important; } .pcmT33 { margin-top: 33px !important; } .pcmT34 { margin-top: 34px !important; } .pcmT35 { margin-top: 35px !important; } .pcmT36 { margin-top: 36px !important; } .pcmT37 { margin-top: 37px !important; } .pcmT38 { margin-top: 38px !important; } .pcmT39 { margin-top: 39px !important; } .pcmT40 { margin-top: 40px !important; } .pcmT41 { margin-top: 41px !important; } .pcmT42 { margin-top: 42px !important; } .pcmT43 { margin-top: 43px !important; } .pcmT44 { margin-top: 44px !important; } .pcmT45 { margin-top: 45px !important; } .pcmT46 { margin-top: 46px !important; } .pcmT47 { margin-top: 47px !important; } .pcmT48 { margin-top: 48px !important; } .pcmT49 { margin-top: 49px !important; } .pcmT50 { margin-top: 50px !important; } .pcmT51 { margin-top: 51px !important; } .pcmT52 { margin-top: 52px !important; } .pcmT53 { margin-top: 53px !important; } .pcmT54 { margin-top: 54px !important; } .pcmT55 { margin-top: 55px !important; } .pcmT56 { margin-top: 56px !important; } .pcmT57 { margin-top: 57px !important; } .pcmT58 { margin-top: 58px !important; } .pcmT59 { margin-top: 59px !important; } .pcmT60 { margin-top: 60px !important; } .pcmT61 { margin-top: 61px !important; } .pcmT62 { margin-top: 62px !important; } .pcmT63 { margin-top: 63px !important; } .pcmT64 { margin-top: 64px !important; } .pcmT65 { margin-top: 65px !important; } .pcmT66 { margin-top: 66px !important; } .pcmT67 { margin-top: 67px !important; } .pcmT68 { margin-top: 68px !important; } .pcmT69 { margin-top: 69px !important; } .pcmT70 { margin-top: 70px !important; } .pcmT71 { margin-top: 71px !important; } .pcmT72 { margin-top: 72px !important; } .pcmT73 { margin-top: 73px !important; } .pcmT74 { margin-top: 74px !important; } .pcmT75 { margin-top: 75px !important; } .pcmT76 { margin-top: 76px !important; } .pcmT77 { margin-top: 77px !important; } .pcmT78 { margin-top: 78px !important; } .pcmT79 { margin-top: 79px !important; } .pcmT80 { margin-top: 80px !important; } .pcmT81 { margin-top: 81px !important; } .pcmT82 { margin-top: 82px !important; } .pcmT83 { margin-top: 83px !important; } .pcmT84 { margin-top: 84px !important; } .pcmT85 { margin-top: 85px !important; } .pcmT86 { margin-top: 86px !important; } .pcmT87 { margin-top: 87px !important; } .pcmT88 { margin-top: 88px !important; } .pcmT89 { margin-top: 89px !important; } .pcmT90 { margin-top: 90px !important; } .pcmT91 { margin-top: 91px !important; } .pcmT92 { margin-top: 92px !important; } .pcmT93 { margin-top: 93px !important; } .pcmT94 { margin-top: 94px !important; } .pcmT95 { margin-top: 95px !important; } .pcmT96 { margin-top: 96px !important; } .pcmT97 { margin-top: 97px !important; } .pcmT98 { margin-top: 98px !important; } .pcmT99 { margin-top: 99px !important; } .pcmT100 { margin-top: 100px !important; } .pcmT101 { margin-top: 101px !important; } .pcmT102 { margin-top: 102px !important; } .pcmT103 { margin-top: 103px !important; } .pcmT104 { margin-top: 104px !important; } .pcmT105 { margin-top: 105px !important; } .pcmT106 { margin-top: 106px !important; } .pcmT107 { margin-top: 107px !important; } .pcmT108 { margin-top: 108px !important; } .pcmT109 { margin-top: 109px !important; } .pcmT110 { margin-top: 110px !important; } .pcmT111 { margin-top: 111px !important; } .pcmT112 { margin-top: 112px !important; } .pcmT113 { margin-top: 113px !important; } .pcmT114 { margin-top: 114px !important; } .pcmT115 { margin-top: 115px !important; } .pcmT116 { margin-top: 116px !important; } .pcmT117 { margin-top: 117px !important; } .pcmT118 { margin-top: 118px !important; } .pcmT119 { margin-top: 119px !important; } .pcmT120 { margin-top: 120px !important; } .txt8 { font-size: 0.8rem; } .txt9 { font-size: 0.9rem; } .txt10 { font-size: 1rem; } .txt11 { font-size: 1.1rem; } .txt12 { font-size: 1.2rem; } .txt13 { font-size: 1.3rem; } .txt14 { font-size: 1.4rem; } .txt15 { font-size: 1.5rem; } .txt16 { font-size: 1.6rem; } .txt17 { font-size: 1.7rem; } .txt18 { font-size: 1.8rem; } .txt19 { font-size: 1.9rem; } .txt20 { font-size: 2rem; } .txt21 { font-size: 2.1rem; } .txt22 { font-size: 2.2rem; } .txt23 { font-size: 2.3rem; } .txt24 { font-size: 2.4rem; } .txt25 { font-size: 2.5rem; } .txt26 { font-size: 2.6rem; } .txt27 { font-size: 2.7rem; } .txt28 { font-size: 2.8rem; } .txt29 { font-size: 2.9rem; } .txt30 { font-size: 3rem; } .txt31 { font-size: 3.1rem; } .txt32 { font-size: 3.2rem; } .txt33 { font-size: 3.3rem; } .txt34 { font-size: 3.4rem; } .txt35 { font-size: 3.5rem; } .txt36 { font-size: 3.6rem; } .txt37 { font-size: 3.7rem; } .txt38 { font-size: 3.8rem; } .txt39 { font-size: 3.9rem; } .txt40 { font-size: 4rem; } .txt41 { font-size: 4.1rem; } .txt42 { font-size: 4.2rem; } .txt43 { font-size: 4.3rem; } .txt44 { font-size: 4.4rem; } .txt45 { font-size: 4.5rem; } .txt46 { font-size: 4.6rem; } .txt47 { font-size: 4.7rem; } .txt48 { font-size: 4.8rem; } .txt49 { font-size: 4.9rem; } .txt50 { font-size: 5rem; } .txt51 { font-size: 5.1rem; } .txt52 { font-size: 5.2rem; } .txt53 { font-size: 5.3rem; } .txt54 { font-size: 5.4rem; } .txt55 { font-size: 5.5rem; } .txt56 { font-size: 5.6rem; } .txt57 { font-size: 5.7rem; } .txt58 { font-size: 5.8rem; } .txt59 { font-size: 5.9rem; } .txt60 { font-size: 6rem; } .txt61 { font-size: 6.1rem; } .txt62 { font-size: 6.2rem; } .txt63 { font-size: 6.3rem; } .txt64 { font-size: 6.4rem; } .txt65 { font-size: 6.5rem; } .txt66 { font-size: 6.6rem; } .txt67 { font-size: 6.7rem; } .txt68 { font-size: 6.8rem; } .txt69 { font-size: 6.9rem; } .txt70 { font-size: 7rem; } .txt71 { font-size: 7.1rem; } .txt72 { font-size: 7.2rem; } .txt73 { font-size: 7.3rem; } .txt74 { font-size: 7.4rem; } .txt75 { font-size: 7.5rem; } .txt76 { font-size: 7.6rem; } .txt77 { font-size: 7.7rem; } .txt78 { font-size: 7.8rem; } .txt79 { font-size: 7.9rem; } .txt80 { font-size: 8rem; } .txt81 { font-size: 8.1rem; } .txt82 { font-size: 8.2rem; } .txt83 { font-size: 8.3rem; } .txt84 { font-size: 8.4rem; } .txt85 { font-size: 8.5rem; } .txt86 { font-size: 8.6rem; } .txt87 { font-size: 8.7rem; } .txt88 { font-size: 8.8rem; } .txt89 { font-size: 8.9rem; } .txt90 { font-size: 9rem; } .txt91 { font-size: 9.1rem; } .txt92 { font-size: 9.2rem; } .txt93 { font-size: 9.3rem; } .txt94 { font-size: 9.4rem; } .txt95 { font-size: 9.5rem; } .txt96 { font-size: 9.6rem; } .txt97 { font-size: 9.7rem; } .txt98 { font-size: 9.8rem; } .txt99 { font-size: 9.9rem; } .txt100 { font-size: 10rem; } .pcfs8 { font-size: 0.8rem; } .pcfs9 { font-size: 0.9rem; } .pcfs10 { font-size: 1rem; } .pcfs11 { font-size: 1.1rem; } .pcfs12 { font-size: 1.2rem; } .pcfs13 { font-size: 1.3rem; } .pcfs14 { font-size: 1.4rem; } .pcfs15 { font-size: 1.5rem; } .pcfs16 { font-size: 1.6rem; } .pcfs17 { font-size: 1.7rem; } .pcfs18 { font-size: 1.8rem; } .pcfs19 { font-size: 1.9rem; } .pcfs20 { font-size: 2rem; } .pcfs21 { font-size: 2.1rem; } .pcfs22 { font-size: 2.2rem; } .pcfs23 { font-size: 2.3rem; } .pcfs24 { font-size: 2.4rem; } .pcfs25 { font-size: 2.5rem; } .pcfs26 { font-size: 2.6rem; } .pcfs27 { font-size: 2.7rem; } .pcfs28 { font-size: 2.8rem; } .pcfs29 { font-size: 2.9rem; } .pcfs30 { font-size: 3rem; } .pcfs31 { font-size: 3.1rem; } .pcfs32 { font-size: 3.2rem; } .pcfs33 { font-size: 3.3rem; } .pcfs34 { font-size: 3.4rem; } .pcfs35 { font-size: 3.5rem; } .pcfs36 { font-size: 3.6rem; } .pcfs37 { font-size: 3.7rem; } .pcfs38 { font-size: 3.8rem; } .pcfs39 { font-size: 3.9rem; } .pcfs40 { font-size: 4rem; } .pcfs41 { font-size: 4.1rem; } .pcfs42 { font-size: 4.2rem; } .pcfs43 { font-size: 4.3rem; } .pcfs44 { font-size: 4.4rem; } .pcfs45 { font-size: 4.5rem; } .pcfs46 { font-size: 4.6rem; } .pcfs47 { font-size: 4.7rem; } .pcfs48 { font-size: 4.8rem; } .pcfs49 { font-size: 4.9rem; } .pcfs50 { font-size: 5rem; } .pcfs51 { font-size: 5.1rem; } .pcfs52 { font-size: 5.2rem; } .pcfs53 { font-size: 5.3rem; } .pcfs54 { font-size: 5.4rem; } .pcfs55 { font-size: 5.5rem; } .pcfs56 { font-size: 5.6rem; } .pcfs57 { font-size: 5.7rem; } .pcfs58 { font-size: 5.8rem; } .pcfs59 { font-size: 5.9rem; } .pcfs60 { font-size: 6rem; } .pcfs61 { font-size: 6.1rem; } .pcfs62 { font-size: 6.2rem; } .pcfs63 { font-size: 6.3rem; } .pcfs64 { font-size: 6.4rem; } .pcfs65 { font-size: 6.5rem; } .pcfs66 { font-size: 6.6rem; } .pcfs67 { font-size: 6.7rem; } .pcfs68 { font-size: 6.8rem; } .pcfs69 { font-size: 6.9rem; } .pcfs70 { font-size: 7rem; } .pcfs71 { font-size: 7.1rem; } .pcfs72 { font-size: 7.2rem; } .pcfs73 { font-size: 7.3rem; } .pcfs74 { font-size: 7.4rem; } .pcfs75 { font-size: 7.5rem; } .pcfs76 { font-size: 7.6rem; } .pcfs77 { font-size: 7.7rem; } .pcfs78 { font-size: 7.8rem; } .pcfs79 { font-size: 7.9rem; } .pcfs80 { font-size: 8rem; } .pcfs81 { font-size: 8.1rem; } .pcfs82 { font-size: 8.2rem; } .pcfs83 { font-size: 8.3rem; } .pcfs84 { font-size: 8.4rem; } .pcfs85 { font-size: 8.5rem; } .pcfs86 { font-size: 8.6rem; } .pcfs87 { font-size: 8.7rem; } .pcfs88 { font-size: 8.8rem; } .pcfs89 { font-size: 8.9rem; } .pcfs90 { font-size: 9rem; } .pcfs91 { font-size: 9.1rem; } .pcfs92 { font-size: 9.2rem; } .pcfs93 { font-size: 9.3rem; } .pcfs94 { font-size: 9.4rem; } .pcfs95 { font-size: 9.5rem; } .pcfs96 { font-size: 9.6rem; } .pcfs97 { font-size: 9.7rem; } .pcfs98 { font-size: 9.8rem; } .pcfs99 { font-size: 9.9rem; } .pcfs100 { font-size: 10rem; } .mapPare {padding-bottom: 500px;} .mapPare iframe, .mapPare object, .mapPare embed { } } /* PC向けレイアウトの指定 END *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*--- general ---*/ .toIndex { padding-bottom: 30px;} .ofH { overflow: hidden;} .aL { text-align: left !important;} .aC { text-align: center !important;} .aR { text-align: right !important;} .fwB { font-weight: bold !important;} .fw700 { font-weight: 700; } .clB { clear: both !important;} .wSN { white-space: nowrap !important;} .lSN { letter-spacing: 0 !important;} .ls240 { letter-spacing: 0.24em !important;} .dIB { display: inline-block; } .txtCol01 { color: #3d6d90;} .txtCol01 a:link,.txtCol01 a:visited { color: #3d6d90;} .txtCol01 a:active,.txtCol01 a:hover { color: #999;} .txtCol02 { color: #231815;} .txtCol03 { color: #595757;} .txtCol04 { color: #000;} .txtCol05 { color: #e15513;} .txtCol06 { color: #006934 !important;} .txtCol07 { color: #cd6476;} .txtCol08 { color: #e83c5d;} .txtCol09 { color: #767676;} .txtCol10 { color: #804f95;} .txtCol11 { color: #c36071;} .txtCol12 { color: #3e6b82;} .txtCol13 { color: #bc8717;} .txtCol14 { color: #46b0b8;} .txtCol15 { color: #00A199; } .txtCol16 { color: #fdf7ae; } .txtCol17 { color: #FFFFFF; } .txtCol18 { color: #008A9B; } .lh120 { line-height: 1.2; } .lh140 { line-height: 1.4; } .lh180 { line-height: 1.8; } .lh190 { line-height: 1.9; } .txt72per { font-size: 72.2%} .txt81per { font-size: 81.8%} .txt86per { font-size: 86.2%} .txt127per { font-size: 127.2%} .wsNo { white-space: nowrap;} .ofH { overflow: hidden;} .clB { clear: both;} .clL { clear: left;} .aC { text-align: center !important;} .aR { text-align: right !important;} .fwB { font-weight: bold !important;} .mT50 { margin-top: 50px;} .mB0 { margin-bottom: 0px !important;} .mB6 { margin-bottom: 6px !important;} .mB20 { margin-bottom: 20px !important;} .mB30 { margin-bottom: 30px !important;} .mB34 { margin-bottom: 34px !important;} .mB44 { margin-bottom: 44px !important;} .mB54 { margin-bottom: 54px !important;} .mL111 { margin-left: 111px !important;} .pT8 { padding-top: 8px !important;} .pT16 { padding-top: 16px !important;} .pT24 { padding-top: 24px !important;} .pT28 { padding-top: 28px !important;} .pT30 { padding-top: 30px !important;} .pLPt01 { padding-left: 24px !important;} .pL23 { padding-left: 23px !important;} .pL43 { padding-left: 43px !important;} .pL56 { padding-left: 56px !important;} .pL70 { padding-left: 70px !important;} .pL88 { padding-left: 88px !important;} .pL120 { padding-left: 120px !important;} .pL150 { padding-left: 150px !important;} .pL170 { padding-left: 170px !important;} .pL180 { padding-left: 180px !important;} .pL200 { padding-left: 200px !important;} .pB10 { padding-bottom: 10px !important;} .pB14 { padding-bottom: 14px !important;} .pB15 { padding-bottom: 15px !important;} .pB16 { padding-bottom: 16px !important;} .pB20 { padding-bottom: 20px !important;} .pB24 { padding-bottom: 24px !important;} .pB27 { padding-bottom: 27px !important;} .pB30 { padding-bottom: 30px !important;} .pB32 { padding-bottom: 32px !important;} .pB36 { padding-bottom: 36px !important;} .pB40 { padding-bottom: 40px !important;} .pB46 { padding-bottom: 46px !important;} .pB50 { padding-bottom: 50px !important;} .pB54 { padding-bottom: 54px !important;} .pB60 { padding-bottom: 60px !important;} .pB70 { padding-bottom: 70px !important;} .pB72 { padding-bottom: 72px !important;} .pB80 { padding-bottom: 80px !important;} .pB90 { padding-bottom: 90px !important;} .pB100 { padding-bottom: 100px !important;} .pB140 { padding-bottom: 140px !important;} @media screen and (max-width: 640px) { #container { overflow: hidden; } } @media only screen and (min-width: 768px) { .formBlk01{ display: flex; flex-wrap: wrap; justify-content: center;} } .confirmAge{ display: none;} .confirmAge.active{ display: block;} @media only screen and (min-width: 768px) { .confirmAge.active{ display: flex; flex-wrap: wrap; } } @media only screen and (min-width: 768px) { .confirmAge02 { display: flex; flex-wrap: wrap; } } .formNote{ font-size: 12px;} .formNote > dt { color: #FF0000; font-weight: 700;} @media only screen and (min-width: 768px) { .formNote{ display: flex; flex-wrap: wrap; } .formNote > dt { width: 5.5em;} .formNote > dd { width: calc( 100% - 5.5em);} } .formNoteEn{ font-size: 12px;} .formNoteEn > dt { color: #FF0000; font-weight: 700;} @media only screen and (min-width: 768px) { .formNoteEn{} .formNoteEn > dt {} .formNoteEn > dd { } } .posR { position: relative;} .wpcf7-spinner { position: absolute !important; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}