@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box; word-break:break-all;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ul,ol{ list-style:none;}
html,body {
margin:0 auto;
padding:0;
font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
color:#191919;
}

img{ border-style:none; vertical-align:bottom; padding:0; line-height:0em; max-width:100%; height:auto;}

.insta_form{ width: 960px; margin: 40px auto; background: #f74460; border-radius: 20px; overflow: hidden;}
.insta_form p.notice{ text-align: center; font-size: 11px; background: #efefef; color: #666; margin: 0 20px 20px; padding: 1em;}
.insta_form .insta_form_tit{ padding: 20px; text-align: center;}
.insta_form .insta_form_tit dl{ display: table; table-layout: fixed; width: 100%;}
.insta_form .insta_form_tit dl dt{ display: table-cell; vertical-align: middle; width: 328px;}
.insta_form .insta_form_tit dl dd{ display: table-cell; vertical-align: middle; color: #fff; font-weight: bold; text-align: center; font-size: 36px; line-height: 1.5em;}
.insta_form .insta_form_cont form{ background: #fff; margin:0 20px; padding: 30px 45px 15px; border-radius: 12px 12px 0 0;}
.insta_form .insta_form_cont ul li{ padding: 6px; border-radius: 20px; margin: 20px auto;}
.insta_form .insta_form_cont ul li:first-child{ margin-top: 0;}
.insta_form .insta_form_cont ul li{
background: #cf2e92;
background: -moz-linear-gradient(top,  #cf2e92 0%, #ffdc7a 25%, #fa9a4a 50%, #f36d39 75%, #d0308d 100%);
background: -webkit-linear-gradient(top,  #cf2e92 0%,#ffdc7a 25%,#fa9a4a 50%,#f36d39 75%,#d0308d 100%);
background: linear-gradient(to bottom,  #cf2e92 0%,#ffdc7a 25%,#fa9a4a 50%,#f36d39 75%,#d0308d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf2e92', endColorstr='#d0308d',GradientType=0 );
}
@media screen and (max-width:960px){
.insta_form{ width:94%;}
.insta_form .insta_form_tit dl dt{ width:33.3333%;}
.insta_form .insta_form_tit dl dd{ font-size: 3.5vw} 
.insta_form .insta_form_cont form{ margin:3%; padding:3%;}
}
@media screen and (max-width:640px){
.insta_form{ margin:6% auto; border-radius:1.5vw;}
.insta_form p.notice{ font-size:2vw; margin:0 3% 3%; padding:0.5em; line-height:1.25em;}
.insta_form p.notice br{ display: none;}
.insta_form .insta_form_tit{ padding:3%;}
.insta_form .insta_form_tit dl{ display:block;}
.insta_form .insta_form_tit dl dt{ display:block; width:100%; margin-bottom: 3%;}
.insta_form .insta_form_tit dl dd{ display:block; font-size: 5vw}
.insta_form .insta_form_cont form{ margin:0 3%; padding:3% 3% 1.5%; border-radius: 1vw 1vw 0 0;}
.insta_form .insta_form_cont ul li{ padding:1vw; border-radius:1.5vw; margin:3% auto;}
}

.insta_form .insta_form_cont ul li.name{ position: relative;}
.insta_form .insta_form_cont ul li.name:before{ content: ""; width: 75px; height: 49px; position: absolute; left: 20px; top: calc(50% - 24.5px); background: url("../images/ico_name.png") center center no-repeat; background-size: 100%;}
.insta_form .insta_form_cont ul li.name input{ padding-left: 105px;}
.insta_form .insta_form_cont ul li.mail{ position: relative;}
.insta_form .insta_form_cont ul li.mail:before{ content: ""; width: 75px; height: 49px; position: absolute; left: 20px; top: calc(50% - 24.5px); background: url("../images/ico_mail.png") center center no-repeat; background-size: 100%;}
.insta_form .insta_form_cont ul li.mail input{ padding-left: 105px;}
@media screen and (max-width:640px){
.insta_form .insta_form_cont ul li.name:before{ width:7.5vw; height:5vw; left:2.5vw; top: calc(50% - 2.5vw);}
.insta_form .insta_form_cont ul li.name input{ padding-left:10.5vw;}
.insta_form .insta_form_cont ul li.mail:before{ width:7.5vw; height:5vw; left:2.5vw; top: calc(50% - 2.5vw);}
.insta_form .insta_form_cont ul li.mail input{ padding-left:10.5vw;}
}

.insta_form ::-webkit-input-placeholder{ color: #aaa;}
.insta_form ::-moz-placeholder{ color: #aaa;}
.insta_form :-ms-input-placeholder{ color: #aaa;}
.insta_form input{ -webkit-appearance: none;}
.insta_form input{ width:100%; max-width: 100%; padding:0.5em; font-family: Helvetica Neue, Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif; font-size:32px; font-weight:bold; line-height: 1.25em; border: none; background: #fff; border-radius: 16px;}
.insta_form_btn{ text-align: center; margin: 45px auto 15px;}
@media screen and (max-width:960px){
.insta_form input{ font-size: 4vw;}
}
@media screen and (max-width:640px){
.insta_form input{ font-size:4.5vw; border-radius:1vw;}
.insta_form_btn{ margin:4.5% auto 1.5%;}
}



figure.anime_btn02{ text-align: center; margin: 40px auto;}
figure.anime_btn02 input{ padding: 0; border: none;}
figure.anime_btn02 span{ display: inline-block; position: relative; top: 0; transition: 0.3s; overflow: hidden; animation: shake ease-in 1.4s infinite alternate; position: relative; transition: 0.3s;}
figure.anime_btn02 span:hover{ top: -20px; opacity: 0.7;}
figure.anime_btn02 span:before{ content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 75%); animation: shine 2s infinite;}
@media screen and (max-width:767px){
figure.anime_btn02{ margin: 6vw auto;}
figure.anime_btn02 img{ max-width: 100%;}
figure.anime_btn02 span:hover{ top:-3vw;}
}
@keyframes shake {
0%{ transform:rotate(0deg);}
40%{ transform:rotate(0deg);}
50%{ transform:rotate(2deg);}
60%{ transform:rotate(-1deg);}
70%{ transform:rotate(3deg);}
80%{ transform:rotate(-2deg);}
90%{ transform:rotate(0deg);}
100%{ transform:rotate(0deg);}
}
@keyframes shine {
50% { left: 100%;}
100% { left: 100%;}
}





.insta_form_btn input{ display: inline-block; max-width: 100%; padding:0; width: auto; border: none; background: none; border-radius: 0; animation: shake ease-in 1.4s infinite alternate; position: relative; transition: 0.3s;}
.insta_form_btn input:hover{ opacity: 0.7;}
/*シェイク*/
@keyframes shake {
0%{ transform:rotate(0deg);}
40%{ transform:rotate(0deg);}
50%{ transform:rotate(2deg);}
60%{ transform:rotate(-1deg);}
70%{ transform:rotate(3deg);}
80%{ transform:rotate(-2deg);}
90%{ transform:rotate(0deg);}
100%{ transform:rotate(0deg);}
}


/*リミテッド_ヘッダー用*/
.limited_header{ background: #ed742e; color: #fff; text-align: center; padding: 0.5em; font-weight: bold; letter-spacing: 0.1em;}
.limited_header .timetext{ font-size: 32px; display: inline-block; margin-right: 0.5em;}
.limited_header .timer{ font-size: 32px; display: inline-block;}
.limited_header .timer strong{ font-weight: bold; font-size: 150%;}
@media screen and (max-width:640px){
.limited_header .timetext{ display: block; font-size:4.5vw; line-height: 1.25em;}
.limited_header .timer{ font-size:4.5vw; line-height: 1.25em;}
.limited_header .timer strong{ font-weight: bold; font-size: 125%; line-height: 1.25em;}
}

/*リミテッド_テキストベース用*/
.limited_insert{ text-align: center; color: #c83232; font-weight: bold; letter-spacing: 0.1em;}
.limited_insert .timetext{ font-size: 24px; display: inline-block; margin-right: 0.5em;}
.limited_insert .timer{ font-size: 24px; display: inline-block;}
.limited_insert .timer strong{ font-weight: bold; font-size: 150%;}
@media screen and (max-width:640px){
.limited_insert .timetext{ font-size:4.5vw; line-height: 1.25em; display: block; margin: 0;}
.limited_insert .timer{ font-size:4.5vw; line-height: 1.25em;}
.limited_insert .timer strong{ font-weight: bold; font-size: 125%; line-height: 1.25em;}
}


/*20190718追加*/
/*スクロールボックス*/
.insta_form.type-scroll{ padding-bottom: 20px;}
.insta_form.type-scroll .insta_form_cont form{ border-radius: 12px; overflow: hidden; padding-bottom: 0;}
@media screen and (max-width:640px){
.insta_form.type-scroll{ padding-bottom:3%;}
.insta_form.type-scroll .insta_form_cont form{ border-radius:1vw;}
}
.pv_txt{ border: 1px solid #666; background: #fff; font-size: 11px; color: #666; overflow-y: scroll; height: 9.5em; margin: 20px auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}
.pv_txt p{ padding: 1em;}
.pv_txt span.bold{ font-weight: bold; display: inline-block;}
.pv_txt span.bold:before{ content: "・";}
@media screen and (max-width:640px){
.pv_txt{ font-size: 2vw; margin:3% auto;}
.pv_txt::-webkit-scrollbar{ width:3vw;}
.pv_txt::-webkit-scrollbar-thumb{ background: #F70841; border-radius:1.5vw;}
.pv_txt::-webkit-scrollbar-track-piece:start{ background: #dedede;}
.pv_txt::-webkit-scrollbar-track-piece:end{ background: #fff;}
}


/*モーダルフォーム*/
.modal_trigger{ cursor: pointer; transition: 0.3s;}
.modal_trigger:hover{ opacity: 0.7;}
#modal_form{ display: none;}
#modal_wrap{ position: absolute; left: 0; right: 0; width: 100%; height: 100vh; cursor: pointer;}
#modal_form{ position: fixed; left: 0; right: 0; top: 0; height: 100vh; margin: auto; background: rgba(0,0,0,0.84);}
#modal_form #modal_form_in{ position: fixed; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: auto; max-width: 920px; background: #fff; box-shadow:rgba(0, 0, 0, 0.42) 0 0 10px 5px; text-align: center;}
@media screen and (max-width:960px){
#modal_form #modal_form_in{ width: 88%;}
}
@media screen and (max-width:640px){
#modal_form #modal_form_in{ width: 88%;}
}

#modal_form p.notice{ text-align: center; font-size: 11px; background: #efefef; color: #666; margin: 0; padding: 1em;}
#modal_form #modal_form_in dl{ display: table; table-layout: fixed; width: 100%;}
#modal_form #modal_form_in dl dt{ display: table-cell; vertical-align: middle; width: 328px;}
#modal_form #modal_form_in dl dd{ display: table-cell; vertical-align: middle; color: #fff; font-weight: bold; text-align: center; font-size: 36px; line-height: 1.5em;}
#modal_form #modal_form_in form{ background: #fff; margin:0 auto; padding: 30px 30px 0;}
#modal_form #modal_form_in ul li{ padding: 6px; border-radius: 20px; margin: 20px auto;}
#modal_form #modal_form_in ul li:first-child{ margin-top: 0;}

/*モーダルフォーム枠　グラデーション
#modal_form #modal_form_in ul li{
background: #cf2e92;
background: -moz-linear-gradient(top,  #cf2e92 0%, #ffdc7a 25%, #fa9a4a 50%, #f36d39 75%, #d0308d 100%);
background: -webkit-linear-gradient(top,  #cf2e92 0%,#ffdc7a 25%,#fa9a4a 50%,#f36d39 75%,#d0308d 100%);
background: linear-gradient(to bottom,  #cf2e92 0%,#ffdc7a 25%,#fa9a4a 50%,#f36d39 75%,#d0308d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf2e92', endColorstr='#d0308d',GradientType=0 );
}*/


#modal_form #modal_form_in ul li {
background: #f2a0a1;
}


@media screen and (max-width:960px){
#modal_form #modal_form_in form{ margin:0 auto; padding:3% 3% 0;}
}
@media screen and (max-width:640px){
#modal_form p.notice{ font-size:2vw; margin:0; padding:0.5em; line-height:1.25em;}
#modal_form p.notice br{ display: none;}
#modal_form #modal_form_in form{ margin:0 auto; padding:3% 3% 0; border-radius: 1vw 1vw 0 0;}
#modal_form #modal_form_in ul li{ padding:1vw; border-radius:1.5vw; margin:3% auto;}
}

#modal_form #modal_form_in ul li.name{ position: relative;}
#modal_form #modal_form_in ul li.name:before{ content: ""; width: 75px; height: 49px; position: absolute; left: 20px; top: calc(50% - 24.5px); background: url("../images/ico_name.png") center center no-repeat; background-size: 100%;}
#modal_form #modal_form_in ul li.name input{ padding-left: 105px;}
#modal_form #modal_form_in ul li.mail{ position: relative;}
#modal_form #modal_form_in ul li.mail:before{ content: ""; width: 75px; height: 49px; position: absolute; left: 20px; top: calc(50% - 24.5px); background: url("../images/ico_mail.png") center center no-repeat; background-size: 100%;}
#modal_form #modal_form_in ul li.mail input{ padding-left: 105px;}
@media screen and (max-width:640px){
#modal_form #modal_form_in ul li.name:before{ width:7.5vw; height:5vw; left:2.5vw; top: calc(50% - 2.5vw);}
#modal_form #modal_form_in ul li.name input{ padding-left:10.5vw;}
#modal_form #modal_form_in ul li.mail:before{ width:7.5vw; height:5vw; left:2.5vw; top: calc(50% - 2.5vw);}
#modal_form #modal_form_in ul li.mail input{ padding-left:10.5vw;}
}

#modal_form ::-webkit-input-placeholder{ color: #aaa;}
#modal_form ::-moz-placeholder{ color: #aaa;}
#modal_form :-ms-input-placeholder{ color: #aaa;}
#modal_form input{ -webkit-appearance: none;}
#modal_form input{ width:100%; max-width: 100%; padding:0.5em; font-family: Helvetica Neue, Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif; font-size:32px; font-weight:bold; line-height: 1.25em; border: none; background: #fff; border-radius: 16px;}
@media screen and (max-width:960px){
#modal_form input{ font-size: 4vw;}
}
@media screen and (max-width:640px){
#modal_form input{ font-size:4.5vw; border-radius:1vw;}
}
#modal_form .insta_form_btn{ text-align: center; margin: 30px auto 15px;}
@media screen and (max-width:640px){
#modal_form .insta_form_btn{ margin:3% auto 1.5%;}
}



@media print, screen and (min-width:641px){
.smp{ display:none !important;}
}
@media screen and (max-width:640px){
.pc{ display:none !important;}
}


/* 2020/02/08 ページ下に画像を追加 */
#fixed_ban{ position: fixed; right: 0; bottom: 0; z-index: 9999;}
#fixed_ban img{ width: 200px;}
#fixed_ban .smp{ display: none !important;}
@media only screen and (max-width: 750px) {
body{ padding-bottom: 15.6vw;}
#fixed_ban{ left: 0; right: 0; bottom: 0; margin: auto;}
#fixed_ban img{ width: 100%;}
#fixed_ban .pc{ display: none !important;}
#fixed_ban .smp{ display: block !important;}
}



/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc2 { display: block !important; 
display: flex;
  justify-content: center;
  align-items: center;
 }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc2 { display: none !important; }
.sp { display: block !important; }
}