@charset "UTF-8";


/* ----------------------------------------------------------------------
 font-famiy - フォントファミリー
---------------------------------------------------------------------- */
.mincho{
    font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}



/* ----------------------------------------------------------------------
 font-size - フォントサイズ
---------------------------------------------------------------------- */
.text10{font-size:10%}
.text20{font-size:20%}
.text30{font-size:30%}
.text40{font-size:40%}
.text50{font-size:50%}
.text60{font-size:60%}
.text70{font-size:70%}      /* フォントサイズ70% */
.text80{font-size:80%}
.text90{font-size:90%}
.text100{font-size:100%}
.text110{font-size:110%}
.text120{font-size:120%}
.text130{font-size:130%}
.text140{font-size:140%}
.text150{font-size:150%}
.text160{font-size:160%}
.text170{font-size:170%}
.text180{font-size:180%}
.text190{font-size:190%}
.text200{font-size:200%}
.text210{font-size:210%}
.text220{font-size:220%}
.text230{font-size:230%}
.text240{font-size:240%}
.text250{font-size:250%}
.text260{font-size:260%}
.text270{font-size:270%}
.text280{font-size:280%}
.text290{font-size:290%}
.text300{font-size:300%}


.textvw1{font-size:1vw;}
.textvw2{font-size:2vw;}
.textvw3{font-size:3vw;}
.textvw4{font-size:4vw;}
.textvw5{font-size:5vw;}

.line180{line-height:180%;}
.line190{line-height:190%;}
.line200{line-height:200%;}

.b{font-weight:700}     /* 太字 */
.u{text-decoration:underline}     /* 下線 */
.del{text-decoration:line-throug} /* 打ち消し線 */

/* ----------------------------------------------------------------------
 font-color - フォントカラー
---------------------------------------------------------------------- */
.red{color:red}     /* 赤色 */
.blue{color:#2ca9e1}    /* 青色 */
.green{color:#82ae46}   /* 緑色 */
.orange{color:#ff7d00}    /* 橙色 */
.yellow{color:#fff000}    /* 黄色 */
.pink{color:#ff0084}    /* ピンク */
.gray{color:#999999}    /* グレー */


/* ----------------------------------------------------------------------
 text-align - 配置
---------------------------------------------------------------------- */
.align1{text-align:center !important} /* 中央寄せ */
.align2{text-align:right !important}  /* 右寄せ */
.align3{text-align:left !important} /* 左寄せ */

/* ----------------------------------------------------------------------
 float - 回り込み
---------------------------------------------------------------------- */
.r-flo{float:right;margin:10px} /* 右に回り込み */
.l-flo{float:left;margin:10px}  /* 左に回り込み */
.f-clear{clear:both}      /* 回り込みの解除 */

/* ----------------------------------------------------------------------
 margin - 要素の外側の余白
---------------------------------------------------------------------- */
.m0{margin:0 !important}    /* margin 0px を指定するクラス */
.mt0{margin-top:0 !important}   /* margin-top0px を指定するクラス */
.mr0{margin-right:0 !important}   /* margin-right0px を指定するクラス*/
.mb0{margin-bottom:0 !important}  /* margin-bottom0px を指定するクラス*/
.ml0{margin-left:0 !important}    /* margin-left0px を指定するクラス*/

.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mr5{margin-right:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}

.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mr10{margin-right:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}

.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mr15{margin-right:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}

.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mr20{margin-right:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}

.m25{margin:25px !important}
.mt25{margin-top:25px !important}
.mr25{margin-right:25px !important}
.mb25{margin-bottom:25px !important}
.ml25{margin-left:25px !important}

.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mr30{margin-right:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}

.m35{margin:35px !important}
.mt35{margin-top:35px !important}
.mr35{margin-right:35px !important}
.mb35{margin-bottom:35px !important}
.ml35{margin-left:35px !important}

.m40{margin:40px !important}
.mt40{margin-top:40px !important}
.mr40{margin-right:40px !important}
.mb40{margin-bottom:40px !important}
.ml40{margin-left:40px !important}

.m45{margin:45px !important}
.mt45{margin-top:45px !important}
.mr45{margin-right:45px !important}
.mb45{margin-bottom:45px !important}
.ml45{margin-left:45px !important}

.m50{margin:50px !important}
.mt50{margin-top:50px !important}
.mr50{margin-right:50px !important}
.mb50{margin-bottom:50px !important}
.ml50{margin-left:50px !important}

.m55{margin:55px !important}
.mt55{margin-top:55px !important}
.mr55{margin-right:55px !important}
.mb55{margin-bottom:55px !important}

.ml55{margin-left:55px !important}
.m60{margin:60px !important}
.mt60{margin-top:60px !important}
.mr60{margin-right:60px !important}
.mb60{margin-bottom:60px !important}
.ml60{margin-left:60px !important}

.m65{margin:65px !important}
.mt65{margin-top:65px !important}
.mr65{margin-right:65px !important}
.mb65{margin-bottom:65px !important}
.ml65{margin-left:65px !important}

.m70{margin:70px !important}
.mr70{margin-right:70px !important}
.mb70{margin-bottom:70px !important}
.ml70{margin-left:70px !important}

.m75{margin:75px !important}
.mt75{margin-top:75px !important}
.mr75{margin-right:75px !important}
.mb75{margin-bottom:75px !important}
.ml75{margin-left:75px !important}

.m80{margin:80px !important}
.mt80{margin-top:80px !important}
.mr80{margin-right:80px !important}
.mb80{margin-bottom:80px !important}
.ml80{margin-left:80px !important}

.m90{margin:90px !important}
.mt90{margin-top:90px !important}
.mr90{margin-right:90px !important}
.mb90{margin-bottom:90px !important}
.ml90{margin-left:90px !important}

.m100{margin:100px !important}
.mt100{margin-top:100px !important}
.mr100{margin-right:100px !important}
.mb100{margin-bottom:100px !important}
.ml100{margin-left:100px !important}

.m110{margin:110px !important}
.mt110{margin-top:110px !important}
.mr110{margin-right:110px !important}
.mb110{margin-bottom:110px !important}
.ml110{margin-left:110px !important}

.m120{margin:120px !important}
.mt120{margin-top:120px !important}
.mr120{margin-right:120px !important}
.mb120{margin-bottom:120px !important}
.ml120{margin-left:120px !important}



/* ----------------------------------------------------------------------
 padding - 要素の内側の余白
---------------------------------------------------------------------- */
.p0{padding:0 !important}   /* padding-0px を指定するクラス */
.pt0{padding-top:0 !important}    /* padding-top0px を指定するクラス */
.pr0{padding-right:0 !important}  /* padding-right0px を指定するクラス */
.pb0{padding-bottom:0 !important} /* padding-bottom0px を指定するクラス */
.pl0{padding-left:0 !important}   /* padding-left0px を指定するクラス */

.p1{padding:1px !important}
.pt1{padding-top:1px !important}
.pr1{padding-right:1px !important}
.pb1{padding-bottom:1px !important}
.pl1{padding-left:1px !important}

.p2{padding:2px !important}
.pt2{padding-top:2px !important}
.pr2{padding-right:2px !important}
.pb2{padding-bottom:2px !important}
.pl2{padding-left:2px !important}

.p3{padding:3px !important}
.pt3{padding-top:3px !important}
.pr3{padding-right:3px !important}
.pb3{padding-bottom:3px !important}
.pl3{padding-left:3px !important}

.p4{padding:4px !important}
.pt4{padding-top:4px !important}
.pr4{padding-right:4px !important}
.pb4{padding-bottom:4px !important}
.pl4{padding-left:4px !important}

.p5{padding:5px !important}
.pt5{padding-top:5px !important}
.pr5{padding-right:5px !important}
.pb5{padding-bottom:5px !important}
.pl5{padding-left:5px !important}

.p6{padding:6px !important}
.pt6{padding-top:6px !important}
.pr6{padding-right:6px !important}
.pb6{padding-bottom:6px !important}
.pl6{padding-left:6px !important}

.p7{padding:7px !important}
.pt7{padding-top:7px !important}
.pr7{padding-right:7px !important}
.pb7{padding-bottom:7px !important}
.pl7{padding-left:7px !important}

.p8{padding:8px !important}
.pt8{padding-top:8px !important}
.pr8{padding-right:8px !important}
.pb8{padding-bottom:8px !important}
.pl8{padding-left:8px !important}

.p9{padding:9px !important}
.pt9{padding-top:9px !important}
.pr9{padding-right:9px !important}
.pb9{padding-bottom:9px !important}
.pl9{padding-left:9px !important}

.p10{padding:10px !important}
.pt10{padding-top:10px !important}
.pr10{padding-right:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}

.p11{padding:11px !important}
.pt11{padding-top:11px !important}
.pr11{padding-right:11px !important}
.pb11{padding-bottom:11px !important}
.pl11{padding-left:11px !important}

.p12{padding:12px !important}
.pt12{padding-top:12px !important}
.pr12{padding-right:12px !important}
.pb12{padding-bottom:12px !important}
.pl12{padding-left:12px !important}

.p13{padding:13px !important}
.pt13{padding-top:13px !important}
.pr13{padding-right:13px !important}
.pb13{padding-bottom:13px !important}
.pl13{padding-left:13px !important}

.p14{padding:14px !important}
.pt14{padding-top:14px !important}
.pr14{padding-right:14px !important}
.pb14{padding-bottom:14px !important}
.pl14{padding-left:14px !important}

.p15{padding:15px !important}
.pt15{padding-top:15px !important}
.pr15{padding-right:15px !important}
.pb15{padding-bottom:15px !important}
.pl15{padding-left:15px !important}

.p20{padding:20px !important}
.pt20{padding-top:20px !important}
.pr20{padding-right:20px !important}
.pb20{padding-bottom:20px !important}
.pl20{padding-left:20px !important}

.p30{padding:30px !important}
.pt30{padding-top:30px !important}
.pr30{padding-right:30px !important}
.pb30{padding-bottom:30px !important}
.pl30{padding-left:30px !important}

.p40{padding:40px !important}
.pt40{padding-top:40px !important}
.pr40{padding-right:40px !important}
.pb40{padding-bottom:40px !important}
.pl40{padding-left:40px !important}

.p50{padding:50px !important}
.pt50{padding-top:50px !important}
.pr50{padding-right:50px !important}
.pb50{padding-bottom:50px !important}
.pl50{padding-left:50px !important}


/*パーセント*/

.mt1p{ margin-top:1% !Important; }
.mt2p{ margin-top:2% !Important; }
.mt3p{ margin-top:3% !Important; }
.mt4p{ margin-top:4% !Important; }
.mt5p{ margin-top:5% !Important; }
.mt6p{ margin-top:6% !Important; }
.mt7p{ margin-top:7% !Important; }
.mt8p{ margin-top:8% !Important; }
.mt9p{ margin-top:9% !Important; }
.mt10p{ margin-top:10% !Important; }

.ml1p{ margin-left:1% !Important; }
.ml2p{ margin-left:2% !Important; }
.ml3p{ margin-left:3% !Important; }
.ml4p{ margin-left:4% !Important; }
.ml5p{ margin-left:5% !Important; }
.ml6p{ margin-left:6% !Important; }
.ml7p{ margin-left:7% !Important; }
.ml8p{ margin-left:8% !Important; }
.ml9p{ margin-left:9% !Important; }
.ml10p{ margin-left:10% !Important; }

.mb1p{ margin-top:1% !Important; }
.mb2p{ margin-top:2% !Important; }
.mb3p{ margin-top:3% !Important; }
.mb4p{ margin-top:4% !Important; }
.mb5p{ margin-top:5% !Important; }
.mb6p{ margin-top:6% !Important; }
.mb7p{ margin-top:7% !Important; }
.mb8p{ margin-top:8% !Important; }
.mb9p{ margin-top:9% !Important; }
.mb10p{ margin-top:10% !Important; }

.mr1p{ margin-left:1% !Important; }
.mr2p{ margin-left:2% !Important; }
.mr3p{ margin-left:3% !Important; }
.mr4p{ margin-left:4% !Important; }
.mr5p{ margin-left:5% !Important; }
.mr6p{ margin-left:6% !Important; }
.mr7p{ margin-left:7% !Important; }
.mr8p{ margin-left:8% !Important; }
.mr9p{ margin-left:9% !Important; }
.mr10p{ margin-left:10% !Important; }


.pt1p{ padding-top:1% !Important; }
.pt2p{ padding-top:2% !Important; }
.pt3p{ padding-top:3% !Important; }
.pt4p{ padding-top:4% !Important; }
.pt5p{ padding-top:5% !Important; }
.pt6p{ padding-top:6% !Important; }
.pt7p{ padding-top:7% !Important; }
.pt8p{ padding-top:8% !Important; }
.pt9p{ padding-top:9% !Important; }
.pt10p{ padding-top:10% !Important; }

.pl1p{ padding-left:1% !Important; }
.pl2p{ padding-left:2% !Important; }
.pl3p{ padding-left:3% !Important; }
.pl4p{ padding-left:4% !Important; }
.pl5p{ padding-left:5% !Important; }
.pl6p{ padding-left:6% !Important; }
.pl7p{ padding-left:7% !Important; }
.pl8p{ padding-left:8% !Important; }
.pl9p{ padding-left:9% !Important; }
.pl10p{ padding-left:10% !Important; }

.pb1p{ padding-top:1% !Important; }
.pb2p{ padding-top:2% !Important; }
.pb3p{ padding-top:3% !Important; }
.pb4p{ padding-top:4% !Important; }
.pb5p{ padding-top:5% !Important; }
.pb6p{ padding-top:6% !Important; }
.pb7p{ padding-top:7% !Important; }
.pb8p{ padding-top:8% !Important; }
.pb9p{ padding-top:9% !Important; }
.pb10p{ padding-top:10% !Important; }

.pr1p{ padding-left:1% !Important; }
.pr2p{ padding-left:2% !Important; }
.pr3p{ padding-left:3% !Important; }
.pr4p{ padding-left:4% !Important; }
.pr5p{ padding-left:5% !Important; }
.pr6p{ padding-left:6% !Important; }
.pr7p{ padding-left:7% !Important; }
.pr8p{ padding-left:8% !Important; }
.pr9p{ padding-left:9% !Important; }
.pr10p{ padding-left:10% !Important; }


.f0p1 { font-size: 0.1vw !important }
.f0p2 { font-size: 0.2vw !important }
.f0p3 { font-size: 0.3vw !important }
.f0p4 { font-size: 0.4vw !important }
.f0p5 { font-size: 0.5vw !important }
.f0p6 { font-size: 0.6vw !important }
.f0p7 { font-size: 0.7vw !important }
.f0p8 { font-size: 0.8vw !important }
.f0p9 { font-size: 0.9vw !important }
.f1p0 { font-size: 1.0vw !important; }
.f1p1 { font-size: 1.1vw !important; }
.f1p2 { font-size: 1.2vw !important; }
.f1p3 { font-size: 1.3vw !important; }
.f1p4 { font-size: 1.4vw !important; }
.f1p5 { font-size: 1.5vw !important; }
.f1p6 { font-size: 1.6vw !important; }
.f1p7 { font-size: 1.7vw !important; }
.f1p8 { font-size: 1.8vw !important; }
.f1p9 { font-size: 1.9vw !important; }
.f2p0{ font-size: 2.0vw !important; }
.f2p1{ font-size: 2.1vw !important; }
.f2p2{ font-size: 2.2vw !important; }
.f2p3{ font-size: 2.3vw !important; }
.f2p4{ font-size: 2.4vw !important; }
.f2p5{ font-size: 2.5vw !important; }
.f2p6{ font-size: 2.6vw !important; }
.f2p7{ font-size: 2.7vw !important; }
.f2p8{ font-size: 2.8vw !important; }
.f2p9{ font-size: 2.9vw !important; }
.f3p0{ font-size: 3.0vw !important; }
.f3p1{ font-size: 3.1vw !important; }
.f3p2{ font-size: 3.2vw !important; }
.f3p3{ font-size: 3.3vw !important; }
.f3p4{ font-size: 3.4vw !important; }
.f3p5{ font-size: 3.5vw !important; }
.f3p6{ font-size: 3.6vw !important; }
.f3p7{ font-size: 3.7vw !important; }
.f3p8{ font-size: 3.8vw !important; }
.f3p9{ font-size: 3.9vw !important; }
.f4p0{ font-size: 4.0vw !important; }
.f4p1{ font-size: 4.1vw !important; }
.f4p2{ font-size: 4.2vw !important; }
.f4p3{ font-size: 4.3vw !important; }
.f4p4{ font-size: 4.4vw !important; }
.f4p5{ font-size: 4.5vw !important; }
.f4p6{ font-size: 4.6vw !important; }
.f4p7{ font-size: 4.7vw !important; }
.f4p8{ font-size: 4.8vw !important; }
.f4p9{ font-size: 4.9vw !important; }
.f5p0{ font-size: 5.0vw !important; }
.f5p1{ font-size: 5.1vw !important; }
.f5p2{ font-size: 5.2vw !important; }
.f5p3{ font-size: 5.3vw !important; }
.f5p4{ font-size: 5.4vw !important; }
.f5p5{ font-size: 5.5vw !important; }
.f5p6{ font-size: 5.6vw !important; }
.f5p7{ font-size: 5.7vw !important; }
.f5p8{ font-size: 5.8vw !important; }
.f5p9{ font-size: 5.9vw !important; }
.f6p0{ font-size: 6.0vw !important; }



@media screen and (min-width: 680px){
    .pc { display:inline; }
    .sp { display:none; }
}
@media screen and (max-width: 680px){
    .pc { display:none; }
    .sp { display:inline; }
}