X@charset "utf-8"; /* CSS Document */ /*---------------------------------------------------------------------------- *** body ----------------------------------------------------------------------------*/ body{margin:0; padding:0; border-top:none;min-width: 1200px;} body.boxSize{box-sizing:border-box;} body.boxSize *{box-sizing:border-box;} p,li{font-size: 20px; line-height: 1.5em;font-weight: 500;color: #000;} .mainContentsBox{max-width: 100%; margin: 0 auto;background-color:#e5f5f5;} .secBox{width: 1190px;padding: 4em 0;margin: auto;max-width: 100%;} .secBox2{width: 1190px;margin: 4em auto;position: relative;max-width: 100%;} h3{font-size:40px;margin-bottom: 70px;padding-top: 0.5em; text-align: center;} a:link,a:visited{ color: #fff; } a:hover{ opacity: 0.8; display: block; } #wrap{ color: #4d4d4d!important;min-width: 1200px;} .pc{display: block!important;} .sp{display: none!important;} h2,h3{position: relative;display: table;margin: auto;} h2 span,h3 span{position: absolute;} h2 span.left,h3 span.left{left: -100px;top: 25%;} h2 span.right,h3 span.right{right: -120px;top: 25%;} /*---------------------------------------------------------------------------- *** header ----------------------------------------------------------------------------*/ #headerArea{border-top: 22px solid #FF7BAC;border-bottom: 3px solid #e3006d;position: fixed;top: -22px;background: #fff;z-index: 999;} #headerAreaLogo .ttlTxt {font-size: 11px;color: #fff;font-weight: normal;position: absolute;top: -20px;line-height: 1.6;margin: 0;padding: 0;display: block;white-space: nowrap;} #headerAreaLogo .ttlSub {position: absolute;top: -19px;right: 0;color: #fee5ee;font-size: 11px;text-align: right;width: auto;line-height: 1.6;margin: 0;padding: 0;} #headerBox{border-bottom: 5px solid #fa235f;position: fixed;background: #fff;width: 100%;z-index: 99;padding: 0;top: 0;} .headerBoxInner{width:980px; margin:0 auto;position: relative;padding: 0.5em 0;} .headerBoxInner .sm_btn {width: 25%;} .headerBoxInner .sm_btn img{width: 100%;} .headerBoxInner ul{justify-content: space-between;} .spheader{display:none;} /*---------------------------------------------------------------------------- *** entrytopBox ----------------------------------------------------------------------------*/ /*.entryBox{margin: 30px auto;} .entryBoxInner{} .entryBox p{padding: 15px;background: linear-gradient(-50deg, #b721ffed 0%, #21d4fde0 100%);width: 350px;margin:0 auto;font-weight:bold;border-radius: 5px;font-size: 18px;} .entryBox p a{color:#fff;} */ .entrytopBox{max-width: 750px; width: 100%; margin: 0 auto;} .entrytopBox .ttl{text-align: center; font-weight: bold; font-size:1.9em; color:#FA235F; line-height: 1.5em;margin-bottom: 1em;} .entrytopBox .txt{text-align: center; font-size: 1.1em;} .entrytopBox .txt span{font-weight: bold;} /*---------------------------------------------------------------------------- *** btnBox ----------------------------------------------------------------------------*/ .btnBox{margin: 2em auto 3em;} .btnBox p{text-align: center; margin: 0 auto;} .btnFormLinkBox{margin:0em auto; } /*---------------------------------------------------------------------------- *** topBox ----------------------------------------------------------------------------*/ .topBox{} .topBoxInner{width: 960px;margin:0 auto;} /*---------------------------------------------------------------------------- *** titleBox ----------------------------------------------------------------------------*/ #nativeBox{/* padding-top: 5.7em; */} .titleBox{background: url("../..//images/2310/img_back01.jpg") no-repeat; background-size: cover; background-position: center bottom;margin: 75px 0 0;} .titleBoxInner{} .titleBox h1{padding:3.5% 0 24%;text-align: center;} .titleBox h1 img{max-width:611px;max-height: 325px; } /*--------------------------------------------------------------------------- *** firstBox ----------------------------------------------------------------------------*/ #firstsec{margin: 0em 0 3em;} #firstsec h2{font-size: 40px;font-weight: bold;margin: 0em auto 0.5em;text-align: center;} #firstsec .firstBoxInner{text-align: center;} #firstsec .firstBoxInner{width: 980px ;margin: 0 auto;} #firstsec .firstBoxInner .point{margin: 1em auto;width: 800px;} #firstsec .firstBoxInner .point p{margin-bottom: 0.5em;text-align: center;font-size: 17px;line-height: 1.4em;} #firstsec .firstBoxInner li{padding: 0em 0.5em;width: 32%;border-radius: 35px;text-align: center;border: 7px solid #fff;} #firstsec .firstBoxInner li.orange{background:#fdf2cc; } #firstsec .firstBoxInner li.blue{background:#d4eef9; } #firstsec .firstBoxInner li.pink{background:#ffe5ee; } #firstsec .firstBoxInner li strong{font-size: 200%;line-height: 1em;display: block;margin-bottom: 0.3em;} #firstsec .firstBoxInner li .smallTxt{font-size: 70%;} #firstsec .firstBox .f_comment{margin-bottom: 2em;} #firstsec .firstBox .f_comment p{text-align:center;font-weight: 600;} /*---------------------------------------------------------------------------- *** iframe-content ----------------------------------------------------------------------------*/ #firstsec #iframe-content{ position: relative; width: 80%; padding-bottom: 44.625%; height: 0;margin:1em auto;} #firstsec #iframe-content iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /*---------------------------------------------------------------------------- *** priceSec ----------------------------------------------------------------------------*/ #priceSec {background:url("../../images/2310/img_back02.jpg")no-repeat center;border-top: 10px solid #0080a6;background-size: cover;} #priceSec .priceBox{margin: 0 auto; padding: 1em 0 3em;width: 820px;} #priceSec .priceBox .small{font-size: 14px;} #priceSec .priceBox p{text-align: center;margin: 1.5em auto 0;} #priceSec .priceBox .fee{font-size: 60px;font-weight: bold;margin-top: 0.7em;line-height: 1.2;position: relative;} #priceSec .priceBox .fee::before{content: "▼";text-align:center;position: absolute;top: -1.3em;margin-left:1.8em;font-size: 30px;} #priceSec .priceBox .fee .tate{writing-mode: vertical-rl;text-orientation: upright;font-size: 22px;} #priceSec .priceBox .fee span{font-size: 20px;} #priceSec .priceBox .under_y{background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fcee21 0%) repeat scroll 0 0; width: 88%;margin-top: 0em;} /*---------------------------------------------------------------------------- *** aboutBox ----------------------------------------------------------------------------*/ #aboutSec{background: url("../../images/2310/img_back03.png")no-repeat top center;background-size: cover;} .img_logo{margin:0 auto;text-align: center;} #aboutSec.aboutBox{width: 1190px;} #aboutSec .aboutBoxInner .allbox{width: 100%;margin: 4em auto;} #aboutSec .aboutBoxInner .allbox h4{font-size:180%; line-height: 1.3em;margin-bottom: 0.5em;} #aboutSec .aboutBoxInner .allbox p{margin-bottom: 2em;} #aboutSec .aboutBoxInner .txtbox{width:45%;} #aboutSec .aboutBoxInner .mookbox{width: 47%;} #aboutSec .aboutBoxInner .wordbox .txtbox h4{color: #fa235f;} #aboutSec .aboutBoxInner .wordbox .open_btn{background-color:#fc7b9f; } #aboutSec .aboutBoxInner .wordbox .open_btn::before{content: "";width: 37px;height: 37px;background: url("../../images/2204/img_icon05.png")no-repeat center;background-color: #fff;border-radius: 50%;position: absolute;top: 0;bottom: 0;right: 5px;margin: auto;} #aboutSec .aboutBoxInner .usebox h4{color: #00ace6;} #aboutSec .aboutBoxInner .usebox .mookbox p{overflow: hidden;height: 100%;display: flex;} #aboutSec .aboutBoxInner .usebox .mookbox img{ width: auto; height: 100%;} #aboutSec .aboutBoxInner .usebox .mookbox img:first-child { animation: loop 50s -25s linear infinite; } #aboutSec .aboutBoxInner .usebox .mookbox img:last-child { animation: loop2 50s linear infinite; } @keyframes loop { 0% { transform: translateX(100%); } to { transform: translateX(-100%); } } @keyframes loop2 { 0% { transform: translateX(0); } to { transform: translateX(-200%); } } #aboutSec .aboutBoxInner .englishbox .txtbox h4{color: #8ac43f;} #aboutSec .aboutBoxInner .englishbox .open_btn{background-color:#8ac43f; } #aboutSec .aboutBoxInner .englishbox .open_btn::before{content: "";width: 37px;height: 37px;background: url("../../images/2204/img_icon06.png")no-repeat center;background-color: #fff;border-radius: 50%;position: absolute;top: 0;bottom: 0;right: 5px;margin: auto;} #aboutSec .aboutBoxInner .fieldbox .txtbox h4{color: #f7931e;} #aboutSec .aboutBoxInner .fieldbox .open_btn{background-color:#f7931e; } #aboutSec .aboutBoxInner .fieldbox .open_btn::before{content: "";width: 37px;height: 37px;background: url("../../images/2204/img_icon07.png")no-repeat center;background-color: #fff;border-radius: 50%;position: absolute;top: 0;bottom: 0;right: 5px;margin: auto;} #aboutSec .aboutBoxInner .fieldbox .mookbox{position: relative;width: 50%;} #aboutSec .aboutBoxInner .fieldbox .mook{z-index: 1;margin: -2% 1% 0 1.6%;position: absolute;} #aboutSec .aboutBoxInner .fieldbox .mook img{width: 100%;} /*スライダー*/ #aboutSec .aboutBoxInner .slider{margin:0 auto;z-index: 1;position: relative;width:430px;} #aboutSec .aboutBoxInner .slider img{height: auto;margin: 0 auto;width: 100%;border-radius:0px;} #aboutSec .aboutBoxInner .slick-slide .slick-center{transform: scale(1);} #aboutSec .aboutBoxInner .slider .slick-list{width: 430px;padding: 0!important;margin: 0.4em auto 0;} #aboutSec .aboutBoxInner .slick-slide{width: 430px;} /*POPUP共通*/ .popup_wrap input {display: none;} .popup_overlay {display: flex;justify-content: center;overflow: auto;position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);opacity: 0;transition: opacity 0.5s, transform 0s 0.5s;transform: scale(0);} .popup_trigger { position: absolute; width: 100%; height: 100%;} .popup_content { position: relative;align-self: center;width:60%; padding: 30px 30px 15px; box-sizing: border-box; background: #fff; line-height: 1.4em; transition: 0.5s;overflow-y: scroll;height: 80%;margin: 4em auto;} .popup_content p{text-align: center;} .popup_content img{width: 100%; height: auto;} .popup_wrap input:checked ~ .popup_overlay { opacity: 1; transform: scale(1); transition: opacity 0.5s;} .popup_content::-webkit-scrollbar {width: 18px;} .popup_content::-webkit-scrollbar-thumb{background-color:#e6e6e6; border-radius: 50vw;} .popup_content::-webkit-scrollbar-track{background:#f2f2f2 ;border-radius: 50vw; } .open_btn {position: relative; width: 250px; height: 30px; margin:10px auto; padding: 8px 55px 8px 35px; color: #fff; font-weight: bold; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); border-radius: 50vw; cursor: pointer; transition: .3s ease;font-size: 130%;} .open_btn:hover{ transition: .3s ease;opacity:0.8;} .close_btn { position: fixed; top: 14%; right: 24%; font-size:52px; cursor: pointer;background: #f2f2f2;border-radius: 1vw;padding: 0.35em 0.15em;} /*POPUP共通*/ /*---------------------------------------------------------------------------- *** tripBox ----------------------------------------------------------------------------*/ #tripSec{background-image: url("../../images/2310/img_back04.png");background-size: 100%;background-repeat: no-repeat;} #tripSec .tripBox .tripBoxInner{position: relative;} #tripSec .tripBox .tripBoxInner .position{position: absolute;margin-top: 11em;width: 70%;pointer-events: none;max-width: 110px;left: -7%;} #tripSec .tripBox .tripBoxInner .line{border-bottom: solid 1px #00ace6; width: 600px;margin: 3em auto 1em; font-weight: bold;text-align: center;font-size: 27px;} #tripSec .tripBox .tripBoxInner img{border-radius: 10px;} #tripSec .tripBox .tripBoxInner p{text-align: center;margin:0 0 1em;} #tripSec .tripBox .tripBoxInner .Qbox img{width: 100%; height: auto;} #tripSec .tripBox .tripBoxInner .sdr_txt{margin-top: 3em;} /*myroom*/ #tripSec .tripBox .tripBoxInner .myroom h3{margin-bottom: 0.5em;} #tripSec .tripBox .tripBoxInner .myroomtap{text-align: center;margin-top: 5em;position: relative;} #tripSec .tripBox .tripBoxInner .tag{position: absolute;top: -14%;left: 13%;} #tripSec .tripBox .tripBoxInner .bk_blue h3{margin-bottom: 0.5em;} #tripSec .tripBox .tripBoxInner .bk_white{margin: auto;width: 850px;padding: 2em 0 1em;position: relative;} #tripSec .tripBox .tripBoxInner .mook{z-index: 1;margin: -2% 1% 0 1.6%;position: absolute;left: 0;right: 0;} /*スライダー*/ #tripSec .tripBox .tripBoxInner .slider{margin:0 auto;z-index: 1;position: relative;width:715px;} #tripSec .tripBox .tripBoxInner .slider img{height: auto;margin: 0 auto;width: 100%;border-radius:0px;} #tripSec .tripBox .tripBoxInner .slick-slide .slick-center{transform: scale(1);} #tripSec .tripBox .tripBoxInner .slider .slick-list{width: 615px;padding: 0!important;margin: 0.7em auto 0;} #tripSec .tripBox .tripBoxInner .slick-slide{width: 615px;} #tripSec .tripBox .tripBoxInner .slick-track{} #tripSec .tripBox .tripBoxInner .slick-next{cursor: pointer;position: absolute;right: -80px;top:135px;z-index: 3;background: url("../../images/2310/btn_next.png")no-repeat;width: 94px;height: 122px;border: none;filter: drop-shadow(0px 0px 4px #808080);} #tripSec .tripBox .tripBoxInner .slick-prev{cursor: pointer;position: absolute;left: -80px;top:135px;z-index: 3;background: url("../../images/2310/btn_back.png")no-repeat;width: 94px;height: 122px;border: none;filter: drop-shadow(0px 0px 4px #808080);} /*ドットナビゲーションの設定*/ .slick-dots {position: relative;z-index: 3; text-align:center;margin:0;} .slick-dots li {display:inline-block;margin:0 5px;} .slick-dots button { color: transparent;outline: none;width:12px; height:12px;display:block; border-radius:50%; background:#ccc;border: none;} .slick-dots .slick-active button{ background:#333;} /*MYroomPOPUP共通*/ .wrap_my{display: none;position: fixed;top: 0%;;left: 0%; z-index: 9999;width: 100%;height: 100%;} #tripSec .tripBox .tripBoxInner .close_btn2{ font-size:17px; cursor: pointer;background: #4d4d4d;width: 18%;margin: 0 auto;color: #fff;padding: 0.3em 0.5em;} #tripSec .tripBox .tripBoxInner .data .close_btn2{margin-top: 1em;} #tripSec .tripBox .tripBoxInner .my_popbox{width: 580px;border-radius: 10px;padding: 1em;margin: auto;position: absolute;top: 0; bottom: 0; left: 0; right: 0; height: max-content;} #tripSec .tripBox .tripBoxInner .my_popbox .my_title{background: #fff;border-radius: 50vw;margin: 0.5em auto;font-size: 150%;font-weight: bold;text-align: center;width:50%; position: relative;} #tripSec .tripBox .tripBoxInner .my_popbox .my_title .voice{display: block;margin: 0.2em 0 0;text-align: left;position: absolute;color: #fff;right: -90px;top: 0;font-size: 80%;} #tripSec .tripBox .tripBoxInner .my_popbox .my_leftbox{/*width: 55%;*/background: #fff;padding: 0.3em;border-radius: 14px;} #tripSec .tripBox .tripBoxInner .my_popbox .my_leftbox p{margin-bottom: 0;} #tripSec .tripBox .tripBoxInner .my_popbox .my_leftbox img{width: 100%;} #tripSec .tripBox .tripBoxInner .my_popbox .my_rightbox{width: 43%;} #tripSec .tripBox .tripBoxInner .my_popbox .my_rightbox .my_txt{text-align: left;font-weight: bold;font-size: 18px;line-height: 1.2;margin: 0.2em 0 0.5em;} #tripSec .tripBox .tripBoxInner .my_popbox .Acquire{font-size: 16px;margin: 0.5em 0.5em 1.5em;text-align: left;font-weight: bold;} #tripSec .tripBox .tripBoxInner .my_popbox .Acquire span{display: inline-block;background: #fff;padding: 0.1em 0.5em;text-align: center;margin: 0 0.3em;border-radius: 50vw;font-size: 90%;} #tripSec .tripBox .tripBoxInner .my_popbox .Acquire span:first-of-type{margin-left: 0.8em;} .fairy{background: #99ccff;} .world{background: #ff99cc;} .greatest{background:#a7d28d; } .songs{background:#fff352; } .dictionary{background:#ffaf60; } .data{background:#ef857d; } /*MYroomPOPUP共通*/ #tripSec .tripBox .tripBoxInner .stage{margin: 2em auto 0;} #tripSec .tripBox .tripBoxInner .stage p{font-weight: bold;font-size: 20px;color:#0081ad; } #tripSec .tripBox .tripBoxInner .stage ul{margin: 0 auto;} #tripSec .tripBox .tripBoxInner .stage li{text-align: center; line-height: 1.3em;} #tripSec .tripBox .tripBoxInner .stage li img{margin-bottom: 1em;} #tripSec .tripBox .tripBoxInner .stage span{font-weight: bold;} /*---------------------------------------------------------------------------- *** parentsSec ----------------------------------------------------------------------------*/ #parentsSec{background: #d0e7b2;padding-bottom:1em;} #parentsSec h3 span.left{left: -120px;top: 8%;} #parentsSec h3 span.right{right: -120px;top: 8%;} #parentsSec .parentsBox .parentsBoxInner{padding: 0em 0 0;} #parentsSec .parentsBox .parentsBoxInner .title p{text-align: center;margin: 1em 0 2em;} #parentsSec .parentsBox .parentsBoxInner .bk_green{display: flex;flex-wrap: wrap;justify-content: center;align-items: stretch;} #parentsSec .parentsBox .parentsBoxInner .bk_green p{color: #FFFFFF;margin:0 0.2em 0; font-size:22px;background: #83bd3f;border: 4px solid #fff;position: relative;padding: 2.5em 0.5em;text-align: center;width: 280px;height: 280px;font-weight: bold;} #parentsSec .parentsBox .parentsBoxInner .bk_green p:nth-child(2) {padding: 3.5em 0.5em;} #parentsSec .parentsBox .parentsBoxInner .bk_green p span{position: absolute;} #parentsSec .parentsBox .parentsBoxInner .bk_green p:nth-child(1) span{top: -30px;right: -20px;z-index: 2;} #parentsSec .parentsBox .parentsBoxInner .bk_green p:nth-child(2) span{bottom: -10px;right: -10px;z-index: 2;} #parentsSec .parentsBox .parentsBoxInner .bk_green p:nth-child(3) span{top: -8px;right: -30px;z-index: 2;} #parentsSec .parentsBox .parentsBoxInner .fuki{background-image: url("../../images/2310/img_content05.png");margin: 1em auto;background-repeat: no-repeat;height: 7em;background-position: center;position: relative;} #parentsSec .parentsBox .parentsBoxInner .fuki p{text-align: center;font-size: 30px;font-weight: bold;padding: 1.7em 0 0.8em;} #parentsSec .parentsBox .parentsBoxInner .fuki p.up{position: absolute;} #parentsSec .parentsBox .parentsBoxInner .fuki p.girl{bottom: -27px;left: 0;} #parentsSec .parentsBox .parentsBoxInner .fuki p.usagi{bottom: -27px;right: 0;} #parentsSec .parentsBox .parentsBoxInner .priceBox{position: relative;background: #FFFFFF;margin: 0 auto 1em; padding: 1em 0 2em;width: 820px;border-radius: 10px;} #parentsSec .parentsBox .parentsBoxInner .priceBox .small{font-size: 14px;} #parentsSec .parentsBox .parentsBoxInner .priceBox p{text-align: center;margin: 1.5em auto 0;} #parentsSec .parentsBox .parentsBoxInner .priceBox .under_y{background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fcee21 0%) repeat scroll 0 0; width: 75%;} #parentsSec .userBox{margin-bottom: 5em;} #parentsSec .userBox h3{margin-bottom: 0.5em;} #parentsSec .userBox .slider .scroll{display: flex!important;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start;padding: 2em;} #parentsSec .userBox .slider .scroll .photoBox{width: 30%;position: relative;} #parentsSec .userBox .slider .scroll .photoBox .name{position: absolute;background: url("../../images/2310/img_review_name.png") no-repeat;font-size: 22px;text-align: center;width: 223px;height: 141px;padding:2.5em 0 0 1em;bottom: -15%;right: 0;left: 0;margin: auto;font-weight:bold;} #parentsSec .userBox .slider .scroll .photoBox .name span{font-size: 80%;} #parentsSec .userBox .slider .scroll .txtBox{width: 67%;} #parentsSec .userBox .slider .scroll .txtBox dl{padding: 10px 0;border-bottom: 1px solid #dfdfdf;padding-left: 20px;} #parentsSec .userBox .slider .scroll .txtBox dl:last-child{border-bottom: none;} #parentsSec .userBox .slider .scroll .txtBox dt{font-size: 18px;position: relative;margin-bottom: 3px;} #parentsSec .userBox .slider .scroll .txtBox dt::before{content: "■";display: block;width: 10px;height: 10px;position: absolute;top: 0;left: -20px;} #parentsSec .userBox .slider .scroll .txtBox dt.kids{color: #ea5548;} #parentsSec .userBox .slider .scroll .txtBox dt.parent{color: #9dc815;} #parentsSec .userBox .slider .scroll .txtBox dd{font-size: 18px;} #parentsSec .userBox .slider .scroll .txtBox dd span{font-size: 80%;} #parentsSec .userBox .slider{margin:0 auto;z-index: 1;position: relative;width:1050px;max-width: 100%;} #parentsSec .userBox .slider img{height: auto;margin: 0 auto;width:100%;border-radius:0px;} #parentsSec .userBox .slick-slide .slick-center{transform: scale(1);} #parentsSec .userBox .slider .slick-list{width: 100%;padding: 0!important;margin: 0.7em auto 0;background: #fff;border-radius: 20px;} #parentsSec .userBox .slick-slide{width: 615px;} #parentsSec .userBox .slick-track{} #parentsSec .userBox .slick-next{cursor: pointer;position: absolute;right: -37px;top:230px;z-index: 3;background: url("../../images/2310/btn_review_next.png")no-repeat;width: 78px;height: 103px;border: none;} #parentsSec .userBox .slick-prev{cursor: pointer;position: absolute;left: -37px;top:230px;z-index: 3;background: url("../../images/2310/btn_review_back.png")no-repeat;width: 78px;height: 103px;border: none} /*---------------------------------------------------------------------------- *** entrySec ----------------------------------------------------------------------------*/ #entrySec {background: #fff;padding: 4em 0;} #entrySec .secBox{padding: 0em;} #entrySec .secBox h3{padding-top: 0;} #entrySec .entryBox .entryBoxInner p{text-align: center;padding-bottom: 0.3em;} #entrySec .entryBox .entryBoxInner .title_en{font-weight: bold;background: #ff7bac;width: 34%;padding: 0.4em;color: #fff;margin: 0 auto 2em;font-size: 20px;border-radius: 7px;} #entrySec .entryBox .entryBoxInner .form1{border: 5px solid #f4be00; width:600px;margin: 0 auto;position: relative;padding: 0.5em;margin-bottom: 4em;border-radius: 10px;} #entrySec .entryBox .entryBoxInner .form1::before{content: "";display: block;position: absolute;top: 0;left: 285px;width: 24px;height: 20px;background:#f4be00;margin: 6.4em auto;} #entrySec .entryBox .entryBoxInner .form1::after{content: "";display: block; position: absolute;top: 117px;left: 272px;width: 0; height: 0;border: 25px solid;border-color:#f4be00 transparent transparent transparent;} #entrySec .entryBox .entryBoxInner .form1 img{width: 40%; height: auto;} #entrySec .entryBox .entryBoxInner .form2{border: 5px solid #f4be00; width:600px;margin: 0 auto;position: relative;padding: 0.5em;margin-bottom: 4em;border-radius: 10px;} #entrySec .entryBox .entryBoxInner .form2::before{content: "";display: block;position: absolute;top: 0;left: 285px;width: 24px;height: 20px;background:#f4be00;margin: 3.4em auto;} #entrySec .entryBox .entryBoxInner .form2::after{content: "";display: block; position: absolute;top: 73px;left: 272px;width: 0; height: 0;border: 25px solid;border-color:#f4be00 transparent transparent transparent;} #entrySec .entryBox .entryBoxInner .form3{border: 5px solid #f4be00; width: 600px;margin: 0 auto;position: relative;padding: 0.5em;margin-bottom: 4em;border-radius: 10px;} #entrySec .entryBox .entryBoxInner .form3::before{content: "";display: block;position: absolute;top: 0;left: 285px;width: 24px;height: 20px;background:#f4be00;margin: 3.5em auto;} #entrySec .entryBox .entryBoxInner .form3::after{content: "";display: block; position: absolute;top: 73px;left: 272px;width: 0; height: 0;border: 25px solid;border-color:#f4be00 transparent transparent transparent;} #entrySec .entryBox .entryBoxInner .form5{border: 5px solid #f4be00; width: 600px;margin: 0 auto;position: relative;padding: 0.5em;margin-bottom: 2em;border-radius: 10px;} #entrySec .entryBox .back{background: #9B9999;width: 120px; height: 35px;margin: 0 auto;font-size: 17px;padding: 0.5em;} #entrySec .entryBox .back p{text-align:center;} #entrySec .entryBox .back a{color: #FFFFFF;} #entrySec .entryBox .lastbox{ background-color: #d0e7b2; width: 600px; margin: 10px auto; padding: 1em 2em; border-radius: 3vh; } #entrySec .entryBox .big_txt{ font-weight: bold; } /*---------------------------------------------------------------------------- *** attentionBox ----------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------- *** footer ----------------------------------------------------------------------------*/ footer{background:#58595b;} .footerBoxInner{padding:10px 0px;} footer p{color:#fff;} @media(max-width: 1025px) and (min-width: 821px){ .secBox{width:100%;padding: 0 2em;} .secBox2{width: 100%;} #firstsec .firstBoxInner{width: 100%;} #firstsec .firstBoxInner .point{width: 100%;} #aboutSec .aboutBoxInner .mookbox video{width: 100%;} #aboutSec .aboutBoxInner{padding: 2em;} #priceSec .priceBox{width: 100%;} #parentsSec .parentsBox .parentsBoxInner .priceBox{width: 90%;} #parentsSec .parentsBox .parentsBoxInner .priceBox .under_y{width: 85%;} #tripSec .tripBox .tripBoxInner .position{left: 1%;} #tripSec .tripBox .tripBoxInner .bk_white{width: 83%;} #tripSec .tripBox .tripBoxInner .tag{left: 9%;} #tripSec .tripBox .tripBoxInner .stage ul {width: 95%;} #tripSec .tripBox .tripBoxInner .stage li{width: 30%;} #tripSec .tripBox .tripBoxInner .stage li img{width: 100%;height: 100%;} #parentsSec .parentsBox .parentsBoxInner .bk_green{width: 100%;} .popup_content{width: 90%;} .close_btn{right: 11%;} } @media(max-width: 820px) and (min-width: 415px){ .headerBoxInner{width: 100%;} .secBox{width:100%;padding: 0 1em;} .secBox2{width: 100%;padding: 0 1em;} .titleBox{background: url("../../images/img_back02_sp.jpg") no-repeat top 0 center/cover;height: 0%;padding: 40% 0 20%;} .titleBox h1{padding-top: 0;} h3{font-size: 225%;} #firstsec .firstBoxInner{width: 100%;} #firstsec .firstBoxInner .point{width: 100%;} #aboutSec .aboutBoxInner .mookbox video{width: 100%;} #aboutSec .aboutBoxInner .mookbox{width: 48%;} #aboutSec .aboutBoxInner .txtbox{width: 50%;} #aboutSec .aboutBoxInner .allbox h4{font-size: 140%;} .popup_content{width: 75%;} .close_btn{right:17%; top: 11%;} #tripSec .tripBox .tripBoxInner .bk_white{width: 100%;} #tripSec .tripBox .tripBoxInner .tag{left: 35%;} #tripSec .tripBox .tripBoxInner .tag img{width: 80%;} #tripSec .tripBox .tripBoxInner .mook{width: 100%;margin: 2% 0;} #tripSec .tripBox .tripBoxInner .mook img{width: 100%;} .wrap_my{width: 90%;left: 4%;} #tripSec .tripBox .tripBoxInner .slider{width: 76%;} #tripSec .tripBox .tripBoxInner .slider .slick-list{width: 99%;margin: 2.3em 0em 0 0.2em;} #tripSec .tripBox .tripBoxInner .slick-next{right: -81px;top: 26%;} #tripSec .tripBox .tripBoxInner .slick-prev{left: -81px;top: 26%;} #tripSec .tripBox .tripBoxInner .stage ul {width: 100%;} #tripSec .tripBox .tripBoxInner .stage li{width: 32%;font-size: 100%;} #tripSec .tripBox .tripBoxInner .stage li img{width: 100%;height: 100%;} #parentsSec .parentsBox .parentsBoxInner .priceBox .under_y{width: 95%;} #parentsSec .parentsBox .parentsBoxInner .bk_green{width: 100%;} #parentsSec .parentsBox .parentsBoxInner .priceBox{width: 90%;} #priceSec .priceBox{width: 100%;} } body:not(.w775not) #footerLink.w775 #footerContentList .sitePageListBox .sitePageTitle{font-size: 90%;} #formLinkSec.secBox{width: 100%;} #formLinkSec .titleBox{background: none; padding: 0;} #footerContentList .contentList .sitePageListBox *{line-height: 1.5;}