@charset "UTF-8"; /* Date: 2025-01-08 */ /* utility CSS Index -------------------------------------------------------------- 1 : background : bg_k : bg_w : bg_g : bg_color : bg_pale_color : bg_no 2 : font-text : font-family : tx_color : ya_color : line-marker : line-marker-sen : font-size : indent : letter-spacing : line-height : align : weight 3 : border : rad : sen : sen_color : sen_no 4 : layout : display : relative : absolute : static : float 5 : flex/inline-flex : 列/左 : 列/右 : 列/中 : 列/両端 : 列/等間隔 : 行 : 列幅 : 列数 : direction 方向 : wrap折り返し : justify-content 主軸の寄せ : align-content 交差軸の寄せ : align-items子要素の中身の位置 : grow伸び率(子要素に追加) : shrink縮み率(子要素に追加) : basisベース幅(子要素に追加) : order並び順 : gap子要素の間隔 6 : height/width : height : width : img100 : imgfit 7 : space : margin_around : margin_x : margin_y : margin_top : margin_bottom : margin_left : margin_right : padding_around : padding_x : padding_y : padding_top : padding_bottom : padding_left : padding_right : li_mリストの間（ol / ul） 8 : hover : hoverで明暗 : hoverで拡大 9 : etc : 改行 : disable : aspアスペクト比 PC_CSS SP_CSS -----------------------------------------------------------------------------------------*/ /*========================================================================================== background ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------bg_k*/ body .bg_k{background-color:#000000;color:#fff;} body .bg_k10{background-color:rgba(0, 0, 0, 0.1)} body .bg_k20{background-color:rgba(0, 0, 0, 0.2)} body .bg_k40{background-color:rgba(0, 0, 0, 0.4)} body .bg_k50{background-color:rgba(0, 0, 0, 0.5);color:#fff} body .bg_k80{background-color:rgba(0, 0, 0, 0.8);color:#fff} body .bg_k90{background-color:rgba(0, 0, 0, 0.9);color:#fff} /*--------------------------------------------------------------------------------------------------------------------------------------------bg_w*/ body .bg_w{background-color:#FFFFFF;} body .bg_w10{background-color:rgba(255, 255, 255, 0.1)} body .bg_w20{background-color:rgba(255, 255, 255, 0.2)} body .bg_w40{background-color:rgba(255, 255, 255, 0.4)} body .bg_w50{background-color:rgba(255, 255, 255, 0.5)} body .bg_w80{background-color:rgba(255, 255, 255, 0.8)} body .bg_w90{background-color:rgba(255, 255, 255, 0.9)} /*--------------------------------------------------------------------------------------------------------------------------------------------bg_g*/ body .bg_g10{background-color:#FAFAFA;} body .bg_g20{background-color:#F5F5F5;} body .bg_g30{background-color:#EEEEEE;} body .bg_g40{background-color:#E0E0E0;} body .bg_g50{background-color:#BDBDBD;} body .bg_g60{background-color:#757575;} body .bg_g70{background-color:#616161;} body .bg_g80{background-color:#424242;} body .bg_g90{background-color:#333333;} /*--------------------------------------------------------------------------------------------------------------------------------------------bg_color*/ body .bg_gray{background-color:#9E9E9E;} body .bg_red{background-color:#F44336;} body .bg_pink{background-color:#E91E63;} body .bg_purple{background-color:#9C27B0;} body .bg_cyan{background-color:#00BCD4;} body .bg_blue{background-color:#2196F3;} body .bg_blueg{background-color:#607D8B;} body .bg_green{background-color:#4CAF50;} body .bg_yellow{background-color:#FFC107;} body .bg_orange{background-color:#FF9800;} body .bg_brown{background-color:#795548;} body .bg_slate100{background-color:#f1f5f9;} body .bg_slate200{background-color:#e2e8f0;} body .bg_slate300{background-color:#cad5e2;} body .bg_tp{background-color:transparent;} /*--------------------------------------------------------------------------------------------------------------------------------------------bg_pale_color*/ /*--------------------------------------------------------------------------------------------------------------------------------------------bg_no*/ body .bg_no{background:none} /*========================================================================================== font-text ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------font-family*/ body .serif{font-family:serif} body .sans{font-family:sans-serif;} body .mincho{font-family:"Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", "BIZ UDPMincho", Georgia, serif} body .gothic{font-family:"Helvetica Neue", "Helvetica", "Arial", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif} body .gothicM{font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"}/*font-weight:600以上で使用*/ body .futura{font-family: 'Trebuchet MS','Futura','Arial',sans-serif;}/*英数のみ*/ body .arial{font-family: 'Arial',sans-serif;}/*英数のみ*/ /*--------------------------------------------------------------------------------------------------------------------------------------------tx_color*/ body .tx_w{color:#FFFFFF;} body .tx_k{color:#000000;} body .tx_gray{color:#9E9E9E;} body .tx_slate300{color:#cad5e2;} body .tx_slate400{color:#90a1b9;} body .tx_red{color:#F44336;} body .tx_pink{color:#E91E63;} body .tx_purple{color:#9C27B0;} body .tx_cyan{color:#00BCD4;} body .tx_blue{color:#2196F3;} body .tx_blue600{color:#155dfc;} body .tx_blue800{color:#193CB8;} body .tx_blue900{color:#1c398e;} body .tx_neutral300{color:#d4d4d4;} body .tx_neutral500{color:#737373;} body .tx_neutral800{color:#262626;} body .tx_blueg{color:#607D8B;} body .tx_green{color:#4CAF50;} body .tx_yellow{color:#FFC107;} body .tx_orange{color:#FF9800;} body .tx_brown{color:#795548;} body .tx_inherit{color:inherit} body .tx_tp{color:transparent;} body .tx_g10{color:#FAFAFA;} body .tx_g20{color:#F5F5F5;} body .tx_g30{color:#EEEEEE;} body .tx_g40{color:#E0E0E0;} body .tx_g50{color:#BDBDBD;} body .tx_g60{color:#757575;} body .tx_g70{color:#616161;} body .tx_g80{color:#424242;} body .tx_g90{color:#333333;} /*--------------------------------------------------------------------------------------------------------------------------------------------ya_color*/ body .ya_w::before{border-color:#FFF;background-color:#FFF;} body .ya_k::before{border-color:#000;background-color:#000;} body .ya_blue::before{border-color:#2196F3;background-color:#2196F3;} /*--------------------------------------------------------------------------------------------------------------------------------------------line-marker*/ body .lm_yellow{display:inline;background:linear-gradient(transparent 0%, #FFFF00 0%)} body .lm_pink{display:inline;background:linear-gradient(transparent 0%, #ff66ff 0%)} body .lm_blue{display:inline;background:linear-gradient(transparent 0%, #66ccff 0%)} body .lm_green{display:inline;background:linear-gradient(transparent 0%, #66ff66 0%)} /*--------------------------------------------------------------------------------------------------------------------------------------------line-marker-sen*/ body .lm_sen_yellow{display:inline;background:linear-gradient(transparent 80%, #FFFF00 80%)} body .lm_sen_pink{display:inline;background:linear-gradient(transparent 80%, #ff66ff 80%)} body .lm_sen_blue{display:inline;background:linear-gradient(transparent 80%, #66ccff 80%)} body .lm_sen_green{display:inline;background:linear-gradient(transparent 80%, #66ff66 80%)} /*--------------------------------------------------------------------------------------------------------------------------------------------font-size*/ body .fs0{font-size:0rem} body .fs8{font-size:0.8rem} body .fs10{font-size:1rem} body .fs12{font-size:1.2rem} body .fs14{font-size:1.4rem} body .fs16{font-size:1.6rem} body .fs18{font-size:1.8rem} body .fs20{font-size:2rem} body .fs24{font-size:2.4rem} body .fs30{font-size:3rem} body .fs36{font-size:3.6rem} body .fs40{font-size:4rem} body .fs48{font-size:4.8rem} body .fs60{font-size:6rem} body .fs72{font-size:7.2rem} body .fs96{font-size:9.6rem} body .fs128{font-size:12.8rem} /*--------------------------------------------------------------------------------------------------------------------------------------------indent*/ body .ind0{text-indent:0;} body .ind1{text-indent:1em} body .ind2{text-indent:2em} /*--------------------------------------------------------------------------------------------------------------------------------------------letter-spacing*/ body .ls0{letter-spacing:0} body .ls1{letter-spacing:0.1rem} body .ls2{letter-spacing:0.2rem} body .ls3{letter-spacing:0.3rem} /*--------------------------------------------------------------------------------------------------------------------------------------------line-height*/ body .lh1{line-height:1} body .lh11{line-height:1.1} body .lh125{line-height:1.25} body .lh14{line-height:1.4} body .lh15{line-height:1.5} body .lh166{line-height:1.66} body .lh175{line-height:1.75} body .lh18{line-height:1.8} body .lh185{line-height:1.85} body .lh187{line-height:1.875} body .lh2{line-height:2} body .lh25{line-height:2.5} /*--------------------------------------------------------------------------------------------------------------------------------------------align*/ body .center{text-align:center;margin-right:auto;margin-left:auto} body .right{text-align:right} body .left{text-align:left} body .justify{text-align:justify;text-justify:distribute} /*--------------------------------------------------------------------------------------------------------------------------------------------weight*/ body .lighter{font-weight:lighter}/*細字*/ body .light{font-weight:300}/*薄い*/ body .normal{font-weight:400}/*通常の太さ*/ body .semibold{font-weight:500}/*やや太字*/ body .bold{font-weight:700}/*太字*/ /*========================================================================================== border ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------rad*/ body .rad{border-radius:100%;overflow:hidden} body .rad0{border-radius:0;overflow:hidden} body .rad4{border-radius:4px;overflow:hidden} body .rad8{border-radius:8px;overflow:hidden} body .rad10{border-radius:10px;overflow:hidden} body .rad12{border-radius:12px;overflow:hidden} body .rad14{border-radius:14px;overflow:hidden} body .rad20{border-radius:20px;overflow:hidden} body .rad40{border-radius:40px;overflow:hidden} body .rad100{border-radius:100em;overflow:hidden} body .rad_t{border-bottom-right-radius:0;border-bottom-left-radius:0;} body .rad_b{border-top-right-radius:0;border-top-left-radius:0;} body .rad_r{border-top-left-radius:0;border-bottom-left-radius:0;} body .rad_l{border-top-right-radius:0;border-bottom-right-radius:0;} /*radimg*/ body .radimg img{border-radius:100%} body .radimg10 img{border-radius:10px} body .radimg20 img{border-radius:20px} body .radimg100 img{border-radius:100%} /*--------------------------------------------------------------------------------------------------------------------------------------------sen*/ body .sen_t{border-top:1px solid rgba(0, 0, 0, 0.3)} body .sen_t2{border-top:2px solid rgba(0, 0, 0, 0.3)} body .sen_r{border-right:1px solid rgba(0, 0, 0, 0.3)} body .sen_r2{border-right:2px solid rgba(0, 0, 0, 0.3)} body .sen_t_dot{border-top:2px dotted rgba(0, 0, 0, 0.3)} body .sen_t_dash{border-top:1px dashed rgba(0, 0, 0, 0.3)} body .sen_b{border-bottom:1px solid rgba(0, 0, 0, 0.3)} body .sen_b2{border-bottom:2px solid rgba(0, 0, 0, 0.3)} body .sen_b_dot{border-bottom:2px dotted rgba(0, 0, 0, 0.3)} body .sen_b_dash{border-bottom:1px dashed rgba(0, 0, 0, 0.3)} body .sen_waku{border:1px solid rgba(0, 0, 0, 0.3)} body .sen_waku2{border:2px solid rgba(0, 0, 0, 0.3)} body .sen_waku_dot{border:2px dotted rgba(0, 0, 0, 0.3)} body .sen_waku_w{border:3px double rgba(0, 0, 0, 0.3)} /*--------------------------------------------------------------------------------------------------------------------------------------------sen_color*/ body .sen_w{border-color:#FFF;} body .sen_k{border-color:#000;} body .sen_gray{border-color:#9E9E9E;} body .sen_red{border-color:#F44336;} body .sen_blue{border-color:#2196F3;} body .sen_blueg{border-color:#607D8B;} body .sen_green{border-color:#4CAF50;} body .sen_tp{border-color:transparent;} body .sen_g10{border-color:#FAFAFA;} body .sen_g20{border-color:#F5F5F5;} body .sen_g30{border-color:#EEEEEE;} body .sen_g40{border-color:#E0E0E0;} body .sen_g50{border-color:#BDBDBD;} body .sen_g60{border-color:#757575;} body .sen_g70{border-color:#616161;} body .sen_g80{border-color:#424242;} body .sen_g90{border-color:#333333;} /*after*/ body .sen_w::after{border-color:#FFF;} body .sen_k::after{border-color:#000;} body .sen_gray::after{border-color:#9E9E9E;} body .sen_red::after{border-color:#F44336;} body .sen_blue::after{border-color:#2196F3;} body .sen_blueg::after{border-color:#607D8B;} body .sen_green::after{border-color:#4CAF50;} body .sen_g10::after{border-color:#FAFAFA;} body .sen_g20::after{border-color:#F5F5F5;} body .sen_g30::after{border-color:#EEEEEE;} body .sen_g40::after{border-color:#E0E0E0;} body .sen_g50::after{border-color:#BDBDBD;} body .sen_g60::after{border-color:#757575;} body .sen_g70::after{border-color:#616161;} body .sen_g80::after{border-color:#424242;} body .sen_g90::after{border-color:#333333;} /*--------------------------------------------------------------------------------------------------------------------------------------------sen_no*/ body .sen_no{border:none} body .sen_t_no{border-top:none} body .sen_b_no{border-bottom:none} body .sen_r_no{border-right:none} body .sen_l_no{border-left:none} /*========================================================================================== layout ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------display*/ body .inline{display:inline;} body .block{display:block} body .inblock{display:inline-block;vertical-align:top} body .none{display:none} body .before_none::before{display:none} body .after_none::after{display:none} /*--------------------------------------------------------------------------------------------------------------------------------------------relative*/ body .relative{position:relative} /*--------------------------------------------------------------------------------------------------------------------------------------------absolute*/ body .abs{position:absolute;z-index:10;} body .abs_t{position:absolute;z-index:10;top:0;bottom:auto} body .abs_b{position:absolute;z-index:10;bottom:0;top:auto} body .abs_r{position:absolute;z-index:10;right:0;left:auto} body .abs_l{position:absolute;z-index:10;left:0;right:auto} /*--------------------------------------------------------------------------------------------------------------------------------------------static*/ body .static{position:static} /*--------------------------------------------------------------------------------------------------------------------------------------------float*/ body .fr{float:right} body .fl{float:left} body .fn{float:none} /*========================================================================================== flex/inline-flex ==========================================================================================*/ body .flex{display:flex;} body .inflex{display:inline-flex;} /*--------------------------------------------------------------------------------------------------------------------------------------------列/左*/ body .row_l{display:flex;}/*上*/ body .row_l_c{display:flex;align-items:center;}/*中*/ body .row_l_b{display:flex;align-items:end;}/*下/ /*--------------------------------------------------------------------------------------------------------------------------------------------列/右*/ body .row_r{display:flex;justify-content:end;} body .row_r_c{display:flex;justify-content:end;align-items:center;} body .row_r_b{display:flex;justify-content:end;align-items:end;} /*--------------------------------------------------------------------------------------------------------------------------------------------列/中*/ body .row_c{display:flex;justify-content:center;} body .row_c_c{display:flex;justify-content:center;align-items:center;} body .row_c_b{display:flex;justify-content:center;align-items:end;} /*--------------------------------------------------------------------------------------------------------------------------------------------列/両端*/ body .row_bw{display:flex;justify-content:space-between;} body .row_bw_c{display:flex;justify-content:space-between;align-items:center;} body .row_bw_b{display:flex;justify-content:space-between;align-items:end;} /*--------------------------------------------------------------------------------------------------------------------------------------------列/等間隔*/ body .row_ar{display:flex;justify-content:space-around;} body .row_ar_c{display:flex;justify-content:space-around;align-items:center;} body .row_ar_b{display:flex;justify-content:space-around;align-items:end;} /*--------------------------------------------------------------------------------------------------------------------------------------------行*/ body .col_l{display:flex;flex-direction:column;}/*左*/ body .col_c{display:flex;flex-direction:column;align-items:center;}/*中*/ body .col_r{display:flex;flex-direction:column;align-items:end;}/*右*/ /*--------------------------------------------------------------------------------------------------------------------------------------------列幅*/ body .row200{display:grid;grid-template-columns: repeat( auto-fit, minmax(200px,1fr) ) ;} body .row250{display:grid;grid-template-columns: repeat( auto-fit, minmax(250px,1fr) ) ;} body .row300{display:grid;grid-template-columns: repeat( auto-fit, minmax(300px,1fr) ) ;} body .row350{display:grid;grid-template-columns: repeat( auto-fit, minmax(350px,1fr) ) ;} body .row400{display:grid;}@media print, screen and (min-width: 768px) {.row400{grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ) ;}} body .row450{display:grid;}@media print, screen and (min-width: 768px) {.row450{grid-template-columns: repeat( auto-fit, minmax(450px, 1fr) ) ;}} body .row500{display:grid;}@media print, screen and (min-width: 768px) {.row500{grid-template-columns: repeat( auto-fit, minmax(500px, 1fr) ) ;}} /*--------------------------------------------------------------------------------------------------------------------------------------------列数*/ body .row1{display:grid;grid-template-columns: repeat(1 , 1fr);} body .row2{display:grid;grid-template-columns: repeat(2 , 1fr);} body .row3{display:grid;grid-template-columns: repeat(3 , 1fr);} body .row4{display:grid;grid-template-columns: repeat(4 , 1fr);} body .row5{display:grid;grid-template-columns: repeat(5 , 1fr);} body .row6{display:grid;grid-template-columns: repeat(6 , 1fr);} body .row8{display:grid;grid-template-columns: repeat(8 , 1fr);} body .row10{display:grid;grid-template-columns: repeat(10 , 1fr);} /*--------------------------------------------------------------------------------------------------------------------------------------------direction*/ body .row{flex-direction:row;}/*列*/ body .reverse{flex-direction:row-reverse;}/*列逆*/ body .column{flex-direction:column;}/*行*/ body .column_r{flex-direction:column-reverse;}/*行逆*/ /*--------------------------------------------------------------------------------------------------------------------------------------------wrap*/ body .wrap{flex-wrap:wrap;} body .fl_nowrap{flex-wrap:nowrap;} body .wrap_r{flex-wrap:wrap-reverse;} /*--------------------------------------------------------------------------------------------------------------------------------------------justify-content*/ body .jc_s{justify-content:start;}/*主軸を始まりに寄せる（初期値）*/ body .jc_e{justify-content:end;}/*主軸を終わりに寄せる*/ body .jc_c{justify-content:center;}/*主軸を中央に寄せる*/ body .jc_bw{justify-content:space-between;}/*主軸の間を均等割*/ body .jc_ar{justify-content:space-around;}/*主軸の要素を均等割*/ body .jc_str{justify-content:stretch;}/*主軸の要素を伸ばす*/ /*--------------------------------------------------------------------------------------------------------------------------------------------align-content*/ body .ac_s{align-content:start;}/*交差軸を始まりに寄せる（初期値）*/ body .ac_e{align-content:end;}/*交差軸を終わりに寄せる*/ body .ac_c{align-content:center;}/*交差軸を中央に寄せる*/ body .ac_bw{align-content:space-between;}/*交差軸の間を均等割*/ body .ac_ar{align-content:space-around;}/*交差軸の要素を均等割*/ body .ac_str{align-content:stretch;}/*交差軸の要素を伸ばす*/ /*--------------------------------------------------------------------------------------------------------------------------------------------align-items*/ body .ai_s{align-items:start;}/*子要素の内容を始まりに寄せる（初期値）*/ body .ai_e{align-items:end;}/*子要素の内容を終わりに寄せる*/ body .ai_c{align-items:center;}/*子要素の内容を中央の位置に寄せる*/ body .ai_base{align-items:baseline;}/*子要素の内容をベースラインに揃える*/ body .ai_str{align-items:stretch;}/*子要素の内容を伸ばす*/ /*--------------------------------------------------------------------------------------------------------------------------------------------grow*/ body .gro0{flex-grow:0;}/*伸びないでつめる（初期値）*/ body .gro1{flex-grow:1;} body .gro2{flex-grow:2;} body .gro3{flex-grow:3;} /*--------------------------------------------------------------------------------------------------------------------------------------------shrink*/ body .shr0{flex-shrink:0;}/*狭くても縮まない*/ body .shr1{flex-shrink:1;}/*（初期値）*/ body .shr2{flex-shrink:2;} body .shr3{flex-shrink:3;} /*--------------------------------------------------------------------------------------------------------------------------------------------basis*/ body .bas{flex-basis:auto;} body .bas10{flex-basis:10%;} body .bas16{flex-basis:16.6%;} body .bas20{flex-basis:20%;} body .bas25{flex-basis:25%;} body .bas30{flex-basis:30%;} body .bas33{flex-basis:33.3%;} body .bas40{flex-basis:40%;} body .bas50{flex-basis:50%;} body .bas60{flex-basis:60%;} body .bas70{flex-basis:70%;} body .bas75{flex-basis:75%;} body .bas80{flex-basis:80%;} body .bas90{flex-basis:90%;} body .bas100{flex-basis:100%;} /*--------------------------------------------------------------------------------------------------------------------------------------------order*/ body .ord-5{order:-5;} body .ord-4{order:-4;} body .ord-3{order:-3;} body .ord-2{order:-2;} body .ord-1{order:-1;} body .ord{order:0;} body .ord1{order:1;} body .ord2{order:2;} body .ord3{order:3;} body .ord4{order:4;} body .ord5{order:5;} /*--------------------------------------------------------------------------------------------------------------------------------------------gap*/ body .gap0{gap:0;} body .gap1{gap:1px;} body .gap3{gap:3px;} body .gap5{gap:5px;} body .gap10{gap:10px;} body .gap15{gap:15px;} body .gap20{gap:20px;} body .gap30{gap:30px;} body .gap40{gap:40px;} body .gap50{gap:50px;} body .gap60{gap:60px;} body .gap5p{gap:5%;} body .gap10p{gap:10%;} body .gap_tx{gap:0.1em 1em;} /*========================================================================================== height/width ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------height*/ body .h10{height:10px} body .h20{height:20px} body .h30{height:30px} body .h40{height:40px} body .h50{height:50px} body .h80{height:80px} body .h100{height:100px} body .h120{height:120px} body .h140{height:140px} body .h180{height:180px} body .h200{height:200px} body .h300{height:300px} body .h400{height:400px} body .h500{height:500px} body .h800{height:800px} body .h1000{height:1000px} body .h10p{height:10%} body .h20p{height:20%} body .h25p{height:25%} body .h30p{height:30%} body .h33p{height:33.3%} body .h40p{height:40%} body .h50p{height:50%} body .h75p{height:75%} body .h80p{height:80%} body .h100p{height:100%} body .hauto{height:auto;max-height:auto;min-height:auto;} body .hmax{max-height:100%;} body .hmin{min-height:0;} /*--------------------------------------------------------------------------------------------------------------------------------------------width*/ body .w10{width:10px} body .w20{width:20px} body .w25{width:25px} body .w30{width:30px} body .w40{width:40px} body .w50{width:50px} body .w80{width:80px} body .w100{width:100px} body .w120{width:120px} body .w150{width:150px} body .w200{width:200px} body .w300{width:300px} body .w400{width:400px} body .w500{width:500px} body .w800{width:800px} body .w1000{width:1000px} body .w10p{width:10%} body .w15p{width:15%} body .w20p{width:20%} body .w25p{width:25%} body .w30p{width:30%} body .w33p{width:33.3%} body .w35p{width:35%} body .w40p{width:40%} body .w45p{width:45%} body .w50p{width:50%} body .w55p{width:55%} body .w60p{width:60%} body .w65p{width:65%} body .w66p{width:66.6%} body .w70p{width:70%} body .w75p{width:75%} body .w80p{width:80%} body .w100p{width:100%} body .wauto{width:auto;max-width:auto;min-width:auto;} body .wmax{max-width:100%;} body .wmin{min-width:0;} body .wfull{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);} /*--------------------------------------------------------------------------------------------------------------------------------------------img100*/ body .img100 img{min-width:100%;max-height:none;} /*--------------------------------------------------------------------------------------------------------------------------------------------imgfit*/ body .imgfit img{width:100%;height:100%;object-fit:cover;} /*========================================================================================== space ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------margin_around*/ body .ma0{margin:0} body .ma4{margin:4px} body .ma8{margin:8px} body .ma12{margin:12px} body .ma16{margin:16px} body .ma20{margin:20px} body .ma24{margin:24px} body .ma32{margin:32px} body .ma36{margin:36px} body .ma40{margin:40px} body .ma56{margin:56px} body .ma60{margin:60px} body .ma80{margin:80px} body .ma100{margin:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------margin_x*/ body .mx0{margin-left:0;margin-right:0} body .mx4{margin-left:4px;margin-right:4px} body .mx8{margin-left:8px;margin-right:8px} body .mx12{margin-left:12px;margin-right:12px} body .mx16{margin-left:16px;margin-right:16px} body .mx20{margin-left:20px;margin-right:20px} body .mx24{margin-left:24px;margin-right:24px} body .mx32{margin-left:32px;margin-right:32px} body .mx36{margin-left:36px;margin-right:36px} body .mx40{margin-left:40px;margin-right:40px} body .mx56{margin-left:56px;margin-right:56px} body .mx60{margin-left:60px;margin-right:60px} body .mx80{margin-left:80px;margin-right:80px} body .mx100{margin-left:100px;margin-right:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------margin_y*/ body .my0{margin-top:0;margin-bottom:0} body .my4{margin-top:4px;margin-bottom:4px} body .my8{margin-top:8px;margin-bottom:8px} body .my12{margin-top:12px;margin-bottom:12px} body .my16{margin-top:16px;margin-bottom:16px} body .my20{margin-top:20px;margin-bottom:20px} body .my24{margin-top:24px;margin-bottom:24px} body .my32{margin-top:32px;margin-bottom:32px} body .my36{margin-top:36px;margin-bottom:36px} body .my40{margin-top:40px;margin-bottom:40px} body .my56{margin-top:56px;margin-bottom:56px} body .my60{margin-top:60px;margin-bottom:60px} body .my80{margin-top:80px;margin-bottom:80px} body .my100{margin-top:100px;margin-bottom:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------margin_top*/ body .mt-a{margin-top:auto} body .mt-20{margin-top:-20px} body .mt-16{margin-top:-16px} body .mt-8{margin-top:-8px} body .mt-4{margin-top:-4px} body .mt-1{margin-top:-1px} body .mt0{margin-top:0} body .mt4{margin-top:4px} body .mt8{margin-top:8px} body .mt12{margin-top:12px} body .mt16{margin-top:16px} body .mt20{margin-top:20px} body .mt24{margin-top:24px} body .mt32{margin-top:32px} body .mt36{margin-top:36px} body .mt40{margin-top:40px} body .mt56{margin-top:56px} body .mt60{margin-top:60px} body .mt80{margin-top:80px} body .mt100{margin-top:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------margin_bottom*/ body .mb-a{margin-bottom:auto} body .mb-20{margin-bottom:-20px} body .mb-16{margin-bottom:-16px} body .mb-8{margin-bottom:-8px} body .mb-4{margin-bottom:-4px} body .mb-1{margin-bottom:-1px} body .mb0{margin-bottom:0} body .mb4{margin-bottom:4px} body .mb8{margin-bottom:8px} body .mb12{margin-bottom:12px} body .mb16{margin-bottom:16px} body .mb20{margin-bottom:20px} body .mb24{margin-bottom:24px} body .mb32{margin-bottom:32px} body .mb36{margin-bottom:36px} body .mb40{margin-bottom:40px} body .mb56{margin-bottom:56px} body .mb60{margin-bottom:60px} body .mb80{margin-bottom:80px} body .mb100{margin-bottom:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------margin_left*/ body .ml-a{margin-left:auto} body .ml-20{margin-left:-20px} body .ml-16{margin-left:-16px} body .ml-8{margin-left:-8px} body .ml-4{margin-left:-4px} body .ml-1{margin-left:-1px} body .ml0{margin-left:0} body .ml4{margin-left:4px} body .ml8{margin-left:8px} body .ml12{margin-left:12px} body .ml16{margin-left:16px} body .ml20{margin-left:20px} body .ml24{margin-left:24px} body .ml32{margin-left:32px} body .ml36{margin-left:36px} body .ml40{margin-left:40px} body .ml56{margin-left:56px} body .ml60{margin-left:60px} body .ml80{margin-left:80px} body .ml100{margin-left:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------margin_right*/ body .mr-a{margin-right:auto} body .mr-20{margin-right:-20px} body .mr-16{margin-right:-16px} body .mr-8{margin-right:-8px} body .mr-4{margin-right:-4px} body .mr-1{margin-right:-1px} body .mr0{margin-right:0} body .mr4{margin-right:4px} body .mr8{margin-right:8px} body .mr12{margin-right:12px} body .mr16{margin-right:16px} body .mr20{margin-right:20px} body .mr24{margin-right:24px} body .mr32{margin-right:32px} body .mr36{margin-right:36px} body .mr40{margin-right:40px} body .mr56{margin-right:56px} body .mr60{margin-right:60px} body .mr80{margin-right:80px} body .mr100{margin-right:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_around*/ body .pa0{padding:0} body .pa4{padding:4px} body .pa8{padding:8px} body .pa12{padding:12px} body .pa16{padding:16px} body .pa20{padding:20px} body .pa24{padding:24px} body .pa32{padding:32px} body .pa36{padding:36px} body .pa40{padding:40px} body .pa56{padding:56px} body .pa60{padding:60px} body .pa80{padding:80px} body .pa100{padding:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_x*/ body .px0{padding-left:0;padding-right:0} body .px4{padding-left:4px;padding-right:4px} body .px8{padding-left:8px;padding-right:8px} body .px12{padding-left:12px;padding-right:12px} body .px16{padding-left:16px;padding-right:16px} body .px20{padding-left:20px;padding-right:20px} body .px24{padding-left:24px;padding-right:24px} body .px32{padding-left:32px;padding-right:32px} body .px36{padding-left:36px;padding-right:36px} body .px40{padding-left:40px;padding-right:40px} body .px56{padding-left:56px;padding-right:56px} body .px60{padding-left:60px;padding-right:60px} body .px80{padding-left:80px;padding-right:80px} body .px100{padding-left:100px;padding-right:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_y*/ body .py0{padding-top:0;padding-bottom:0} body .py4{padding-top:4px;padding-bottom:4px} body .py8{padding-top:8px;padding-bottom:8px} body .py12{padding-top:12px;padding-bottom:12px} body .py16{padding-top:16px;padding-bottom:16px} body .py20{padding-top:20px;padding-bottom:20px} body .py24{padding-top:24px;padding-bottom:24px} body .py32{padding-top:32px;padding-bottom:32px} body .py36{padding-top:36px;padding-bottom:36px} body .py40{padding-top:40px;padding-bottom:40px} body .py56{padding-top:56px;padding-bottom:56px} body .py60{padding-top:60px;padding-bottom:60px} body .py80{padding-top:80px;padding-bottom:80px} body .py100{padding-top:100px;padding-bottom:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_top*/ body .pt0{padding-top:0} body .pt4{padding-top:4px} body .pt8{padding-top:8px} body .pt12{padding-top:12px} body .pt16{padding-top:16px} body .pt20{padding-top:20px} body .pt24{padding-top:24px} body .pt32{padding-top:32px} body .pt36{padding-top:36px} body .pt40{padding-top:40px} body .pt56{padding-top:56px} body .pt60{padding-top:60px} body .pt80{padding-top:80px} body .pt100{padding-top:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_bottom*/ body .pb0{padding-bottom:0} body .pb4{padding-bottom:4px} body .pb8{padding-bottom:8px} body .pb12{padding-bottom:12px} body .pb16{padding-bottom:16px} body .pb20{padding-bottom:20px} body .pb24{padding-bottom:24px} body .pb32{padding-bottom:32px} body .pb36{padding-bottom:36px} body .pb40{padding-bottom:40px} body .pb56{padding-bottom:56px} body .pb60{padding-bottom:60px} body .pb80{padding-bottom:80px} body .pb100{padding-bottom:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_left*/ body .pl0{padding-left:0} body .pl4{padding-left:4px} body .pl8{padding-left:8px} body .pl12{padding-left:12px} body .pl16{padding-left:16px} body .pl20{padding-left:20px} body .pl24{padding-left:24px} body .pl32{padding-left:32px} body .pl36{padding-left:36px} body .pl40{padding-left:40px} body .pl56{padding-left:56px} body .pl60{padding-left:60px} body .pl80{padding-left:80px} body .pl100{padding-left:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_right*/ body .pr0{padding-right:0} body .pr4{padding-right:4px} body .pr8{padding-right:8px} body .pr12{padding-right:12px} body .pr16{padding-right:16px} body .pr20{padding-right:20px} body .pr24{padding-right:24px} body .pr32{padding-right:32px} body .pr36{padding-right:36px} body .pr40{padding-right:40px} body .pr56{padding-right:56px} body .pr60{padding-right:60px} body .pr80{padding-right:80px} body .pr100{padding-right:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------li_mリストの間（ol / ul）*/ body .li_m0 > li + li{margin-top:0;} body .li_m1 > li + li{margin-top:0.1em;} body .li_m2 > li + li{margin-top:0.2em;} body .li_m3 > li + li{margin-top:0.3em;} body .li_m4 > li + li{margin-top:0.4em;} body .li_m5 > li + li{margin-top:0.5em;} body .li_m6 > li + li{margin-top:0.6em;} body .li_m7 > li + li{margin-top:0.7em;} body .li_m8 > li + li{margin-top:0.8em;} body .li_m9 > li + li{margin-top:0.9em;} body .li_m10 > li + li{margin-top:1em;} /*========================================================================================== hover ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------hoverで明暗*/ body .hv_pale a:hover{filter:brightness(150%);filter:opacity(60%);} body .hv_dark a:hover{filter:brightness(75%);} body .hv_k a:hover{background:rgba(0,0,0,0.05);filter:brightness(100%);} body .hv_w a:hover{background:rgba(255,255,255,0.3);filter:brightness(100%);} /*--------------------------------------------------------------------------------------------------------------------------------------------hoverで拡大*/ body .hv_big a{transition: all 0.3s;} body .hv_big a:hover{transform: scale(1.1);} /*========================================================================================== etc ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------改行*/ body .nowrap{white-space:nowrap}/*折り返さない*/ body .break{word-break:break-all}/*URLなども折り返す*/ /*--------------------------------------------------------------------------------------------------------------------------------------------disable*/ .disable{cursor:default;pointer-events:none;}/*link/input/button無効*/ /*--------------------------------------------------------------------------------------------------------------------------------------------asp*/ body .asp43{aspect-ratio:4 / 3;overflow:hidden;} body .asp21{aspect-ratio:2 / 1;overflow:hidden;} body .asp1{aspect-ratio:1 / 1;overflow:hidden;} /* PC_CSS|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ @media print, screen and (min-width: 768px) { /*========================================================================================== background ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------bg_k*/ body .pc_bg_k{background-color:#000000;color:#fff;} body .pc_bg_k10{background-color:rgba(0, 0, 0, 0.1)} body .pc_bg_k20{background-color:rgba(0, 0, 0, 0.2)} body .pc_bg_k40{background-color:rgba(0, 0, 0, 0.4)} body .pc_bg_k50{background-color:rgba(0, 0, 0, 0.5);color:#fff} body .pc_bg_k80{background-color:rgba(0, 0, 0, 0.8);color:#fff} body .pc_bg_k90{background-color:rgba(0, 0, 0, 0.9);color:#fff} /*--------------------------------------------------------------------------------------------------------------------------------------------bg_w*/ body .pc_bg_w{background-color:#FFFFFF;} body .pc_bg_w10{background-color:rgba(255, 255, 255, 0.1)} body .pc_bg_w20{background-color:rgba(255, 255, 255, 0.2)} body .pc_bg_w40{background-color:rgba(255, 255, 255, 0.4)} body .pc_bg_w50{background-color:rgba(255, 255, 255, 0.5)} body .pc_bg_w80{background-color:rgba(255, 255, 255, 0.8)} body .pc_bg_w90{background-color:rgba(255, 255, 255, 0.9)} /*--------------------------------------------------------------------------------------------------------------------------------------------bg_g*/ body .pc_bg_g10{background-color:#FAFAFA;} body .pc_bg_g20{background-color:#F5F5F5;} body .pc_bg_g30{background-color:#EEEEEE;} body .pc_bg_g40{background-color:#E0E0E0;} body .pc_bg_g50{background-color:#BDBDBD;} body .pc_bg_g60{background-color:#757575;} body .pc_bg_g70{background-color:#616161;} body .pc_bg_g80{background-color:#424242;} body .pc_bg_g90{background-color:#333333;} /*--------------------------------------------------------------------------------------------------------------------------------------------bg_color*/ body .pc_bg_gray{background-color:#9E9E9E;} body .pc_bg_red{background-color:#F44336;} body .pc_bg_pink{background-color:#E91E63;} body .pc_bg_purple{background-color:#9C27B0;} body .pc_bg_cyan{background-color:#00BCD4;} body .pc_bg_blue{background-color:#2196F3;} body .pc_bg_blueg{background-color:#607D8B;} body .pc_bg_green{background-color:#4CAF50;} body .pc_bg_yellow{background-color:#FFC107;} body .pc_bg_orange{background-color:#FF9800;} body .pc_bg_brown{background-color:#795548;} body .pc_bg_tp{background-color:transparent;} /*--------------------------------------------------------------------------------------------------------------------------------------------bg_pale_color*/ /*--------------------------------------------------------------------------------------------------------------------------------------------bg_no*/ body .pc_bg_no{background:none} /*========================================================================================== font-text ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------font-family*/ body .pc_serif{font-family:serif} body .pc_sans{font-family:sans-serif;} body .pc_mincho{font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif} body .pc_gothic{font-family:"Helvetica Neue", "Helvetica", "Arial", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif} body .pc_gothicM{font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"}/*font-weight:600以上で使用*/ body .pc_futura{font-family: 'Trebuchet MS','Futura','Arial',sans-serif;}/*英数のみ*/ body .pc_arial{font-family: 'Arial',sans-serif;}/*英数のみ*/ /*--------------------------------------------------------------------------------------------------------------------------------------------tx_color*/ body .pc_tx_w{color:#FFFFFF;} body .pc_tx_k{color:#000000;} body .pc_tx_gray{color:#9E9E9E;} body .pc_tx_red{color:#F44336;} body .pc_tx_pink{color:#E91E63;} body .pc_tx_purple{color:#9C27B0;} body .pc_tx_cyan{color:#00BCD4;} body .pc_tx_blue{color:#2196F3;} body .pc_tx_blueg{color:#607D8B;} body .pc_tx_green{color:#4CAF50;} body .pc_tx_yellow{color:#FFC107;} body .pc_tx_orange{color:#FF9800;} body .pc_tx_brown{color:#795548;} body .pc_tx_inherit{color:inherit} body .pc_tx_tp{color:transparent;} body .pc_tx_g10{color:#FAFAFA;} body .pc_tx_g20{color:#F5F5F5;} body .pc_tx_g30{color:#EEEEEE;} body .pc_tx_g40{color:#E0E0E0;} body .pc_tx_g50{color:#BDBDBD;} body .pc_tx_g60{color:#757575;} body .pc_tx_g70{color:#616161;} body .pc_tx_g80{color:#424242;} body .pc_tx_g90{color:#333333;} /*--------------------------------------------------------------------------------------------------------------------------------------------ya_color*/ body .pc_ya_w::before{border-color:#FFF;background-color:#FFF;} body .pc_ya_k::before{border-color:#000;background-color:#000;} body .pc_ya_blue::before{border-color:#2196F3;background-color:#2196F3;} /*--------------------------------------------------------------------------------------------------------------------------------------------line-marker*/ body .pc_lm_yellow{display:inline;background:linear-gradient(transparent 0%, #FFFF00 0%)} body .pc_lm_pink{display:inline;background:linear-gradient(transparent 0%, #ff66ff 0%)} body .pc_lm_blue{display:inline;background:linear-gradient(transparent 0%, #66ccff 0%)} body .pc_lm_green{display:inline;background:linear-gradient(transparent 0%, #66ff66 0%)} /*--------------------------------------------------------------------------------------------------------------------------------------------line-marker-sen*/ body .pc_lm_sen_yellow{display:inline;background:linear-gradient(transparent 80%, #FFFF00 80%)} body .pc_lm_sen_pink{display:inline;background:linear-gradient(transparent 80%, #ff66ff 80%)} body .pc_lm_sen_blue{display:inline;background:linear-gradient(transparent 80%, #66ccff 80%)} body .pc_lm_sen_green{display:inline;background:linear-gradient(transparent 80%, #66ff66 80%)} /*--------------------------------------------------------------------------------------------------------------------------------------------font-size*/ body .pc_fs0{font-size:0rem} body .pc_fs8{font-size:0.8rem} body .pc_fs10{font-size:1rem} body .pc_fs12{font-size:1.2rem} body .pc_fs14{font-size:1.4rem} body .pc_fs16{font-size:1.6rem} body .pc_fs18{font-size:1.8rem} body .pc_fs20{font-size:2rem} body .pc_fs24{font-size:2.4rem} body .pc_fs30{font-size:3rem} body .pc_fs36{font-size:3.6rem} body .pc_fs40{font-size:4rem} body .pc_fs48{font-size:4.8rem} body .pc_fs60{font-size:6rem} body .pc_fs72{font-size:7.2rem} body .pc_fs96{font-size:9.6rem} body .pc_fs128{font-size:12.8rem} /*--------------------------------------------------------------------------------------------------------------------------------------------indent*/ body .pc_ind0{text-indent:0;} body .pc_ind1{text-indent:1em} body .pc_ind2{text-indent:2em} /*--------------------------------------------------------------------------------------------------------------------------------------------letter-spacing*/ body .pc_ls0{letter-spacing:0} body .pc_ls1{letter-spacing:0.1rem} body .pc_ls2{letter-spacing:0.2rem} body .pc_ls3{letter-spacing:0.3rem} /*--------------------------------------------------------------------------------------------------------------------------------------------line-height*/ body .pc_lh1{line-height:1} body .pc_lh11{line-height:1.1} body .pc_lh125{line-height:1.25} body .pc_lh15{line-height:1.5} body .pc_lh166{line-height:1.66} body .pc_lh175{line-height:1.75} body .pc_lh187{line-height:1.875} body .pc_lh2{line-height:2} body .pc_lh25{line-height:2.5} /*--------------------------------------------------------------------------------------------------------------------------------------------align*/ body .pc_center{text-align:center;margin-right:auto;margin-left:auto} body .pc_right{text-align:right} body .pc_left{text-align:left} body .pc_justify{text-align:justify;text-justify:distribute} /*--------------------------------------------------------------------------------------------------------------------------------------------weight*/ body .pc_lighter{font-weight:lighter}/*細字*/ body .pc_bold{font-weight:bold}/*太字*/ body .pc_normal{font-weight:normal}/*通常の太さ*/ /*========================================================================================== border ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------rad*/ body .pc_rad{border-radius:100%;overflow:hidden} body .pc_rad0{border-radius:0;overflow:hidden} body .pc_rad5{border-radius:5px;overflow:hidden} body .pc_rad10{border-radius:10px;overflow:hidden} body .pc_rad15{border-radius:15px;overflow:hidden} body .pc_rad20{border-radius:20px;overflow:hidden} body .pc_rad40{border-radius:40px;overflow:hidden} body .pc_rad100{border-radius:100em;overflow:hidden} body .pc_rad_t{border-bottom-right-radius:0;border-bottom-left-radius:0;} body .pc_rad_b{border-top-right-radius:0;border-top-left-radius:0;} body .pc_rad_r{border-top-left-radius:0;border-bottom-left-radius:0;} body .pc_rad_l{border-top-right-radius:0;border-bottom-right-radius:0;} /*radimg*/ body .pc_radimg img{border-radius:100%} body .pc_radimg10 img{border-radius:10px} body .pc_radimg20 img{border-radius:20px} body .pc_radimg100 img{border-radius:100%} /*--------------------------------------------------------------------------------------------------------------------------------------------sen*/ body .pc_sen_t{border-top:1px solid rgba(0, 0, 0, 0.3)} body .pc_sen_t2{border-top:2px solid rgba(0, 0, 0, 0.3)} body .pc_sen_r{border-right:1px solid rgba(0, 0, 0, 0.3)} body .pc_sen_r2{border-right:2px solid rgba(0, 0, 0, 0.3)} body .pc_sen_t_dot{border-top:2px dotted rgba(0, 0, 0, 0.3)} body .pc_sen_t_dash{border-top:1px dashed rgba(0, 0, 0, 0.3)} body .pc_sen_b{border-bottom:1px solid rgba(0, 0, 0, 0.3)} body .pc_sen_b2{border-bottom:2px solid rgba(0, 0, 0, 0.3)} body .pc_sen_b_dot{border-bottom:2px dotted rgba(0, 0, 0, 0.3)} body .pc_sen_b_dash{border-bottom:1px dashed rgba(0, 0, 0, 0.3)} body .pc_sen_waku{border:1px solid rgba(0, 0, 0, 0.3)} body .pc_sen_waku2{border:2px solid rgba(0, 0, 0, 0.3)} body .pc_sen_waku_dot{border:2px dotted rgba(0, 0, 0, 0.3)} body .pc_sen_waku_w{border:3px double rgba(0, 0, 0, 0.3)} /*--------------------------------------------------------------------------------------------------------------------------------------------sen_color*/ body .pc_sen_w{border-color:#FFF;} body .pc_sen_k{border-color:#000;} body .pc_sen_gray{border-color:#9E9E9E;} body .pc_sen_red{border-color:#F44336;} body .pc_sen_blue{border-color:#2196F3;} body .pc_sen_blueg{border-color:#607D8B;} body .pc_sen_green{border-color:#4CAF50;} body .pc_sen_tp{border-color:transparent;} body .pc_sen_g10{border-color:#FAFAFA;} body .pc_sen_g20{border-color:#F5F5F5;} body .pc_sen_g30{border-color:#EEEEEE;} body .pc_sen_g40{border-color:#E0E0E0;} body .pc_sen_g50{border-color:#BDBDBD;} body .pc_sen_g60{border-color:#757575;} body .pc_sen_g70{border-color:#616161;} body .pc_sen_g80{border-color:#424242;} body .pc_sen_g90{border-color:#333333;} /*after*/ body .pc_sen_w::after{border-color:#FFF;} body .pc_sen_k::after{border-color:#000;} body .pc_sen_gray::after{border-color:#9E9E9E;} body .pc_sen_red::after{border-color:#F44336;} body .pc_sen_blue::after{border-color:#2196F3;} body .pc_sen_blueg::after{border-color:#607D8B;} body .pc_sen_green::after{border-color:#4CAF50;} body .pc_sen_g10::after{border-color:#FAFAFA;} body .pc_sen_g20::after{border-color:#F5F5F5;} body .pc_sen_g30::after{border-color:#EEEEEE;} body .pc_sen_g40::after{border-color:#E0E0E0;} body .pc_sen_g50::after{border-color:#BDBDBD;} body .pc_sen_g60::after{border-color:#757575;} body .pc_sen_g70::after{border-color:#616161;} body .pc_sen_g80::after{border-color:#424242;} body .pc_sen_g90::after{border-color:#333333;} /*--------------------------------------------------------------------------------------------------------------------------------------------sen_no*/ body .pc_sen_no{border:none} body .pc_sen_t_no{border-top:none} body .pc_sen_b_no{border-bottom:none} body .pc_sen_r_no{border-right:none} body .pc_sen_l_no{border-left:none} /*========================================================================================== layout ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------display*/ body .pc_inline{display:inline;} body .pc_block{display:block} body .pc_inblock{display:inline-block;vertical-align:top} body .pc_none{display:none} body .pc_before_none::before{display:none} body .pc_after_none::after{display:none} /*--------------------------------------------------------------------------------------------------------------------------------------------relative*/ body .pc_relative{position:relative} /*--------------------------------------------------------------------------------------------------------------------------------------------absolute*/ body .pc_abs{position:absolute;z-index:10;} body .pc_abs_t{position:absolute;z-index:10;top:0;bottom:auto} body .pc_abs_b{position:absolute;z-index:10;bottom:0;top:auto} body .pc_abs_r{position:absolute;z-index:10;right:0;left:auto} body .pc_abs_l{position:absolute;z-index:10;left:0;right:auto} /*--------------------------------------------------------------------------------------------------------------------------------------------static*/ body .pc_static{position:static} /*--------------------------------------------------------------------------------------------------------------------------------------------float*/ body .pc_fr{float:right} body .pc_fl{float:left} body .pc_fn{float:none} /*========================================================================================== flex/inline-flex ==========================================================================================*/ body .pc_flex{display:flex;} body .pc_inflex{display:inline-flex;} /*--------------------------------------------------------------------------------------------------------------------------------------------列/左*/ body .pc_row_l{display:flex;}/*上*/ body .pc_row_l_c{display:flex;align-items:center;}/*中*/ body .pc_row_l_b{display:flex;align-items:end;}/*下/ /*--------------------------------------------------------------------------------------------------------------------------------------------列/右*/ body .pc_row_r{display:flex;justify-content:end;} body .pc_row_r_c{display:flex;justify-content:end;align-items:center;} body .pc_row_r_b{display:flex;justify-content:end;align-items:end;} /*--------------------------------------------------------------------------------------------------------------------------------------------列/中*/ body .pc_row_c{display:flex;justify-content:center;} body .pc_row_c_c{display:flex;justify-content:center;align-items:center;} body .pc_row_c_b{display:flex;justify-content:center;align-items:end;} /*--------------------------------------------------------------------------------------------------------------------------------------------列/両端*/ body .pc_row_bw{display:flex;justify-content:space-between;} body .pc_row_bw_c{display:flex;justify-content:space-between;align-items:center;} body .pc_row_bw_b{display:flex;justify-content:space-between;align-items:end;} /*--------------------------------------------------------------------------------------------------------------------------------------------列/等間隔*/ body .pc_row_ar{display:flex;justify-content:space-around;} body .pc_row_ar_c{display:flex;justify-content:space-around;align-items:center;} body .pc_row_ar_b{display:flex;justify-content:space-around;align-items:end;} /*--------------------------------------------------------------------------------------------------------------------------------------------行*/ body .pc_col_l{display:flex;flex-direction:column;}/*左*/ body .pc_col_c{display:flex;flex-direction:column;align-items:center;}/*中*/ body .pc_col_r{display:flex;flex-direction:column;align-items:end;}/*右*/ /*--------------------------------------------------------------------------------------------------------------------------------------------列幅*/ body .pc_row200{display:grid;grid-template-columns: repeat( auto-fit, minmax(200px,1fr) ) ;} body .pc_row250{display:grid;grid-template-columns: repeat( auto-fit, minmax(250px,1fr) ) ;} body .pc_row300{display:grid;grid-template-columns: repeat( auto-fit, minmax(300px,1fr) ) ;} body .pc_row350{display:grid;grid-template-columns: repeat( auto-fit, minmax(350px,1fr) ) ;} body .pc_row400{display:grid;}@media print, screen and (min-width: 768px) {.row400{grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ) ;}} body .pc_row450{display:grid;}@media print, screen and (min-width: 768px) {.row450{grid-template-columns: repeat( auto-fit, minmax(450px, 1fr) ) ;}} body .pc_row500{display:grid;}@media print, screen and (min-width: 768px) {.row500{grid-template-columns: repeat( auto-fit, minmax(500px, 1fr) ) ;}} /*--------------------------------------------------------------------------------------------------------------------------------------------列数*/ body .pc_row1{display:grid;grid-template-columns: repeat(1 , 1fr);} body .pc_row2{display:grid;grid-template-columns: repeat(2 , 1fr);} body .pc_row3{display:grid;grid-template-columns: repeat(3 , 1fr);} body .pc_row4{display:grid;grid-template-columns: repeat(4 , 1fr);} body .pc_row5{display:grid;grid-template-columns: repeat(5 , 1fr);} body .pc_row6{display:grid;grid-template-columns: repeat(6 , 1fr);} body .pc_row8{display:grid;grid-template-columns: repeat(8 , 1fr);} body .pc_row10{display:grid;grid-template-columns: repeat(10 , 1fr);} /*--------------------------------------------------------------------------------------------------------------------------------------------direction*/ body .pc_row{flex-direction:row;}/*列*/ body .pc_reverse{flex-direction:row-reverse;}/*列逆*/ body .pc_column{flex-direction:column;}/*行*/ body .pc_column_r{flex-direction:column-reverse;}/*行逆*/ /*--------------------------------------------------------------------------------------------------------------------------------------------wrap*/ body .pc_wrap{flex-wrap:wrap;} body .pc_fl_nowrap{flex-wrap:nowrap;} body .pc_wrap_r{flex-wrap:wrap-reverse;} /*--------------------------------------------------------------------------------------------------------------------------------------------justify-content*/ body .pc_jc_s{justify-content:start;}/*主軸を始まりに寄せる（初期値）*/ body .pc_jc_e{justify-content:end;}/*主軸を終わりに寄せる*/ body .pc_jc_c{justify-content:center;}/*主軸を中央に寄せる*/ body .pc_jc_bw{justify-content:space-between;}/*主軸の間を均等割*/ body .pc_jc_ar{justify-content:space-around;}/*主軸の要素を均等割*/ body .pc_jc_str{justify-content:stretch;}/*主軸の要素を伸ばす*/ /*--------------------------------------------------------------------------------------------------------------------------------------------align-content*/ body .pc_ac_s{align-content:start;}/*交差軸を始まりに寄せる（初期値）*/ body .pc_ac_e{align-content:end;}/*交差軸を終わりに寄せる*/ body .pc_ac_c{align-content:center;}/*交差軸を中央に寄せる*/ body .pc_ac_bw{align-content:space-between;}/*交差軸の間を均等割*/ body .pc_ac_ar{align-content:space-around;}/*交差軸の要素を均等割*/ body .pc_ac_str{align-content:stretch;}/*交差軸の要素を伸ばす*/ /*--------------------------------------------------------------------------------------------------------------------------------------------align-items*/ body .pc_ai_s{align-items:start;}/*子要素の内容を始まりに寄せる（初期値）*/ body .pc_ai_e{align-items:end;}/*子要素の内容を終わりに寄せる*/ body .pc_ai_c{align-items:center;}/*子要素の内容を中央の位置に寄せる*/ body .pc_ai_base{align-items:baseline;}/*子要素の内容をベースラインに揃える*/ body .pc_ai_str{align-items:stretch;}/*子要素の内容を伸ばす*/ /*--------------------------------------------------------------------------------------------------------------------------------------------grow*/ body .pc_gro0{flex-grow:0;}/*伸びないでつめる（初期値）*/ body .pc_gro1{flex-grow:1;} body .pc_gro2{flex-grow:2;} body .pc_gro3{flex-grow:3;} /*--------------------------------------------------------------------------------------------------------------------------------------------shrink*/ body .pc_shr0{flex-shrink:0;}/*狭くても縮まない*/ body .pc_shr1{flex-shrink:1;}/*（初期値）*/ body .pc_shr2{flex-shrink:2;} body .pc_shr3{flex-shrink:3;} /*--------------------------------------------------------------------------------------------------------------------------------------------basis*/ body .pc_bas{flex-basis:auto;} body .pc_bas25{flex-basis:25%;} body .pc_bas33{flex-basis:33.3%;} body .pc_bas50{flex-basis:50%;} body .pc_bas75{flex-basis:75%;} body .pc_bas10{flex-basis:10%;} body .pc_bas20{flex-basis:20%;} body .pc_bas30{flex-basis:30%;} body .pc_bas40{flex-basis:40%;} body .pc_bas50{flex-basis:50%;} body .pc_bas60{flex-basis:60%;} body .pc_bas70{flex-basis:70%;} body .pc_bas80{flex-basis:80%;} body .pc_bas90{flex-basis:90%;} body .pc_bas100{flex-basis:100%;} /*--------------------------------------------------------------------------------------------------------------------------------------------order*/ body .pc_ord-5{order:-5;} body .pc_ord-4{order:-4;} body .pc_ord-3{order:-3;} body .pc_ord-2{order:-2;} body .pc_ord-1{order:-1;} body .pc_ord{order:0;} body .pc_ord1{order:1;} body .pc_ord2{order:2;} body .pc_ord3{order:3;} body .pc_ord4{order:4;} body .pc_ord5{order:5;} /*--------------------------------------------------------------------------------------------------------------------------------------------gap*/ body .pc_gap0{gap:0;} body .pc_gap1{gap:1px;} body .pc_gap3{gap:3px;} body .pc_gap5{gap:5px;} body .pc_gap10{gap:10px;} body .pc_gap15{gap:15px;} body .pc_gap20{gap:20px;} body .pc_gap30{gap:30px;} body .pc_gap40{gap:40px;} body .pc_gap50{gap:50px;} body .pc_gap60{gap:60px;} body .pc_gap5p{gap:5%;} body .pc_gap10p{gap:10%;} body .pc_gap_tx{gap:0.1em 1em;} /*========================================================================================== height/width ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------height*/ body .pc_h10{height:10px} body .pc_h20{height:20px} body .pc_h30{height:30px} body .pc_h40{height:40px} body .pc_h50{height:50px} body .pc_h80{height:80px} body .pc_h100{height:100px} body .pc_h120{height:120px} body .pc_h140{height:140px} body .pc_h180{height:180px} body .pc_h200{height:200px} body .pc_h300{height:300px} body .pc_h400{height:400px} body .pc_h500{height:500px} body .pc_h800{height:800px} body .pc_h1000{height:1000px} body .pc_h10p{height:10%} body .pc_h20p{height:20%} body .pc_h25p{height:25%} body .pc_h30p{height:30%} body .pc_h33p{height:33.3%} body .pc_h40p{height:40%} body .pc_h50p{height:50%} body .pc_h75p{height:75%} body .pc_h80p{height:80%} body .pc_h100p{height:100%} body .pc_hauto{height:auto;max-height:auto;min-height:auto;} body .pc_hmax{max-height:100%;} body .pc_hmin{min-height:0;} /*--------------------------------------------------------------------------------------------------------------------------------------------width*/ body .pc_w10{width:10px} body .pc_w20{width:20px} body .pc_w25{width:25px} body .pc_w30{width:30px} body .pc_w40{width:40px} body .pc_w50{width:50px} body .pc_w80{width:80px} body .pc_w100{width:100px} body .pc_w120{width:120px} body .pc_w150{width:150px} body .pc_w200{width:200px} body .pc_w300{width:300px} body .pc_w400{width:400px} body .pc_w500{width:500px} body .pc_w800{width:800px} body .pc_w1000{width:1000px} body .pc_w10p{width:10%} body .pc_w15p{width:15%} body .pc_w20p{width:20%} body .pc_w25p{width:25%} body .pc_w30p{width:30%} body .pc_w33p{width:33.3%} body .pc_w35p{width:35%} body .pc_w40p{width:40%} body .pc_w45p{width:45%} body .pc_w50p{width:50%} body .pc_w55p{width:55%} body .pc_w60p{width:60%} body .pc_w65p{width:65%} body .pc_w66p{width:66.6%} body .pc_w70p{width:70%} body .pc_w75p{width:75%} body .pc_w80p{width:80%} body .pc_w100p{width:100%} body .pc_wauto{width:auto;max-width:auto;min-width:auto;} body .pc_wmax{max-width:100%;} body .pc_wmin{min-width:0;} body .pc_wfull{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);} /*--------------------------------------------------------------------------------------------------------------------------------------------img100*/ body .pc_img100 img{min-width:100%;max-height:none;} /*--------------------------------------------------------------------------------------------------------------------------------------------imgfit*/ body .pc_imgfit img{width:100%;height:100%;object-fit:cover;} /*========================================================================================== space ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------margin_around*/ body .pc_ma0{margin:0} body .pc_ma4{margin:4px} body .pc_ma8{margin:8px} body .pc_ma12{margin:12px} body .pc_ma16{margin:16px} body .pc_ma20{margin:20px} body .pc_ma24{margin:24px} body .pc_ma32{margin:32px} body .pc_ma36{margin:36px} body .pc_ma40{margin:40px} body .pc_ma56{margin:56px} body .pc_ma60{margin:60px} body .pc_ma80{margin:80px} body .pc_ma100{margin:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------margin_x*/ body .pc_mx0{margin-left:0;margin-right:0} body .pc_mx4{margin-left:4px;margin-right:4px} body .pc_mx8{margin-left:8px;margin-right:8px} body .pc_mx12{margin-left:12px;margin-right:12px} body .pc_mx16{margin-left:16px;margin-right:16px} body .pc_mx20{margin-left:20px;margin-right:20px} body .pc_mx24{margin-left:24px;margin-right:24px} body .pc_mx32{margin-left:32px;margin-right:32px} body .pc_mx36{margin-left:36px;margin-right:36px} body .pc_mx40{margin-left:40px;margin-right:40px} body .pc_mx56{margin-left:56px;margin-right:56px} body .pc_mx60{margin-left:60px;margin-right:60px} body .pc_mx80{margin-left:80px;margin-right:80px} body .pc_mx100{margin-left:100px;margin-right:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------margin_y*/ body .pc_my0{margin-top:0;margin-bottom:0} body .pc_my4{margin-top:4px;margin-bottom:4px} body .pc_my8{margin-top:8px;margin-bottom:8px} body .pc_my12{margin-top:12px;margin-bottom:12px} body .pc_my16{margin-top:16px;margin-bottom:16px} body .pc_my20{margin-top:20px;margin-bottom:20px} body .pc_my24{margin-top:24px;margin-bottom:24px} body .pc_my32{margin-top:32px;margin-bottom:32px} body .pc_my36{margin-top:36px;margin-bottom:36px} body .pc_my40{margin-top:40px;margin-bottom:40px} body .pc_my56{margin-top:56px;margin-bottom:56px} body .pc_my60{margin-top:60px;margin-bottom:60px} body .pc_my80{margin-top:80px;margin-bottom:80px} body .pc_my100{margin-top:100px;margin-bottom:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------margin_top*/ body .pc_mt-a{margin-top:auto} body .pc_mt-20{margin-top:-20px} body .pc_mt-16{margin-top:-16px} body .pc_mt-8{margin-top:-8px} body .pc_mt-4{margin-top:-4px} body .pc_mt-1{margin-top:-1px} body .pc_mt0{margin-top:0} body .pc_mt4{margin-top:4px} body .pc_mt8{margin-top:8px} body .pc_mt12{margin-top:12px} body .pc_mt16{margin-top:16px} body .pc_mt20{margin-top:20px} body .pc_mt24{margin-top:24px} body .pc_mt32{margin-top:32px} body .pc_mt36{margin-top:36px} body .pc_mt40{margin-top:40px} body .pc_mt56{margin-top:56px} body .pc_mt60{margin-top:60px} body .pc_mt80{margin-top:80px} body .pc_mt100{margin-top:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------margin_bottom*/ body .pc_mb-a{margin-bottom:auto} body .pc_mb-20{margin-bottom:-20px} body .pc_mb-16{margin-bottom:-16px} body .pc_mb-8{margin-bottom:-8px} body .pc_mb-4{margin-bottom:-4px} body .pc_mb-1{margin-bottom:-1px} body .pc_mb0{margin-bottom:0} body .pc_mb4{margin-bottom:4px} body .pc_mb8{margin-bottom:8px} body .pc_mb12{margin-bottom:12px} body .pc_mb16{margin-bottom:16px} body .pc_mb20{margin-bottom:20px} body .pc_mb24{margin-bottom:24px} body .pc_mb32{margin-bottom:32px} body .pc_mb36{margin-bottom:36px} body .pc_mb40{margin-bottom:40px} body .pc_mb56{margin-bottom:56px} body .pc_mb60{margin-bottom:60px} body .pc_mb80{margin-bottom:80px} body .pc_mb100{margin-bottom:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------margin_left*/ body .pc_ml-a{margin-left:auto} body .pc_ml-20{margin-left:-20px} body .pc_ml-16{margin-left:-16px} body .pc_ml-8{margin-left:-8px} body .pc_ml-4{margin-left:-4px} body .pc_ml-1{margin-left:-1px} body .pc_ml0{margin-left:0} body .pc_ml4{margin-left:4px} body .pc_ml8{margin-left:8px} body .pc_ml12{margin-left:12px} body .pc_ml16{margin-left:16px} body .pc_ml20{margin-left:20px} body .pc_ml24{margin-left:24px} body .pc_ml32{margin-left:32px} body .pc_ml36{margin-left:36px} body .pc_ml40{margin-left:40px} body .pc_ml56{margin-left:56px} body .pc_ml60{margin-left:60px} body .pc_ml80{margin-left:80px} body .pc_ml100{margin-left:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------margin_right*/ body .pc_mr-a{margin-right:auto} body .pc_mr-20{margin-right:-20px} body .pc_mr-16{margin-right:-16px} body .pc_mr-8{margin-right:-8px} body .pc_mr-4{margin-right:-4px} body .pc_mr-1{margin-right:-1px} body .pc_mr0{margin-right:0} body .pc_mr4{margin-right:4px} body .pc_mr8{margin-right:8px} body .pc_mr12{margin-right:12px} body .pc_mr16{margin-right:16px} body .pc_mr20{margin-right:20px} body .pc_mr24{margin-right:24px} body .pc_mr32{margin-right:32px} body .pc_mr36{margin-right:36px} body .pc_mr40{margin-right:40px} body .pc_mr56{margin-right:56px} body .pc_mr60{margin-right:60px} body .pc_mr80{margin-right:80px} body .pc_mr100{margin-right:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_around*/ body .pc_pa0{padding:0} body .pc_pa4{padding:4px} body .pc_pa8{padding:8px} body .pc_pa12{padding:12px} body .pc_pa16{padding:16px} body .pc_pa20{padding:20px} body .pc_pa24{padding:24px} body .pc_pa32{padding:32px} body .pc_pa36{padding:36px} body .pc_pa40{padding:40px} body .pc_pa56{padding:56px} body .pc_pa60{padding:60px} body .pc_pa80{padding:80px} body .pc_pa100{padding:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_x*/ body .pc_px0{padding-left:0;padding-right:0} body .pc_px4{padding-left:4px;padding-right:4px} body .pc_px8{padding-left:8px;padding-right:8px} body .pc_px12{padding-left:12px;padding-right:12px} body .pc_px16{padding-left:16px;padding-right:16px} body .pc_px20{padding-left:20px;padding-right:20px} body .pc_px24{padding-left:24px;padding-right:24px} body .pc_px32{padding-left:32px;padding-right:32px} body .pc_px36{padding-left:36px;padding-right:36px} body .pc_px40{padding-left:40px;padding-right:40px} body .pc_px56{padding-left:56px;padding-right:56px} body .pc_px60{padding-left:60px;padding-right:60px} body .pc_px80{padding-left:80px;padding-right:80px} body .pc_px100{padding-left:100px;padding-right:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_y*/ body .pc_py0{padding-top:0;padding-bottom:0} body .pc_py4{padding-top:4px;padding-bottom:4px} body .pc_py8{padding-top:8px;padding-bottom:8px} body .pc_py12{padding-top:12px;padding-bottom:12px} body .pc_py16{padding-top:16px;padding-bottom:16px} body .pc_py20{padding-top:20px;padding-bottom:20px} body .pc_py24{padding-top:24px;padding-bottom:24px} body .pc_py32{padding-top:32px;padding-bottom:32px} body .pc_py36{padding-top:36px;padding-bottom:36px} body .pc_py40{padding-top:40px;padding-bottom:40px} body .pc_py56{padding-top:56px;padding-bottom:56px} body .pc_py60{padding-top:60px;padding-bottom:60px} body .pc_py80{padding-top:80px;padding-bottom:80px} body .pc_py100{padding-top:100px;padding-bottom:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_top*/ body .pc_pt0{padding-top:0} body .pc_pt4{padding-top:4px} body .pc_pt8{padding-top:8px} body .pc_pt12{padding-top:12px} body .pc_pt16{padding-top:16px} body .pc_pt20{padding-top:20px} body .pc_pt24{padding-top:24px} body .pc_pt32{padding-top:32px} body .pc_pt36{padding-top:36px} body .pc_pt40{padding-top:40px} body .pc_pt56{padding-top:56px} body .pc_pt60{padding-top:60px} body .pc_pt80{padding-top:80px} body .pc_pt100{padding-top:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_bottom*/ body .pc_pb0{padding-bottom:0} body .pc_pb4{padding-bottom:4px} body .pc_pb8{padding-bottom:8px} body .pc_pb12{padding-bottom:12px} body .pc_pb16{padding-bottom:16px} body .pc_pb20{padding-bottom:20px} body .pc_pb24{padding-bottom:24px} body .pc_pb32{padding-bottom:32px} body .pc_pb36{padding-bottom:36px} body .pc_pb40{padding-bottom:40px} body .pc_pb56{padding-bottom:56px} body .pc_pb60{padding-bottom:60px} body .pc_pb80{padding-bottom:80px} body .pc_pb100{padding-bottom:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_left*/ body .pc_pl0{padding-left:0} body .pc_pl4{padding-left:4px} body .pc_pl8{padding-left:8px} body .pc_pl12{padding-left:12px} body .pc_pl16{padding-left:16px} body .pc_pl20{padding-left:20px} body .pc_pl24{padding-left:24px} body .pc_pl32{padding-left:32px} body .pc_pl36{padding-left:36px} body .pc_pl40{padding-left:40px} body .pc_pl56{padding-left:56px} body .pc_pl60{padding-left:60px} body .pc_pl80{padding-left:80px} body .pc_pl100{padding-left:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_right*/ body .pc_pr0{padding-right:0} body .pc_pr4{padding-right:4px} body .pc_pr8{padding-right:8px} body .pc_pr12{padding-right:12px} body .pc_pr16{padding-right:16px} body .pc_pr20{padding-right:20px} body .pc_pr24{padding-right:24px} body .pc_pr32{padding-right:32px} body .pc_pr36{padding-right:36px} body .pc_pr40{padding-right:40px} body .pc_pr56{padding-right:56px} body .pc_pr60{padding-right:60px} body .pc_pr80{padding-right:80px} body .pc_pr100{padding-right:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------li_mリストの間（ol / ul）*/ body .pc_li_m0 > li + li{margin-top:0;} body .pc_li_m1 > li + li{margin-top:0.1em;} body .pc_li_m2 > li + li{margin-top:0.2em;} body .pc_li_m3 > li + li{margin-top:0.3em;} body .pc_li_m4 > li + li{margin-top:0.4em;} body .pc_li_m5 > li + li{margin-top:0.5em;} body .pc_li_m6 > li + li{margin-top:0.6em;} body .pc_li_m7 > li + li{margin-top:0.7em;} body .pc_li_m8 > li + li{margin-top:0.8em;} body .pc_li_m9 > li + li{margin-top:0.9em;} body .pc_li_m10 > li + li{margin-top:1em;} /*========================================================================================== hover ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------hoverで明暗*/ body .pc_hv_pale a:hover{filter:brightness(150%);filter:opacity(60%);} body .pc_hv_dark a:hover{filter:brightness(75%);} body .pc_hv_k a:hover{background:rgba(0,0,0,0.05);filter:brightness(100%);} body .pc_hv_w a:hover{background:rgba(255,255,255,0.3);filter:brightness(100%);} /*--------------------------------------------------------------------------------------------------------------------------------------------hoverで拡大*/ body .pc_hv_big a{transition: all 0.3s;} body .pc_hv_big a:hover{transform: scale(1.1);} /*========================================================================================== etc ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------改行*/ body .pc_nowrap{white-space:nowrap}/*折り返さない*/ body .pc_break{word-break:break-all}/*URLなども折り返す*/ /*--------------------------------------------------------------------------------------------------------------------------------------------asp*/ body .pc_asp43{aspect-ratio:4 / 3;overflow:hidden;} body .pc_asp21{aspect-ratio:2 / 1;overflow:hidden;} body .pc_asp1{aspect-ratio:1 / 1;overflow:hidden;} } /* SP_CSS|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ @media screen and (max-width: 767px) { /*サイズ調整*/ body .fs20{font-size:1.8rem;} body .fs24{font-size:2rem;} body .fs30{font-size:2.4rem;} body .fs36{font-size:2.4rem;} body .fs40{font-size:3rem;} body .fs48{font-size:3rem;} body .fs60{font-size:3.6rem;} body .fs72{font-size:4rem;} body .fs96{font-size:4rem;} body .fs128{font-size:4rem;} body .ma20{margin:16px;} body .ma24{margin:20px;} body .ma32{margin:24px;} body .ma36{margin:24px;} body .ma40{margin:24px;} body .ma56{margin:32px;} body .ma60{margin:32px;} body .ma80{margin:32px;} body .ma100{margin:32px;} body .mt20{margin-top:16px;} body .mt24{margin-top:20px;} body .mt32{margin-top:24px;} body .mt36{margin-top:24px;} body .mt40{margin-top:24px;} body .mt56{margin-top:32px;} body .mt60{margin-top:32px;} body .mt80{margin-top:32px;} body .mt100{margin-top:32px;} body .mb20{margin-bottom:16px;} body .mb24{margin-bottom:20px;} body .mb32{margin-bottom:24px;} body .mb36{margin-bottom:24px;} body .mb40{margin-bottom:24px;} body .mb56{margin-bottom:32px;} body .mb60{margin-bottom:32px;} body .mb80{margin-bottom:32px;} body .mb100{margin-bottom:32px;} body .ml20{margin-left:16px;} body .ml24{margin-left:20px;} body .ml32{margin-left:24px;} body .ml36{margin-left:24px;} body .ml40{margin-left:24px;} body .ml56{margin-left:32px;} body .ml60{margin-left:32px;} body .ml80{margin-left:32px;} body .ml100{margin-left:32px;} body .mr20{margin-right:16px;} body .mr24{margin-right:20px;} body .mr32{margin-right:24px;} body .mr36{margin-right:24px;} body .mr40{margin-right:24px;} body .mr56{margin-right:32px;} body .mr60{margin-right:32px;} body .mr80{margin-right:32px;} body .mr100{margin-right:32px;} body .pa20{padding:16px;} body .pa24{padding:20px;} body .pa32{padding:24px;} body .pa36{padding:24px;} body .pa40{padding:24px;} body .pa56{padding:32px;} body .pa60{padding:32px;} body .pa80{padding:32px;} body .pa100{padding:32px;} body .py20{padding-top:16px;padding-bottom:16px;} body .py24{padding-top:20px;padding-bottom:20px;} body .py32{padding-top:24px;padding-bottom:24px;} body .py36{padding-top:24px;padding-bottom:24px;} body .py40{padding-top:24px;padding-bottom:24px;} body .py56{padding-top:32px;padding-bottom:32px;} body .py60{padding-top:32px;padding-bottom:32px;} body .py80{padding-top:32px;padding-bottom:32px;} body .py100{padding-top:32px;padding-bottom:32px;} body .pt20{padding-top:16px;} body .pt24{padding-top:20px;} body .pt32{padding-top:24px;} body .pt36{padding-top:24px;} body .pt40{padding-top:24px;} body .pt56{padding-top:32px;} body .pt60{padding-top:32px;} body .pt80{padding-top:32px;} body .pt100{padding-top:32px;} body .pb20{padding-bottom:16px;} body .pb24{padding-bottom:20px;} body .pb32{padding-bottom:24px;} body .pb36{padding-bottom:24px;} body .pb40{padding-bottom:24px;} body .pb56{padding-bottom:32px;} body .pb60{padding-bottom:32px;} body .pb80{padding-bottom:32px;} body .pb100{padding-bottom:32px;} body .pl20{padding-left:16px;} body .pl24{padding-left:20px;} body .pl32{padding-left:24px;} body .pl36{padding-left:24px;} body .pl40{padding-left:24px;} body .pl56{padding-left:32px;} body .pl60{padding-left:32px;} body .pl80{padding-left:32px;} body .pl100{padding-left:32px;} body .pr20{padding-right:16px;} body .pr24{padding-right:20px;} body .pr32{padding-right:24px;} body .pr36{padding-right:24px;} body .pr40{padding-right:24px;} body .pr56{padding-right:32px;} body .pr60{padding-right:32px;} body .pr80{padding-right:32px;} body .pr100{padding-right:32px;} /*========================================================================================== background ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------bg_k*/ body .sp_bg_k{background-color:#000000;color:#fff;} body .sp_bg_k10{background-color:rgba(0, 0, 0, 0.1)} body .sp_bg_k20{background-color:rgba(0, 0, 0, 0.2)} body .sp_bg_k40{background-color:rgba(0, 0, 0, 0.4)} body .sp_bg_k50{background-color:rgba(0, 0, 0, 0.5);color:#fff} body .sp_bg_k80{background-color:rgba(0, 0, 0, 0.8);color:#fff} body .sp_bg_k90{background-color:rgba(0, 0, 0, 0.9);color:#fff} /*--------------------------------------------------------------------------------------------------------------------------------------------bg_w*/ body .sp_bg_w{background-color:#FFFFFF;} body .sp_bg_w10{background-color:rgba(255, 255, 255, 0.1)} body .sp_bg_w20{background-color:rgba(255, 255, 255, 0.2)} body .sp_bg_w40{background-color:rgba(255, 255, 255, 0.4)} body .sp_bg_w50{background-color:rgba(255, 255, 255, 0.5)} body .sp_bg_w80{background-color:rgba(255, 255, 255, 0.8)} body .sp_bg_w90{background-color:rgba(255, 255, 255, 0.9)} /*--------------------------------------------------------------------------------------------------------------------------------------------bg_g*/ body .sp_bg_g10{background-color:#FAFAFA;} body .sp_bg_g20{background-color:#F5F5F5;} body .sp_bg_g30{background-color:#EEEEEE;} body .sp_bg_g40{background-color:#E0E0E0;} body .sp_bg_g50{background-color:#BDBDBD;} body .sp_bg_g60{background-color:#757575;} body .sp_bg_g70{background-color:#616161;} body .sp_bg_g80{background-color:#424242;} body .sp_bg_g90{background-color:#333333;} /*--------------------------------------------------------------------------------------------------------------------------------------------bg_color*/ body .sp_bg_gray{background-color:#9E9E9E;} body .sp_bg_red{background-color:#F44336;} body .sp_bg_pink{background-color:#E91E63;} body .sp_bg_purple{background-color:#9C27B0;} body .sp_bg_cyan{background-color:#00BCD4;} body .sp_bg_blue{background-color:#2196F3;} body .sp_bg_blueg{background-color:#607D8B;} body .sp_bg_green{background-color:#4CAF50;} body .sp_bg_yellow{background-color:#FFC107;} body .sp_bg_orange{background-color:#FF9800;} body .sp_bg_brown{background-color:#795548;} body .sp_bg_tp{background-color:transparent;} /*--------------------------------------------------------------------------------------------------------------------------------------------bg_pale_color*/ /*--------------------------------------------------------------------------------------------------------------------------------------------bg_no*/ body .sp_bg_no{background:none} /*========================================================================================== font-text ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------font-family*/ body .sp_serif{font-family:serif} body .sp_sans{font-family:sans-serif;} body .sp_mincho{font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif} body .sp_gothic{font-family:"Helvetica Neue", "Helvetica", "Arial", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif} body .sp_gothicM{font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"}/*font-weight:600以上で使用*/ body .sp_futura{font-family: 'Trebuchet MS','Futura','Arial',sans-serif;}/*英数のみ*/ body .sp_arial{font-family: 'Arial',sans-serif;}/*英数のみ*/ /*--------------------------------------------------------------------------------------------------------------------------------------------tx_color*/ body .sp_tx_w{color:#FFFFFF;} body .sp_tx_k{color:#000000;} body .sp_tx_gray{color:#9E9E9E;} body .sp_tx_red{color:#F44336;} body .sp_tx_pink{color:#E91E63;} body .sp_tx_purple{color:#9C27B0;} body .sp_tx_cyan{color:#00BCD4;} body .sp_tx_blue{color:#2196F3;} body .sp_tx_blueg{color:#607D8B;} body .sp_tx_green{color:#4CAF50;} body .sp_tx_yellow{color:#FFC107;} body .sp_tx_orange{color:#FF9800;} body .sp_tx_brown{color:#795548;} body .sp_tx_inherit{color:inherit} body .sp_tx_tp{color:transparent;} body .sp_tx_g10{color:#FAFAFA;} body .sp_tx_g20{color:#F5F5F5;} body .sp_tx_g30{color:#EEEEEE;} body .sp_tx_g40{color:#E0E0E0;} body .sp_tx_g50{color:#BDBDBD;} body .sp_tx_g60{color:#757575;} body .sp_tx_g70{color:#616161;} body .sp_tx_g80{color:#424242;} body .sp_tx_g90{color:#333333;} /*--------------------------------------------------------------------------------------------------------------------------------------------ya_color*/ body .sp_ya_w::before{border-color:#FFF;background-color:#FFF;} body .sp_ya_k::before{border-color:#000;background-color:#000;} body .sp_ya_blue::before{border-color:#2196F3;background-color:#2196F3;} /*--------------------------------------------------------------------------------------------------------------------------------------------line-marker*/ body .sp_lm_yellow{display:inline;background:linear-gradient(transparent 0%, #FFFF00 0%)} body .sp_lm_pink{display:inline;background:linear-gradient(transparent 0%, #ff66ff 0%)} body .sp_lm_blue{display:inline;background:linear-gradient(transparent 0%, #66ccff 0%)} body .sp_lm_green{display:inline;background:linear-gradient(transparent 0%, #66ff66 0%)} /*--------------------------------------------------------------------------------------------------------------------------------------------line-marker-sen*/ body .sp_lm_sen_yellow{display:inline;background:linear-gradient(transparent 80%, #FFFF00 80%)} body .sp_lm_sen_pink{display:inline;background:linear-gradient(transparent 80%, #ff66ff 80%)} body .sp_lm_sen_blue{display:inline;background:linear-gradient(transparent 80%, #66ccff 80%)} body .sp_lm_sen_green{display:inline;background:linear-gradient(transparent 80%, #66ff66 80%)} /*--------------------------------------------------------------------------------------------------------------------------------------------font-size*/ body .sp_fs0{font-size:0rem} body .sp_fs8{font-size:0.8rem} body .sp_fs10{font-size:1rem} body .sp_fs12{font-size:1.2rem} body .sp_fs14{font-size:1.4rem} body .sp_fs16{font-size:1.6rem} body .sp_fs18{font-size:1.8rem} body .sp_fs20{font-size:2rem} body .sp_fs24{font-size:2.4rem} body .sp_fs30{font-size:3rem} body .sp_fs36{font-size:3.6rem} body .sp_fs40{font-size:4rem} body .sp_fs48{font-size:4.8rem} body .sp_fs60{font-size:6rem} body .sp_fs72{font-size:7.2rem} body .sp_fs96{font-size:9.6rem} body .sp_fs128{font-size:12.8rem} /*--------------------------------------------------------------------------------------------------------------------------------------------indent*/ body .sp_ind0{text-indent:0;} body .sp_ind1{text-indent:1em} body .sp_ind2{text-indent:2em} /*--------------------------------------------------------------------------------------------------------------------------------------------letter-spacing*/ body .sp_ls0{letter-spacing:0} body .sp_ls1{letter-spacing:0.1rem} body .sp_ls2{letter-spacing:0.2rem} body .sp_ls3{letter-spacing:0.3rem} /*--------------------------------------------------------------------------------------------------------------------------------------------line-height*/ body .sp_lh1{line-height:1} body .sp_lh11{line-height:1.1} body .sp_lh125{line-height:1.25} body .sp_lh15{line-height:1.5} body .sp_lh166{line-height:1.66} body .sp_lh175{line-height:1.75} body .sp_lh187{line-height:1.875} body .sp_lh2{line-height:2} body .sp_lh25{line-height:2.5} /*--------------------------------------------------------------------------------------------------------------------------------------------align*/ body .sp_center{text-align:center;margin-right:auto;margin-left:auto} body .sp_right{text-align:right} body .sp_left{text-align:left} body .sp_justify{text-align:justify;text-justify:distribute} /*--------------------------------------------------------------------------------------------------------------------------------------------weight*/ body .sp_lighter{font-weight:lighter}/*細字*/ body .sp_bold{font-weight:bold}/*太字*/ body .sp_normal{font-weight:normal}/*通常の太さ*/ /*========================================================================================== border ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------rad*/ body .sp_rad{border-radius:100%;overflow:hidden} body .sp_rad0{border-radius:0;overflow:hidden} body .sp_rad5{border-radius:5px;overflow:hidden} body .sp_rad10{border-radius:10px;overflow:hidden} body .sp_rad15{border-radius:15px;overflow:hidden} body .sp_rad20{border-radius:20px;overflow:hidden} body .sp_rad100{border-radius:100em;overflow:hidden} body .sp_rad_t{border-bottom-right-radius:0;border-bottom-left-radius:0;} body .sp_rad_b{border-top-right-radius:0;border-top-left-radius:0;} body .sp_rad_r{border-top-left-radius:0;border-bottom-left-radius:0;} body .sp_rad_l{border-top-right-radius:0;border-bottom-right-radius:0;} /*radimg*/ body .sp_radimg img{border-radius:100%} body .sp_radimg10 img{border-radius:10px} body .sp_radimg20 img{border-radius:20px} body .sp_radimg100 img{border-radius:100%} /*--------------------------------------------------------------------------------------------------------------------------------------------sen*/ body .sp_sen_t{border-top:1px solid rgba(0, 0, 0, 0.3)} body .sp_sen_t2{border-top:2px solid rgba(0, 0, 0, 0.3)} body .sp_sen_r{border-right:1px solid rgba(0, 0, 0, 0.3)} body .sp_sen_r2{border-right:2px solid rgba(0, 0, 0, 0.3)} body .sp_sen_t_dot{border-top:2px dotted rgba(0, 0, 0, 0.3)} body .sp_sen_t_dash{border-top:1px dashed rgba(0, 0, 0, 0.3)} body .sp_sen_b{border-bottom:1px solid rgba(0, 0, 0, 0.3)} body .sp_sen_b2{border-bottom:2px solid rgba(0, 0, 0, 0.3)} body .sp_sen_b_dot{border-bottom:2px dotted rgba(0, 0, 0, 0.3)} body .sp_sen_b_dash{border-bottom:1px dashed rgba(0, 0, 0, 0.3)} body .sp_sen_waku{border:1px solid rgba(0, 0, 0, 0.3)} body .sp_sen_waku2{border:2px solid rgba(0, 0, 0, 0.3)} body .sp_sen_waku_dot{border:2px dotted rgba(0, 0, 0, 0.3)} body .sp_sen_waku_w{border:3px double rgba(0, 0, 0, 0.3)} /*--------------------------------------------------------------------------------------------------------------------------------------------sen_color*/ body .sp_sen_w{border-color:#FFF;} body .sp_sen_k{border-color:#000;} body .sp_sen_gray{border-color:#9E9E9E;} body .sp_sen_red{border-color:#F44336;} body .sp_sen_blue{border-color:#2196F3;} body .sp_sen_blueg{border-color:#607D8B;} body .sp_sen_green{border-color:#4CAF50;} body .sp_sen_tp{border-color:transparent;} body .sp_sen_g10{border-color:#FAFAFA;} body .sp_sen_g20{border-color:#F5F5F5;} body .sp_sen_g30{border-color:#EEEEEE;} body .sp_sen_g40{border-color:#E0E0E0;} body .sp_sen_g50{border-color:#BDBDBD;} body .sp_sen_g60{border-color:#757575;} body .sp_sen_g70{border-color:#616161;} body .sp_sen_g80{border-color:#424242;} body .sp_sen_g90{border-color:#333333;} /*after*/ body .sp_sen_w::after{border-color:#FFF;} body .sp_sen_k::after{border-color:#000;} body .sp_sen_gray::after{border-color:#9E9E9E;} body .sp_sen_red::after{border-color:#F44336;} body .sp_sen_blue::after{border-color:#2196F3;} body .sp_sen_blueg::after{border-color:#607D8B;} body .sp_sen_green::after{border-color:#4CAF50;} body .sp_sen_g10::after{border-color:#FAFAFA;} body .sp_sen_g20::after{border-color:#F5F5F5;} body .sp_sen_g30::after{border-color:#EEEEEE;} body .sp_sen_g40::after{border-color:#E0E0E0;} body .sp_sen_g50::after{border-color:#BDBDBD;} body .sp_sen_g60::after{border-color:#757575;} body .sp_sen_g70::after{border-color:#616161;} body .sp_sen_g80::after{border-color:#424242;} body .sp_sen_g90::after{border-color:#333333;} /*--------------------------------------------------------------------------------------------------------------------------------------------sen_no*/ body .sp_sen_no{border:none} body .sp_sen_t_no{border-top:none} body .sp_sen_b_no{border-bottom:none} body .sp_sen_r_no{border-right:none} body .sp_sen_l_no{border-left:none} /*========================================================================================== layout ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------display*/ body .sp_inline{display:inline;} body .sp_block{display:block} body .sp_inblock{display:inline-block;vertical-align:top} body .sp_none{display:none} body .sp_before_none::before{display:none} body .sp_after_none::after{display:none} /*--------------------------------------------------------------------------------------------------------------------------------------------relative*/ body .sp_relative{position:relative} /*--------------------------------------------------------------------------------------------------------------------------------------------absolute*/ body .sp_abs{position:absolute;z-index:10;} body .sp_abs_t{position:absolute;z-index:10;top:0;bottom:auto} body .sp_abs_b{position:absolute;z-index:10;bottom:0;top:auto} body .sp_abs_r{position:absolute;z-index:10;right:0;left:auto} body .sp_abs_l{position:absolute;z-index:10;left:0;right:auto} /*--------------------------------------------------------------------------------------------------------------------------------------------static*/ body .sp_static{position:static} /*--------------------------------------------------------------------------------------------------------------------------------------------float*/ body .sp_fr{float:right} body .sp_fl{float:left} body .sp_fn{float:none} /*========================================================================================== flex/inline-flex ==========================================================================================*/ body .sp_flex{display:flex;} body .sp_inflex{display:inline-flex;} /*--------------------------------------------------------------------------------------------------------------------------------------------列/左*/ body .sp_row_l{display:flex;}/*上*/ body .sp_row_l_c{display:flex;align-items:center;}/*中*/ body .sp_row_l_b{display:flex;align-items:end;}/*下/ /*--------------------------------------------------------------------------------------------------------------------------------------------列/右*/ body .sp_row_r{display:flex;justify-content:end;} body .sp_row_r_c{display:flex;justify-content:end;align-items:center;} body .sp_row_r_b{display:flex;justify-content:end;align-items:end;} /*--------------------------------------------------------------------------------------------------------------------------------------------列/中*/ body .sp_row_c{display:flex;justify-content:center;} body .sp_row_c_c{display:flex;justify-content:center;align-items:center;} body .sp_row_c_b{display:flex;justify-content:center;align-items:end;} /*--------------------------------------------------------------------------------------------------------------------------------------------列/両端*/ body .sp_row_bw{display:flex;justify-content:space-between;} body .sp_row_bw_c{display:flex;justify-content:space-between;align-items:center;} body .sp_row_bw_b{display:flex;justify-content:space-between;align-items:end;} /*--------------------------------------------------------------------------------------------------------------------------------------------列/等間隔*/ body .sp_row_ar{display:flex;justify-content:space-around;} body .sp_row_ar_c{display:flex;justify-content:space-around;align-items:center;} body .sp_row_ar_b{display:flex;justify-content:space-around;align-items:end;} /*--------------------------------------------------------------------------------------------------------------------------------------------行*/ body .sp_col_l{display:flex;flex-direction:column;}/*左*/ body .sp_col_c{display:flex;flex-direction:column;align-items:center;}/*中*/ body .sp_col_r{display:flex;flex-direction:column;align-items:end;}/*右*/ /*--------------------------------------------------------------------------------------------------------------------------------------------列幅*/ body .sp_row200{display:grid;grid-template-columns: repeat( auto-fit, minmax(200px,1fr) ) ;} body .sp_row250{display:grid;grid-template-columns: repeat( auto-fit, minmax(250px,1fr) ) ;} body .sp_row300{display:grid;grid-template-columns: repeat( auto-fit, minmax(300px,1fr) ) ;} body .sp_row350{display:grid;grid-template-columns: repeat( auto-fit, minmax(350px,1fr) ) ;} body .sp_row400{display:grid;}@media print, screen and (min-width: 768px) {.row400{grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ) ;}} body .sp_row450{display:grid;}@media print, screen and (min-width: 768px) {.row450{grid-template-columns: repeat( auto-fit, minmax(450px, 1fr) ) ;}} body .sp_row500{display:grid;}@media print, screen and (min-width: 768px) {.row500{grid-template-columns: repeat( auto-fit, minmax(500px, 1fr) ) ;}} /*--------------------------------------------------------------------------------------------------------------------------------------------列数*/ body .sp_row1{display:grid;grid-template-columns: repeat(1 , 1fr);} body .sp_row2{display:grid;grid-template-columns: repeat(2 , 1fr);} body .sp_row3{display:grid;grid-template-columns: repeat(3 , 1fr);} body .sp_row4{display:grid;grid-template-columns: repeat(4 , 1fr);} body .sp_row5{display:grid;grid-template-columns: repeat(5 , 1fr);} body .sp_row6{display:grid;grid-template-columns: repeat(6 , 1fr);} body .sp_row8{display:grid;grid-template-columns: repeat(8 , 1fr);} body .sp_row10{display:grid;grid-template-columns: repeat(10 , 1fr);} /*--------------------------------------------------------------------------------------------------------------------------------------------direction*/ body .sp_row{flex-direction:row;}/*列*/ body .sp_reverse{flex-direction:row-reverse;}/*列逆*/ body .sp_column{flex-direction:column;}/*行*/ body .sp_column_r{flex-direction:column-reverse;}/*行逆*/ /*--------------------------------------------------------------------------------------------------------------------------------------------wrap*/ body .sp_wrap{flex-wrap:wrap;} body .sp_fl_nowrap{flex-wrap:nowrap;} body .sp_wrap_r{flex-wrap:wrap-reverse;} /*--------------------------------------------------------------------------------------------------------------------------------------------justify-content*/ body .sp_jc_s{justify-content:start;}/*主軸を始まりに寄せる（初期値）*/ body .sp_jc_e{justify-content:end;}/*主軸を終わりに寄せる*/ body .sp_jc_c{justify-content:center;}/*主軸を中央に寄せる*/ body .sp_jc_bw{justify-content:space-between;}/*主軸の間を均等割*/ body .sp_jc_ar{justify-content:space-around;}/*主軸の要素を均等割*/ body .sp_jc_str{justify-content:stretch;}/*主軸の要素を伸ばす*/ /*--------------------------------------------------------------------------------------------------------------------------------------------align-content*/ body .sp_ac_s{align-content:start;}/*交差軸を始まりに寄せる（初期値）*/ body .sp_ac_e{align-content:end;}/*交差軸を終わりに寄せる*/ body .sp_ac_c{align-content:center;}/*交差軸を中央に寄せる*/ body .sp_ac_bw{align-content:space-between;}/*交差軸の間を均等割*/ body .sp_ac_ar{align-content:space-around;}/*交差軸の要素を均等割*/ body .sp_ac_str{align-content:stretch;}/*交差軸の要素を伸ばす*/ /*--------------------------------------------------------------------------------------------------------------------------------------------align-items*/ body .sp_ai_s{align-items:start;}/*子要素の内容を始まりに寄せる（初期値）*/ body .sp_ai_e{align-items:end;}/*子要素の内容を終わりに寄せる*/ body .sp_ai_c{align-items:center;}/*子要素の内容を中央の位置に寄せる*/ body .sp_ai_base{align-items:baseline;}/*子要素の内容をベースラインに揃える*/ body .sp_ai_str{align-items:stretch;}/*子要素の内容を伸ばす*/ /*--------------------------------------------------------------------------------------------------------------------------------------------grow*/ body .sp_gro0{flex-grow:0;}/*伸びないでつめる（初期値）*/ body .sp_gro1{flex-grow:1;} body .sp_gro2{flex-grow:2;} body .sp_gro3{flex-grow:3;} /*--------------------------------------------------------------------------------------------------------------------------------------------shrink*/ body .sp_shr0{flex-shrink:0;}/*狭くても縮まない*/ body .sp_shr1{flex-shrink:1;}/*（初期値）*/ body .sp_shr2{flex-shrink:2;} body .sp_shr3{flex-shrink:3;} /*--------------------------------------------------------------------------------------------------------------------------------------------basis*/ body .sp_bas{flex-basis:auto;} body .sp_bas25{flex-basis:25%;} body .sp_bas33{flex-basis:33.3%;} body .sp_bas50{flex-basis:50%;} body .sp_bas75{flex-basis:75%;} body .sp_bas10{flex-basis:10%;} body .sp_bas20{flex-basis:20%;} body .sp_bas30{flex-basis:30%;} body .sp_bas40{flex-basis:40%;} body .sp_bas50{flex-basis:50%;} body .sp_bas60{flex-basis:60%;} body .sp_bas70{flex-basis:70%;} body .sp_bas80{flex-basis:80%;} body .sp_bas90{flex-basis:90%;} body .sp_bas100{flex-basis:100%;} /*--------------------------------------------------------------------------------------------------------------------------------------------order*/ body .sp_ord-5{order:-5;} body .sp_ord-4{order:-4;} body .sp_ord-3{order:-3;} body .sp_ord-2{order:-2;} body .sp_ord-1{order:-1;} body .sp_ord{order:0;} body .sp_ord1{order:1;} body .sp_ord2{order:2;} body .sp_ord3{order:3;} body .sp_ord4{order:4;} body .sp_ord5{order:5;} /*--------------------------------------------------------------------------------------------------------------------------------------------gap*/ body .sp_gap0{gap:0;} body .sp_gap1{gap:1px;} body .sp_gap3{gap:3px;} body .sp_gap5{gap:5px;} body .sp_gap10{gap:10px;} body .sp_gap15{gap:15px;} body .sp_gap20{gap:20px;} body .sp_gap30{gap:30px;} body .sp_gap40{gap:40px;} body .sp_gap50{gap:50px;} body .sp_gap60{gap:60px;} body .sp_gap5p{gap:5%;} body .sp_gap10p{gap:10%;} body .sp_gap_tx{gap:0.1em 1em;} /*========================================================================================== height/width ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------height*/ body .sp_h10{height:10px} body .sp_h20{height:20px} body .sp_h30{height:30px} body .sp_h40{height:40px} body .sp_h50{height:50px} body .sp_h80{height:80px} body .sp_h100{height:100px} body .sp_h120{height:120px} body .sp_h140{height:140px} body .sp_h180{height:180px} body .sp_h200{height:200px} body .sp_h300{height:300px} body .sp_h400{height:400px} body .sp_h500{height:500px} body .sp_h800{height:800px} body .sp_h1000{height:1000px} body .sp_h10p{height:10%} body .sp_h20p{height:20%} body .sp_h25p{height:25%} body .sp_h30p{height:30%} body .sp_h33p{height:33.3%} body .sp_h40p{height:40%} body .sp_h50p{height:50%} body .sp_h75p{height:75%} body .sp_h80p{height:80%} body .sp_h100p{height:100%} body .sp_hauto{height:auto;max-height:auto;min-height:auto;} body .sp_hmax{max-height:100%;} body .sp_hmin{min-height:0;} /*--------------------------------------------------------------------------------------------------------------------------------------------width*/ body .sp_w10{width:10px} body .sp_w20{width:20px} body .sp_w25{width:25px} body .sp_w30{width:30px} body .sp_w40{width:40px} body .sp_w50{width:50px} body .sp_w80{width:80px} body .sp_w100{width:100px} body .sp_w120{width:120px} body .sp_w150{width:150px} body .sp_w200{width:200px} body .sp_w300{width:300px} body .sp_w400{width:400px} body .sp_w500{width:500px} body .sp_w800{width:800px} body .sp_w1000{width:1000px} body .sp_w10p{width:10%} body .sp_w15p{width:15%} body .sp_w20p{width:20%} body .sp_w25p{width:25%} body .sp_w30p{width:30%} body .sp_w33p{width:33.3%} body .sp_w35p{width:35%} body .sp_w40p{width:40%} body .sp_w45p{width:45%} body .sp_w50p{width:50%} body .sp_w55p{width:55%} body .sp_w60p{width:60%} body .sp_w65p{width:65%} body .sp_w66p{width:66.6%} body .sp_w70p{width:70%} body .sp_w75p{width:75%} body .sp_w80p{width:80%} body .sp_w100p{width:100%} body .sp_wauto{width:auto;max-width:auto;min-width:auto;} body .sp_wmax{max-width:100%;} body .sp_wmin{min-width:0;} body .sp_wfull{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);} /*--------------------------------------------------------------------------------------------------------------------------------------------img100*/ body .sp_img100 img{min-width:100%;max-height:none;} /*--------------------------------------------------------------------------------------------------------------------------------------------imgfit*/ body .sp_imgfit img{width:100%;height:100%;object-fit:cover;} /*========================================================================================== space ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------margin_around*/ body .sp_ma0{margin:0} body .sp_ma4{margin:4px} body .sp_ma8{margin:8px} body .sp_ma12{margin:12px} body .sp_ma16{margin:16px} body .sp_ma20{margin:20px} body .sp_ma24{margin:24px} body .sp_ma32{margin:32px} body .sp_ma36{margin:36px} body .sp_ma40{margin:40px} body .sp_ma56{margin:56px} body .sp_ma60{margin:60px} body .sp_ma80{margin:80px} body .sp_ma100{margin:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------margin_x*/ body .sp_mx0{margin-left:0;margin-right:0} body .sp_mx4{margin-left:4px;margin-right:4px} body .sp_mx8{margin-left:8px;margin-right:8px} body .sp_mx12{margin-left:12px;margin-right:12px} body .sp_mx16{margin-left:16px;margin-right:16px} body .sp_mx20{margin-left:20px;margin-right:20px} body .sp_mx24{margin-left:24px;margin-right:24px} body .sp_mx32{margin-left:32px;margin-right:32px} body .sp_mx36{margin-left:36px;margin-right:36px} body .sp_mx40{margin-left:40px;margin-right:40px} body .sp_mx56{margin-left:56px;margin-right:56px} body .sp_mx60{margin-left:60px;margin-right:60px} body .sp_mx80{margin-left:80px;margin-right:80px} body .sp_mx100{margin-left:100px;margin-right:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------margin_y*/ body .sp_my0{margin-top:0;margin-bottom:0} body .sp_my4{margin-top:4px;margin-bottom:4px} body .sp_my8{margin-top:8px;margin-bottom:8px} body .sp_my12{margin-top:12px;margin-bottom:12px} body .sp_my16{margin-top:16px;margin-bottom:16px} body .sp_my20{margin-top:20px;margin-bottom:20px} body .sp_my24{margin-top:24px;margin-bottom:24px} body .sp_my32{margin-top:32px;margin-bottom:32px} body .sp_my36{margin-top:36px;margin-bottom:36px} body .sp_my40{margin-top:40px;margin-bottom:40px} body .sp_my56{margin-top:56px;margin-bottom:56px} body .sp_my60{margin-top:60px;margin-bottom:60px} body .sp_my80{margin-top:80px;margin-bottom:80px} body .sp_my100{margin-top:100px;margin-bottom:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------margin_top*/ body .sp_mt-a{margin-top:auto} body .sp_mt-20{margin-top:-20px} body .sp_mt-16{margin-top:-16px} body .sp_mt-8{margin-top:-8px} body .sp_mt-4{margin-top:-4px} body .sp_mt-1{margin-top:-1px} body .sp_mt0{margin-top:0} body .sp_mt4{margin-top:4px} body .sp_mt8{margin-top:8px} body .sp_mt12{margin-top:12px} body .sp_mt16{margin-top:16px} body .sp_mt20{margin-top:20px} body .sp_mt24{margin-top:24px} body .sp_mt32{margin-top:32px} body .sp_mt36{margin-top:36px} body .sp_mt40{margin-top:40px} body .sp_mt56{margin-top:56px} body .sp_mt60{margin-top:60px} body .sp_mt80{margin-top:80px} body .sp_mt100{margin-top:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------margin_bottom*/ body .sp_mb-a{margin-bottom:auto} body .sp_mb-20{margin-bottom:-20px} body .sp_mb-16{margin-bottom:-16px} body .sp_mb-8{margin-bottom:-8px} body .sp_mb-4{margin-bottom:-4px} body .sp_mb-1{margin-bottom:-1px} body .sp_mb0{margin-bottom:0} body .sp_mb4{margin-bottom:4px} body .sp_mb8{margin-bottom:8px} body .sp_mb12{margin-bottom:12px} body .sp_mb16{margin-bottom:16px} body .sp_mb20{margin-bottom:20px} body .sp_mb24{margin-bottom:24px} body .sp_mb32{margin-bottom:32px} body .sp_mb36{margin-bottom:36px} body .sp_mb40{margin-bottom:40px} body .sp_mb56{margin-bottom:56px} body .sp_mb60{margin-bottom:60px} body .sp_mb80{margin-bottom:80px} body .sp_mb100{margin-bottom:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------margin_left*/ body .sp_ml-a{margin-left:auto} body .sp_ml-20{margin-left:-20px} body .sp_ml-16{margin-left:-16px} body .sp_ml-8{margin-left:-8px} body .sp_ml-4{margin-left:-4px} body .sp_ml-1{margin-left:-1px} body .sp_ml0{margin-left:0} body .sp_ml4{margin-left:4px} body .sp_ml8{margin-left:8px} body .sp_ml12{margin-left:12px} body .sp_ml16{margin-left:16px} body .sp_ml20{margin-left:20px} body .sp_ml24{margin-left:24px} body .sp_ml32{margin-left:32px} body .sp_ml36{margin-left:36px} body .sp_ml40{margin-left:40px} body .sp_ml56{margin-left:56px} body .sp_ml60{margin-left:60px} body .sp_ml80{margin-left:80px} body .sp_ml100{margin-left:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------margin_right*/ body .sp_mr-a{margin-right:auto} body .sp_mr-20{margin-right:-20px} body .sp_mr-16{margin-right:-16px} body .sp_mr-8{margin-right:-8px} body .sp_mr-4{margin-right:-4px} body .sp_mr-1{margin-right:-1px} body .sp_mr0{margin-right:0} body .sp_mr4{margin-right:4px} body .sp_mr8{margin-right:8px} body .sp_mr12{margin-right:12px} body .sp_mr16{margin-right:16px} body .sp_mr20{margin-right:20px} body .sp_mr24{margin-right:24px} body .sp_mr32{margin-right:32px} body .sp_mr36{margin-right:36px} body .sp_mr40{margin-right:40px} body .sp_mr56{margin-right:56px} body .sp_mr60{margin-right:60px} body .sp_mr80{margin-right:80px} body .sp_mr100{margin-right:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_around*/ body .sp_pa0{padding:0} body .sp_pa4{padding:4px} body .sp_pa8{padding:8px} body .sp_pa12{padding:12px} body .sp_pa16{padding:16px} body .sp_pa20{padding:20px} body .sp_pa24{padding:24px} body .sp_pa32{padding:32px} body .sp_pa36{padding:36px} body .sp_pa40{padding:40px} body .sp_pa56{padding:56px} body .sp_pa60{padding:60px} body .sp_pa80{padding:80px} body .sp_pa100{padding:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_x*/ body .sp_px0{padding-left:0;padding-right:0} body .sp_px4{padding-left:4px;padding-right:4px} body .sp_px8{padding-left:8px;padding-right:8px} body .sp_px12{padding-left:12px;padding-right:12px} body .sp_px16{padding-left:16px;padding-right:16px} body .sp_px20{padding-left:20px;padding-right:20px} body .sp_px24{padding-left:24px;padding-right:24px} body .sp_px32{padding-left:32px;padding-right:32px} body .sp_px36{padding-left:36px;padding-right:36px} body .sp_px40{padding-left:40px;padding-right:40px} body .sp_px56{padding-left:56px;padding-right:56px} body .sp_px60{padding-left:60px;padding-right:60px} body .sp_px80{padding-left:80px;padding-right:80px} body .sp_px100{padding-left:100px;padding-right:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_y*/ body .sp_py0{padding-top:0;padding-bottom:0} body .sp_py4{padding-top:4px;padding-bottom:4px} body .sp_py8{padding-top:8px;padding-bottom:8px} body .sp_py12{padding-top:12px;padding-bottom:12px} body .sp_py16{padding-top:16px;padding-bottom:16px} body .sp_py20{padding-top:20px;padding-bottom:20px} body .sp_py24{padding-top:24px;padding-bottom:24px} body .sp_py32{padding-top:32px;padding-bottom:32px} body .sp_py36{padding-top:36px;padding-bottom:36px} body .sp_py40{padding-top:40px;padding-bottom:40px} body .sp_py56{padding-top:56px;padding-bottom:56px} body .sp_py60{padding-top:60px;padding-bottom:60px} body .sp_py80{padding-top:80px;padding-bottom:80px} body .sp_py100{padding-top:100px;padding-bottom:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_top*/ body .sp_pt0{padding-top:0} body .sp_pt4{padding-top:4px} body .sp_pt8{padding-top:8px} body .sp_pt12{padding-top:12px} body .sp_pt16{padding-top:16px} body .sp_pt20{padding-top:20px} body .sp_pt24{padding-top:24px} body .sp_pt32{padding-top:32px} body .sp_pt36{padding-top:36px} body .sp_pt40{padding-top:40px} body .sp_pt56{padding-top:56px} body .sp_pt60{padding-top:60px} body .sp_pt80{padding-top:80px} body .sp_pt100{padding-top:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_bottom*/ body .sp_pb0{padding-bottom:0} body .sp_pb4{padding-bottom:4px} body .sp_pb8{padding-bottom:8px} body .sp_pb12{padding-bottom:12px} body .sp_pb16{padding-bottom:16px} body .sp_pb20{padding-bottom:20px} body .sp_pb24{padding-bottom:24px} body .sp_pb32{padding-bottom:32px} body .sp_pb36{padding-bottom:36px} body .sp_pb40{padding-bottom:40px} body .sp_pb56{padding-bottom:56px} body .sp_pb60{padding-bottom:60px} body .sp_pb80{padding-bottom:80px} body .sp_pb100{padding-bottom:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_left*/ body .sp_pl0{padding-left:0} body .sp_pl4{padding-left:4px} body .sp_pl8{padding-left:8px} body .sp_pl12{padding-left:12px} body .sp_pl16{padding-left:16px} body .sp_pl20{padding-left:20px} body .sp_pl24{padding-left:24px} body .sp_pl32{padding-left:32px} body .sp_pl36{padding-left:36px} body .sp_pl40{padding-left:40px} body .sp_pl56{padding-left:56px} body .sp_pl60{padding-left:60px} body .sp_pl80{padding-left:80px} body .sp_pl100{padding-left:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------padding_right*/ body .sp_pr0{padding-right:0} body .sp_pr4{padding-right:4px} body .sp_pr8{padding-right:8px} body .sp_pr12{padding-right:12px} body .sp_pr16{padding-right:16px} body .sp_pr20{padding-right:20px} body .sp_pr24{padding-right:24px} body .sp_pr32{padding-right:32px} body .sp_pr36{padding-right:36px} body .sp_pr40{padding-right:40px} body .sp_pr56{padding-right:56px} body .sp_pr60{padding-right:60px} body .sp_pr80{padding-right:80px} body .sp_pr100{padding-right:100px} /*--------------------------------------------------------------------------------------------------------------------------------------------li_mリストの間（ol / ul）*/ body .sp_li_m0 > li + li{margin-top:0;} body .sp_li_m1 > li + li{margin-top:0.1em;} body .sp_li_m2 > li + li{margin-top:0.2em;} body .sp_li_m3 > li + li{margin-top:0.3em;} body .sp_li_m4 > li + li{margin-top:0.4em;} body .sp_li_m5 > li + li{margin-top:0.5em;} body .sp_li_m6 > li + li{margin-top:0.6em;} body .sp_li_m7 > li + li{margin-top:0.7em;} body .sp_li_m8 > li + li{margin-top:0.8em;} body .sp_li_m9 > li + li{margin-top:0.9em;} body .sp_li_m10 > li + li{margin-top:1em;} /*========================================================================================== hover ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------hoverで明暗*/ body .sp_hv_pale a:hover{filter:brightness(150%);filter:opacity(60%);} body .sp_hv_dark a:hover{filter:brightness(75%);} body .sp_hv_k a:hover{background:rgba(0,0,0,0.05);filter:brightness(100%);} body .sp_hv_w a:hover{background:rgba(255,255,255,0.3);filter:brightness(100%);} /*--------------------------------------------------------------------------------------------------------------------------------------------hoverで拡大*/ body .sp_hv_big a{transition: all 0.3s;} body .sp_hv_big a:hover{transform: scale(1.1);} /*========================================================================================== etc ==========================================================================================*/ /*--------------------------------------------------------------------------------------------------------------------------------------------改行*/ body .sp_nowrap{white-space:nowrap}/*折り返さない*/ body .sp_break{word-break:break-all}/*URLなども折り返す*/ /*--------------------------------------------------------------------------------------------------------------------------------------------asp*/ body .sp_asp43{aspect-ratio:4 / 3;overflow:hidden;} body .sp_asp21{aspect-ratio:2 / 1;overflow:hidden;} body .sp_asp1{aspect-ratio:1 / 1;overflow:hidden;} }