@charset "utf-8";
@media screen and (max-width: 1024px) {
/*--------------------------------------------------------------*/
}


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

.width10{width:20%;}
.width8{width:12%;}
.width5{width:10%;}
.formbox .width5{width:8%;}

.spe_box .width10{width:12%;}

/*
br{display:none;}
*/


.fs100{font-size:60px !important;}
.fs110{font-size:60px !important;}
.fs120{font-size:60px !important;}
.fs130{font-size:60px !important;}
.fs140{font-size:60px !important;}
.fs150{font-size:60px !important;}

.subbg .fs30{font-size:16px !important;}
.subbg .fs40{font-size:25px !important;}
.subbg .fs50{font-size:25px !important;}
.subbg .fs60{font-size:25px !important;}
.subbg .fs70{font-size:30px !important;}
.subbg .fs80{font-size:35px !important;}
.subbg .fs90{font-size:40px !important;}
.subbg .fs100{font-size:45px !important;}
.subbg2 .fs100{font-size:50px !important;}

/*-------------------------------------------*/

canvas#c{
	animation: open_anime 6s linear;
}

@keyframes open_anime {
	0% { opacity:1; z-index:10000;transform:scale(1,1);}
	60% { opacity:1; z-index:10000;transform:scale(1,1);}
	80%{ opacity:0; z-index:10000;transform:scale(3,3);}
	100% { opacity:0;z-index:-10000;}
}

/*-------------------------------------------*/
.fixed_chan{
	width:20%;
	right:0;
}
.fixed_chan img{
	max-width:70px;
}
/*-------------------------------------------*/


.fv_msg{
	position:absolute;
	top:3rem;
	left:1rem;
	line-height:1.3;
}
.fv_msg_main{
	position:absolute;
	top:4rem;
	left:2rem;
	line-height:1.3;
}



/*--------------------------------------------------------------
.form_wrap {
    margin: -360px auto 11px;
}
/*--------------------------------------------------------------*/
.formbox{
	font-size:1rem;
	width:100%;
	text-align:left;
	padding:1rem 0;
}
/*--------------------------------------------------------------*/
.movie_waku_top{
	margin: -13% auto 0 auto;
}
/*--------------------------------------------------------------*/






}

@media screen and (max-width: 684px) {
/*--------------------------------------------------------------*/
.movie_waku_top{
	margin: -20% auto 0 auto;
}
/*--------------------------------------------------------------*/
.movie_waku{
	width:90%;
}
/*--------------------------------------------------------------*/
}

@media screen and (max-width: 540px) {
body{
	font-size:14px;
}

br.blk{display: inline-block;}
br.spbr{display: inline-block;}
br.pcbr{display: none;}

.pc-only{display: none;}
.sp-only{display: block;}


/****流れるコメント*************/
#main_slide_bg {
    height: 50px;
    font-size:1rem;
}
/****流れるコメント*************/


/*********************************/
.gray_box{
	font-size:1rem;
}
/*********************************/
.flex_one {
	max-width:80px;
}
.flex_two {
	max-width:50px;
}
/*********************************/

/*---------------------▼オプトインへだー----------------------------*/
.header {
	background:url(../../../../images/lps/opin/a_main/header_sp.png) top 14px center / 540px 685px no-repeat #d9b34a;
	width: 100%;
	height: 480px;
	margin: -14px auto 0;
	position:relative;
	padding:1px 0;
	z-index:3;
}
.header02 {
	background:url(../../../../images/lps/opin/a_main/header02_sp.png) top 14px center / 540px 800px no-repeat #d9b34a;
	width: 100%;
	height: 480px;
	margin: -14px auto 0;
	position:relative;
	padding:1px 0;
	z-index:3;
}
/*---------------------▼前フリへだー----------------------------*/
.headermf {
	background:url(../../../../images/lps/opin/a_main/headermf_sp.png) top 14px center / 540px 405px no-repeat #d9b34a;
	width: 100%;
	height: 420px;
	margin: -14px auto 0;
	position:relative;
	padding:1px 0;
	z-index:3;
}
.headermf .fs16 {
	font-size:.6rem;
}
.headermf .fs20 {
	font-size:1rem;
}
.headermf .fs22 {
	font-size:1.2rem;
}
.headermf .fs30 {
	font-size:1.4rem;
}
.fv_msg_mf{
	margin-left:1rem;
	max-width:250px;
}
.fv_msg_mf2{
	top: 13rem;
	left:1rem;
}
/*-------------▼エンペラー1へだー------------------------------*/
.headerenp1 {
	background:url(../../../../images/lps/opin/a_main/headerenp1_sp.png) top center / cover no-repeat #d9b34a;
	width: 100%;
	height: 100%;
	position:relative;
	padding:1px 0;
	z-index:3;
}
.header_conts_enp1{
padding-bottom:2rem;
	font-size:20px;
	line-height:1.6;
}

/*-------------▼Xデーlpへだー------------------------------*/
.headerxlp {
	background:url(../../../../images/lps/opin/a_main/headerxlp_sp.png) top 0px center / 100% auto no-repeat #fffdff;
    height: auto;
	position:relative;
	padding:1px 0;
	z-index:3;
}
.xlp {
    height: 380px;
}
.xlptxt{
	text-align:right;
	position:absolute;
	bottom:3rem;
	right:2rem;
}
/*---------------------▼セールスへだー----------------------------*/
.headerss {
	background:url(../../../../images/lps/opin/a_main/headerss_sp.png) top 14px center / 540px 430px no-repeat #d9b34a;
	width: 100%;
	height: 440px;
	margin: -14px auto 0;
	position:relative;
	padding:1px 0;
	z-index:3;
}
.headerss_txt {
	height: 440px;
	right:1rem;
}
.header_sl_top {
	background:url(../../../../images/lps/opin/a_main/headerss00.png) top 40px center / 80% no-repeat;
}

/*--------------------------------------------------------------*/
.sub_box {
    padding: 1.5rem .5rem;
    width:90%;
}
.sub_box2{
    padding: 1.5rem .5rem;
    width:100%;
}
/*--------------------------------------------------------------*/
.form_wrap {
    margin: -290px auto 11px;
}
.form_wrap2 {
    margin: -290px auto 11px;
}
/*--------------------------------------------------------------*/
.movie_waku_top{
	margin: -35% auto 0 auto;
}
/*--------------------------------------------------------------*/
.formbox {
    font-size: 0.3rem;
}
/*--------------------------------------------------------------*/
.fild{
	font-size:1.35rem;
	width:90%;
	margin-bottom:1rem;
}
.fild2{
	font-size:1.35rem;
	width:90%;
	margin:0 auto;
}
/*--------------------------------------------------------------*/
.formbox3 {
    padding: 0.5rem;
}
/*--------------------------------------------------------------*/
.main{
	font-size:14px;
}
.main p{
	padding:2rem 1rem;
}

/*--------------------------------------------------------------*/
.main_enp1{
	font-size:14px;
	margin-top:0px;
}
.main_enp1 p{
	padding:2rem 1.5rem;
}
/*--------------------------------------------------------------*/
.content-ss .main p {
	padding:2rem 1rem;
}
.content-ss .main .youkou_t p {
	padding:0rem 0rem;
}


/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
.hatena_box6 {
    padding: 0.5rem 0rem;
    width: 90%;
}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/

.hatena_box p{
	line-height:1.3;
}
.hatena_box{
	padding:0.5rem;
	border:0.3rem solid #FFDF90;
}
/*--------------------------------------------------------------*/
.hatena_box2{
	margin:2rem 0;
}
.hatena_box2 p{
	font-size:1.4rem;
}
/*--------------------------------------------------------------*/
.emo_box p{
	font-size:1.4rem;
}
/*--------------------------------------------------------------*/
.emo_box3 {
    padding: 0.3rem 0rem;
    border: 0.3rem solid #F68F63;
    width: 94%;
}
/*--------------------------------------------------------------*/
.intro_box {
	font-size:1.4rem;
	padding:2rem 0.5rem;
	border: 0.3rem solid #B1FBC5;
}
.intro_box p {
    padding: 0.5rem;
    font-size: 14px;
}
/*--------------------------------------------------------------*/
.ex_box p {
    padding: .5rem;
    font-size: 14px;
}
/*-------------------------------------------*/
.wt_box4{
	width:100%;
}
/*--------------------------------------------------------------*/
.balloon3 {
    font-size: 14px;
    border: #5ACC48 solid 0.3rem;
    width: 100%;
    margin: 2rem auto;
    padding: 2rem;
}
/*--------------------------------------------------------------*/
.banner_a{
	border:#cccccc outset .5rem;
}
/*--------------------------------------------------------------*/
.result_t th{
	font-size:10px;
	padding: 0.3rem;
}
.result_t td{
	font-size:12px;
	padding: 0.2rem;
}
/*--------------------------------------------------------------*/
.result_t2 th{
	font-size:10px;
	padding: 0.3rem;
	border: 0.1rem solid #B1FBC5;
}
.result_t2 td{
	font-size:10px;
	padding: 0.2rem;
	border: 0.1rem solid #B1FBC5;
}
/*--------------------------------------------------------------*/
.logo_left{
	margin-top:-0.5rem;
}
/*--------------------------------------------------------------*/
/*  ----------ローディング-------------- */
.loader img {
  width:100%;
  max-width:100px;
}
/*  ----------ローディング-------------- */
/*--------------------------------------------------------------*/
.iframe_wrap {
    padding-top: 485%;
}
/*--------------------------------------------------------------*/
.y_box {
    padding: 2rem .5rem;
    width:100%;
}
/*--------------------------------------------------------------*/
.place_button{
	padding:1.5rem 1rem 2rem 1rem;
	font-size:3rem;
	line-height:1;
}

/*--------------------------------------------------------------*/
.choice{
	line-height:1.7;
}
/*--------------------------------------------------------------*/
.service_t {
    width: 100%;
}
/*--------------------------------------------------------------*/
.anq_t{
	border:0.01rem #ccc solid;
	font-size:8px;
}
.anq_t_top {
    padding: 2rem;
}
.anq_t_top .logo_right{margin-top:-0.5rem;}
.anq_t td.num{
	border:0.01rem #ccc solid;
}
.anq_t td.nam{
	border:0.01rem #ccc solid;
	max-width: 33px;
}
.anq_t td.perc{
	border:0.01rem #ccc solid;
}
/*--------------------------------------------------------------*/
.youkou_t {
	width:98%;
	font-size:12px;
}
.youkou_t th{
	width:18%;
	padding:0.5rem 0;
}
.youkou_t td .fs16 {
    font-size: 1rem;
}
.youkou_t td .fs18 {
    font-size: 1rem;
}
.youkou_t td .fs20 {
    font-size: 1.2rem;
}
.youkou_t td .fs25 {
    font-size: 1.5rem;
}
.youkou_t td .fs70 {
    font-size: 3rem;
}

.youkou_t .emo_box6 {
    padding: 0.5rem 0rem;
}
.youkou_t .hatena_box4 {
    padding: 0.5rem 0rem;
	border-top: 0.3rem solid #FDD78F;
	border-bottom: none;
	border-right: none;
	border-left: none;
}
.youkou_t .hatena_box5 {
    padding: 0.5rem 0rem;
}
.youkou_t .hatena_box6 {
    padding: 0.5rem 0rem;
}
/*--------------------------------------------------------------*/
.voice_box{padding:1rem;}
/*--------------------------------------------------------------*/
#video {
    opacity: .2;
}
/*--------------------------------------------------------------*/



/*************************** Swiper ***************************/
:root {
    --swiper-navigation-size: 5rem !important;
}

.gacha_btn_t th.sp100{
	width:100%;
	display:block;
}
.top_gacha th{
	width:42%;
}
.top_gacha {
    padding: 0rem;
}
/*************************** Swiper ***************************/

/*******　ポイント課金モーダル　*************/
#modal {
  width: 80%;
  padding: 1.5rem;
}
#modal1 {
  width: 80%;
  padding: 1.5rem;
}
#modal2 {
  width: 80%;
  padding: 1.5rem;
}
#modal3 {
  width: 80%;
  padding: 1.5rem;
}
#modal4 {
  width: 80%;
  padding: 1.5rem;
}
#modal .fs25 {
  font-size:1.4rem;
}
#modal1 .fs25 {
  font-size:1.4rem;
}
#modal2 .fs25 {
  font-size:1.4rem;
}
#modal3 .fs25 {
  font-size:1.4rem;
}
#modal4 .fs25 {
  font-size:1.4rem;
}
/*******　ポイント課金モーダル　*************/
.point_box{
	font-size:1rem;
	max-width:120px;
}
.point_num{
	font-size:1.5rem;
}
.coin_icon{
	width:30%;
}


/*******　説明モーダル　*************/
.modal-wrapper .modal-window {
    width: 80%;
    padding:1rem;
    background: #fcfcfc;
    font-size:1.2rem;
}
/*******　説明モーダル　*************/

/*** トップ ***/
.top_t td.one {
    width: 18%;
}
.top_t td.two {
    width: 12%;
}
.top_t td.three, .four {
    vertical-align:bottom;
}
/*** トップ ***/

/*-------------------------------------------
くじのトップ部分
/*-------------------------------------------*/
.flex_line .btn-container {
    padding: 1rem 0.5rem 0 0rem;
}
/*-------------------------------------------
くじのトップ部分
/*-------------------------------------------*/


/*-------------------------------------------
久保メッセージ
/*-------------------------------------------*/
.message_wrap .title {
    font-size: 1.6rem;
}
.message_wrap .conts {
	font-size:1.2rem;
}
.message_wrap .day {
	font-size:1.2rem;
}
.message_wrap .day .cate {
	font-size:1.1rem;
}
.flex_message div{
	font-size:1.2rem;
}
/*-------------------------------------------
久保メッセージ
/*-------------------------------------------*/

/*************************** コレクションページ ***************************/
/* ===================================================
course  （ここもクリック前の横並びに並べる見映だけ）
=================================================== */
.course-wrapper {
    padding: 0 1.5rem;
}
.course-item {
    width: 30%;
    padding: 0.8rem 0;
}
/*************************** コレクションページ ***************************/
.my-parts {
  padding-top: 100%; /* = height ÷ width × 100 */
}


}




@media screen and (max-width: 490px) {
/*--------------------------------------------------------------*/
.movie_waku_top{
	margin: -55% auto 0 auto;
}
/*--------------------------------------------------------------*/
}

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

/*-------------▼Xデーlpへだー------------------------------*/
.headerxlp {
	background:url(../../../../images/lps/opin/a_main/headerxlp_sp.png) top 0px center / 100% auto no-repeat #fffdff;
    height: auto;
	position:relative;
	padding:1px 0;
	z-index:3;
}
.xlp {
    height: 280px;
}
.xlptxt{
	bottom:2rem;
	right:2rem;
}
/*-------------▼Xデー社長さんテーブルー------------------------------*/
.shacho_t th{
	width:40%;
	display:block;
	text-align:center;
	text-align:center;
	margin:0 auto;
}
.shacho_t td{
	width:100%;
	display:block;
}

.emo_box3_sw .fs25{
	font-size:1.2rem;
}
/*** Xデーフォームのアイフレーム用 ***/
.my-parts {
  padding-top: 160%; /* = height ÷ width × 100 */
}
/*** Xデーフォームのアイフレーム用 ***/

/*** Xデーラインナップテーブル ***/
.lineup_t th{
	width:23%;
	font-size:18px;
}
.lineup_t td{
	padding:.5rem;
	font-size:16px;
}
/*** Xデーラインナップテーブル ***/
.hatena_box3{
	padding:0.5rem;
}

/*　　　セールスヘッダー---------------------------------------------------*/
.header_sl_top {
	background:url(../../../../images/lps/opin/a_main/headerss00.png) top 60px center / 90% no-repeat;
}

}


@media screen and (max-width: 425px) {
/*　　　OPヘッダー---------------------------------------------------*/
.header {
	background:url(../../../../images/lps/opin/a_main/header_sp.png) top 14px center / 450px 560px no-repeat #d9b34a;
	width: 100%;
	height: 440px;
	margin: -14px auto 0;
	position:relative;
	padding:1px 0;
	z-index:3;
}
.header02 {
	background:url(../../../../images/lps/opin/a_main/header02_sp.png) top 14px center / 450px 650px no-repeat #d9b34a;
	width: 100%;
	height: 440px;
	margin: -14px auto 0;
	position:relative;
	padding:1px 0;
	z-index:3;
}
.fv_msg img.width15{
	width:12%;
}
.fv_msg_main img.width20{
	width:12%;
}
/*　　　前フリヘッダー---------------------------------------------------*/
.headermf {
	background:url(../../../../images/lps/opin/a_main/headermf_sp.png) top 14px center / 480px 355px no-repeat #d9b34a;
	width: 100%;
	height: 370px;
	margin: -14px auto 0;
	position:relative;
	padding:1px 0;
	z-index:3;
}
/*　　　セールスヘッダー---------------------------------------------------*/
.headerss {
	background:url(../../../../images/lps/opin/a_main/headerss_sp.png) top 14px center / 450px 390px no-repeat #d9b34a;
	width: 100%;
	height: 400px;
	margin: -14px auto 0;
	position:relative;
	padding:1px 0;
	z-index:3;
}
.headerss_txt {
	height: 390px;
}
.header_sl_top {
	background:url(../../../../images/lps/opin/a_main/headerss00.png) top 40px center / 90% no-repeat;
}

/*-------------------------------------------*/
.youtube {
  border:#ff0000 solid .5rem;
}
/*-------------------------------------------*/

}


@media screen and (max-width: 400px) {
/*--------------------------------------------------------------*/
.movie_waku_top{
	margin: -60% auto 0 auto;
}
/*--------------------------------------------------------------*/

}









@media screen and (max-width: 280px) {
/*-----------------▼オプトインへだー-----------------------*/
.header {
	background:url(../../../../images/lps/opin/a_main/header_sp.png) top 14px center / 320px 400px no-repeat #d9b34a;
	width: 100%;
	height: 400px;
	margin: -14px auto 0;
	position:relative;
	padding:1px 0;
	z-index:3;
}
.header02 {
	background:url(../../../../images/lps/opin/a_main/header02_sp.png) top 14px center / 320px 470px no-repeat #d9b34a;
	width: 100%;
	height: 475px;
	margin: -14px auto 0;
	position:relative;
	padding:1px 0;
	z-index:3;
}
.formbox{
	line-height:1.5;
}
.formbox2{
	line-height:1.5;
}
.fv_msg .fs14{
	font-size:0.8rem;
}
.fild {
    font-size: 1rem;
}
.fild2 {
    font-size: 1rem;
}
/*-----------------▼前フリへだー-----------------------*/
.headermf {
	background:url(../../../../images/lps/opin/a_main/headermf_sp.png) top 14px center / 280px 210px no-repeat #d9b34a;
	width: 100%;
	height: 225px;
	margin: -14px auto 0;
	position:relative;
	padding:1px 0;
	z-index:3;
}
.headermf .fs16{
	font-size:.6rem;
}
.headermf .fs20{
	font-size:.6rem;
}
.headermf .fs22{
	font-size:.8rem;
}
.headermf .fs30{
	font-size:1rem;
}

.fv_msg_mf {
    margin: 3rem auto 0 auto;
}
.fv_msg_mf2 {
    top: 7rem;
}
/*-------------▼Xデーlpへだー------------------------------*/
.xlp {
	height:210px;
}
.xlp .fs16{
	font-size:1rem;
}
/*---------------------▼セールスへだー----------------------------*/
.headerss {
	background:url(../../../../images/lps/opin/a_main/headerss_sp.png) top 14px center / 280px 230px no-repeat #d9b34a;
	height: 240px;
}
.headerss_txt {
	height: 245px;
}
.headerss_txt1{
	font-size:1rem;
}
.headerss_txt2.fs16{
	font-size:1rem;
}
.header_sl_top {
	background:url(../../../../images/lps/opin/a_main/headerss00.png) top 40px center / 70% no-repeat;
}

/*--------------------------------------------------------------*/

.gray_box {
    font-size: .6rem;
}
/*************　ポイント購入＋ボタン　*************/
button {
    font-size: 1.2rem;
    border: double 0.2rem #E2D81B;
    width: 2.8rem;
    height: 2.8rem;
}
.point_num {
    font-size: 1.2rem;
}
.coin_icon {
    width: 24%;
}

/*************　ポイント購入＋ボタン　*************/

/*-------------------------------------------
久保メッセージ
/*-------------------------------------------*/
.message_wrap .title {
    font-size: 1.4rem;
}
.message_wrap .conts {
    font-size: 1.1rem;
}
.message_wrap .day {
    font-size: 1.1rem;
}
.message_wrap .day .cate {
    font-size: 1rem;
}
.flex_message div {
    font-size: 1rem;
}
/*-------------------------------------------
久保メッセージ
/*-------------------------------------------*/

.applicationButton01 {
    margin: 1rem auto;
}
/*--------------------------------------------------------------*/
.form_wrap {
    margin: -290px auto 11px;
}
.form_wrap2 {
    margin: -370px auto 11px;
}
.fild{
	width:90%;
}
.fild2{
	width:90%;
}
/*--------------------------------------------------------------*/
.movie_waku_top{
	margin: -90% auto 0 auto;
}
/*--------------------------------------------------------------*/
.my-parts {
  padding-top: 220%; /* = height ÷ width × 100 */
}


.lineup_t th {
    font-size: 14px;
}

}