/* ----------------------------------------------------------------------------------- キャンペーン共通 -----------------------------------------------------------------------------------*/ #cp_page { font-family: 'Shippori Mincho', serif; font-weight: 500; font-size:16px !important; line-height: 200%;} #cp_page dl, #cp_page dt, #cp_page dd { margin:0; padding: 0; line-height: none;} #cp_page h3 { margin-bottom:5%; color: #263A77; font-size:162.5%; font-weight: 600;} #cp_page h4 { padding: 15px; color: #263A77; font-size:120%; border-top:3px solid #263A77; } #cp_page .pc {display:block !important;} #cp_page .sp {display:none !important;} #cp_page .anchor { position: relative;} #cp_page .anchor a { position: absolute; top: -100px;} #cp_page .cont { margin: auto; padding:100px 0; width: 96%; max-width: 1040px;} #cp_page .cont::after { display: block; clear: both; content:"";} #cp_page .entry_btn .cont { padding:0;} #cp_page .entry_btn p { float: left; width: 49%;box-shadow: 3px 3px 0 0 rgb(0, 0, 0, 0.10);} #cp_page .entry_btn p+p { margin-left: 2%;} #cp_page .entry_btn p a { position: relative; display: block; padding:10px 20px; color: #fff; text-align: center; font-size: 125%; text-decoration: none; background: url("img/arrow_w.png")no-repeat 95% center; } #cp_page .entry_btn p a:hover { opacity: 0.7;} #cp_page .entry_btn p:nth-child(1) a { background-color:#c7091c;} #cp_page .entry_btn p:nth-child(2) a { background-color:#dcae00;} #cp_page .faq h3 { text-align: center; } #cp_page .faq dl { padding: 3%;} #cp_page .faq dl:nth-child(even) { background: rgba(0,0,0,0.05);} #cp_page .faq dl dt, #cp_page .faq dl dd { position: relative; padding-left: 30px;} #cp_page .faq dl dt { margin-bottom: 10px; color:#263a77; font-weight: 700; font-size:125%; } #cp_page .faq dl dd { font-size:112.5%; line-height: 150%;} #cp_page .faq dl dt::after, #cp_page .faq dl dd::after { display:block; clear:both; position: absolute; top: 0; left: 0; font-family: 'Shippori Mincho', serif; font-weight: 700; font-size:125%; } #cp_page .faq dl dt::after { content:"Q"; } #cp_page .faq dl dd::after { content:"A"; } #cp_page .notes { padding-left: 25px; text-indent:-20px;} #cp_page .notes::before { content:"※";} #cp_page .att_txt { text-align: center; background: #b83121; } #cp_page .att_txt .cont { padding:10px 0;} #cp_page .att_txt p { color:#fff !important; font-size:112.5%;} #cp_page .ex { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";} @media only screen and (max-width:700px){ #cp_page .pc { display:none !important;} #cp_page .sp { display:block !important;} #cp_page .anchor a { top: -50px;} #cp_page h3 { margin-bottom: 10%;} #cp_page .cont { padding:50px 0 80px;} #cp_page .entry_btn p { float:none; width:98%;} #cp_page .entry_btn p+p { margin:2% 0 0;} #cp_page .entry_btn p a { font-size:100%; } #cp_page .faq dl { padding:5%;} #cp_page .notes { text-indent:-17px;} #cp_page .att_txt p { font-size:100%; text-align: left;} #cp_page .att_txt span { display: inline-block;} } .headnews {/* display: none; */} .modaal-wrapper { z-index: 9999999999 !important;} .modaal-overlay { z-index:99999999 !important;} .modaal-container { padding:0; max-width:474px !important; border-radius: 20px !important;} .modaal-close:after, .modaal-close:before{ background:#ccc; } .modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before{ background:#666;} #popnews {display: none;} /* ----------------------------------------------------------------------------------- media掲載 -----------------------------------------------------------------------------------*/ #media_keisai { font-size: 100% !important; line-height: 250%; background: url("img/bg.jpg"); } #media_keisai h2 { margin: 0; padding:7% 0; font-size: 200%; color:#fff; text-align: center; background: url("img/tit_bg.jpg") no-repeat center center; background-size: cover; } #media_keisai .box { overflow: hidden;} #media_keisai .box + .box { margin-top: 100px;} #media_keisai .midashi { width: 200px;} #media_keisai .naiyou { width: calc(100% - 220px); min-height: 260px;} #media_keisai .box .midashi { float: left;} #media_keisai .box .naiyou { float:right; padding-left: 40px; border-left: 2px dotted #050C2D;} #media_keisai .icon { margin-bottom: 20px;} #media_keisai .icon img + img { margin-left: 10px;} #media_keisai .day { font-size: 87.5%; line-height: 140%;} #media_keisai .media { font-size: 112.5%;} #media_keisai .tag { margin: 20px 0; font-size: 87.5%; line-height: 140%;} #media_keisai .tag span { display: block;} #media_keisai .btn { width: 150px; } #media_keisai .btn a { position: relative; display: block; color: #fff; text-align: center; font-size:87.5%; line-height: 30px; text-decoration: none; background:#C51A1E; border-radius: 50px; } #media_keisai .btn a:hover { opacity: 0.7;} #media_keisai .btn a { background-color:#c7091c;} #media_keisai .photo { float: right; width:50%; } #media_keisai .come b { display: block; margin-bottom: 15px; font-size:125%; color:#050C2D; font-family: 'Noto Sans JP', sans-serif;} #media_keisai .come span { display: block; font-size:87.5%;} #media_keisai .come_flow { float: left; width: calc(100% - 55%);} #media_keisai .photo2 p { float: left; width: 33.3%; } @media only screen and (max-width:700px){ #media_keisai h2 { padding:10% 0; font-size: 200%; } #media_keisai .cont { padding: 10% 2%;} #media_keisai .box + .box { margin-top: 30%;} #media_keisai .midashi { float:none; width:100%; padding: 0 !important; padding-bottom: 20px !important; margin-bottom: 40px; border-bottom: 2px dotted #050C2D;} #media_keisai .naiyou { float: none; width:100%; min-height:auto; padding:0 0 30px !important; border:none !important;} #media_keisai .icon img { width:35px; height: auto;} #media_keisai .icon, #media_keisai .day, #media_keisai .media {text-align: center;} #media_keisai .media {font-size:150%;} #media_keisai .tag { margin: 20px 0 25px; text-align: center;} #media_keisai .tag span { display: inline-block; margin: 0 5px;} #media_keisai .btn { clear: both; margin:30px auto 0; width:100%; } #media_keisai .btn a { padding: 0 20px; font-size:100%; line-height: 45px;} #media_keisai .come { margin-bottom:40px;} #media_keisai .come_flow { float:none; width:100%;} #media_keisai .photo { float:none; width:100%;} #media_keisai .photo2 p:nth-child(1) { float:none; width:100%; } #media_keisai .photo2 p { float: left; width:50%; } }