@charset "UTF-8";
/* CSS Document */

html {
overflow:auto;
width:100%;
}

main {
	min-width: 1280px;
	margin-top: 0px;
    position: relative;
}

#sns,
#movie,
#chart,
#qa,
#manga{
margin-top: -120px;
padding-top: 120px;
}


.top_movie{
width: 100vw;
max-height: 1200px;
display: block;
margin: 0px auto 130px auto;
position: relative;
top: 100px;
overflow: hidden;
}

.top_movie video{
width: 100vw;
height: auto;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
position: relative;
}

.kokomite{
display: block;
position: relative;
width: 500px;
height: auto;
margin: 0px auto -400px auto;
top: -600px;
filter: none;
}

article {
width: 1280px;
height: auto;
display: block;
margin: 0px auto;
background-image: url("../image/background_image.png");
background-repeat: repeat;
background-position: center;
background-size: 100%;
position: relative;
top: 70px;
padding-top: 5px;
}


.sns01{
margin: 0px auto;
display: block;
width: 1000px;
height: 1150px;
overflow: hidden;
padding: 0 0 50px 0;
}

.sns01 .title{
display: block;
width: 475px;
height: 332px;
margin: 0px auto 25px auto;
background-image: url("../image/pc/01_title.png");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.sns01 ul{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;/*　隙間の大きさ　*/
    list-style: none;
    width: 70%;/*　升の大きさ　*/
    margin: 0px auto 0px auto;
    padding: 0;
    left: 0;
}

.sns01 ul li{
    position: relative;
    width: calc((100% - 40px)/3);
    padding: 0;
}

@media screen and (max-width: 750px){
.sns01 ul li{
        width: calc((100% - 20px)/2);
    }
}

.sns01 ul li::before{
	content: "";
	display: block;
	padding-top: 100%;
}

.sns01 ul a{
	position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.sns01 ul img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.movie02{
margin: 0px auto;
display: block;
width: 830px;
height: auto;
padding: 0 0 80px 0;
}

.movie02 .title{
display: block;
width: 475px;
height: 269px;
margin: 0px auto 25px auto;
background-image: url("../image/pc/02_title.png");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.movie02 ul{
width: 830px;
height: auto;
display: block;
}
.movie02 ul li{
margin: 0px 10px;
display: block;
width: 385px;
height: 230px;
float: left;
list-style: none;
margin-bottom: 35px;
}
.movie02 ul li iframe{
width: 385px;
height: 200px;
}
.movie02 ul li img{
display: block;
width: 80%;
height: auto;
margin: 0px auto 0px auto;
}

.movie02 .mov_club{
	width: 100vw;
    height: 300px;
    position: relative;
    top: 0px;
    left: 50%;
	background-position: center;
	margin: 0px auto 0px auto;
	padding: 25px 0px;
    transform: translateX(-50%);
	background-color:hsla(14,79%,56%,0.20);
	filter:contrast(1);
    clear: both;
    z-index: 0;
}
.movie02 .mov_club .inner{
width: 830px;
height: auto;
display: block;
margin: 0px auto 0px auto;
position: relative;
top: 0px;
z-index: 2;
}
.movie02 .mov_club .inner h4{
display: block;
width: 282px;
height: 55px;
margin: 0px auto 20px auto;
background-image: url("../image/pc/02_title_club.png");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.movie02 .mov_club .inner ul{
width: 830px;
height: auto;
display: block;
}
.movie02 .mov_club .inner ul li{
margin: 0px 10px;
display: block;
width: 385px;
height: 230px;
float: left;
list-style: none;
margin-bottom: 35px;
}
.movie02 .mov_club .inner ul li iframe{
width: 385px;
height: 200px;
}
.movie02 .mov_club .inner ul li img{
display: block;
width: 80%;
height: auto;
margin: 0px auto 0px auto;
}


.movie02 .life1,
.movie02 .life2,
.movie02 .life3{
margin: 0px auto;
display: block;
width: 722px;
height: auto;
padding: 0 0 80px 0;
}
.movie02 .life1 h4,
.movie02 .life2 h4{
display: block;
width: 466px;
height: 130px;
margin: 0px auto 25px auto;
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.movie02 .life1 h4{
background-image: url("../image/pc/02_title01.png");
margin-top: 190px;
}
.movie02 .life2 h4{
background-image: url("../image/pc/02_title02.png");
}
.movie02 .life3 h4{
display: block;
width: 282px;
height: 37px;
margin: 0px auto 45px auto;
background-image: url("../image/pc/02_title03.png");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.movie02 .life1 p,
.movie02 .life2 p,
.movie02 .life3 p{
font-size: 20px;
color: #333;
font-weight: 300;
text-align: justify;
letter-spacing: -1px;
padding-bottom: 45px;
}

.movie02 .life1 a,
.movie02 .life2 a,
.movie02 .life3 a{
color: #e76036;
font-size: 17px;
font-weight: 300;
text-align: justify;
padding-right: 20px;
letter-spacing: normal;
}

.movie02 .life1 .pc_img,
.movie02 .life2 .pc_img,
.movie02 .life3 .pc_img{
position: relative;
display: block;
}
.movie02 .life1 .sp_img,
.movie02 .life2 .sp_img,
.movie02 .life3 .sp_img{
display: none;
}
.movie02 .life1 .seifuku{
display: block;
width: 897px;
height: 1273px;
margin: 0px auto 35px -23%;
background-image: url("../image/pc/04_image2.png");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.movie02 .slide_box{
padding: 0% 0 7% 0;
margin: 0 calc(50% - 50vw);
width: 100vw;
position: relative;
z-index: 10;
}
.movie02 .slide_box .slide{
display: block;
width: 100%;
}
.movie02 .slide_box .slide .slide__item {
    margin-right: 10px;
    margin-left: 10px;
}

.chart03{
margin: 0px auto;
display: block;
width: 830px;
height: auto;
padding: 0 0 80px 0;
}

.chart03 .title{
display: block;
width: 475px;
height: 332px;
margin: 0px auto 25px auto;
background-image: url("../image/pc/03_title.png");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.open_box{
display: block;
width:700px;
height: 65px;
padding: 0;
text-align: center;
margin: 20px auto;
}
.open_box label{
cursor: pointer;
transition: 1s;
display: block;
}
.box input[type="checkbox"].on-off,
.box input[type="checkbox"].on-off +div{
	display: none;
}
.box input[type="checkbox"].on-off:checked +div{
	display:block;
}
.open_box input[type="checkbox"].on-off,
.open_box input[type="checkbox"].on-off +div{
	display: none;
}
.open_box input[type="checkbox"].on-off:checked +div{
	display:block;
}
.open_box label img{
width: 353px;
height: 52px;
display: inline;
margin: 5px auto;
background-color:#5aae80;
padding: 7px 174px;
border-radius: 65px;
}
.open_box label img:hover{
opacity: 0.6;
}
.open_box div{
	margin: 4px auto 0px auto;
    height: auto;
    width:100%;
    position: relative;
    z-index: 1;
}
.open_box div .chart_img{
width: 100%;
height: 100%;
display: block;
margin: 0px auto;
}


.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label .label_title1 {
width:70%;
height: 65px;
display: block;
margin: 5px auto;
background-color:#5aae80;
padding: 4px 10%;
border-radius: 65px;
position: relative;
z-index: 10;
}
.hidden_box label .label_title2 {
width:70%;
height: 65px;
display: block;
margin: 5px auto;
background-color:#7b75a9;
padding: 4px 10%;
border-radius: 65px;
}
.hidden_box label .label_title1 img,
.hidden_box label .label_title2 img{
width: 65%;
height: auto;
display: block;
margin: 3px auto 0px auto;
}
.hidden_box label .label_title1:hover{
opacity: 0.5;
}
.hidden_box label .label_title2:hover{
opacity: 0.5;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
    overflow:visible;
}

/*背景白　クリックで中身表示*/
.hidden_box .hidden_show_w {
    padding: 50px 0;
    height: auto;margin-top: 40px;
    background-color: #ffffff;
    opacity: 1;
    overflow:visible;
 /*    20240703_臨時  常時開く   height: 0;
    padding: 0;
    overflow:visible;
overflow: hidden;
    opacity: 0;
    transition: 0.8s;*/
}

/*背景白　クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show_w {
    padding: 50px 0;
    height: auto;margin-top: 40px;
    background-color: #ffffff;
    opacity: 1;
    overflow:visible;
}

.chart04{
margin: 0px auto;
display: block;
width: 830px;
height: auto;
padding: 0 0 80px 0;
}
.chart04 .title{
display: block;
width: 475px;
height: 269px;
margin: 0px auto 25px auto;
background-image: url("../image/pc/04_title.png");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.chart04 .gakkou{
display: block;
width: 775px;
height: 37px;
margin: 0px auto 25px auto;
background-image: url("../image/pc/04_gakkou.png");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.chart04 .life{
display: block;
width: 775px;
height: 37px;
margin: 70px auto 25px auto;
background-image: url("../image/pc/04_life.png");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.hidden_box .hidden_show_w .q{
width:48px;
height: auto;
float: left;
position: relative;
padding-left: 30px;
}
.hidden_box .hidden_show_w .q img{
width:48px;
height:48px;
position: absolute;
}
.hidden_box .hidden_show_w .q_p{
display: block;
width:705px;
height:auto;
border-bottom: solid 1px #afafb0;
position: relative;
left: 90px;
padding: 10px 0;/*スマホ改行時不要　削除*/
}
.hidden_box .hidden_show_w .q_p img{
display: block;
width:24px;
height:24px;
position: absolute;
border-bottom: solid 1px #afafb0;
right: 0;
bottom: 10px;
border: none;
}
.hidden_box .hidden_show_w .q_p h6{
height:auto;
color: #7b75a9;
font-size: 22px;
font-weight: 500;
letter-spacing: normal;
width: 100%;
}
.hidden_box .hidden_show_w .q_p h6 br{
display: none;
}


.hidden_box .hidden_show_w .a{
width:48px;
height: auto;
float: left;
position: relative;
padding-left: 30px;
}
.hidden_box .hidden_show_w .a img{
width:48px;
height:48px;
position: absolute;
}
.hidden_box .hidden_show_w .a_p{
font-size: 20px;
color: #333;
font-weight: 300;
text-align: justify;
display: block;
width:705px;
height:auto;
position: relative;
left: 90px;
padding: 10px 0;/*スマホ改行時不要　削除*/
}
.hidden_box .hidden_show_w .a_p p{
padding-bottom: 20px;
}
.hidden_box .hidden_show_w .a_p span{
font-size: 17px;
color: #333;
font-weight: 300;
text-align: justify;
}
.hidden_box .hidden_show_w .a_p strong{
font-size: 18px;
color: #7b75a9;
font-weight: 600;
text-align: justify;
}
.hidden_box .hidden_show_w .a_p a{
color: #7b75a9;
font-size: 17px;
font-weight: 300;
text-align: justify;
padding-right: 20px;
}
.hidden_box .hidden_show_w .a_p .br{
display: none;
}
.hidden_box .hidden_show_w .a_p .pc_img{
position: relative;
display: block;
}
.hidden_box .hidden_show_w .a_p .sp_img{
display: none;
}
.hidden_box .hidden_show_w .a_p .movie_iframe{
width: 320px;
height: auto;
margin: 0px auto;
}
.hidden_box .hidden_show_w .a_p .movie_iframe iframe{
width: 320px;
height: 180px;
display: block;
}


.manga05{
margin: 0px auto;
display: block;
width: 950px;
height: auto;
position: relative;
padding: 30px 0 20px 0;
}
.manga05 .pc{
display: block;
}
.manga05 .sp{
display: none;
}
.manga05 .title{
display: block;
width: 475px;
height: 335px;
margin: 0px auto 25px auto;
background-image: url("../image/pc/05_title.png");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.manga05 .comics1{
width: 581px;
height: auto;
margin: 0px auto;
float: left;
padding-left: 0%;
}
.manga05 .comics2
{
width: 308px;
height: auto;
float: left;
padding: 0 0 0 2px;
margin-bottom: 0;
}
.manga05 .comics3
{
width: 581px;
height: auto;
margin: 0px auto;
float: left;
padding-left: 0%;
}
.manga05 .comics4
{
width: 308px;
height: auto;
float: left;
padding: 0 0 0 0;
margin-bottom: 0;
}
.manga05 .comics5
{
width: 63%;
height: auto;
margin: 0px 0px auto auto;
}
.manga05 .comics6
{
width: 50%;
height: auto;
margin: 0px auto;
float: left;
}

.manga05 .comics7
{
width: 50%;
height: auto;
margin: 0px auto;
float: right;
}
/* ============================================== スマートフォン ============================================================================================================================================== */
@media screen and (max-width: 750px) {


html {
overflow:visible;
width:100%;
}

#sns,
#movie,
#chart,
#qa,
#manga{
margin-top: -50px;
padding-top: 50px;
}

main {
	min-width: 100%;
    position: relative;
}

.top_movie{
width: 100%;
height: 740px;
display: block;
margin: 0px auto;
position: relative;
top: -30px;
overflow: hidden;
}

.top_movie video{
width: 1200px;
height: auto;
display: block;
margin: 0px auto;
position: relative;
top: 0;
left: -25%;
background-position: center center;
}
.kokomite{
display: block;
position: relative;
width: 70%;
height: auto;
margin: 0px auto -260px auto;
top: -280px;
filter: drop-shadow(7px 7px 13px #4c4948);
z-index: 10;
}

article {
width: 100%;
height: auto;
display: block;
margin: 0px auto -180px auto;
background-image: url("../image/background_image.png");
position: relative;
top: -68px;
padding-bottom: 0px;
padding-top: 100px;
}

.sns01{
width: 100%;
height: 758px;
display: block;
margin: 0px auto 50px auto;
overflow: hidden;
top: 90px;
padding: 0 0 80px 0;
}

.sns01 .title{
display: block;
width: 100%;
height: 0px;
padding-top: 70%;
margin: 0px auto -20px auto;
background-image: url("../image/pc/01_title.png");
background-repeat: no-repeat;
background-position: center;
background-size: 76%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.sns01 ul{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;/*　隙間の大きさ　*/
    list-style: none;
    width: 360px;/*　升の大きさ　*/
    margin: 0px auto 30px 8%;
    padding: 0;
}


.movie02{
margin: 0px auto;
display: block;
width: 100%;
height: auto;
padding: 60px 0 80px 0;
}

.movie02 .title{
display: block;
width: 100%;
height: 0px;
padding-top: 56%;
margin: 0px auto 0px auto;
background-image: url("../image/pc/02_title.png");
background-repeat: no-repeat;
background-position: center;
background-size: 76%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.movie02 ul{
width: 100%;
height: auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.movie02 ul li{
margin: 0px auto;
width: 80%;
height: auto;
float: none;
margin-bottom: 18px;
}
.movie02 ul li iframe{
width: 100%;
height: 180px;
}
.movie02 ul li img{
display: block;
width: 95%;
height: auto;
margin: -5px auto 0px auto;
}
.movie02 ul .order1{
order: 0;
}
.movie02 ul .order2{
order: 1;
}
.movie02 ul .order3{
order: 2;
}
.movie02 ul .order4{
order: 3;
}

.movie02 .mov_club{
	width: 100vw;
    position: relative;
    left: 50%;
	background-position: center;
	margin: 10px auto 0px auto;
	padding:20px 0px 0px 0px;
    transform: translateX(-50%);
	background-color:hsla(14,79%,56%,0.20);
	filter:contrast(1);
    clear: both;
    z-index: 0;
}
.movie02 .mov_club .inner{
display: block;
	margin: 0px auto;
	width: 100%;
    height: auto;
position: relative;
top: 0px;
z-index: 2;
}
.movie02 .mov_club .inner h4{
display: block;
width: 282px;
height: 60px;
padding: 0px;
margin: 0px auto 10px auto;
background-image: url("../image/pc/02_title_club.png");
background-repeat: no-repeat;
background-size: 90%;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.movie02 .mov_club .inner ul{
width: 100%;
height: auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.movie02 .mov_club .inner ul li{
margin: 0px auto;
width: 80%;
height: auto;
float: none;
margin-bottom: 18px;
}
.movie02 .mov_club .inner ul li iframe{
width: 100%;
height: 180px;
}
.movie02 .mov_club .inner ul li img{
display: block;
width: 95%;
height: auto;
margin: -5px auto 0px auto;
}


.movie02 .life1,
.movie02 .life2,
.movie02 .life3{
margin: 0px auto;
display: block;
width: 80%;
height: auto;
padding: 0 0 40px 0;
}
.movie02 .life1 h4,
.movie02 .life2 h4{
display: block;
width: 100%;
height: 0px;
padding-top: 28%;
margin: 0px auto 25px auto;
background-repeat: no-repeat;
background-size: 95%;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.movie02 .life1 h4{
background-image: url("../image/pc/02_title01.png");
margin-top: 100px;
}
.movie02 .life2 h4{
background-image: url("../image/pc/02_title02.png");
}
.movie02 .life3 h4{
display: block;
width: 282px;
height: 37px;
margin: 0px auto 15px auto;
background-image: url("../image/pc/02_title03.png");
background-repeat: no-repeat;
background-size: 85%;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.movie02 .life1 p,
.movie02 .life2 p,
.movie02 .life3 p{
font-size: 17px;
color: #333;
font-weight: 300;
text-align: justify;
letter-spacing: -1px;
padding-bottom: 15px;
}

.movie02 .life1 a,
.movie02 .life2 a,
.movie02 .life3 a{
color: #e76036;
font-size: 15px;
font-weight: 600;
text-align: justify;
padding-right: 20px;
}

.movie02 .life1 .pc_img,
.movie02 .life2 .pc_img,
.movie02 .life3 .pc_img{
display: none;
}
.movie02 .life1 .sp_img,
.movie02 .life2 .sp_img,
.movie02 .life3 .sp_img{
position: relative;
display: block;
}
.movie02 .life1 .seifuku{
display: block;
width: 115%;
height: 0px;
padding-top: 440%;
margin: 0px auto 35px -5%;
background-image: url("../image/sp/04_image2_sp.png");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.movie02 .slide_box{
display: block;
padding: 0;
margin: 8% 0 5% 0;
width: 100%;
height: 200px;
position: relative;
overflow: hidden;
z-index: 10;
}
.movie02 .slide_box .slide{
display: block;
width: 1200px;
position: absolute;
top: 0px;
}
.movie02 .slide_box .slide .slide__item {
    margin-right: 10px;
    margin-left: 10px;
}


.chart03{
margin: 0px auto;
display: block;
width: 100%;
height: auto;
padding: 0 0 80px 0;
}

.chart03 .title{
display: block;
width: 100%;
height: 0px;
padding-top: 70%;
margin: 0px auto -40px auto;
background-position: center;
background-size: 76%;
}
.open_box{
display: block;
width:90%;
height: 35px;
margin: 10px auto 10px auto;
float: none;
border-radius: 40px;
}

.open_box label img{
width:75%;
height: auto;
display: inline;
margin: 5px auto;
background-color:#5aae80;
padding: 4px 10%;
border-radius: 65px;
}
.open_box div{
	margin: 4px auto 0px auto;
    height: auto;
    width:100%;
    position: relative;
    z-index: 1;
}
.open_box div .chart_img{
width: 100%;
height: auto;
display: block;
margin: 0px auto;
}


.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label .label_title1,
.hidden_box label .label_title2{
width: 80%;
height: auto;
margin: 0px auto;
cursor :pointer;
padding: 1% 0%;
z-index: 2;
}

/*ボタン装飾*/

.hidden_box label .label_title1 img,
.hidden_box label .label_title2 img{
width: 78%;
height: auto;
display: block;
margin: 0px auto;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    background-color: #ffffff;
    width: 100%;
    margin: 30px auto;
    opacity: 1;
    /*padding: 7px 0;
    height: auto;
    opacity: 1;*/
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show_w {
    padding: 10px 0;
    height: auto;
    background-color: #ffffff;
    width: 85%;
    margin: 30px auto;
    opacity: 1;
}

.chart04{
margin: 0px auto;
display: block;
width: 100%;
height: auto;
padding: 0 0 80px 0;
}

.chart04 .title{
display: block;
width: 100%;
height: 0px;
padding-top: 56%;
margin: 0px auto 0px auto;
background-repeat: no-repeat;
background-position: center;
background-size: 76%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.chart04 .gakkou{
display: block;
width: 100%;
height: 0px;
padding-top: 9%;
margin: 0px auto -10px auto;
background-image: url("../image/sp/04_gakkou_sp.png");
background-repeat: no-repeat;
background-size: 90%;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.chart04 .life{
display: block;
width: 100%;
height: 0px;
padding-top: 9%;
margin: 50px auto -10px auto;
background-image: url("../image/sp/04_life_sp.png");
background-repeat: no-repeat;
background-size: 90%;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.hidden_box .hidden_show_w .q{
width:35px;
height: auto;
float: left;
position: relative;
padding-left: 5%;
}
.hidden_box .hidden_show_w .q img{
width:35px;
height:35px;
position: absolute;
}
.hidden_box .hidden_show_w .q_p{
display: block;
width:80%;
height:auto;
border-bottom: solid 1px #afafb0;
position: relative;
left: 17%;
padding: 3px 0 0 0;/*スマホ改行時不要　削除*/
}
.hidden_box .hidden_show_w .q_p img{
display: block;
width:17px;
height:17px;
position: absolute;
border-bottom: solid 1px #afafb0;
right: 0;
bottom: 5px;
border: none;
}
.hidden_box .hidden_show_w .q_p h6{
height:auto;
color: #7b75a9;
font-size: 17px;
font-weight: 500;
letter-spacing: -1px;
width: 95%;
}
.hidden_box .hidden_show_w .q_p h6 br{
display: block;
}


.hidden_box .hidden_show_w .a{
width:35px;
height: auto;
float: left;
position: relative;
padding-left: 5%;
}
.hidden_box .hidden_show_w .a img{
width:35px;
height:35px;
position: absolute;
}
.hidden_box .hidden_show_w .a_p{
font-size: 17px;
color: #333;
font-weight: 300;
text-align: justify;
display: block;
width:80%;
height:auto;
position: relative;
left: 17%;
padding: 3px 0 0 0;/*スマホ改行時不要　削除*/
}
.hidden_box .hidden_show_w .a_p p{
padding-bottom: 10px;
}
.hidden_box .hidden_show_w .a_p span{
font-size: 15px;
color: #333;
font-weight: 300;
text-align: justify;
}
.hidden_box .hidden_show_w .a_p strong{
font-size: 18px;
color: #7b75a9;
font-weight: 600;
text-align: justify;
}
.hidden_box .hidden_show_w .a_p a{
color: #7b75a9;
font-size: 16px;
font-weight: 500;
text-align: justify;
padding-right: 10px;
}
.hidden_box .hidden_show_w .a_p .br{
display: block;
}
.hidden_box .hidden_show_w .a_p .pc_img{
display: none;
}
.hidden_box .hidden_show_w .a_p .sp_img{
display: block;
position: relative;
}
.hidden_box .hidden_show_w .a_p .movie_iframe{
width: 100%;
height: auto;
margin: 0px;
}
.hidden_box .hidden_show_w .a_p .movie_iframe iframe{
width: 100%;
height: auto;
display: block;
}

.manga05{
margin: 0px auto;
display: block;
width: 100%;
height: auto;
padding: 0 0 40px 0;
}
.manga05 .pc{
display: none;
}
.manga05 .sp{
display: block;
}
.manga05 .title{
display: block;
width: 100%;
height: 0px;
padding-top: 70%;
margin: 0px auto 0px auto;
background-position: center;
background-size: 76%;
}

.manga05 .comics1,
.manga05 .comics3
{
width: 90%;
height: auto;
margin: 0px auto 40px auto;
float: none;
padding-left: 2%;
}
.manga05 .comics2
{
width: 50%;
height: auto;
float: left;
padding: 0 0 0 5%;
margin-bottom: 40px;
}
.manga05 .comics4
{
width: 50%;
height: auto;
float: right;
padding: 0 9% 0 0;
margin-bottom: 40px;
}
.manga05 .comics5
{
width: 90%;
height: auto;
margin: 0px auto;
margin-bottom: 40px;
}

.manga05 .comics6
{
width: 80%;
height: auto;
margin: 0px auto;
float: none;
display: block;
}

.manga05 .comics7
{
width: 80%;
height: auto;
margin: 0px auto;
float: none;
display: block;
}


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

.sns01{
height: 685px;
padding-bottom: 70px;
}

.sns01 ul{
    width: 320px;/*　升の大きさ　*/
    margin: 0px auto 50px 9%;
}
}