@charset "utf-8";
/* basic --------------------------------------- */
.block-contents-1 {margin: 0 !important; width: auto !important;}
.block-contents-1 .block-h1 {display: none;}
#btn-buy {display: none;}
#obg_lp { font-family: 'リュウミン R-KL', 'Ryumin Regular KL', '游明朝', YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", serif; color: #000000; font-weight: 600;}
#obg_lp h1, #obg_lp h2, #obg_lp h3, #obg_lp h4, #obg_lp h5 {border: 0; box-shadow: none; margin: 0; padding: 0; letter-spacing: 0; background: none;}
#obg_lp span {border: 0; padding: 0; font-size: 1em;}
#obg_lp img {width: 100%; height: auto;}
#obg_lp em {font-style: normal;}
#obg_lp a:hover {text-decoration: none;}
#obg_lp .font_sans {font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', Meiryo, Arial, 'ＭＳ Ｐゴシック', sans-serif; font-weight: 300;}
#obg_lp .font_serif { font-family: 'リュウミン R-KL', 'Ryumin Regular KL', '游明朝', YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", serif;  font-weight: 600;}/* for Android */
#obg_lp sup {font-size: 0.6em; line-height: 0;}
/* letter spacing --------------------------------------- */
.ls-1 {letter-spacing: -1px;}
.ls-2 {letter-spacing: -2px;}
.ls-3 {letter-spacing: -3px;}
.ls-4 {letter-spacing: -4px;}
.ls-5 {letter-spacing: -5px;}
.ls-6 {letter-spacing: -6px;}
.ls-7 {letter-spacing: -7px;}
.ls-8 {letter-spacing: -8px;}
.ls-9 {letter-spacing: -9px;}
.ls-10 {letter-spacing: -10px;}
.ls-11 {letter-spacing: -11px;}
.ls-12 {letter-spacing: -12px;}
/* delighter --------------------------------------- */
#obg_lp .delighter {transition: opacity 0.6s linear 0.2s; opacity: 0;}
#obg_lp .delighter.started {opacity: 1;}
/* cam_hdr --------------------------------------- */
.cam_hdr {padding: 40px 15px;}
.cam_hdr ._hdr_main {text-align: center;}
.cam_hdr ._hdr_copy {padding: 0 min(2.6vw,18px) min(5.8vw,23px);}
.cam_hdr ._hdr_copy .ico_left {display: block; background: url(ico_slash_l.png) top 8px left 0 no-repeat; background-size: min(5.3vw,20px) auto;}
.cam_hdr ._hdr_copy .ico_right {display: block; background: url(ico_slash_r.png) top 8px right 0 no-repeat; background-size: min(5.3vw,20px) auto;}
.cam_hdr ._hdr_copy .txt {display: block; padding: 0 33px; color: #e77728; font-size: min(5.73vw,21px) !important; text-align: center; font-weight: bold;}
.cam_hdr ._hdr_ttl {font-size: min(4.8vw,18px); line-height: 1.3; font-weight: bold;}
.cam_hdr ._hdr_ttl strong {display: block; font-size: min(12.6vw,47.5px);}
.cam_hdr ._hdr_list {padding: min(5.3vw,20px) 0;}
.cam_hdr ._hdr_pic {width: min(48.8vw,183px); margin: 0 auto;}
/* cam_cp --------------------------------------- */
#cam_cp {background-color: #fff5d9; padding: 40px 15px;}
#cam_cp .inr {background-color: #fff;}
#cam_cp ._cam_main {padding: 15px 20px 30px;}
#cam_cp .term .ttl {background-color: #000; color: #fff; font-size: min(4.8vw,18px); font-weight: 500; padding: 10px 0; text-align: center; margin: 0 0 15px;}
#cam_cp .term .date {font-size: min(4.3vw,15px); line-height: 1; font-weight: 700; margin: 0 0 40px; text-align: center;}
#cam_cp .term .date em {font-size: min(5.4vw,20px);}
#cam_cp .term .date .icon {font-size: 90%;}
#cam_cp ._cam_sub_ttl {background-color: #fff5d9; text-align: center; font-size: min(6.13vw,23px); font-weight: 700; padding: min(3.7vw,14px) 0; margin: 0 0 min(6.66vw,25px);}
#cam_cp ._cam_txt {font-size: min(4.53vw,17px); line-height: 1.58;}
#cam_cp ._cam_txt em {font-weight: 700; background:linear-gradient(transparent 80%, #fff4d5 60%);}
#cam_cp ._cam_txt strong {color: #e77728; font-weight: 700;}
#cam_cp ._cam_present {width: min(80vw,600px); margin: 0 auto min(13vw,48px);}
#cam_cp ._cam_spec {font-size: min(4.8vw,18px); line-height: 1.5; text-align: center; padding: min(6.66vw,25px) 0 min(4.3vw,15px);}
#cam_cp ._cam_ant {font-size: min(3.2vw,12px); text-align: center;}
/* cam_dtl --------------------------------------- */
#cam_dtl {background-color: #fcfcfc; padding: 0 15px 35px;}
#cam_dtl .inr {background-color: #fff; box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.08); padding: 40px 20px;}
#cam_dtl ._dtl_ttl {border: 1px solid #e5e5e5; font-size: min(5.06vw,19px); line-height: 1; padding: 10px 0; font-weight: 700; margin: 20px 0;}
#cam_dtl ._dtl_sub_ttl {font-size: min(4.2vw,16px); line-height: 1.5;}
#cam_dtl ._dtl_box {margin: 0 0 24px;}
#cam_dtl ._dtl_txt {font-size: min(4vw,15px); line-height: 1.4;}
#cam_dtl ._dtl_ant {font-size: min(3.2vw,12px); line-height: 1.4;}

#cam_dtl .cocorohto_park {border: 1px solid #e5e5e5; border-radius: 5px; padding: 25px; margin: 20px 0 34px;}
#cam_dtl .cocorohto_park .park_logo {width: min(48.26vw,180px); margin: 0 auto 12px;}
#cam_dtl .cocorohto_park .park_txt {font-size: min(3.2vw,12px); line-height: 1.5;}
#cam_dtl .entry_btn {margin: 0 -10px;}

#cam_dtl .entry_flow {padding: 12px 0 0;}
#cam_dtl .entry_flow ._flow_ttl {font-size: min(4.2vw,16px); line-height: 1.5; font-weight: 700; text-align: left; margin: 0 0 12px;}
#cam_dtl .entry_flow ._flow_step {position: relative; background-color: #f1f1f1; border-radius: 5px;}
#cam_dtl .entry_flow ._flow_step ._step  {background-color: #888; border-radius: 5px 5px 0 0; color: #fff; text-align: center; padding: 12px 0; font-size: min(4.3vw,15px); letter-spacing: 1px;}
#cam_dtl .entry_flow ._flow_step:after {position: absolute; left: 0; bottom: -25px; display: block; content: " "; width: 100%; height: 25px; background: url(ico_next.png) center no-repeat; background-size: 16px auto;}
#cam_dtl .entry_flow ._flow_step:nth-of-type(4):after {display: none;}
#cam_dtl .entry_flow ._flow_step ._step ._step_num {font-size: 1.2em;}
#cam_dtl .entry_flow ._flow_step ._txt {font-size: min(4.3vw,15px); line-height: 1.4; padding: 15px; margin: 0 0 30px;}
#cam_dtl .entry_flow ._flow_step:nth-of-type(4) ._txt:after {display: none;}
#cam_dtl .entry_flow ._flow_ant {font-size: min(3.2vw,12px); line-height: 1.5; margin: -10px 0 23px;}

#cam_dtl .cam_inq {text-align: center;}
#cam_dtl .cam_inq ._inq_ttl {font-size: min(4.2vw,16px); line-height: 1.875; font-weight: 700; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 15px 0; margin: 0 0 20px;}
#cam_dtl .cam_inq ._inq_tel {font-size: min(4.8vw,18px); margin: 0 0 10px;}
#cam_dtl .cam_inq ._inq_tel ._tel_num {font-size: 1.2em;}
#cam_dtl .cam_inq ._inq_mail {font-size: min(4vw,16px); line-height: 2;}
#cam_dtl .cam_inq ._inq_ant {font-size: min(3.2vw,12px); line-height: 2.5; margin: 0 0 25px;}
#cam_dtl .cam_inq ._inq_call {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; justify-content: center; margin: 0 0 6px;}
#cam_dtl .cam_inq ._inq_call ._call_ttl {font-size: min(4.5vw,18px); padding: 3px 0 0;}
#cam_dtl .cam_inq ._inq_call ._call_num {font-size: min(5.5vw,21px); line-height: 1.4; }
#cam_dtl .cam_inq ._inq_call ._area {font-size: min(4.2vw,15px);}

#cam_dtl .cam_readme {border-top: 1px solid #f1f1f1; padding: 25px 0 0;}
#cam_dtl .cam_readme ._readme_ttl {font-size: min(4.3vw,15px); line-height: 1.4; font-weight: 700; border: 1px solid #e5e5e5; padding: 10px 0; margin: 0 0 20px;}
#cam_dtl .cam_readme ._readme_txt {font-size: min(4.3vw,15px); line-height: 1.4;}

/* ========================================
+Media Querie
======================================== */
/* SP */
		@media screen and (max-width: 640px) {
.sp_none {display: none;}
		}

/* SP small */
		@media screen and (max-width: 320px) {
.sp_small_none {display: none;}
.sp_small_is {display: block;}
		}

/* TB・PC  */
		@media screen and (min-width:641px) {
.tb-pc_none {display: none;}
/* cam_hdr --------------------------------------- */
.cam_hdr {padding: min(6.14vw,88px) 0; width: min(63.2vw,910px); margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; justify-content: center;}
.cam_hdr ._hdr_main {width: min(38.33vw,560px);}
.cam_hdr ._hdr_pic {width: calc(100% - min(38.33vw,560px)); padding: 0 0 0 70px;}
.cam_hdr ._hdr_pic img {width: 290px;}
.cam_hdr ._hdr_copy {padding: 0; width: min(28.8vw,415px); margin: 0 auto 30px;}
.cam_hdr ._hdr_copy .ico_left {display: block; background: url(ico_slash_l.png) bottom 5px left 0 no-repeat; background-size: auto min(3.26vw,47px);}
.cam_hdr ._hdr_copy .ico_right {display: block; background: url(ico_slash_r.png) bottom 5px right 0 no-repeat; background-size: auto min(3.26vw,47px);}
.cam_hdr ._hdr_copy .txt {padding: 0 30px; font-size: min(1.9vw,27.5px) !important;}
.cam_hdr ._hdr_ttl {font-size: min(1.6vw,23px);}
.cam_hdr ._hdr_ttl strong {font-size: min(4.16vw,60px);}
.cam_hdr ._hdr_list {padding: min(1.73vw,25px) 16px 0;}
/* cam_cp --------------------------------------- */
#cam_cp {padding: 90px 0; background: #fff5d9 url(bg_cam_pc.jpg) center top no-repeat; background-size: cover}
#cam_cp .inr {width: min(63.2vw,910px); margin: 0 auto;}
#cam_cp ._cam_main {padding: min(3vw,44px) min(3vw,44px) min(6.9vw,100px);}
#cam_cp .term {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; justify-content: space-between; padding: 0 0 min(3vw,44px);}
#cam_cp .term .ttl {width: min(7.53vw,108px); font-size: min(2.25vw,32px); line-height: 1.1; padding: 10px 0;}
#cam_cp .term .date {font-size: min(2.53vw,36px); margin: 0;}
#cam_cp .term .date em {font-size: min(3.19vw,46px); letter-spacing: -2px;}
#cam_cp .term .date .icon {font-size: 80%;}
#cam_cp ._cam_sub_ttl {font-size: min(1.66vw,24px); padding: min(0.625vw,9px) 0; margin: 0 0 min(1.38vw,20px);}
#cam_cp ._cam_box {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center;}
#cam_cp ._cam_box._cam_flex01 ._cam_txt {font-size: min(1.66vw,24px);  line-height: 1.45; padding: 0 0 0 min(1.38vw,20px); width: min(36.5vw,511px);}
#cam_cp ._cam_box._cam_flex02 {padding-top: min(1.73vw,25px);}
#cam_cp ._cam_box ._cam_present {width: min(17.36vw,250px); margin: 0 0 min(4.375vw,60px);}
#cam_cp ._cam_box ._cam_item {width: min(25vw,360px); text-align: right;}
#cam_cp ._cam_box ._cam_item img {width: min(17.36vw,250px); height: auto;}
#cam_cp ._cam_box ._cam_item_txt {width: min(26.6vw,383px);}
#cam_cp ._cam_spec {font-size: min(1.66vw,24px); line-height: 1.35; text-align: left; padding: 0 0 min(0.97vw,14px);}
#cam_cp ._cam_ant {font-size: min(1vw,15px); text-align: left;}
/* cam_dtl --------------------------------------- */
#cam_dtl {padding: min(6.9vw,100px) 0;}
#cam_dtl .inr {width: min(56.25vw,810px); margin: 0 auto; padding: min(1.38vw,20px) min(3.47vw,50px);}
#cam_dtl ._dtl_ttl {font-size: min(1.66vw,24px); padding: min(1.25vw,18px) 0; margin: min(3.57vw,50px) 0 min(1.73vw,25px);}
#cam_dtl ._dtl_box {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
#cam_dtl ._dtl_sub_ttl {width: min(14.1vw,203px); font-size: min(1.25vw,18px);}
#cam_dtl ._howto_entry ._dtl_sub_ttl {width: auto; font-size: min(1.45vw,21px); margin: 0 0 min(1.1vw,16px);}
#cam_dtl ._dtl_box {width: min(42vw,607px); margin: 0 0 min(1.1vw,16px);}
#cam_dtl ._dtl_txt {font-size: min(1.25vw,18px); line-height: 1.4;}
#cam_dtl ._dtl_ant {font-size: min(1vw,15px); line-height: 1.4;}

#cam_dtl .cocorohto_park {width: min(44.7vw,645px); padding: 25px; margin: min(1.6vw,23px) auto min(2.67vw,38px); }
#cam_dtl .cocorohto_park .park_logo {width: min(13.88vw,200px); margin: 0 auto 18px;}
#cam_dtl .cocorohto_park .park_txt {font-size: min(0.9vw,13px); text-align: center;}
#cam_dtl .entry_btn {margin: 0 -10px;}
#cam_dtl .btn_box {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}

#cam_dtl .entry_flow {padding: 12px 0 0;}
#cam_dtl .entry_flow ._flow_ttl {font-size: min(1.45vw,21px); margin: 0 0 18px;}
#cam_dtl .entry_flow ._flow_step {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; align-items: stretch; margin: 0 0 30px; height: auto;}
#cam_dtl .entry_flow ._flow_step ._step  {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: min(7.1vw,102px); border-radius: 5px 0 0 5px; padding: 0; font-size: min(1vw,15px); height: inherit;}
#cam_dtl .entry_flow ._flow_step:after {bottom: -25px; height: 20px; background-size: 15px auto;}
#cam_dtl .entry_flow ._flow_step ._step p {height: inherit;}
#cam_dtl .entry_flow ._flow_step ._step ._step_num {font-size: 1.2em;}
#cam_dtl .entry_flow ._flow_step ._txt {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; width: calc(100% - min(7.1vw,102px) - min(1.1vw,16px)); font-size: min(1.25vw,18px); line-height: 1.4; padding: min(1.1vw,16px); margin: 0;}
#cam_dtl .entry_flow ._flow_ant {font-size: min(1vw,15px); margin: -10px 0 36px;}

#cam_dtl .cam_inq {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; justify-content: space-between; text-align: left;}
#cam_dtl .cam_inq ._inq_box {width: min(27vw,390px);}
#cam_dtl .cam_inq ._box_inr {width: 94%; margin: 0 auto;}
#cam_dtl .cam_inq ._inq_ttl {font-size: min(1.25vw,18px); padding: min(1.25vw,18px) 0; margin: 0 0 min(1.52vw,22px);}
#cam_dtl .cam_inq ._inq_tel {font-size: min(1.25vw,18px); margin: 0 0 min(0.97vw,14px);}
#cam_dtl .cam_inq ._inq_tel ._tel_num {font-size: 1.33em;}
#cam_dtl .cam_inq ._inq_mail {font-size: min(1.25vw,18px); line-height: 1.8;}
#cam_dtl .cam_inq ._inq_ant {font-size: min(1vw,15px); line-height: 2; margin: 0;}
#cam_dtl .cam_inq ._inq_call {-webkit-box-pack: start; justify-content: flex-start; margin: 0 0 6px;}
#cam_dtl .cam_inq ._inq_call ._call_ttl {font-size: min(1.25vw,18px); padding: 6px 0 0;}
#cam_dtl .cam_inq ._inq_call ._call_num {font-size: min(1.66vw,24px); line-height: 1.5; }
#cam_dtl .cam_inq ._inq_call ._area {font-size: min(1vw,15px); padding-left: 3px;}

#cam_dtl .cam_readme {border-top: 0; padding: min(3.82vw,55px) 0 min(2vw,30px);}
#cam_dtl .cam_readme ._readme_ttl {font-size: min(1.66vw,24px); line-height: 1; padding: min(1.1vw,16px) 0; margin: 0 0 min(2vw,30px);}
#cam_dtl .cam_readme ._readme_txt {font-size: min(1vw,15px); line-height: 1.6;}
		}

/* TB only */
		@media screen and (min-width:641px) and (max-width:900px) {
.tb_none {display: none;}
#obg_lp {margin-top: 110px;}
		}

/* ??? */
		@media screen and (min-width:901px) and (max-width:1024px) {
.tb_none {display: none;}
#obg_lp {margin-top: 120px;}
		}


/* PC Big */
	@media print, screen and (min-width:1025px) {
/* basic --------------------------------------- */
.pc_none {display: none;}
#obg_lp {margin-top: 30px;}
		}


@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}