@charset "utf-8";
/*
Theme Name: test
Author: shohei kozuka
Author URI: https://test/
Description: testページ。
*/
/*----------------------------------------------------------------------------
***                                                                 font-size
----------------------------------------------------------------------------*/
.fs-10{font-size:0.625rem;}/*10px*/
.fs-11{font-size:0.6875rem;}/*11px*/
.fs-12{font-size:0.75rem;}/*12px*/
.fs-13{font-size:0.8125rem;}/*13px*/
.fs-14{font-size:0.875rem;}/*14px*/
.fs-15{font-size:0.9375rem;}/*15px*/
.fs-16{font-size:1rem;}/*16px*/
.fs-17{font-size:1.0625rem;}/*17px*/
.fs-18{font-size:1.125rem;}/*18px*/
.fs-19{font-size:1.1875rem;}/*19px*/
.fs-20{font-size:1.25rem;}/*20px*/
.fs-21{font-size:1.3125rem;}/*21px*/
.fs-22{font-size:1.375rem;}/*22px*/
.fs-23{font-size:1.4375rem;}/*23px*/
.fs-24{font-size:1.5rem;}/*24px*/
.fs-25{font-size:1.5625rem;}/*25px*/
.fs-26{font-size:1.625rem;}/*26px*/
.fs-27{font-size:1.6875rem;}/*27px*/
.fs-28{font-size:1.75rem;}/*28px*/
.fs-29{font-size:1.8125rem;}/*29px*/
.fs-30{font-size:1.875rem;}/*30px*/
.fs-31{font-size:1.9375rem;}/*31px*/
.fs-32{font-size:2rem;}/*32px*/
.fs-33{font-size:2.0625rem;}/*33px*/
.fs-34{font-size:2.125rem;}/*34px*/
.fs-35{font-size:2.1875rem;}/*35px*/
.fs-36{font-size:2.25rem;}/*36px*/
.fs-37{font-size:2.3125rem;}/*37px*/
.fs-38{font-size:2.375rem;}/*38px*/
.fs-39{font-size:2.4375rem;}/*39px*/
.fs-40{font-size:2.5rem;}/*40px*/

/*----------------------------------------------------------------------------
 ***                                                                    space
----------------------------------------------------------------------------*/
/*----- margin -----*/
/*em*/
.mgt05em{margin-top:0.5em;}
.mgt1em{margin-top:1em;}
.mgt2em{margin-top:2em;}
.mgt3em{margin-top:3em;}
.mgt4em{margin-top:4em;}
.mgt5em{margin-top:5em;}
.mgt6em{margin-top:6em;}
.mgt7em{margin-top:7em;}
.mgt8em{margin-top:8em;}
.mgt9em{margin-top:9em;}
.mgt10em{margin-top:10em;}

.mgb05em{margin-bottom:0.5em;}
.mgb1em{margin-bottom:1em;}
.mgb2em{margin-bottom:2em;}
.mgb3em{margin-bottom:3em;}
.mgb4em{margin-bottom:4em;}
.mgb5em{margin-bottom:5em;}
.mgb6em{margin-bottom:6em;}
.mgb7em{margin-bottom:7em;}
.mgb8em{margin-bottom:8em;}
.mgb9em{margin-bottom:9em;}
.mgb10em{margin-bottom:10em;}

.mgr05em{margin-right:0.5em;}
.mgr1em{margin-right:1em;}
.mgr2em{margin-right:2em;}
.mgr3em{margin-right:3em;}
.mgr4em{margin-right:4em;}
.mgr5em{margin-right:5em;}
.mgr6em{margin-right:6em;}
.mgr7em{margin-right:7em;}
.mgr8em{margin-right:8em;}
.mgr9em{margin-right:9em;}
.mgr10em{margin-right:10em;}

.mgl05em{margin-left:0.5em;}
.mgl1em{margin-left:1em;}
.mgl2em{margin-left:2em;}
.mgl3em{margin-left:3em;}
.mgl4em{margin-left:4em;}
.mgl5em{margin-left:5em;}
.mgl6em{margin-left:6em;}
.mgl7em{margin-left:7em;}
.mgl8em{margin-left:8em;}
.mgl9em{margin-left:9em;}
.mgl10em{margin-left:10em;}

/*----- padding -----*/
/*em*/
.pdt05em{padding-top:0.5em;}
.pdt1em{padding-top:1em;}
.pdt2em{padding-top:2em;}
.pdt3em{padding-top:3em;}
.pdt4em{padding-top:4em;}
.pdt5em{padding-top:5em;}
.pdt6em{padding-top:6em;}
.pdt7em{padding-top:7em;}
.pdt8em{padding-top:8em;}
.pdt9em{padding-top:9em;}
.pdt10em{padding-top:10em;}

.pdb05em{padding-bottom:0.5em;}
.pdb1em{padding-bottom:1em;}
.pdb2em{padding-bottom:2em;}
.pdb3em{padding-bottom:3em;}
.pdb4em{padding-bottom:4em;}
.pdb5em{padding-bottom:5em;}
.pdb6em{padding-bottom:6em;}
.pdb7em{padding-bottom:7em;}
.pdb8em{padding-bottom:8em;}
.pdb9em{padding-bottom:9em;}
.pdb10em{padding-bottom:10em;}

.pdr05em{padding-right:0.5em;}
.pdr1em{padding-right:1em;}
.pdr2em{padding-right:2em;}
.pdr3em{padding-right:3em;}
.pdr4em{padding-right:4em;}
.pdr5em{padding-right:5em;}
.pdr6em{padding-right:6em;}
.pdr7em{padding-right:7em;}
.pdr8em{padding-right:8em;}
.pdr9em{padding-right:9em;}
.pdr10em{padding-right:10em;}

.pdl05em{padding-left:0.5em;}
.pdl1em{padding-left:1em;}
.pdl2em{padding-left:2em;}
.pdl3em{padding-left:3em;}
.pdl4em{padding-left:4em;}
.pdl5em{padding-left:5em;}
.pdl6em{padding-left:6em;}
.pdl7em{padding-left:7em;}
.pdl8em{padding-left:8em;}
.pdl9em{padding-left:9em;}
.pdl10em{padding-left:10em;}

/*----------------------------------------------------------------------------
 ***                                                                    text
----------------------------------------------------------------------------*/
.tac{ text-align:center;}
.tar{ text-align:right;}
.tal{ text-align:left;}
.ol{ text-decoration:line-through;}
.fontB{font-weight:bold;}
.fontN{font-weight:normal;}
.txtColorRd{color:#CC3300;}
.txtSizeSS{ font-size:74%}
.txtSizeS{ font-size:86%}
.txtSizeL{ font-size:120%}
.txtSizeLL{ font-size:146%}
.attention{ color:#FF0000;}
.attentionMtoM{ color:#E4007F;}
.attentionL{ font-weight:bold; color:#CC0000; }
.attention2{ font-weight:bold; color:#FF0000; }
.attention3{ font-weight:bold; color:#423a58; }
.attenG{ color:#666;}

.floatR{ float:right;}
.floatL{ float:left;}

/*----------------------------------------------------------------------------
***                                                                    display
----------------------------------------------------------------------------*/
.visible{visibility:visible;}
.visihidden{visibility:hidden;}
.none{ display:none;}
.pcNone{ display:none;}
.spNone{ display:initial;}
.table{display:table;}
.table > *{display:table-cell;}
.table_child{display:table-cell;}
.child_1 > *{width:100%;}
.child_2 > *{width:50%;}
.child_3 > *{width:33.333%;}
.child_4 > *{width:25%;}
.child_5 > *{width:20%;}
.child_6 > *{width:16.666%;}
.flex{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.inFlex{display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.dispBlock {display: block;}
.dispInBlock {display: inline-block;}
.dispFle1x {display: -webkit-box; display: -ms-flexbox; display: flex;}
.dispFlexWrap{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.flex-wrap{-ms-flex-wrap:wrap; flex-wrap:wrap;}
.flex-no-wrap{-ms-flex-wrap:nowrap; flex-wrap:nowrap;}
.flex-column{-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
.j-cont-s{-webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; }
.j-cont-l{-webkit-box-pack:left; -ms-flex-pack:left; justify-content:left; }
.j-cont-r{-webkit-box-pack:right; -ms-flex-pack:right; justify-content:right; }
.j-cont-c{-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.j-cont-sb{-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
.j-cont-sa{-ms-flex-pack:distribute; justify-content:space-around; }
.a-items-c{-webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.a-items-s{-webkit-box-align:start; -ms-flex-align:start; align-items:start; }
.order01{-webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; }
.order02{-webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; }
.order03{-webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; }
.order04{-webkit-box-ordinal-group:5; -ms-flex-order:4; order:4; }
.order05{-webkit-box-ordinal-group:6; -ms-flex-order:5; order:5; }
.order06{-webkit-box-ordinal-group:7; -ms-flex-order:6; order:6; }


/*----------------------------------------------------------------------------
***                                                               font-family
----------------------------------------------------------------------------*/
.font_shinGo{font-family: "A-OTF UD新ゴ Pro", 'メイリオ', 'Meiryo UI', "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",Verdana,'ＭＳ Ｐゴシック',sans-serif; font-weight:normal;}

/*----------------------------------------------------------------------------
***                                                                   position
----------------------------------------------------------------------------*/
.sticky{position:-webkit-sticky; position:sticky; padding-top:1em; top:0px;}

/*----------------------------------------------------------------------------
***                                                                   cursor
----------------------------------------------------------------------------*/
.cursor-p{cursor:pointer;}

/*----------------------------------------------------------------------------
 ***                                                                   table
----------------------------------------------------------------------------*/
/* 幅　-------------------*/
.twA{ width:auto;}
.tw5{ width:5%;}
.tw8{ width:8%;}
.tw10{ width:10%;}
.tw20{ width:20%;}
.tw21{ width:21%;}
.tw22{ width:22%;}
.tw25{ width:25%;}
.tw28{ width:28%;}
.tw30{ width:30%;}
.tw33{ width:33%;}
.tw34{ width:34%;}
.tw35{ width:35%;}
.tw38{ width:38%;}
.tw40{ width:40%;}
.tw43{ width:43%;}
.tw45{ width:45%;}
.tw50{ width:50%;}
.tw60{ width:60%;}
.tw65{ width:65%;}
.tw70{ width:70%;}
.tw75{ width:75%;}
.tw80{ width:80%;}
.tw90{ width:90%;}
.tw100{ width:100%;}
.twSpNon{ width:auto;}

.max180 {max-width:180px;}
.max200 {max-width:200px;}
.max225 {max-width:215px;}
.max230 {max-width:230px;}
.max250 {max-width:250px;}
.max300 {max-width:300px;}
.max350 {max-width:350px;}
.max400 {max-width:400px;}
.max500 {max-width:500px;}
.maxw-non{max-width:none;}



