@charset "UTF-8";
html { -webkit-text-size-adjust: 100%;}
img{ border:none; vertical-align:bottom;}
ul{ list-style:none; margin:0; padding:0;}
p{ margin:0;}
body{ margin:0 auto; padding:0; font-smoothing: antialiased;}
.sp{ display: none !important;}

#trmContentWrap2016{ width: 100% !important;}

/*
コンテンツ内容
------------------------------------------------------*/
/*-- 共通内容 --*/
#planContainer{ width: 100%; max-width: 1920px; min-width: 1280px; margin: 0 auto 40px; color: #12290f; font-family: "ヒラギノ角ゴ Pro", "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, sans-serif, "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;}
#planContainer #pageBg{ background: url("../../images/plan/common/bg-pattern.png") repeat-y center top; position: relative; padding: 100px 0; margin-bottom: 100px;}
#planContainer #pageBg::after{ content: ""; display: block; background: url("../../images/plan/common/bg-btm.png") repeat-x left bottom; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px;}
#planContainer #pageBg_new{ background: url("../../images/plan/common/bg-pattern.png") repeat-y center top; position: relative; padding: 20px 0; margin-bottom: 100px;}
#planContainer #pageBg_new::after{ content: ""; display: block; background: url("../../images/plan/common/bg-btm.png") repeat-x left bottom; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px;}
#planContainer .pankuzu { width: 1280px; margin: 0 auto 40px; font-size: 12px;}
#planContainer .pankuzu a { color: #12290f; text-decoration: none;}

/*-- ツインリンクもてぎの楽しみ方TOP --*/
#planContainer.planTop h1{ background: url("../../images/plan/top/main-pc.jpg") no-repeat center top; width: 100%; height: 420px; text-indent: 100%; overflow: hidden; margin: 0 auto;}
#planContainer.planTop h1 span{ display: none;}

#planContainer.planTop .leadPlan{ text-align: center; font-size: 20px; font-weight: bold; width: 1200px; margin: 0 auto 80px; line-height: 1.8;}

#planContainer.planTop #topPickup{ width: 1100px; margin: 0 auto 130px;}
#planContainer.planTop #topPickup h2{ margin: 0 auto 45px; text-align: center; position: relative;}
#planContainer.planTop #topPickup h2 img{ position: relative; z-index: 2; height: 35px;}
#planContainer.planTop #topPickup h2::after{ content: ""; display: block; width: 100%; border-top: 1px dotted #000000; position: absolute; top: 20px; left: 0; z-index: 1;}
#planContainer.planTop #topPickup .leadPickup{ font-size: 20px; text-align: center; margin: 0 auto 40px}
#planContainer.planTop #topPickup .innerPickup{ position: relative;}
#planContainer.planTop #topPickup .innerPickup a{ text-decoration: none; color: #040000;}
#planContainer.planTop #topPickup .innerPickup .img{ width: 1100px; margin: 0 auto; overflow: hidden;}
#planContainer.planTop #topPickup .innerPickup .img img{ width: 100%; display: block; transition: all 0.5s;}
#planContainer.planTop #topPickup .innerPickup a:hover .img img{transform: scale(1.1);}
#planContainer.planTop #topPickup .innerPickup .textBox{ width: 300px; height: 300px; position: absolute; bottom: -80px; left: -90px; background: url("../../images/plan/top/bg-square.png") no-repeat center center; background-size: 100%; padding: 34px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;}
#planContainer.planTop #topPickup .innerPickup .textBox .category{ width: 100%; text-align: center; color: #ffffff; font-size: 16px; padding: 7px 10px; margin-bottom: 20px; line-height: 1.2; box-sizing: border-box;}
#planContainer.planTop #topPickup .innerPickup .textBox .category.enjoy{ background: #50bdb6;}
#planContainer.planTop #topPickup .innerPickup .textBox .text{ font-size: 18px; line-height: 1.6;}
#planContainer.planTop #topNewArticle{ margin: 0 auto 25px; width: 1100px;}
#planContainer.planTop #topNewArticle h2{ margin: 0 auto 50px; text-align: center;}
#planContainer.planTop #topNewArticle h2 img{ width: 600px;}
#planContainer.planTop #topNewArticle ul{ display: flex; flex-wrap: wrap; justify-content: flex-start;}
#planContainer.planTop #topNewArticle ul li{ width: 350px; margin: 50px 25px 0 0;}
#planContainer.planTop #topNewArticle ul li:nth-child(-n+3){ margin-top: 0;}
#planContainer.planTop #topNewArticle ul li:nth-child(3n),
#planContainer.planTop #topNewArticle ul li:last-child{ margin-right: 0;}
#planContainer.planTop #topNewArticle ul li a{ display: block; transition: all 0.5s; text-decoration: none; color: #040000; }
#planContainer.planTop #topNewArticle ul li a .img{ margin-bottom: 15px; position: relative; overflow: hidden;}
#planContainer.planTop #topNewArticle ul li a .img img{ width: 100%; display: block; transition: all 0.5s;}
#planContainer.planTop #topNewArticle ul li a .img span{ display: block; position: absolute; bottom: 0; left: 0; color: #ffffff; font-size: 12px; padding: 3px 5px; }
#planContainer.planTop #topNewArticle ul li a .img span.enjoy{ background: #50bdb6;}
#planContainer.planTop #topNewArticle ul li a .text{ font-size: 18px; line-height: 1.4; font-weight: bold;}
#planContainer.planTop #topNewArticle ul li a .text span{ font-size: 14px;}
#planContainer.planTop #topNewArticle ul li a:hover .img img{ transform: scale(1.1);}

#planContainer.planTop #topRecommend{ padding-top: 130px; position: relative;}
#planContainer.planTop #topRecommend::after{ content: ""; background: url("../../images/plan/common/bg-green-top.png") no-repeat center 0; height: 130px; width: 100%; position: absolute; top: 0;}
#planContainer.planTop #topRecommend .innerRecommend{ padding: 100px 0 130px; background: url("../../images/plan/common/bg-green.png") repeat-y center 0;}
#planContainer.planTop #topRecommend .innerRecommend .heading { text-align: center; margin: 0 auto 50px;}
#planContainer.planTop #topRecommend .innerRecommend h2{ margin: 0 auto 45px; text-align: center;}
#planContainer.planTop #topRecommend .innerRecommend h2.heading-text-recommend { display: block; font-family: "Holland"; color: #A99576; letter-spacing: 0.1em; font-weight: 600; font-size: 36px; margin: 0 auto;}
#planContainer.planTop #topRecommend .innerRecommend h2 img{ width: 600px; margin: 0 auto; display: block;}
#planContainer.planTop #topRecommend .innerRecommend .recommendsSlide{ width: 1122px; margin: 0 auto;}
#planContainer.planTop #topRecommend .innerRecommend .recommendsSlide .slick-slide{ margin: 0 12px;}
#planContainer.planTop #topRecommend .innerRecommend .recommendsSlide .slick-slide a{ display: block; transition: all 0.5s; text-decoration: none; color: #040000;}
#planContainer.planTop #topRecommend .innerRecommend .recommendsSlide .slick-slide .img{ position: relative; margin-bottom: 15px; overflow: hidden;}
#planContainer.planTop #topRecommend .innerRecommend .recommendsSlide .slick-slide .img img{ width: 100%; display: block; transition: all 0.5s;}
#planContainer.planTop #topRecommend .innerRecommend .recommendsSlide .slick-slide .img span{ display: block; position: absolute; bottom: 0; left: 0; color: #ffffff; font-size: 12px; padding: 3px 5px;}
#planContainer.planTop #topRecommend .innerRecommend .recommendsSlide .slick-slide .img span.camp{ background: #50bdb6;}
#planContainer.planTop #topRecommend .innerRecommend .recommendsSlide .slick-slide .img span.hw{ background: #9BA775;}
#planContainer.planTop #topRecommend .innerRecommend .recommendsSlide .slick-slide .img span.mobipark{ background: #FBCC72;}
#planContainer.planTop #topRecommend .innerRecommend .recommendsSlide .slick-slide .img span.attraction{ background: #4f8ec2;}
#planContainer.planTop #topRecommend .innerRecommend .recommendsSlide .slick-slide .text{ font-size: 18px; font-weight: bold; line-height: 1.4;}
#planContainer.planTop #topRecommend .innerRecommend .recommendsSlide .slick-slide a:hover .img img{ transform: scale(1.1);}
#planContainer.planTop #topRecommend .innerRecommend .recommendsSlide .slick-prev{ font-size: 0; width: 30px; height: 60px; top: 50%; left: -90px; background: url("../../images/plan/common/arrow-l.png") no-repeat 0 0 !important; background-size: 100% !important;}
#planContainer.planTop #topRecommend .innerRecommend .recommendsSlide .slick-next{ font-size: 0; width: 30px; height: 60px; top: 50%; right: -90px; background: url("../../images/plan/common/arrow-r.png") no-repeat 0 0 !important; background-size: 100% !important;}
#planContainer.planTop #topRecommend .innerRecommend .recommendsSlide .slick-prev::before{ content: none;}
#planContainer.planTop #topRecommend .innerRecommend .recommendsSlide .slick-next::before{ content: none;}


/*-- ツインリンクもてぎの楽しみ方 TOP(リニューアル） --*/
#planContainer.planTop #topNewArticle_new{ margin: 0 auto 100px; width: 1100px;}
#planContainer.planTop #topNewArticle_new .heading { text-align: center; margin: 0 auto 50px;}
#planContainer.planTop #topNewArticle_new h2.heading-text-attraction { display: block; font-family: "Holland"; color: #FBCC72; letter-spacing: 0.1em; font-weight: 600; font-size: 36px; margin: 0 auto;}
#planContainer.planTop #topNewArticle_new h2.heading-text-glamping { display: block; font-family: "Holland"; color: #50BDB6; letter-spacing: 0.1em; font-weight: 600; font-size: 36px; margin: 0 auto;}
#planContainer.planTop #topNewArticle_new h2.heading-text-nature { display: block; font-family: "Holland"; color: #9BA775; letter-spacing: 0.1em; font-weight: 600; font-size: 36px; margin: 0 auto;}
#planContainer.planTop #topNewArticle_new .btn{ margin: 40px auto; text-align:center; padding:20px; width: 600px; }
#planContainer.planTop #topNewArticle_new .btn a{ display: block; color:#FFF; font-size:16px; text-decoration:none; }
#planContainer.planTop #topNewArticle_new .btn a:hover{ transform: scale(1.1);}
#planContainer.planTop #topNewArticle_new .glamping{ background: #50bdb6;}
#planContainer.planTop #topNewArticle_new .hw{ background: #9BA775;}
#planContainer.planTop #topNewArticle_new .attraction{ background: #FBCC72; }
#planContainer.planTop #topNewArticle_new h2{ margin: 0 auto 50px; text-align: center;}
#planContainer.planTop #topNewArticle_new h2 img{ width: 600px;}
#planContainer.planTop #topNewArticle_new ul{ display: flex; flex-wrap: wrap; justify-content: flex-start;}
#planContainer.planTop #topNewArticle_new ul li{ width: 350px; margin: 50px 25px 0 0;}
#planContainer.planTop #topNewArticle_new ul li:nth-child(-n+3){ margin-top: 0;}
#planContainer.planTop #topNewArticle_new ul li:nth-child(3n),
#planContainer.planTop #topNewArticle_new ul li:last-child{ margin-right: 0;}
#planContainer.planTop #topNewArticle_new ul li a{ display: block; transition: all 0.5s; text-decoration: none; color: #040000; }
#planContainer.planTop #topNewArticle_new ul li a .img{ margin-bottom: 15px; position: relative; overflow: hidden;}
#planContainer.planTop #topNewArticle_new ul li a .img img{ width: 100%; display: block; transition: all 0.5s;}
#planContainer.planTop #topNewArticle_new ul li a .img span{ display: block; position: absolute; bottom: 0; left: 0; color: #ffffff; font-size: 12px; padding: 3px 5px; }
#planContainer.planTop #topNewArticle_new ul li a .img span.enjoy{ background: #50bdb6;}
#planContainer.planTop #topNewArticle_new ul li a .img span.hellowoods{ background: #9BA775;}
#planContainer.planTop #topNewArticle_new ul li a .img span.attraction{ background: #FBCC72;}
#planContainer.planTop #topNewArticle_new ul li a .text{ font-size: 16px; line-height: 1.4; font-weight: bold;}
#planContainer.planTop #topNewArticle_new ul li a .text span{ font-size: 14px;}
#planContainer.planTop #topNewArticle_new ul li a:hover .img img{ transform: scale(1.1);}



/*-- ツインリンクもてぎの楽しみ方セカンドページ --*/
#planContainer.planSec h1{ padding: 30px 0; margin: 0 auto; text-align: center;}
#planContainer.planSec h1 img{ width: 600px; margin: 0 auto; display: block;}
#planContainer.planSec h1 a img{ transition: all 0.5s;}
#planContainer.planSec h1 a:hover img{ opacity:0.6; filter:alpha(opacity=60);}
#planContainer.planSec .planSecTtl{ height: 400px; margin: 0 auto;}
#planContainer.planSec .planSecTtl span{ display: none;}
#planContainer.planSec .planSecTtl.enjoy01{ background: url("../../images/plan/enjoy01/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy02{ background: url("../../images/plan/enjoy02/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy03{ background: url("../../images/plan/enjoy03/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy04{ background: url("../../images/plan/enjoy04/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy05{ background: url("../../images/plan/enjoy05/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy06{ background: url("../../images/plan/enjoy06/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy07{ background: url("../../images/plan/enjoy07/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy08{ background: url("../../images/plan/enjoy08/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy09{ background: url("../../images/plan/enjoy09/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy10{ background: url("../../images/plan/enjoy10/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy11{ background: url("../../images/plan/enjoy11/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy12{ background: url("../../images/plan/enjoy12/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy13{ background: url("../../images/plan/enjoy13/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy14{ background: url("../../images/plan/enjoy14/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy15{ background: url("../../images/plan/enjoy15/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy16{ background: url("../../images/plan/enjoy16/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy17{ background: url("../../images/plan/enjoy17/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy18{ background: url("../../images/plan/enjoy18/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy19{ background: url("../../images/plan/enjoy19/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy20{ background: url("../../images/plan/enjoy20/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy21{ background: url("../../images/plan/enjoy21/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy22{ background: url("../../images/plan/enjoy22/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy23{ background: url("../../images/plan/enjoy23/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy24{ background: url("../../images/plan/enjoy24/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy25{ background: url("../../images/plan/enjoy25/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy26{ background: url("../../images/plan/enjoy26/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy27{ background: url("../../images/plan/enjoy27/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy28{ background: url("../../images/plan/enjoy28/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy29{ background: url("../../images/plan/enjoy29/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy30{ background: url("../../images/plan/enjoy30/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy31{ background: url("../../images/plan/enjoy31/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy32{ background: url("../../images/plan/enjoy32/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy33{ background: url("../../images/plan/enjoy33/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy34{ background: url("../../images/plan/enjoy34/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy35{ background: url("../../images/plan/enjoy35/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy36{ background: url("../../images/plan/enjoy36/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy37{ background: url("../../images/plan/enjoy37/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy38{ background: url("../../images/plan/enjoy38/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy39{ background: url("../../images/plan/enjoy39/main-pc.jpg") no-repeat center 0; }
#planContainer.planSec .planSecTtl.enjoy40{ background: url("../../images/plan/enjoy40/main-pc.jpg") no-repeat center 0; }


#planContainer.planSec h3{ font-size: 26px; line-height: 1.6; margin: 0 auto 40px; text-align:center;}
#planContainer.planSec h3 .small{ font-size: 22px;}
#planContainer.planSec h3 .line{ background: linear-gradient(transparent 70%, rgba(255, 254, 119, 0.5) 30%);}
#planContainer.planSec h3.center .line{ background: linear-gradient(transparent 70%, rgba(255, 254, 119, 0.5) 30%);}
#planContainer.planSec .textBox .text{ font-size: 16px; line-height: 1.8; }
#planContainer.planSec .textBox .text span{ color: #94754d; font-weight: bold; display: block; line-height: 1.8; margin: 10px 0;}
#planContainer.planSec .textBox .schedule{ margin-top:20px; font-size: 16px; line-height: 2.5; }
#planContainer.planSec .textBox .schedule span{ color: #94754d; font-weight: bold; margin: 0 20px 0 0;}
#planContainer.planSec .textBox .schedule a{ color: #94754d; font-weight: 200; text-decoration:underline; font-size: 18px;}

#planContainer.planSec .glamping{ font-size: 26px; line-height: 2.2; margin: 0 auto 40px; font-weight: bold; letter-spacing: 0.1em;}
#planContainer.planSec .glamping .line{ background: linear-gradient(transparent 70%, rgba(255, 254, 119, 0.5) 30%);}

#planContainer.planSec .secLead{ font-size: 20px; font-weight: bold; line-height: 1.8; margin-bottom: 100px; text-align: center;}
#planContainer.planSec .refarence{ font-size: 14px; text-align: center; margin-top: 40px;}

#planContainer.planSec .planSecAbout{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 1100px; margin: 0 auto 60px;}
#planContainer.planSec .planSecAbout .img{ width: 540px; z-index: 2; position: relative;}
#planContainer.planSec .planSecAbout .img img{ width: 600px; display: block; max-width: none !important;}
#planContainer.planSec .planSecAbout .textBox{ width: 550px; z-index: 1; position: relative; background: url("../../images/plan/common/bg-blue.png") repeat-y 0 0; padding: 60px 60px 60px 100px; box-sizing: border-box;}
#planContainer.planSec .planSecAbout .textBox .text span{ color: #94754d; font-weight: bold; display: block; line-height: 1.8; margin: 10px 0;}

#planContainer.planSec .planSecNewAbout{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 1100px; margin: 0 auto;}
#planContainer.planSec .planSecNewAbout .img{ width: 700px; z-index: 2; position: relative;}
#planContainer.planSec .planSecNewAbout .img img{ width: 600px; display: block; max-width: none !important;}
#planContainer.planSec .planSecNewAbout .textBox{ width: 900px; z-index: 1; position: relative; background: url("../../images/plan/common/bg-blue.png") repeat-y 0 0; padding: 60px 60px 100px 60px; box-sizing: border-box;}
#planContainer.planSec .planSecNewAbout .textBox .text span{ color: #94754d; font-weight: bold; display: block; line-height: 1.8; margin: 10px 0;}

#planContainer.planSec #secPoint{ padding-top: 130px; position: relative;}
#planContainer.planSec #secPoint::before{ content: ""; background: url("../../images/plan/common/bg-green-top.png") no-repeat center 0; height: 130px; width: 100%; position: absolute; top: 0; }
#planContainer.planSec #secPoint .innerPoint{ padding: 100px 0 130px; background: url("../../images/plan/common/bg-green.png") repeat-y center top; }
#planContainer.planSec #secPoint .pointMain{ width: 1000px; display: flex; margin: 0 auto 100px; justify-content: space-between; flex-direction: row-reverse; flex-wrap: wrap; align-items: center;}
#planContainer.planSec #secPoint .pointMain .img{ width: 600px;}
#planContainer.planSec #secPoint .pointMain .img_small{ width: 500px;}
#planContainer.planSec #secPoint .pointMain .img img{ width: 100%; display: block;}
#planContainer.planSec #secPoint .pointMain .img_small img{ width: 100%; display: block;}
#planContainer.planSec #secPoint .pointMain .textBox{ width: 360px;}
#planContainer.planSec #secPoint .pointMain .textBox-wide{ width: 1000px;text-align:center;}
#planContainer.planSec #secPoint .pointMain .textBox_glamping{ width: 500px;text-align:center;}
#planContainer.planSec #secPoint .pointMain.textOnly{ display: block; width: 1000px; margin: 0 auto; box-sizing: border-box;}
#planContainer.planSec #secPoint .pointMain.textOnly .textBox{ width: 100%;}
#planContainer.planSec #secPoint .pointMain-right{ width: 1000px; display: flex; margin: 0 auto 100px; justify-content: space-between; flex-direction: reverse; flex-wrap: wrap; align-items: center;}
#planContainer.planSec #secPoint .pointMain-right .img{ width: 600px;}
#planContainer.planSec #secPoint .pointMain-right .img_small{ width: 500px;}
#planContainer.planSec #secPoint .pointMain-right .img img{ width: 100%; display: block;}
#planContainer.planSec #secPoint .pointMain-right .img_small img{ width: 100%; display: block;}
#planContainer.planSec #secPoint .pointMain-right .textBox{ width: 360px;}
#planContainer.planSec #secPoint .pointMain-right .textBox_glamping{ width: 500px;text-align:center;}
#planContainer.planSec #secPoint .planSecPointList{ width: 1000px; margin: 0 auto;}
#planContainer.planSec #secPoint .planSecPointList li{ position: relative; background: url("../../images/plan/common/waku-b.png"),  url("../../images/plan/common/waku-t.png"); background-repeat: no-repeat; background-position: center bottom, center top; padding: 45px 0; background-color: #ffffff; margin-bottom: 90px;}
#planContainer.planSec #secPoint .planSecPointList li:last-child{ margin-bottom: 0;}
#planContainer.planSec #secPoint .planSecPointList li .inner{ background: url("../../images/plan/common/waku-m.png") repeat-y center top; padding: 0 80px;}
#planContainer.planSec #secPoint .planSecPointList li .num { position: absolute; top: -40px; left: -40px; width: 100px;}
#planContainer.planSec #secPoint .planSecPointList li .num img{ width: 100%; display: block;}

#planContainer.planSec #secPoint .planSecPointList li .ttl{ font-size: 18px; line-height: 1.6; margin-bottom: 25px; color: #94754d; font-weight: bold;}
#planContainer.planSec #secPoint .planSecPointList li .text{ font-size: 14px; line-height: 1.8;}
#planContainer.planSec #secPoint .planSecPointList li .text span{ margin: 10px auto; display: block; font-weight: bold; line-height: 1.8; color: #94754d;}
#planContainer.planSec #secPoint .planSecPointList li .schedule{ font-size: 14px; line-height: 2.5;}
#planContainer.planSec #secPoint .planSecPointList li .schedule span{ margin: 20px 20px 10px 0; font-weight: bold; color: #94754d;}


#planContainer.planSec #secPoint .planSecPointList li .ttl-short{ font-size: 18px; line-height: 1.6; margin-bottom: 25px; color: #94754d; font-weight: bold; width:65%;}
#planContainer.planSec #secPoint .planSecPointList li .text-short{ font-size: 14px; line-height: 1.8;width:65%;}
#planContainer.planSec #secPoint .planSecPointList li .text-short span{ margin: 10px auto; display: block; font-weight: bold; line-height: 1.8; color: #94754d;}
#planContainer.planSec #secPoint .planSecPointList li .pic img{ position: absolute; top: 50px; left: 660px; width: 310px;}

#planContainer.planSec .planSecSub{ display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row-reverse; align-items: center; width: 1100px; margin: 120px auto 120px;}
#planContainer.planSec .planSecSub .img{ width: 540px; z-index: 2; position: relative;}
#planContainer.planSec .planSecSub .img img{ width: 600px; display: block; float: right; max-width: none;}
#planContainer.planSec .planSecSub .img::after{ content: ""; display: block; clear: both; }
#planContainer.planSec .planSecSub .textBox{ width: 550px; z-index: 1; position: relative; background: url("../../images/plan/common/bg-blue.png") repeat-y 0 0; padding: 60px 100px 60px 60px; box-sizing: border-box;}
#planContainer.planSec .planSecSub .textBox li { margin: 10px ;}
#planContainer.planSec .planSecSub .textBox .text span{ color: #94754d; font-weight: bold; display: block; line-height: 1.8; margin: 10px 0;}
#planContainer.planSec .planSecSub.reverse{ flex-direction: row; }
#planContainer.planSec .planSecSub.reverse .img img{ float: left;}
#planContainer.planSec .planSecSub.textOnly{ display: block; width: 1100px; margin: 120px auto 120px; box-sizing: border-box;}
#planContainer.planSec .planSecSub.textOnly .textBox{ width: 100%; background: url("../../images/plan/common/bg-blue.png") repeat 0 0;}
#planContainer.planSec .planSecSub.reverse .textBox{ padding: 60px 60px 60px 100px;}

#planContainer.planSec #secReview{ margin: 120px auto 180px; width: 1100px; display: flex; flex-wrap: wrap; background: url("../../images/plan/common/bg-blue.png") repeat 0 0; align-items: center;}
#planContainer.planSec #secReview .img{ width: 450px; }
#planContainer.planSec #secReview .img img{ width: 100%; display: block;}
#planContainer.planSec #secReview .textBox{ width: 650px; box-sizing: border-box; padding: 0 70px; }

#planContainer.planSec #secSummary{ width: 1100px; background: url("../../images/plan/common/waku02-b.png"), url("../../images/plan/common/waku02-t.png"); background-repeat: no-repeat; background-position: center bottom, center top; background-color: rgba(255,255,255,0.7);  padding: 45px 0; margin: 0 auto; position: relative;}
#planContainer.planSec #secSummary .inner{ background: url("../../images/plan/common/waku02-m.png") repeat-y center top; padding: 60px 35px 0; }
#planContainer.planSec #secSummary h3{ position: absolute; width: 120px; top: -60px; left: calc( 50% - 60px);}
#planContainer.planSec #secSummary h3 img{ width: 100%;}
#planContainer.planSec #secSummary .text{ text-align: center; line-height: 1.8; font-size: 18px;}

#planContainer.planSec #banner{ width: 1100px; background: url("../../images/plan/common/waku02-b.png"), url("../../images/plan/common/waku02-t.png"); background-repeat: no-repeat; background-position: center bottom, center top; background-color: rgba(255,255,255,0.7);  padding: 10px; margin: 0 auto; position: relative;}
#planContainer.planSec #banner .inner{ background: url("../../images/plan/common/waku02-m.png") repeat-y center top; padding: 5px 15px; }
#planContainer.planSec #banner .inner img:hover { opacity:0.6; filter:alpha(opacity=60);}


#planContainer.planSec .planSecSub{ display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row-reverse; align-items: center; width: 1100px; margin: 120px auto 120px;}
#planContainer.planSec .planSecSub .img{ width: 540px; z-index: 2; position: relative;}
#planContainer.planSec .planSecSub .img img{ width: 600px; display: block; float: right; max-width: none;}
#planContainer.planSec .planSecSub .img::after{ content: ""; display: block; clear: both; }
#planContainer.planSec .planSecSub .textBox{ width: 550px; z-index: 1; position: relative; background: url("../../images/plan/common/bg-blue.png") repeat-y 0 0; padding: 60px 100px 60px 60px; box-sizing: border-box;}
#planContainer.planSec .planSecSub .textBox li { margin: 10px ;}
#planContainer.planSec .planSecSub .textBox .text span{ color: #94754d; font-weight: bold; display: block; line-height: 1.8; margin: 10px 0;}
#planContainer.planSec .planSecSub.reverse{ flex-direction: row; }
#planContainer.planSec .planSecSub.reverse .img img{ float: left;}
#planContainer.planSec .planSecSub.textOnly{ display: block; width: 1100px; margin: 120px auto 120px; box-sizing: border-box;}
#planContainer.planSec .planSecSub.textOnly .textBox{ width: 100%; background: url("../../images/plan/common/bg-blue.png") repeat 0 0;}
#planContainer.planSec .planSecSub.reverse .textBox{ padding: 60px 60px 60px 100px;}

/*-- ツインリンクもてぎの楽しみ方セカンドページ（リニューアル） --*/
#planContainer.planSec .planSecTtl_new{ text-align:center; margin: 50px auto 10px; font-size:32px; }
#planContainer.planSec .secLead_new{ font-size: 18px; font-weight:bold; line-height: 1.8; margin-bottom: 50px; text-align: center;}
#planContainer.planSec .planSecSub_new{ display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row-reverse; align-items: center; width: 1100px; margin: 120px auto 120px;}
#planContainer.planSec .planSecSub_new .img{ width: 1100px; z-index: 2; position: relative; margin: 0 auto;}
#planContainer.planSec .planSecSub_new .img img{ width: 1100px; display: block; }
#planContainer.planSec .planSecSub_new .img::after{ content: ""; display: block; clear: both; }
#planContainer.planSec .planSecSub_new .textBox{ width: 1100px; z-index: 1; position: relative; padding: 60px 30px; box-sizing: border-box;}
#planContainer.planSec .planSecSub_new .textBox_link{ width: 1100px; z-index: 1; position: relative; padding: 60px 300px; box-sizing: border-box;}
#planContainer.planSec .planSecSub_new .textBox li { margin: 10px ;}
#planContainer.planSec .planSecSub_new.textOnly p.text_link { line-height: 3; letter-spacing:4px;}
#planContainer.planSec .planSecSub_new .textBox .text span{ color: #94754d; font-weight: bold; display: block; line-height: 1.8; margin: 10px 0;}
#planContainer.planSec .planSecSub_new.reverse{ flex-direction: row; }
#planContainer.planSec .planSecSub_new.reverse .img img{ float: left;}
#planContainer.planSec .planSecSub_new.textOnly{ display: block; width: 1100px; margin: 50px auto 0px; box-sizing: border-box;}
#planContainer.planSec .planSecSub_new.textOnly .textBox_link{ width: 100%; background: url("../../images/plan/common/bg-blue.png") repeat 0 0;}
#planContainer.planSec .planSecSub_new.reverse .textBox_link{ padding: 60px 60px 60px 100px;}

/* ボタンリンク おすすめプラン  */
.btn.onedayplan {
	margin: 40px auto;
    padding: 20px;
    width: 1100px;
}
.btn.onedayplan img {
    width: 1100px;
}

.btn.onedayplan a {
	    display: block;
    color: #333;
    font-size: 16px;
    text-decoration: none;
}
.btn.onedayplan a:hover {
	opacity: 0.7;
	transition: 1.0s ;
}

#page-top{ width:50px; height:50px; display:none; position:fixed; right:30px; bottom:50px; z-index:200;}
#page-top p{ margin:0; padding:0;}
#page-top p img{ width:50px; opacity:0.8; filter:alpha(opacity=80);}
#page-top p:hover img{ opacity:0.6; filter:alpha(opacity=60);}
#move-page-top{ text-decoration:none; display:block; cursor:pointer;}

.text a{ color:#94754d; text-decoration: underline;}
.text a:hover{ text-decoration: none;}
.text_link a{ color:#94754d; text-decoration: underline;}
.text_link a:hover{ text-decoration: none;}

/*--- margin　---*/
#planContainer .mt00{ margin-top:00px !important;}
#planContainer .mt90{ margin-top:90px !important;}
#planContainer .mt100{ margin-top:100px !important;}
#planContainer .mt120{ margin-top:120px !important;}
#planContainer .mt180{ margin-top:180px !important;}#secReview .textBox .text {
}

/*20240520　画像化*/

h3.info {
	font-size:40pt;
	letter-spacing: 0.15em;
  font-family: "Noto Serif JP", serif;
  font-weight: 800;
  font-style: normal;
	background: -webkit-gradient(linear, top left, top right, from(#027cc4), to(#09a045));
    background: linear-gradient(to right, #027cc4 0%, #09a045 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

 p.heading-subtext  {
  display: inline-block;
  position: relative;
	font-size:28pt;
	margin: 0 auto;
	letter-spacing: 0.15em;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
}

 span.heading-texts  {
  display: inline-block;
  position: relative;
	font-size:28pt;
	margin: 10px auto 25px;
	letter-spacing: 0.1em;
  font-family: "Noto Serif JP", serif;
  font-weight: bold;
	   font-style:normal;
	background: -webkit-gradient(linear, top left, top right, from(#027cc4), to(#09a045));
    background: linear-gradient(to right, #027cc4 0%, #09a045 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

 
