@charset "utf-8";

img{
max-width:100%;
}

body{
font-size:93%;
-webkit-text-size-adjust: 100%;
line-height:150%;
background-image: none;
background-color: #FFF;
min-width:initial;
min-width:auto;
}

header{
width:100%;
padding:0;
border-top: 5px solid #3bb4b4;
border-bottom:none;
background-image: none;
margin:0 0 5px;
}


/* PC用表示切り替え */

header section#head{display:none;}

header section#head_sp{display:inline;}

header section#head_sp{
width:100%;
margin:0 auto;
overflow:hidden;
padding:0;
}

header section#head_sp h1{
width:100%;
margin:0;
padding:0;
}

header section#head_sp p.copy{
width:auto;
margin:10px;
padding:10px 20px;
font-size:100%;
border: dashed 5px #7ecdf6;
border-radius:15px;
}

#main{
clear:both;
width:auto;
padding:5px 10px 10px;
margin:0 auto;
}

.point{
	margin-left:0;
}

footer{
padding:10px 0;
}

/*------------------inside page-----------------------*/

/* PC用表示切り替え */
#chapter{display:none;}
#chapter_sp{display:inline;}

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

p.supervise{
text-align:left;
padding:0px 5px 15px;
font-size:90%;
}

/*-- category --*/
#category {
margin-bottom:20px;
}

#category img{
display:inline-block;
margin-left:0px;
width:100px;
height:26px;
}

#category .wrap{
width:auto;
display:inline;
border-spacing: 0 0; 
}

#category .box{
width:45%;
display:block-inline;
padding:5px;
margin:0 5px 5px 0px;
border-radius:8px;
font-size:80%;
line-height:1.2em;
float:left;
}

#category .box span{
font-size:100%;
font-weight:bold;
line-height:1.4em;
}


#chapter_sp .accbox {
    margin: 1em 0;
    padding: 0;
    max-width: 767px;/*最大幅*/
}

/*ラベル*/
#chapter_sp .accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 11px 12px;
    color :#FFF;
    font-weight: bold;
    background :#3cb4b3;
    cursor :pointer;
    transition: all 0.5s;
}

#chapter_sp .accbox label:last-of-type {
    background-color :#ed89a1 !important;
}

/*ラベルホバー時*/
#chapter_sp .accbox label:hover {
    background :#3cb4b3;
}

/*チェックは隠す*/
#chapter_sp .accbox input {
    display: none;
}

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

/*クリックで中身表示*/
#chapter_sp .cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #FFF;
    opacity: 1;
}

#chapter_sp .wrap{
display:inline;
width: auto;
border-collapse: separate;
margin-bottom:5px;
border-spacing: 0 0; }

#chapter_sp .box{
display:block;
width:auto;
padding:10px 10px;
margin:0px 0px 15px;
border-radius: 5px;
border-width: 3px;
border-style: solid;
}

#chapter_sp .box img{
width:220px;
height:150px;
margin:0 auto;
text-align:center;
display:block;
}
#chapter_sp p{
position: relative;
}
#chapter_sp p img{
position: relative;
width:15px !important;
height:15px !important;
padding-right:10px;
top:3px;
display:inline-block !important;
}

#chapter_sp .box .sPhoto{
width:220px;
height:130px !important;
margin:0 auto;
}

#chapter_sp .Strech{
border-color:#ebb529;
}
#chapter_sp .Strech h3{
font-size:110%;
color:#e7a000;
line-height:1.2em;
}
#chapter_sp .Strech h3 span{
font-size:80%;
}
#chapter_sp .Strech a{
color:#FFF;
font-size:80%;
font-weight:bold;
}
#chapter_sp .Strech p{
background-color:#e7a000;
border-radius: 14px;
text-align:center;
padding:3px;
margin-bottom:5px;
}

#chapter_sp .Trunk{
border-color:#269dd0;
}
#chapter_sp .Trunk h3{
font-size:110%;
color:#008ccf;
line-height:1.2em;
}
#chapter_sp .Trunk h3 span{
font-size:80%;
}
#chapter_sp .Trunk a{
color:#FFF;
font-size:80%;
font-weight:bold;
}
#chapter_sp .Trunk p{
background-color:#008ccf;
border-radius: 14px;
text-align:center;
padding:3px;
margin-bottom:5px;
}

#chapter_sp .Fmin{
border-color:#e48789;
}
#chapter_sp .Fmin h3{
font-size:110%;
color:#ec7075;
line-height:1.2em;
}
#chapter_sp .Fmin h3 span{
font-size:80%;
}
#chapter_sp .Fmin a{
color:#FFF;
font-size:80%;
font-weight:bold;
}
#chapter_sp .Fmin p{
background-color:#ec7075;
border-radius: 14px;
text-align:center;
padding:3px;
margin-bottom:5px;
}
#chapter .Strech02{
border-color:#728ec1;
}
#chapter_sp .Strech02 h3{
font-size:110%;
color:#5976b9;
line-height:1.2em;
}
#chapter_sp .Strech02 h3 span{
font-size:80%;
}
#chapter_sp .Strech02 a{
color:#FFF;
font-size:80%;
font-weight:bold;
}
#chapter_sp .Strech02 p{
background-color:#5976b9;
border-radius: 14px;
text-align:center;
padding:3px;
margin-bottom:5px;
}