@charset "utf8";



/**********/
/* RESET */
/**********/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
ul, li {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}





/**********/
/* 汎用 */
/**********/

/* ▼margin/padding  */

.m0   {margin:  0px !important;}
.m5   {margin:  5px;}
.m10  {margin: 10px;}
.m20  {margin: 20px;}
.m30  {margin: 30px;}
.m40  {margin: 40px;}
.m50  {margin: 50px;}
.m60  {margin: 60px;}
.m70  {margin: 70px;}
.m80  {margin: 80px;}
.m90  {margin: 90px;}
.m100 {margin:100px;}

.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:80px;}
.ml90 {margin-left:90px;}
.ml100 {margin-left:100px;}

.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}
.mr70 {margin-right:70px;}
.mr80 {margin-right:80px;}
.mr90 {margin-right:90px;}
.mr100 {margin-right:100px;}

.mt0 {margin-top:0px;}
.mt1 {margin-top:1px;}
.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}
.mt6 {margin-top:6px;}
.mt7 {margin-top:7px;}
.mt8 {margin-top:8px;}
.mt9 {margin-top:9px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mt110 {margin-top:110px;}
.mt120 {margin-top:120px;}
.mt130 {margin-top:130px;}
.mt140 {margin-top:140px;}
.mt150 {margin-top:150px;}
.mt160 {margin-top:160px;}
.mt170 {margin-top:170px;}
.mt180 {margin-top:180px;}
.mt190 {margin-top:190px;}
.mt200 {margin-top:200px;}

.mb0 {margin-bottom:0px !important;}
.mb1 {margin-bottom:1px;}
.mb2 {margin-bottom:2px;}
.mb3 {margin-bottom:3px;}
.mb4 {margin-bottom:4px;}
.mb5 {margin-bottom:5px;}
.mb6 {margin-bottom:6px;}
.mb7 {margin-bottom:7px;}
.mb8 {margin-bottom:8px;}
.mb9 {margin-bottom:9px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
.mb110 {margin-bottom:110px;}
.mb120 {margin-bottom:120px;}
.mb130 {margin-bottom:130px;}
.mb140 {margin-bottom:140px;}
.mb150 {margin-bottom:150px;}
.mb160 {margin-bottom:160px;}
.mb170 {margin-bottom:170px;}
.mb180 {margin-bottom:180px;}
.mb190 {margin-bottom:190px;}
.mb200 {margin-bottom:200px;}
.mb300 {margin-bottom:300px;}

.margin-auto {margin:auto;}
.m1per  {margin: 1%;}
.m2per  {margin: 2%;}
.m3per  {margin: 3%;}
.m4per  {margin: 4%;}
.m5per  {margin: 5%;}
.m6per  {margin: 6%;}
.m7per  {margin: 7%;}
.m8per  {margin: 8%;}
.m9per  {margin: 9%;}
.m10per {margin:10%;}

.p0   {padding:  0px !important;}
.p1   {padding:  1px;}
.p2   {padding:  2px;}
.p3   {padding:  3px;}
.p4   {padding:  4px;}
.p5   {padding:  5px;}
.p10  {padding: 10px;}.
.p15  {padding: 15px;}
.p20  {padding: 20px;}
.p30  {padding: 30px;}
.p40  {padding: 40px;}
.p50  {padding: 50px;}
.p60  {padding: 60px;}
.p70  {padding: 70px;}
.p80  {padding: 80px;}
.p90  {padding: 90px;}
.p100 {padding:100px;}

.pl0 {padding-left:0px !important;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl70 {padding-left:70px;}
.pl80 {padding-left:80px;}
.pl90 {padding-left:90px;}
.pl100 {padding-left:100px;}
.pl110 {padding-left:110px;}
.pl120 {padding-left:120px;}
.pl130 {padding-left:130px;}
.pl140 {padding-left:140px;}
.pl150 {padding-left:150px;}
.pl160 {padding-left:160px;}
.pl170 {padding-left:170px;}
.pl180 {padding-left:180px;}
.pl190 {padding-left:190px;}
.pl200 {padding-left:200px;}

.pr0 {padding-right:0px !important;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px;}
.pr70 {padding-right:70px;}
.pr80 {padding-right:80px;}
.pr90 {padding-right:90px;}
.pr100 {padding-right:100px;}
.pr110 {padding-right:110px;}
.pr120 {padding-right:120px;}
.pr130 {padding-right:130px;}
.pr140 {padding-right:140px;}
.pr150 {padding-right:150px;}
.pr160 {padding-right:160px;}
.pr170 {padding-right:170px;}
.pr180 {padding-right:180px;}
.pr190 {padding-right:190px;}
.pr200 {padding-right:200px;}

.pt0 {padding-top:0px !important;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}
.pt110 {padding-top:110px;}
.pt120 {padding-top:120px;}
.pt130 {padding-top:130px;}
.pt140 {padding-top:140px;}
.pt150 {padding-top:150px;}
.pt160 {padding-top:160px;}
.pt170 {padding-top:170px;}
.pt180 {padding-top:180px;}
.pt190 {padding-top:190px;}
.pt200 {padding-top:200px;}

.pb0 {padding-bottom:0px !important;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}
.pb110 {padding-bottom:110px;}
.pb120 {padding-bottom:120px;}
.pb130 {padding-bottom:130px;}
.pb140 {padding-bottom:140px;}
.pb150 {padding-bottom:150px;}
.pb160 {padding-bottom:160px;}
.pb170 {padding-bottom:170px;}
.pb180 {padding-bottom:180px;}
.pb190 {padding-bottom:190px;}
.pb200 {padding-bottom:200px;}

.h10  {min-height: 10px !important;}
.h20  {min-height: 20px !important;}
.h30  {min-height: 30px !important;}
.h40  {min-height: 40px !important;}
.h50  {min-height: 50px !important;}
.h60  {min-height: 60px !important;}
.h70  {min-height: 70px !important;}
.h80  {min-height: 80px !important;}
.h90  {min-height: 90px !important;}
.h100 {min-height:100px !important;}
.h110 {min-height:110px !important;}
.h120 {min-height:120px !important;}
.h130 {min-height:130px !important;}
.h140 {min-height:140px !important;}
.h150 {min-height:150px !important;}
.h160 {min-height:160px !important;}
.h170 {min-height:170px !important;}
.h180 {min-height:180px !important;}
.h190 {min-height:190px !important;}
.h200 {min-height:200px !important;}
.h210 {min-height:210px !important;}
.h220 {min-height:220px !important;}
.h230 {min-height:230px !important;}
.h240 {min-height:240px !important;}
.h250 {min-height:250px !important;}
.h260 {min-height:260px !important;}
.h270 {min-height:270px !important;}
.h280 {min-height:280px !important;}
.h290 {min-height:290px !important;}
.h300 {min-height:300px !important;}
.h310 {min-height:310px !important;}
.h320 {min-height:320px !important;}
.h330 {min-height:330px !important;}
.h340 {min-height:340px !important;}
.h350 {min-height:350px !important;}
.h360 {min-height:360px !important;}
.h370 {min-height:370px !important;}
.h380 {min-height:380px !important;}
.h390 {min-height:390px !important;}
.h400 {min-height:400px !important;}
.h500 {min-height:500px !important;}
.h600 {min-height:600px !important;}
.h700 {min-height:700px !important;}
.h800 {min-height:800px !important;}
.h900 {min-height:900px !important;}

.h10vh  {height: 10vh;}
.h20vh  {height: 20vh;}
.h30vh  {height: 30vh;}
.h40vh  {height: 40vh;}
.h50vh  {height: 50vh;}
.h60vh  {height: 60vh;}
.h70vh  {height: 70vh;}
.h80vh  {height: 80vh;}
.h90vh  {height: 90vh;}
.h100vh {height:100vh;}


.w05  {width: 5%;}
.w06  {width: 6%;}
.w07  {width: 7%;}
.w08  {width: 8%;}
.w09  {width: 9%;}
.w10  {width: 10%;}
.w11  {width: 11%;}
.w12  {width: 12%;}
.w13  {width: 13%;}
.w14  {width: 14%;}
.w15  {width: 15%;}
.w16  {width: 16%;}
.w17  {width: 17%;}
.w18  {width: 18%;}
.w19  {width: 19%;}
.w20  {width: 20%;}
.w21  {width: 21%;}
.w22  {width: 22%;}
.w23  {width: 23%;}
.w24  {width: 24%;}
.w25  {width: 25%;}
.w26  {width: 26%;}
.w27  {width: 27%;}
.w28  {width: 28%;}
.w29  {width: 29%;}
.w30  {width: 30%;}
.w31  {width: 31%;}
.w32  {width: 32%;}
.w33  {width: 33%;}
.w34  {width: 34%;}
.w35  {width: 35%;}
.w36  {width: 36%;}
.w37  {width: 37%;}
.w38  {width: 38%;}
.w39  {width: 39%;}
.w40  {width: 40%;}
.w41  {width: 41%;}
.w42  {width: 42%;}
.w43  {width: 43%;}
.w44  {width: 44%;}
.w45  {width: 45%;}
.w46  {width: 46%;}
.w47  {width: 47%;}
.w48  {width: 48%;}
.w49  {width: 49%;}
.w50  {width: 50%;}
.w55  {width: 55%;}
.w60  {width: 60%;}
.w65  {width: 65%;}
.w70  {width: 70%;}
.w75  {width: 75%;}
.w80  {width: 80%;}
.w85  {width: 85%;}
.w90  {width: 90%;}
.w95  {width: 95%;}
.w100 {width:100%;}

.w10vw  {width: 10vw;}
.w20vw  {width: 20vw;}
.w30vw  {width: 30vw;}
.w40vw  {width: 40vw;}
.w50vw  {width: 50vw;}
.w60vw  {width: 60vw;}
.w70vw  {width: 70vw;}
.w80vw  {width: 80vw;}
.w90vw  {width: 90vw;}
.w100vw {width:100vw;}






/* ▼border  */

.border {border:solid 1px #ddd !important;}
.border-top {border-top:solid 1px #ddd !important;}
.border-left {border-left:solid 1px #ddd !important;}
.border-right {border-right:solid 1px #ddd !important;}
.border-bottom {border-bottom:solid 1px #ddd !important;}

.border-top-only {border-top:solid 1px #ddd !important; border-left:none !important; border-right:none !important; border-bottom:none !important;}
.border-left-only {border-left:solid 1px #ddd !important; border-top:none !important; border-right:none !important; border-bottom:none !important;}
.border-right-only {border-right:solid 1px #ddd !important; border-top:none !important; border-left:none !important; border-bottom:none !important;}
.border-bottom-only {border-bottom:solid 1px #ddd !important; border-top:none !important; border-left:none !important; border-right:none !important;}

.border-none {border:none !important;}
.border-top-none {border-top:none !important;}
.border-left-none {border-left:none !important;}
.border-left-none {border-right:none !important;}
.border-bottom-none {border-bottom:none !important;}


.border-double {border:double 3px #ddd !important;}
.border-double-top {border-top:double 3px #ddd !important;}
.border-double-left {border-left:double 3px #ddd !important;}
.border-double-right {border-right:double 3px #ddd !important;}
.border-double-bottom {border-bottom:double 3px #ddd !important;}

.border-dot {border:dotted 1px #ddd;}
.border-dot-top {border-top:dotted 1px #ddd;}
.border-dot-left {border-left:dotted 1px #ddd;}
.border-dot-right {border-right:dotted 1px #ddd;}
.border-dot-bottom {border-bottom:dotted 1px #ddd;}


/* ▼border-radius  */
.border-radius-none {border-radius:0 !important;}
.radius-3  {border-radius: 3px;}
.radius-4  {border-radius: 4px;}
.radius-5  {border-radius: 5px;}
.radius-6  {border-radius: 6px;}
.radius-7  {border-radius: 7px;}
.radius-8  {border-radius: 8px;}
.radius-9  {border-radius: 9px;}
.radius-10 {border-radius:10px;}


/* ▼box-shadow  */
.box-shadow-none {box-shadow:none !important;}


/* ▼background color */
.bg-transparent {background:transparent !important;}
.bg-000 {background:#000;}
.bg-111 {background:#111;}
.bg-222 {background:#222;}
.bg-333 {background:#333;}
.bg-444 {background:#444;}
.bg-555 {background:#555;}
.bg-666 {background:#666;}
.bg-777 {background:#777;}
.bg-888 {background:#888;}
.bg-999 {background:#999;}
.bg-aaa {background:#aaa;}
.bg-bbb {background:#bbb;}
.bg-ccc {background:#ccc;}
.bg-ddd {background:#ddd;}
.bg-eee {background:#eee;}
.bg-fff {background:#fff;}
.bg-f5  {background:#f5f5f5;}
.bg-f00 {background:#ff0000;} /*赤*/
.bg-00f {background:#0000ff;} /*青*/
.bg-ff0 {background:#ffff00;} /*黄*/
.bg-0f0 {background:#00ff00;} /*緑*/



/* ▼background alpha  */
.bg-black10  {background:rgba(0,0,0,0.1) !important;}
.bg-black20  {background:rgba(0,0,0,0.2) !important;}
.bg-black30  {background:rgba(0,0,0,0.3) !important;}
.bg-black40  {background:rgba(0,0,0,0.4) !important;}
.bg-black50  {background:rgba(0,0,0,0.5) !important;}
.bg-black60  {background:rgba(0,0,0,0.6) !important;}
.bg-black70  {background:rgba(0,0,0,0.7) !important;}
.bg-black80  {background:rgba(0,0,0,0.8) !important;}
.bg-black90  {background:rgba(0,0,0,0.9) !important;}
.bg-black100 {background:rgba(0,0,0,1.0) !important;}

.bg-white10  {background:rgba(255,255,255,0.1) !important;}
.bg-white20  {background:rgba(255,255,255,0.2) !important;}
.bg-white30  {background:rgba(255,255,255,0.3) !important;}
.bg-white40  {background:rgba(255,255,255,0.4) !important;}
.bg-white50  {background:rgba(255,255,255,0.5) !important;}
.bg-white60  {background:rgba(255,255,255,0.6) !important;}
.bg-white70  {background:rgba(255,255,255,0.7) !important;}
.bg-white80  {background:rgba(255,255,255,0.8) !important;}
.bg-white90  {background:rgba(255,255,255,0.9) !important;}
.bg-white100 {background:rgba(255,255,255,1.0) !important;}

/* ▼text color  */
.text-green {color:#00cc00;}
.text-white {color:#ffffff;}
.text-black {color:#000000;}
.text-red   {color:#ff0700;}
.text-blue  {color:#0000ff;}
.text-gray  {color:#666666;}
.text-pink  {color:#ff0099;}

/* ▼text decoration  */
.bold, font-bold {font-weight:bold;}
.font-normal {font-weight:normal;}
.italic, font-italic {font-style: italic;font-family: "ＭＳ ゴシック",sans-serif;}
.transform-italic {
 -webkit-transform: skewX(-15deg);
 -moz-transform: skewX(-15deg);
 -o-transform: skewX(-15deg);
 transform: skewX(-15deg);
 -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.26794919243112214, M21=0, M22=1, SizingMethod='auto expand')";
}


/* ▼text alighment  */
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
.text-center {text-align:center !important;}

/* ▼FLOAT  */
.float-left {float:left !important;}
.float-right {float:right !important;}

/* ▼line-height */
.line-height-50, .lh-50   {line-height:0.5rem;}
.line-height-60, .lh-60   {line-height:0.6rem;}
.line-height-70, .lh-70   {line-height:0.7rem;}
.line-height-80, .lh-80   {line-height:0.8rem;}
.line-height-90, .lh-90   {line-height:0.8rem;}
.line-height-100, .lh-100 {line-height:1.0rem;}
.line-height-110, .lh-110 {line-height:1.1rem;}
.line-height-120, .lh-120 {line-height:1.2rem;}
.line-height-130, .lh-130 {line-height:1.3rem;}
.line-height-140, .lh-140 {line-height:1.4rem;}
.line-height-150, .lh-150 {line-height:1.5rem;}
.line-height-160, .lh-160 {line-height:1.6rem;}
.line-height-170, .lh-170 {line-height:1.7rem;}
.line-height-180, .lh-180 {line-height:1.8rem;}
.line-height-190, .lh-190 {line-height:1.9rem;}
.line-height-200, .lh-200 {line-height:2.0rem;}
.line-height-210, .lh-210 {line-height:2.1rem;}
.line-height-220, .lh-220 {line-height:2.2rem;}
.line-height-230, .lh-230 {line-height:2.3rem;}
.line-height-240, .lh-240 {line-height:2.4rem;}
.line-height-250, .lh-250 {line-height:2.5rem;}
.line-height-260, .lh-260 {line-height:2.6rem;}
.line-height-270, .lh-270 {line-height:2.7rem;}
.line-height-280, .lh-280 {line-height:2.8rem;}
.line-height-290, .lh-290 {line-height:2.9rem;}
.line-height-300, .lh-300 {line-height:3.0rem;}
.line-height-310, .lh-310 {line-height:3.1rem;}
.line-height-320, .lh-320 {line-height:3.2rem;}
.line-height-330, .lh-330 {line-height:3.3rem;}
.line-height-340, .lh-340 {line-height:3.4rem;}
.line-height-350, .lh-350 {line-height:3.5rem;}
.line-height-360, .lh-360 {line-height:3.6rem;}
.line-height-370, .lh-370 {line-height:3.7rem;}
.line-height-380, .lh-380 {line-height:3.8rem;}
.line-height-390, .lh-390 {line-height:3.9rem;}
.line-height-400, .lh-400 {line-height:4.0rem;}
.line-height-500, .lh-500 {line-height:5.0rem;}

/* ▼font size  */
.font-50  {font-size:0.5rem;}
.font-60  {font-size:0.6rem;}
.font-70  {font-size:0.7rem;}
.font-80  {font-size:0.8rem;}
.font-90  {font-size:0.8rem;}
.font-100 {font-size:1.0rem;}
.font-110 {font-size:1.1rem;}
.font-120 {font-size:1.2rem;}
.font-130 {font-size:1.3rem;}
.font-140 {font-size:1.4rem;}
.font-150 {font-size:1.5rem;}
.font-160 {font-size:1.6rem;}
.font-170 {font-size:1.7rem;}
.font-180 {font-size:1.8rem;}
.font-190 {font-size:1.9rem;}
.font-200 {font-size:2.0rem;}
.font-210 {font-size:2.1rem;}
.font-220 {font-size:2.2rem;}
.font-230 {font-size:2.3rem;}
.font-240 {font-size:2.4rem;}
.font-250 {font-size:2.5rem;}
.font-260 {font-size:2.6rem;}
.font-270 {font-size:2.7rem;}
.font-280 {font-size:2.8rem;}
.font-290 {font-size:2.9rem;}
.font-300 {font-size:3.0rem;}
.font-310 {font-size:3.1rem;}
.font-320 {font-size:3.2rem;}
.font-330 {font-size:3.3rem;}
.font-340 {font-size:3.4rem;}
.font-350 {font-size:3.5rem;}
.font-360 {font-size:3.6rem;}
.font-370 {font-size:3.7rem;}
.font-380 {font-size:3.8rem;}
.font-390 {font-size:3.9rem;}
.font-400 {font-size:4.0rem;}
.font-500 {font-size:5.0rem;}


/* ▼text indent */
.indent-02 {text-indent:0.2rem;}
.indent-04 {text-indent:0.4rem;}
.indent-06 {text-indent:0.6rem;}
.indent-08 {text-indent:0.8rem;}
.indent-10 {text-indent:1.0rem;}
.indent-12 {text-indent:1.2rem;}
.indent-14 {text-indent:1.4rem;}
.indent-16 {text-indent:1.6rem;}
.indent-18 {text-indent:1.8rem;}
.indent-20 {text-indent:2.0rem;}
.indent-22 {text-indent:2.2rem;}
.indent-24 {text-indent:2.4rem;}
.indent-26 {text-indent:2.6rem;}
.indent-28 {text-indent:2.8rem;}
.indent-30 {text-indent:3.0rem;}


/* ▼hover制御 */
.cursor:hover {cursor: pointer;}
.hand:hover {cursor: hand;}



/* ▼position  */
.relative {position:relative;}
.absolute {position:absolute;}

/* ▼overflow  */
.overflow-hidden {overflow:hidden;}


/* ▼均等割り */
.table-ul {
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
.table-ul li {
  display: table-cell;
  vertical-align: middle;
}

.v-top {vertical-align: top !important;}
.v-middle {vertical-align: middle !important;}
.v-bottom {vertical-align: bottom !important;}


/* ▼youtube動画設置 */
.youtube {
  margin-top:0;
  margin-bottom:0px;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 3px;
  height: 0;
  overflow: hidden;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/* ▼font-family (Androidスマホで特殊文字がバグる対策)  */
.verdana {
    font-family: Verdana;
}
.droid-sans {
    font-family: "Droid Sans";
}

/* ▼ul style */
.ul-no-style,
.ul-no-style ul, 
.ul-no-style ul li{
 list-style:none !important;
}

.ul-disc-style,
.ul-disc-style ul, 
.ul-disc-style ul li {
 list-style:disc !important;
}

.ul-square-style,
.ul-square-style ul,
.ul-square-style ul li {
 list-style:square !important;
}

/* ▼ol style */
.ol-no-style,
.ol-no-style ul, 
.ol-no-style ul li{
 list-style:none !important;
}

.ol-decimal-style,
.ol-decimal-style ul, 
.ol-decimal-style ul li {
 list-style:decimal !important;
}

.ol-upper-latin-style,
.ol-supper-latin-style ul,
.ol-upper-latin-style ul li {
 list-style:upper-latin !important;
}


/* ▼display  */
.block {
display: block !important;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}

.flex {
display: flex;
}

/* ▼border-box */
.border-box {
box-sizing:border-box;
}

/* ▼clearfix  */
/* clearfix */
.clearfix{
zoom:1;
}
.clearfix:after{
content:"";
display: block;
clear: both;
height: 0;
visibility:hidden;
}







/* ▼レイアウト設定****************************************************************************************/


/*▼コンテナセット */
.container-fluid { margin-right:auto; margin-left:auto;width:100%;box-sizing:border-box;overflow: hidden;}
.container {margin:0; width:1200px;box-sizing:border-box;overflow: hidden;}


/*▼ブロックとオフセット */
.block01, .block02, .block03, .block04, .block05, .block06, .block07, .block08, .block09, .block10, .block11, .block12
.offset01, .offset02, .offset03, .offset04, .offset05, .offset06, .offset07, .offset08, .offset09, .offset10, .offset11 {float:left;box-sizing:border-box;}

.block-right {float:right;box-sizing:border-box;}
.block01, .block01-sp {width: 8.3333%; width: calc(100% / 12);}
.block02, .block02-sp {width:16.6666%; width: calc(100% / 6);}
.block03, .block03-sp {width:25.000%;}
.block04, .block04-sp {width:33.3300%; width: calc(100% / 3);}
.block05, .block05-sp {width:41.6666%; width: calc(5 * calc(100% / 12) );}
.block06, .block06-sp {width:50.000%;}
.block07, .block07-sp {width:58.3333%; width: calc(7 * calc(100% / 12) );}
.block08, .block08-sp {width:66.6666%; width: calc(2 * calc(100% / 3) );}
.block09, .block09-sp {width:75.000%;}
.block10, .block10-sp {width:83.3333%; width: calc(100% - calc(100% / 6) );}
.block11, .block11-sp {width:91.6666%; width: calc(100% - calc(100% / 12) );}
.block12, .block12-sp {width:100.00%;}

.offset01 {margin-left: 8.3333%; margin-left: calc(100% / 12);}
.offset02 {margin-left:16.6666%; margin-left: calc(100% / 6);}
.offset03 {margin-left:25.000%;}
.offset04 {margin-left:33.3300%; margin-left: calc(100% / 3);}
.offset05 {margin-left:41.6666%; margin-left: calc(5 * calc(100% / 12) );}
.offset06 {margin-left:50.000%;}
.offset07 {margin-left:58.3333%; margin-left: calc(7 * calc(100% / 12) );}
.offset08 {margin-left:66.6666%; margin-left: calc(2 * calc(100% / 3) );}
.offset09 {margin-left:75.000%;}
.offset10 {margin-left:83.3333%; margin-left: calc(100% - calc(100% / 6) );}
.offset11 {margin-left:91.6666%; margin-left: calc(100% - calc(100% / 12) );}

/************************************************/
/*   FOR PC  min-width:1000                     */
/************************************************/
@media screen and (min-width: 1001px) {
/*▼基本設定 */
.pc {display:block;}
.sp {display:none;}

/*▼スマホで分割のまま ＰＣ用*/
.block02-sp {width:16.6666%; width: calc(100% / 6);float:left;box-sizing:border-box;}
.block03-sp {width:25.000%;float:left;box-sizing:border-box;}
.block04-sp {width:33.3300%; width: calc(100% / 3);float:left;box-sizing:border-box;}
.block06-sp {width:50.000%;float:left;box-sizing:border-box;}

/*▼ボーダー ＰＣ用*/
.border-pc {border:solid 1px #ddd !important;}
.border-pc-top {border-top:solid 1px #ddd !important;}
.border-pc-left {border-left:solid 1px #ddd !important;}
.border-pc-right {border-right:solid 1px #ddd !important;}
.border-pc-bottom {border-bottom:solid 1px #ddd !important;}

.border-sp {border:none;}
.border-sp-top {border-top:none}
.border-sp-left {border-left:none}
.border-sp-right {border-right:none;}
.border-sp-bottom {border-bottom:none;}

}

/************************************************/
/*   FOR TAB/SP  max-width:1000                 */
/************************************************/
@media screen and (max-width: 1000px) {
/*▼基本設定 */
.pc {display:none;}
.sp {display:block;}


/*▼ブロックとオフセット */
.block01, .block02, .block03, .block04, .block05, .block06, .block07, .block08, .block09, .block10, .block11, .block12, block-right {float:none;box-sizing:border-box;width:100%;}
.offset01, .offset02, .offset03, .offset04, .offset05, .offset06, .offset07, .offset08, .offset09, .offset10, .offset11 {margin:0px;}

/*▼スマホで分割 ＳＰ用*/
.block01-sp, .block02-sp, .block03-sp, .block04-sp, .block05-sp, .block06-sp, .block07-sp, .block08-sp, .block09-sp, .block10-sp, .block11-sp, .block12-sp {width:50.000%;float:left;box-sizing:border-box;}

/*▼ボーダー ＳＰ用*/
.border-sp {border:solid 1px #ddd !important;}
.border-sp-top {border-top:solid 1px #ddd !important;}
.border-sp-left {border-left:solid 1px #ddd !important;}
.border-sp-right {border-right:solid 1px #ddd !important;}
.border-sp-bottom {border-bottom:solid 1px #ddd !important;}

.border-pc {border:none;}
.border-pc-top {border-top:none}
.border-pc-left {border-left:none}
.border-pc-right {border-right:none;}
.border-pc-bottom {border-bottom:none;}

}






















