@charset "UTF-8";

/* download
----------------------------------------------- */
.download .all {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex;display:flex; -webkit-box-lines:multiple;    -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.download .all li {position: relative;width: 31%;padding-bottom: 76px;border: 1px solid #cdcdcd;margin: 0 32px 32px 0;}
.download .all li:nth-child(3n) { margin-right: 0;}
.download .all li img {margin-bottom: 18px;width: 100%;}
.download .all dl {padding: 0 24px 16px;}
.download .all dt {font-size: 20px;font-weight: bold;margin-bottom: 3%;color: #0f1835;line-height: 1.4;}
.download .all dt span {font-size: 70%; color:#fff; padding:4px 8px ; background: #c9a446; margin-right: 5px; line-height: 2;}
.download .all dt span.mini {font-size: 70%; color:#000; padding:0; background:none; margin-right:0; padding-bottom: 5px;}
.download .all dd { font-size: 14px;line-height: 1.4;text-align: justify;color: #666;}
.download .all li .more01 {  width: 88%;padding: 20px;text-align: center;color: #fff;background: #0f1835;margin: 0 auto;position: absolute;bottom: 4%;left: 50%;-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}

.detail .lead { text-align: center; font-size: 18px;margin: 0 auto 40px;line-height: 1.6;}
.detail .ttl {font-size: 32px;margin: 0 auto 30px;text-align: center;font-weight: bold;color: #0f1835;}
.detail .thumbnail { width: 320px;margin: 0 40px 0 0;}
.detail .ttl:after {margin: 10px auto 0;display: block;content: '';width: 40px;height: 1px;background: #0f1835;}
.detail .flex{display:-webkit-box; display:-moz-box; display:box; display:-webkit-flex; display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}

.detail .info ul{margin-bottom: 1rem;}
.detail .info li {border-bottom: 1px dashed #ccc;margin-bottom: 18px;padding-bottom: 18px;padding-left: 3em;text-indent: -0.84em;line-height: 1.6;text-align: left;}
.detail .info li:last-child {border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.detail .info li i { margin-right: 8px; color:#092c88; font-size: 120%;position: relative;top: 0.12rem;}
.detail .info .sub {color: #343434;font-size: 90%;font-weight: bold;display: block;text-indent: -20px;padding-left: 20px;line-height: 1;margin-top: 15px;}

.thanks{text-align: center;}
.thanks .second-content p{text-align: center;}
.thanks a{display: inline-block; text-decoration: underline; color: #092c88;}

.detail .movie {position: relative;max-width: 680px;height: auto;padding-top: 32.5%;margin: 0 auto;}
.detail .movie iframe{position: absolute; top: 0; left: 0;width: 100%; height: 100%;}

.comic{margin:0 auto;}
.comic img{margin: 0 auto 5%;max-width: 90%;}
.comics-end{position: relative;padding-bottom: 30px;}
.comics-end:after{content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;background: rgb(9 44 136 / 80%);  }
.comics-txt{position: absolute;top: 50%;right: 0;left: 0;text-align: center;margin: auto;z-index: 1;}
.comics-txt p{color: #fff;font-size: 160%;text-align: center;}


.from_area{margin: 50px auto 0;padding: 2rem 0 3rem;text-align: center;-webkit-border-radius: 12px;border-radius: 12px;background: #fff;max-width: 830px;-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);box-shadow: 0 0 10px rgba(0,0,0,0.1);}.from_title{font-size: 24px;color: #0f1835;text-align: center;font-weight: bold;line-height: 1;}
.from_area .form_textarea_edits p {margin-bottom: 10px;padding-top: 10px;}
.from_area .mailform textarea{min-height:200px;}
.from_area .ast{margin-bottom: 10px;color: #4c4c4c;margin: 5px 0 0;font-size: 12px;}
.from_area span.must_s {background: #c12f2f;color: #FFF;padding: 3px 8px;margin-right: 8px;font-size: 10px;position: relative;top: -2px;}
.from_area span.any_s {background: #7e7e7e;color: #FFF;padding: 3px 8px;margin-right: 8px;font-size: 10px;position: relative;top: -2px;}
.from_area form#mailformpro dl dt{width: 100%;color: #000;font-feature-settings: "palt";letter-spacing: .04em;}
.from_area form#mailformpro dl dd{width: 100%;}
.from_area div.mfp_buttons button.submit-more{}


@media screen and (max-width: 736px) {

/* download
----------------------------------------------- */
.download .all li {margin: 0 0 8%; padding-bottom: 23%;width: 100%;}
.download .all li img {width: 100%;margin-bottom: 4%;}
.download .all dl { padding: 0 6% 6%;}
.download .all dt { font-size: 4.8vw;}
.download .all dd { text-justify:auto;}

.detail .flex{flex-wrap: wrap;-webkit-flex-wrap: wrap;-webkit-box-pack: flex-start;-ms-flex-pack: flex-start;justify-content: flex-start ;}
.detail_check_lists{width: 100%;}
.detail .lead {font-size: 3.8vw;margin: 0 auto 8%;}
.detail .ttl {text-align: center;font-weight: bold;font-size: 6vw;margin: 0 auto 7%;}
.detail .thumbnail {width:100%;margin: 0 auto 6%;}
.detail .ttl:after {margin: 2% auto 0;}
.detail .info li {line-height: 1.6;margin-bottom: 2.5%;padding-bottom: 2.5%;font-size: 3.6vw;padding-left: 2em;}

.detail .movie {max-width: 100%;padding-top: 56.25%;}

.thanks .second-content p{text-align: left;}

.comics-txt p{font-size: 130%;}


}


@media screen and (min-width: 736px) {

.from_area{padding:40px;}
.from_title{font-size:28px;margin:0 0 1rem;}
.from_area form#mailformpro dl{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:14px;}
.from_area form#mailformpro dl dt{padding:0;width:30%;font-size:14px;letter-spacing:0;text-align: left;}
.from_area form#mailformpro dl dd{width:calc(70% - 14px);}
.from_area .ast{margin:5px 0 0;}
.from_area div.mfp_buttons{margin:2rem 0 0;}
.from_area div.mfp_buttons button.submit-more{font-size:15px;}

}