﻿/* フォント定義 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500&display=swap');
/*
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Jua');
@import url('https://fonts.googleapis.com/css?family=Aclonica');
@import url('https://fonts.googleapis.com/css?family=Saira+Semi+Condensed:400,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,700,900&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:400,700,900&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,700');
*/

.ttlFont {
font-family: 'Noto Sans JP',Meiryo,メイリオ,serif;
}
.subFont {
font-family: 'Oswald', sans-serif;
}

/*
.ttlSubFont {
font-family: 'Roboto', sans-serif;
font-family: 'Jua', sans-serif;
font-family: 'Aclonica', sans-serif;
font-family: 'Saira Semi Condensed', sans-serif;
font-family: 'Noto Serif JP',Meiryo,メイリオ,sans-serif;
font-family: 'Jua', sans-serif;
}
.font1 {font-family: 'Work Sans', sans-serif;}
.mincho {font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}
.mincho {font-family: 'Noto Serif JP',Meiryo,メイリオ,serif;}
.gothic {font-family: 'Noto Sans JP',Meiryo,メイリオ,sans-serif;}
*/

.fontsize1rem {font-size:1rem;}
.fontsize11 {font-size:11px;}
.fontsize12 {font-size:12px;}
.fontsize13 {font-size:13px;}
.fontsize14 {font-size:14px;}
.fontsize15 {font-size:15px;}
.fontsize16 {font-size:16px;}
.fontsize17 {font-size:17px;}
.fontsize18 {font-size:18px;}
.fontsize19 {font-size:19px;}
.fontsize20 {font-size:20px;}
.fontsize21 {font-size:21px;}
.fontsize22 {font-size:22px;}
.fontsize23 {font-size:23px;}
.fontsize24 {font-size:24px;}
.fontsize25 {font-size:25px;}
.fontsize26 {font-size:26px;}
.fontsize27 {font-size:27px;}
.fontsize28 {font-size:28px;}
.fontsize29 {font-size:29px;}
.fontsize30 {font-size:30px;}
.fontsize31 {font-size:31px;}
.fontsize32 {font-size:32px;}
.fontsize33 {font-size:33px;}
.fontsize34 {font-size:34px;}
.fontsize35 {font-size:35px;}
.fontsize36 {font-size:36px;}
.fontsize37 {font-size:37px;}
.fontsize38 {font-size:38px;}
.fontsize39 {font-size:39px;}
.fontsize40 {font-size:40px;}
.fontsize41 {font-size:41px;}
.fontsize42 {font-size:42px;}
.fontsize43 {font-size:43px;}
.fontsize44 {font-size:44px;}
.fontsize45 {font-size:45px;}
.fontsize46 {font-size:46px;}
.fontsize47 {font-size:47px;}
.fontsize48 {font-size:48px;}
.fontsize49 {font-size:49px;}
.fontsize50 {font-size:50px;}
.fontsize55 {font-size:55px;}

.bold {font-weight: bold;}
.normal {font-weight: normal;}

.underline {text-decoration: underline;}

.lineheight1 {line-height: 1;}
.lineheight1,5 {line-height: 1.5;}
.lineheight2 {line-height: 2;}
.lineheight2,5 {line-height: 2.5;}
.lineheight3 {line-height: 3;}

.letterspacing1 {letter-spacing: 1px;}
.letterspacing2 {letter-spacing: 2px;}
.letterspacing3 {letter-spacing: 3px;}
.letterspacing4 {letter-spacing: 4px;}
.letterspacing5 {letter-spacing: 5px;}



/* 色 */
.black1 {color: #000;}
.black2 {color: #171717;}
.gray {color: #efeff0;}
.gray2 {color: #ccc;}
.red {color: #b60000;}
.orange {color: #ff0000;}
.yellow {color: #fffc00;}
.blue {color: #254a81;}
.brown {color: #8b4930;}
.green {color: #439246;}
.white {color: #c9c9c9;}
.gold {color: #997c43;}

.bg_black {background-color: #000 !important;}
.bg_black {background-color: #171717 !important;}
.bg_gray {background-color: #efeff0 !important;}
.bg_red {background-color: #b60000 !important;}
.bg_orange {background-color: #ff0000 !important;}
.bg_cream {background-color: #ffefe6 !important;}
.bg_yellow {background-color: #fffc00 !important;}
.bg_blue {background-color: #254a81 !important;}
.bg_skyblue {background-color: #70e8e0 !important;}
.bg_brown {background-color: #e9d7ac !important;}
.bg_green {background-color: #b0ce93 !important;}
.bg_white {background-color: #fff !important;}
.bg_gold {color: #997c43;}



/* 表示 */
.pcNone {
display: none;
}
.spNone {
}



/* 配置 */
.clearfix:after {
content:" ";
display:block;
clear:both;
}

.relative {position: relative;}

.right {text-align: right !important;}
.left {text-align: left !important;}
.center {text-align: center !important;}

.float_right {float: right}
.float_left {float: left}
.float_none {float: none}

.margin_right {margin-right: auto;}
.margin_left {margin-left: auto;}
.margin_auto {margin: auto;}

.displayblock {display: block !important;}
.inline_block {display: inline-block;}



/* marginbottom set */
.mb01 {margin-bottom:10px;}
.mb02 {margin-bottom:20px;}
.mb03 {margin-bottom:30px;}
.mb04 {margin-bottom:40px;}
.mb05 {margin-bottom:50px;}
.mb06 {margin-bottom:60px;}
.mb07 {margin-bottom:70px;}
.mb08 {margin-bottom:80px;}
.mb09 {margin-bottom:90px;}
.mb10 {margin-bottom:100px;}



/* margin */
.m-1,5 {margin: -15px;}
.m-1,0 {margin: -10px;}
.m-5 {margin: -5px;}
.m0 {margin: 0px;}
.m5 {margin: 5px;}
.m10 {margin: 10px;}
.m15 {margin: 15px;}
.m16 {margin: 16px;}
.m17 {margin: 17px;}
.m18 {margin: 18px;}
.m19 {margin: 19px;}
.m20 {margin: 20px;}
.m21 {margin: 21px;}
.m22 {margin: 22px;}
.m23 {margin: 23px;}
.m24 {margin: 24px;}
.m25 {margin: 25px;}
.m26 {margin: 26px;}
.m27 {margin: 27px;}
.m28 {margin: 28px;}
.m29 {margin: 29px;}
.m30 {margin: 30px;}
.m31 {margin: 31px;}
.m32 {margin: 32px;}

.mt0 {margin-top: 0px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt55 {margin-top: 55px;}
.mt60 {margin-top: 60px;}
.mt65 {margin-top: 65px;}
.mt70 {margin-top: 70px;}
.mt75 {margin-top: 75px;}
.mt80 {margin-top: 80px;}
.mt85 {margin-top: 85px;}
.mt90 {margin-top: 90px;}
.mt95 {margin-top: 95px;}
.mt100 {margin-top: 100px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}
.mr55 {margin-right: 55px;}
.mr60 {margin-right: 60px;}
.mr65 {margin-right: 65px;}
.mr70 {margin-right: 70px;}
.mr75 {margin-right: 75px;}
.mr80 {margin-right: 80px;}
.mr85 {margin-right: 85px;}
.mr90 {margin-right: 90px;}
.mr95 {margin-right: 95px;}
.mr100 {margin-right: 100px;}

.ml-2,0 {margin-left: -20px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}
.ml55 {margin-left: 55px;}
.ml60 {margin-left: 60px;}
.ml65 {margin-left: 65px;}
.ml70 {margin-left: 70px;}
.ml75 {margin-left: 75px;}
.ml80 {margin-left: 80px;}
.ml85 {margin-left: 85px;}
.ml90 {margin-left: 90px;}
.ml95 {margin-left: 95px;}
.ml100 {margin-left: 100px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}
.mb65 {margin-bottom: 65px;}
.mb70 {margin-bottom: 70px;}
.mb75 {margin-bottom: 75px;}
.mb80 {margin-bottom: 80px;}
.mb85 {margin-bottom: 85px;}
.mb90 {margin-bottom: 90px;}
.mb95 {margin-bottom: 95px;}
.mb100 {margin-bottom: 100px;}



/* padding */
.p5 {padding: 5px;}
.p10 {padding: 10px;}
.p15 {padding: 15px;}
.p16 {padding: 16px;}
.p17 {padding: 17px;}
.p18 {padding: 18px;}
.p19 {padding: 19px;}
.p20 {padding: 20px;}
.p21 {padding: 21px;}
.p22 {padding: 22px;}
.p23 {padding: 23px;}
.p24 {padding: 24px;}
.p25 {padding: 25px;}
.p26 {padding: 26px;}
.p27 {padding: 27px;}
.p28 {padding: 28px;}
.p29 {padding: 29px;}
.p30 {padding: 30px;}

.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt35 {padding-top: 35px;}
.pt40 {padding-top: 40px;}
.pt45 {padding-top: 45px;}
.pt50 {padding-top: 50px;}
.pt55 {padding-top: 55px;}
.pt60 {padding-top: 60px;}
.pt65 {padding-top: 65px;}
.pt70 {padding-top: 70px;}
.pt75 {padding-top: 75px;}
.pt80 {padding-top: 80px;}
.pt85 {padding-top: 85px;}
.pt90 {padding-top: 90px;}
.pt95 {padding-top: 95px;}
.pt100 {padding-top: 100px;}

.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}
.pr35 {padding-right: 35px;}
.pr40 {padding-right: 40px;}
.pr45 {padding-right: 45px;}
.pr50 {padding-right: 50px;}
.pr55 {padding-right: 55px;}
.pr60 {padding-right: 60px;}
.pr65 {padding-right: 65px;}
.pr70 {padding-right: 70px;}
.pr75 {padding-right: 75px;}
.pr80 {padding-right: 80px;}
.pr85 {padding-right: 85px;}
.pr90 {padding-right: 90px;}
.pr95 {padding-right: 95px;}
.pr100 {padding-right: 100px;}

.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}
.pl35 {padding-left: 35px;}
.pl40 {padding-left: 40px;}
.pl45 {padding-left: 45px;}
.pl50 {padding-left: 50px;}
.pl55 {padding-left: 55px;}
.pl60 {padding-left: 60px;}
.pl65 {padding-left: 65px;}
.pl70 {padding-left: 70px;}
.pl75 {padding-left: 75px;}
.pl80 {padding-left: 80px;}
.pl85 {padding-left: 85px;}
.pl90 {padding-left: 90px;}
.pl95 {padding-left: 95px;}
.pl100 {padding-left: 100px;}

.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}
.pb35 {padding-bottom: 35px;}
.pb40 {padding-bottom: 40px;}
.pb45 {padding-bottom: 45px;}
.pb50 {padding-bottom: 50px;}
.pb55 {padding-bottom: 55px;}
.pb60 {padding-bottom: 60px;}
.pb65 {padding-bottom: 65px;}
.pb70 {padding-bottom: 70px;}
.pb75 {padding-bottom: 75px;}
.pb80 {padding-bottom: 80px;}
.pb85 {padding-bottom: 85px;}
.pb90 {padding-bottom: 90px;}
.pb95 {padding-bottom: 95px;}
.pb100 {padding-bottom: 100px;}



/* 複数カラム（inline-block） ※2はspでもそのまま */
.colbox,
.colbox2 {font-size: 0;}

.colbox>li,
.colbox>div,
.colbox>p,
.colbox>dt,
.colbox>dd,
.colbox2>li,
.colbox2>div,
.colbox2>p,
.colbox2>dt,
.colbox2>dd {
display: inline-block;
vertical-align: top;
float: none;
font-size: 1rem;
}

/* 複数カラム（FlexBox） ※2はspでもそのまま */
.flexbox,
.flexbox2 {
display: flex;
}

/* 複数カラムオプション */
.col2 {width:50%;}
.col3 {width:33.3333333333%;}
.col4 {width:25%;}
.col5 {width:20%;}
.col6 {width:16.6666666667%;}
.col7 {width:14.2857142857%;}

.verticalalign_m {vertical-align: middle !important;}
.verticalalign_b {vertical-align: bottom !important;}

.alignitems_n {align-items: flex-start;}
.alignitems_c {align-items: center;}
.alignitems_b {align-items: bottom;}

.flexwrap {flex-wrap: wrap;}
.justifycontent_b {justify-content: space-between;}
.justifycontent_c {justify-content: center;}



/* 上下左右中央 ※2はspでもそのまま */
.udrl_center,
.udrl_center2 {
position: relative;
}
.udrl_center>div,
.udrl_center>p,
.udrl_center>a,
.udrl_center2>div,
.udrl_center2>p,
.udrl_center2>a {
width: 90%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

/* 上下中央 ※2はspでもそのまま */
.ud_center,
.ud_center2 {
position: relative;
}
.ud_center>div,
.ud_center>p,
.ud_center>a,
.ud_center2>div,
.ud_center2>p,
.ud_center2>a {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
}



/* width */
.width_auto {width: inherit !important;}
.maxwidth_auto {max-width: inherit !important;}

.w8 {width:8%;}
.w9 {width:9%;}
.w10 {width:10%;}
.w11 {width:11%;}
.w12 {width:12%;}
.w13 {width:13%;}
.w15 {width:15%;}
.w18 {width:18%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w32 {width:32%;}
.w33 {width:33.333333%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}

.w50px {width:50px;}
.w60px {width:60px;}
.w70px {width:70px;}
.w80px {width:80px;}
.w90px {width:90px;}
.w100px {width:100px;}
.w110px {width:110px;}
.w120px {width:120px;}
.w130px {width:130px;}
.w140px {width:140px;}
.w150px {width:150px;}
.w160px {width:160px;}
.w170px {width:170px;}
.w180px {width:180px;}
.w190px {width:190px;}
.w200px {width:200px;}
.w210px {width:210px;}
.w220px {width:220px;}
.w230px {width:230px;}
.w240px {width:240px;}
.w250px {width:250px;}
.w260px {width:260px;}
.w270px {width:270px;}
.w280px {width:280px;}
.w290px {width:290px;}
.w300px {width:300px;}




/**********************************************************************************************/
@media screen and (max-width: 767px) {

/* フォント */
.fontsize20 {font-size:20px;}
.fontsize21 {font-size:20px;}
.fontsize22 {font-size:20px;}
.fontsize23 {font-size:20px;}
.fontsize24 {font-size:20px;}
.fontsize25 {font-size:21px;}
.fontsize26 {font-size:21px;}
.fontsize27 {font-size:21px;}
.fontsize28 {font-size:21px;}
.fontsize29 {font-size:21px;}
.fontsize30 {font-size:22px;}
.fontsize31 {font-size:22px;}
.fontsize32 {font-size:22px;}
.fontsize33 {font-size:22px;}
.fontsize34 {font-size:22px;}
.fontsize35 {font-size:23px;}
.fontsize36 {font-size:23px;}
.fontsize37 {font-size:23px;}
.fontsize38 {font-size:23px;}
.fontsize39 {font-size:23px;}
.fontsize40 {font-size:24px;}
.fontsize41 {font-size:24px;}
.fontsize42 {font-size:24px;}
.fontsize43 {font-size:24px;}
.fontsize44 {font-size:24px;}
.fontsize45 {font-size:24px;}
.fontsize46 {font-size:24px;}
.fontsize47 {font-size:24px;}
.fontsize48 {font-size:24px;}
.fontsize49 {font-size:24px;}
.fontsize50 {font-size:25px;}
.fontsize55 {font-size:25px;}

.fontsize16_sp {font-size:16px !important;}


.lineheight1 {line-height: inherit;}
.lineheight1,5 {line-height: inherit;}
.lineheight2 {line-height: 1.8;}
.lineheight2,5 {line-height: 2;}
.lineheight3 {line-height: 2.2;}

.letterspacing3 {letter-spacing: 2px;}
.letterspacing4 {letter-spacing: 2px;}
.letterspacing5 {letter-spacing: 2px;}



/* 表示 */
.pcNone {
display: inherit;
}
.spNone {
display: none;
}



/* 配置 */
.right_sp {text-align: right !important;}
.left_sp {text-align: left !important;}
.center_sp {text-align: center !important;}



/* margin */
.m-1,5 {margin:-5px;}
.m-1,0 {margin:-2.5px;}
.m-5 {margin:-1px;}
.m0 {margin:0px;}
.m5 {margin:2.5px;}
.m10 {margin:5px;}
.m15 {margin:7.5px;}
.m16 {margin:8px;}
.m17 {margin:8.5px;}
.m18 {margin:9px;}
.m19 {margin:9.5px;}
.m20 {margin:10px;}
.m21 {margin:10.5px;}
.m22 {margin:11px;}
.m23 {margin:11.5px;}
.m24 {margin:12px;}
.m25 {margin:12.5px;}
.m26 {margin:13px;}
.m27 {margin:13.5px;}
.m28 {margin:14px;}
.m29 {margin:14.5px;}
.m30 {margin:15px;}

.mt5 {margin-top:2.5px;}
.mt10 {margin-top:5px;}
.mt15 {margin-top:7.5px;}
.mt20 {margin-top:10px;}
.mt25 {margin-top:12.5px;}
.mt30 {margin-top:15px;}
.mt35 {margin-top:17.5px;}
.mt40 {margin-top:20px;}
.mt45 {margin-top:22.5px;}
.mt50 {margin-top:25px;}
.mt55 {margin-top:27.5px;}
.mt60 {margin-top:30px;}
.mt65 {margin-top:32.5px;}
.mt70 {margin-top:35px;}
.mt75 {margin-top:37.5px;}
.mt80 {margin-top:40px;}
.mt85 {margin-top:42.5px;}
.mt90 {margin-top:45px;}
.mt95 {margin-top:47.5px;}
.mt100 {margin-top:50px;}

.mr5 {margin-right:2.5px;}
.mr10 {margin-right:5px;}
.mr15 {margin-right:7.5px;}
.mr20 {margin-right:10px;}
.mr25 {margin-right:12.5px;}
.mr30 {margin-right:15px;}
.mr35 {margin-right:17.5px;}
.mr40 {margin-right:20px;}
.mr45 {margin-right:22.5px;}
.mr50 {margin-right:25px;}
.mr55 {margin-right:27.5px;}
.mr60 {margin-right:30px;}
.mr65 {margin-right:32.5px;}
.mr70 {margin-right:35px;}
.mr75 {margin-right:37.5px;}
.mr80 {margin-right:40px;}
.mr85 {margin-right:42.5px;}
.mr90 {margin-right:45px;}
.mr95 {margin-right:47.5px;}
.mr100 {margin-right:50px;}

.ml-2,0 {margin-left: -7.5px;}
.ml5 {margin-right:2.5px;}
.ml10 {margin-right:5px;}
.ml15 {margin-right:7.5px;}
.ml20 {margin-right:10px;}
.ml25 {margin-right:12.5px;}
.ml30 {margin-right:15px;}
.ml35 {margin-right:17.5px;}
.ml40 {margin-right:20px;}
.ml45 {margin-right:22.5px;}
.ml50 {margin-right:25px;}
.ml55 {margin-right:27.5px;}
.ml60 {margin-right:30px;}
.ml65 {margin-right:32.5px;}
.ml70 {margin-right:35px;}
.ml75 {margin-right:37.5px;}
.ml80 {margin-right:40px;}
.ml85 {margin-right:42.5px;}
.ml90 {margin-right:45px;}
.ml95 {margin-right:47.5px;}
.ml100 {margin-right:50px;}

.mb5 {margin-bottom:2.5px;}
.mb10 {margin-bottom:5px;}
.mb15 {margin-bottom:7.5px;}
.mb20 {margin-bottom:10px;}
.mb25 {margin-bottom:12.5px;}
.mb30 {margin-bottom:15px;}
.mb35 {margin-bottom:17.5px;}
.mb40 {margin-bottom:20px;}
.mb45 {margin-bottom:22.5px;}
.mb50 {margin-bottom:25px;}
.mb55 {margin-bottom:27.5px;}
.mb60 {margin-bottom:30px;}
.mb65 {margin-bottom:32.5px;}
.mb70 {margin-bottom:35px;}
.mb75 {margin-bottom:37.5px;}
.mb80 {margin-bottom:40px;}
.mb85 {margin-bottom:42.5px;}
.mb90 {margin-bottom:45px;}
.mb95 {margin-bottom:47.5px;}
.mb100 {margin-bottom:50px;}



.p5 {padding:2.5px;}
.p10 {padding:5px;}
.p15 {padding:7.5px;}
.p16 {padding:8px;}
.p17 {padding:8.5px;}
.p18 {padding:9px;}
.p19 {padding:9.5px;}
.p20 {padding:10px;}
.p21 {padding:10.5px;}
.p22 {padding:11px;}
.p23 {padding:11.5px;}
.p24 {padding:12px;}
.p25 {padding:12.5px;}
.p26 {padding:13px;}
.p27 {padding:13.5px;}
.p28 {padding:14px;}
.p29 {padding:14.5px;}
.p30 {padding:15px;}



/* padding */
.pt5 {padding-top:2.5px;}
.pt10 {padding-top:5px;}
.pt15 {padding-top:7.5px;}
.pt20 {padding-top:10px;}
.pt25 {padding-top:12.5px;}
.pt30 {padding-top:15px;}
.pt35 {padding-top:17.5px;}
.pt40 {padding-top:20px;}
.pt45 {padding-top:22.5px;}
.pt50 {padding-top:25px;}
.pt55 {padding-top:27.5px;}
.pt60 {padding-top:30px;}
.pt65 {padding-top:32.5px;}
.pt70 {padding-top:35px;}
.pt75 {padding-top:37.5px;}
.pt80 {padding-top:40px;}
.pt85 {padding-top:42.5px;}
.pt90 {padding-top:45px;}
.pt95 {padding-top:47.5px;}
.pt100 {padding-top:50px;}

.pr5 {padding-right:2.5px;}
.pr10 {padding-right:5px;}
.pr15 {padding-right:7.5px;}
.pr20 {padding-right:10px;}
.pr25 {padding-right:12.5px;}
.pr30 {padding-right:15px;}
.pr35 {padding-right:17.5px;}
.pr40 {padding-right:20px;}
.pr45 {padding-right:22.5px;}
.pr50 {padding-right:25px;}
.pr55 {padding-right:27.5px;}
.pr60 {padding-right:30px;}
.pr65 {padding-right:32.5px;}
.pr70 {padding-right:35px;}
.pr75 {padding-right:37.5px;}
.pr80 {padding-right:40px;}
.pr85 {padding-right:42.5px;}
.pr90 {padding-right:45px;}
.pr95 {padding-right:47.5px;}
.pr100 {padding-right:50px;}

.pl5 {padding-left:2.5px;}
.pl10 {padding-left:5px;}
.pl15 {padding-left:7.5px;}
.pl20 {padding-left:10px;}
.pl25 {padding-left:12.5px;}
.pl30 {padding-left:15px;}
.pl35 {padding-left:17.5px;}
.pl40 {padding-left:20px;}
.pl45 {padding-left:22.5px;}
.pl50 {padding-left:25px;}
.pl55 {padding-left:27.5px;}
.pl60 {padding-left:30px;}
.pl65 {padding-left:32.5px;}
.pl70 {padding-left:35px;}
.pl75 {padding-left:37.5px;}
.pl80 {padding-left:40px;}
.pl85 {padding-left:42.5px;}
.pl90 {padding-left:45px;}
.pl95 {padding-left:47.5px;}
.pl100 {padding-left:50px;}

.pb5 {padding-bottom:2.5px;}
.pb10 {padding-bottom:5px;}
.pb15 {padding-bottom:7.5px;}
.pb20 {padding-bottom:10px;}
.pb25 {padding-bottom:12.5px;}
.pb30 {padding-bottom:15px;}
.pb35 {padding-bottom:17.5px;}
.pb40 {padding-bottom:20px;}
.pb45 {padding-bottom:22.5px;}
.pb50 {padding-bottom:25px;}
.pb55 {padding-bottom:27.5px;}
.pb60 {padding-bottom:30px;}
.pb65 {padding-bottom:32.5px;}
.pb70 {padding-bottom:35px;}
.pb75 {padding-bottom:37.5px;}
.pb80 {padding-bottom:40px;}
.pb85 {padding-bottom:42.5px;}
.pb90 {padding-bottom:45px;}
.pb95 {padding-bottom:47.5px;}
.pb100 {padding-bottom:50px;}



/* 複数カラム（inline-block） */
.colbox>li,
.colbox>div,
.colbox>p,
.colbox>dt,
.colbox>dd {display: block;}

.colbox .w10,
.colbox .w11,
.colbox .w12,
.colbox .w13,
.colbox .w15,
.colbox .w20,
.colbox .w25,
.colbox .w30,
.colbox .w33,
.colbox .w35,
.colbox .w40,
.colbox .w45,
.colbox .w50,
.colbox .w55,
.colbox .w60,
.colbox .w65,
.colbox .w70,
.colbox .w75,
.colbox .w80,
.colbox .w85,
.colbox .w90,
.colbox .w95,
.colbox .w100 {width:100%;}

.colbox .w50px,
.colbox .w60px,
.colbox .w70px,
.colbox .w80px,
.colbox .w90px,
.colbox .w100px,
.colbox .w110px,
.colbox .w120px,
.colbox .w130px,
.colbox .w140px,
.colbox .w150px,
.colbox .w160px,
.colbox .w170px,
.colbox .w180px,
.colbox .w190px,
.colbox .w200px,
.colbox .w210px,
.colbox .w220px,
.colbox .w230px,
.colbox .w240px,
.colbox .w250px,
.colbox .w260px,
.colbox .w270px,
.colbox .w280px,
.colbox .w290px,
.colbox .w300px {width:100%;}

/* 複数カラム（FlexBox） */
.flexbox {
display: block;
}
.flexbox>div,
.flexbox>p,
.flexbox>li,
.flexbox>dt,
.flexbox>dd {
width: 100% !important;
}

.flexbox .w8,
.flexbox .w9,
.flexbox .w10,
.flexbox .w11,
.flexbox .w12,
.flexbox .w13,
.flexbox .w15,
.flexbox .w20,
.flexbox .w25,
.flexbox .w30,
.flexbox .w32,
.flexbox .w33,
.flexbox .w35,
.flexbox .w40,
.flexbox .w45,
.flexbox .w50,
.flexbox .w55,
.flexbox .w60,
.flexbox .w65,
.flexbox .w70,
.flexbox .w75,
.flexbox .w80,
.flexbox .w85,
.flexbox .w90,
.flexbox .w95,
.flexbox .w100 {width:100%;}

/* 複数カラムオプション */
.col3,
.col4,
.col5,
.col6,
.col7 {width:100%;}



/* 上下左右中央 */
.udrl_center>div,
.udrl_center>p,
.udrl_center>a {
width: 100%;
position: static;
transform: inherit;
-webkit- transform: inherit;
}

/* 上下中央 */
.ud_center p,
.ud_center ul,
.ud_center a {
position: static;
transform: inherit;
-webkit- transform: inherit;
}



/* height */
.height80_sp {
height: 80px !important;
}



/* table用 */
.tbl1 th,
.tbl1 td,
.tbl3 th,
.tbl3 td {display: block;}

.tbl1 .w8,
.tbl1 .w9,
.tbl1 .w10,
.tbl1 .w11,
.tbl1 .w12,
.tbl1 .w13,
.tbl1 .w15,
.tbl1 .w20,
.tbl1 .w25,
.tbl1 .w30,
.tbl1 .w32,
.tbl1 .w33,
.tbl1 .w35,
.tbl1 .w40,
.tbl1 .w45,
.tbl1 .w50,
.tbl1 .w55,
.tbl1 .w60,
.tbl1 .w65,
.tbl1 .w70,
.tbl1 .w75,
.tbl1 .w80,
.tbl1 .w85,
.tbl1 .w90,
.tbl1 .w95,
.tbl1 .w100,
.tbl3 .w8,
.tbl3 .w9,
.tbl3 .w10,
.tbl3 .w11,
.tbl3 .w12,
.tbl3 .w13,
.tbl3 .w15,
.tbl3 .w20,
.tbl3 .w25,
.tbl3 .w30,
.tbl3 .w32,
.tbl3 .w33,
.tbl3 .w35,
.tbl3 .w40,
.tbl3 .w45,
.tbl3 .w50,
.tbl3 .w55,
.tbl3 .w60,
.tbl3 .w65,
.tbl3 .w70,
.tbl3 .w75,
.tbl3 .w80,
.tbl3 .w85,
.tbl3 .w90,
.tbl3 .w95,
.tbl3 .w100 {width:100%;}

.tbl1 .w50px,
.tbl1 .w60px,
.tbl1 .w70px,
.tbl1 .w80px,
.tbl1 .w90px,
.tbl1 .w100px,
.tbl1 .w110px,
.tbl1 .w120px,
.tbl1 .w130px,
.tbl1 .w140px,
.tbl1 .w150px,
.tbl1 .w160px,
.tbl1 .w170px,
.tbl1 .w180px,
.tbl1 .w190px,
.tbl1 .w200px,
.tbl1 .w210px,
.tbl1 .w220px,
.tbl1 .w230px,
.tbl1 .w240px,
.tbl1 .w250px,
.tbl1 .w260px,
.tbl1 .w270px,
.tbl1 .w280px,
.tbl1 .w290px,
.tbl1 .w300px,
.tbl3 .w50px,
.tbl3 .w60px,
.tbl3 .w70px,
.tbl3 .w80px,
.tbl3 .w90px,
.tbl3 .w100px,
.tbl3 .w110px,
.tbl3y .w120px,
.tbl3 .w130px,
.tbl3 .w140px,
.tbl3 .w150px,
.tbl3 .w160px,
.tbl3 .w170px,
.tbl3 .w180px,
.tbl3 .w190px,
.tbl3 .w200px,
.tbl3 .w210px,
.tbl3 .w220px,
.tbl3 .w230px,
.tbl3 .w240px,
.tbl3 .w250px,
.tbl3 .w260px,
.tbl3 .w270px,
.tbl3 .w280px,
.tbl3 .w290px,
.tbl3 .w300px {width:100%;}



/* sp用width */
.w50px_sp {width:50px;}
.w60px_sp {width:60px;}
.w70px_sp {width:70px;}
.w80px_sp {width:80px;}
.w90px_sp {width:90px;}
.w100px_sp {width:100px;}
.w110px_sp {width:110px;}
.w120px_sp {width:120px;}
.w130px_sp {width:130px;}
.w140px_sp {width:140px;}
.w150px_sp {width:150px;}
.w160px_sp {width:160px;}
.w170px_sp {width:170px;}
.w180px_sp {width:180px;}
.w190px_sp {width:190px;}
.w200px_sp {width:200px;}
.w210px_sp {width:210px;}
.w220px_sp {width:220px;}
.w230px_sp {width:230px;}
.w240px_sp {width:240px;}
.w250px_sp {width:250px;}
.w260px_sp {width:260px;}
.w270px_sp {width:270px;}
.w280px_sp {width:280px;}
.w290px_sp {width:290px;}
.w300px_sp {width:300px;}

.w10_sp {width:10%;}
.w11_sp {width:11%;}
.w12_sp {width:12%;}
.w13_sp {width:13%;}
.w15_sp {width:15%;}
.w18_sp {width:18%;}
.w20_sp {width:20%;}
.w25_sp {width:25%;}
.w30_sp {width:30%;}
.w33_sp {width:33.333333%;}
.w35_sp {width:35%;}
.w40_sp {width:40%;}
.w45_sp {width:45%;}
.w50_sp {width:50%;}
.w55_sp {width:55%;}
.w60_sp {width:60%;}
.w65_sp {width:65%;}
.w70_sp {width:70%;}
.w80_sp {width:80%;}
.w85_sp {width:85%;}
.w90_sp {width:90%;}
.w95_sp {width:95%;}
.w100_sp {width:100%;}



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

.colbox .col2 {width:100%;}
.colbox .col2 {width:100%;}
/**/
}
