@import url("t1.php");
@charset "UTF-8";
/* CSS Document */
/* t0.css SP用スタイル0 */
@media (max-width:767px) {



/*　　　ドラフトスタイル　　　*/

/*
body *{opacity: 0.9;}


main,
body,
.lv2:not(hr){
    border:solid 0.1px blue;
    background:rgba(0, 0, 255, 0.15);
}
header > *,
main > *,
footer > *{
    border:solid 0.1px red;
    background:rgba(255, 0, 0, 0.15);
}
header > * > *,
main > * > *,
footer > * > *{
    border:solid 0.1px green;
    background:rgba(0, 128, 0, 0.15);
}
header > * > * > *,
main > * > * > *,
footer > * > * > *{
    border:solid 0.1px violet;
    background:rgba(238, 130, 238, 0.15);
}
header > * > * > * > *,
main > * > * > * > *,
footer > * > * > * > *{
    border:solid 0.1px orange;
    background:rgba(255, 165, 0, 0.15);
}
header > * > * > * > * > *,
main > * > * > * > * > *,
footer > * > * > * > * > *{
    border:solid 0.1px skyblue;
    background:rgba(255, 165, 0, 0.15);
}
*/

/*
dd{
    background-color:green;opacity:0.8;
}
*/







/*NAVIメニュー*/
nav.navM menu{display: inline-flex; flex-flow:column nowrap;}
nav.navM menu a{text-decoration: none;}
nav.navM menu a:link {color:#000;}
nav.navM menu a:visited {color:#000;}
nav.navM menu a:hover {color:#000;}
nav.navM menu a:active {color:#000;}
nav.navM input{z-index:6;}
/* 装飾用と、メニューそのものを見えない位置に配置する内容 */
nav.navM menu {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.5);
    color: #000;
    text-align: center;
    transform: translateY(-40vw);
    transition: all 0.6s;
    width: 100vw;
    flex-flow: nowrap column;
    margin: 0 auto;
    padding: 0;
    height:auto!important;
}
.navM label{z-index:6;}
menu {
    align-items: stretch;
    padding: 0;
}
nav.navM menu a{
    height: 8vw!important;
    line-height: 8vw;
    font-size: 3vw;
    border-top: dotted 0.1vw;
    width:100vw;
    background:rgba(255,255,255,0.8);
}
nav.navM menu a:hover{
    background:rgba(0,0,0,0.8);
}
/* 最後はラインを描かない */
nav.navM menu a:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
/* トグル押したときのメニュー位置 */
nav input:checked ~ menu {
    transform: translateY(9.5vw);
}
/* ハンバーガー用 */
.navM label{
    display: block;
    position: fixed;
    right: 7.5vw;
    top: 2vw;
    width: 6vw;
    height: 6vw;
    cursor: pointer;
    z-index: 3;
    /* background: #666; */
    text-align: center;
    font-size: 2vw;
}
.navM label div {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 5vw;
    border-bottom: solid 0.7vw #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 0.5vw;
    border-radius: 2vw;
}
.navM label div:nth-child(1) {
    top: 0.5vw;
}
.navM label div:nth-child(2) {
    top: 2.1vw;
}
 
.navM label div:nth-child(3) {
    top: 3.7vw;
}
 
.navM label div:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 1.1vw;
    font-weight: bold;
    top: 4.3vw;
}
/* タップ後 *//* 最初のdivをマイナス45度に */
.navM input:checked ~ label div:nth-child(1) {
    top: 2vw;
    left: 0.5vw;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/* 2番目と3番目のdivを45度に */
.navM input:checked ~ label div:nth-child(2),
.navM input:checked ~ label div:nth-child(3) {
    top: 2vw;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}













/* フォーム */
input.ip {
    height: 4.5vw;
}
.ta {
    height: 25vw;
}
.btnd {grid: "a00 a01"/25vw 25vw;}



 










/*装飾*/
.bs1{box-shadow: 0.5vw 0.5vw 0 0 #999;}






 


















 


















 



















/*　　　　　　*/
.dnM{display:none;}
.dn0L{display:initial;}
.dbM{display:block;}







#{font-size: vw; line-height: vw;}
#{font-size: vw; line-height: vw; }
#{font-size: vw; line-height: vw; font-weight: bold;}

.p60,.p60 *
{font-size: vw; line-height: vw;}
.p38,.p38 *
{font-size: vw; line-height: vw;}
.p32,.p32 *,h2
{font-size: vw; line-height: vw;}
.p30,.p30 *
{font-size: vw; line-height: vw;}
.p28,.p28 *,h1
{font-size: 3.5vw; line-height: vw;}
.p26,.p26 *
{font-size: vw; line-height: vw;}
.p24,.p24 *
{font-size: 3vw; line-height: vw;}
.p20,.p20 *
{font-size: 2.5vw; line-height: vw;}
.p18,.p18 *
{font-size: 2.4vw; line-height: vw;}
.p16,.p16 *,p,p *
{font-size: 2.15vw; line-height: vw;}/* 1.15vw */
.p15,.p15 *
{font-size: 1.8vw; line-height: vw;}
.p14,.p14 *
{font-size: 2vw; line-height: vw;}
.p12,.p12 *
{font-size: vw; line-height: vw;}
.p10,.p10 *
{font-size: vw; line-height: vw;}
.fwb{font-weight:bold;}
.fso{font-style:oblique;}

/*行間*/
.lh20,.lh20 *{line-height: 4.5vw;}
.lh22,.lh22 *{line-height: vw;}
.lh24,.lh24 *,p,p *{line-height: vw;}
.lh25,.lh25 *,p,p *{line-height: 4.7vw;}
.lh30,.lh30 *{line-height: vw;}
.lh35,.lh35 *{line-height: vw;}
.lh40,.lh40 *{line-height: vw;}
.lh45,.lh45 *{line-height: vw;}

/* 方マ */
.mt05M,._mt05M > *{margin-top:0.5vw;}
.mt10M,._mt10M > *{margin-top:1vw;}
.mt15M,._mt15M > *{margin-top:1.5vw;}
.mt20M,._mt20M > *{margin-top:2vw;}
.mt25M,._mt25M > *{margin-top:2.5vw;}
.mt25M,._mt25M > *{margin-top:3vw;}
.mt35M,._mt35M > *{margin-top:3.5vw;}
.mt40M,._mt40M > *{margin-top:4vw;}
.mt45M,._mt45M > *{margin-top:4.5vw;}
.mt50M,._mt50M > *{margin-top:5vw;}
.mb05M,._mb05M > *{margin-bottom:0.5vw;}
.mb10M,._mb10M > *{margin-bottom:1vw;}
.mb15M,._mb15M > *{margin-bottom:1.5vw;}
.mb20M,._mb20M > *{margin-bottom:2vw;}
.mb25M,._mb25M > *{margin-bottom:2.5vw;}
.mb30M,._mb30M > *{margin-bottom:3vw;}
.mb35M,._mb35M > *{margin-bottom:3.5vw;}
.mb40M,._mb40M > *{margin-bottom:4vw;}
.mb45M,._mb45M > *{margin-bottom:4.5vw;}
.mb50M,._mb50M > *{margin-bottom:5vw;}
.ml05M,._ml05M > *{margin-left:0.5vw;}
.ml10M,._ml10M > *{margin-left:1vw;}
.ml15M,._ml15M > *{margin-left:1.5vw;}
.ml20M,._ml20M > *{margin-left:2vw;}
.ml25M,._ml25M > *{margin-left:2.5vw;}
.ml25M,._ml25M > *{margin-left:3vw;}
.ml35M,._ml35M > *{margin-left:3.5vw;}
.ml40M,._ml40M > *{margin-left:4vw;}
.ml45M,._ml45M > *{margin-left:4.5vw;}
.ml50M,._ml50M > *{margin-left:5vw;}
.mrA,._mrA > *{margin-right:auto;}

/* 方パ */
.pt05M,._pt05M > *{padding-top:0.5vw;}
.pt10M,._pt10M > *{padding-top:1vw;}
.pt15M,._pt15M > *{padding-top:1.5vw;}
.pt20M,._pt20M > *{padding-top:2vw;}
.pt25M,._pt25M > *{padding-top:2.5vw;}
.pt25M,._pt25M > *{padding-top:3vw;}
.pt35M,._pt35M > *{padding-top:3.5vw;}
.pt40M,._pt40M > *{padding-top:4vw;}
.pt45M,._pt45M > *{padding-top:4.5vw;}
.pt50M,._pt50M > *{padding-top:5vw;}
.pb05M,._pb05M > *{padding-bottom:0.5vw;}
.pb10M,._pb10M > *{padding-bottom:1vw;}
.pb15M,._pb15M > *{padding-bottom:1.5vw;}
.pb20M,._pb20M > *{padding-bottom:2vw;}
.pb25M,._pb25M > *{padding-bottom:2.5vw;}
.pb30M,._pb30M > *{padding-bottom:3vw;}
.pb35M,._pb35M > *{padding-bottom:3.5vw;}
.pb40M,._pb40M > *{padding-bottom:4vw;}
.pb45M,._pb45M > *{padding-bottom:4.5vw;}
.pb50M,._pb50M > *{padding-bottom:5vw;}
.pl05M,._pl05M > *{padding-left:0.5vw;}
.pl10M,._pl10M > *{padding-left:1vw;}
.pl15M,._pl15M > *{padding-left:1.5vw;}
.pl20M,._pl20M > *{padding-left:2vw;}
.pl25M,._pl25M > *{padding-left:2.5vw;}
.pl25M,._pl25M > *{padding-left:3vw;}
.pl35M,._pl35M > *{padding-left:3.5vw;}
.pl40M,._pl40M > *{padding-left:4vw;}
.pl45M,._pl45M > *{padding-left:4.5vw;}
.pl50M,._pl50M > *{padding-left:5vw;}
.pl55M,._pl55M > *{padding-left:5.5vw;}
.pl60M,._pl60M > *{padding-left:6vw;}




<span class="">

}