html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, main, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,main,menu,nav,section {
display:block;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
img {
vertical-align: bottom;
line-height: 0;
max-width: 100%;
width: auto;
height: auto;
box-sizing: border-box;
-webkit-backface-visibility: hidden;
display: inline;
}
select,
textarea,
input[type='tel'],
input[type='num'],
input[type='text'],
input[type='email'],
input[type='password'] {padding: 5px;
font-size: 16px;
border: 1px solid #cfcfcf;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0,0,0,.1) inset;
box-sizing: border-box;
}
textarea:focus,
input[type='tel']:focus,
input[type='num']:focus,
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus {
border-color: #0078d7;
box-shadow: none;
}
input[type='num'] {
max-width: 100%;
}
input[type='button'],
input[type='submit'] {
padding: 5px;
-webkit-appearance: none;
cursor: pointer;
}
input[type=radio],
input[type=checkbox] {
display: inline-block;
margin-right: 6px;
}
input[type=radio] + label,
input[type=checkbox] + label {
position: relative;
display: inline-block;
margin-right: 12px;
line-height: 30px;
cursor: pointer;
}
input[type=radio],
input[type=checkbox] {
display: none;
margin: 0;
}
input[type=radio] + label,
input[type=checkbox] + label {
margin-bottom: 5px;
padding: 0 0 0 24px;
}
input[type=radio] + label::before,
input[type=checkbox] + label::before {
content: "";
position: absolute;
top: 50%;
left: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 18px;
height: 18px;
margin-top: -9px;
background: #FFF;
}
input[type=radio] + label::before {
border: 2px solid #ccc;
border-radius: 30px;
}
input[type=checkbox] + label::before {
border: 2px solid #ccc;
}
input[type=radio]:checked + label::after,
input[type=checkbox]:checked + label::after {
content: "";
position: absolute;
top: 50%;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
}
input[type=radio]:checked + label::after {
left: 5px;
width: 8px;
height: 8px;
margin-top: -4px;
background: #f00;
border-radius: 8px;
}
input[type=checkbox]:checked + label::after {
left: 3px;
width: 16px;
height: 8px;
margin-top: -8px;
border-left: 3px solid #f00;
border-bottom: 3px solid #f00;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
textarea, #address, #mail, input[type="text"] {
width: 100%;
}
select,
textarea,
input[type="tel"],
input[type="num"],
input[type="text"],
input[type="email"],
input[type="password"] {
width: 100%;
box-sizing: border-box;
}
/* 郵便番号*/
#pc01,
#pc02 {
width: 80px;
}
/* ==================================================
文字サイズ
================================================== */
.fs0 {font-size: 0 !important;}
.fs8 {font-size: 0.53rem !important;}
.fs9 {font-size: 0.6rem !important;}
.fs10 {font-size: 0.66rem !important;}
.fs11 {font-size: 0.73rem !important;}
.fs12 {font-size: 0.8rem !important;}
.fs13 {font-size: 0.86rem !important;}
.fs14 {font-size: 0.93rem !important;}
.fs15 {font-size: 1rem !important;}
.fs16 {font-size: 1.06rem !important;}
.fs17 {font-size: 1.13rem !important;}
.fs18 {font-size: 1.2rem !important;}
.fs19 {font-size: 1.26rem !important;}
.fs20 {font-size: 1.33rem !important;}
.fs21 {font-size: 1.4rem !important;}
.fs22 {font-size: 1.46rem !important;}
.fs23 {font-size: 1.53rem !important;}
.fs24 {font-size: 1.6rem !important;}
.fs25 {font-size: 1.66rem !important;}
.fs26 {font-size: 1.73rem !important;}
.fs27 {font-size: 1.8rem !important;}
.fs28 {font-size: 1.86rem !important;}
.fs29 {font-size: 1.93rem !important;}
.fs30 {font-size: 2rem !important;}
.fs31 {font-size: 2.06rem !important;}
.fs32 {font-size: 2.13rem !important;}
.fs33 {font-size: 2.2rem !important;}
.fs34 {font-size: 2.26rem !important;}
.fs35 {font-size: 2.33rem !important;}
.fs36 {font-size: 2.4rem !important;}
.fs37 {font-size: 2.46rem !important;}
.fs38 {font-size: 2.53rem !important;}
.fs39 {font-size: 2.6rem !important;}
.fs40 {font-size: 2.66rem !important;}
.fs41 {font-size: 2.73rem !important;}
.fs42 {font-size: 2.8rem !important;}
.fs43 {font-size: 2.86rem !important;}
.fs44 {font-size: 2.93rem !important;}
.fs45 {font-size: 3rem !important;}
.fs46 {font-size: 3.06rem !important;}
.fs47 {font-size: 3.13rem !important;}
.fs48 {font-size: 3.2rem !important;}
.fs49 {font-size: 3.26rem !important;}
.fs50 {font-size: 3.33rem !important;}
.fs51 {font-size: 3.4rem !important;}
.fs52 {font-size: 3.46rem !important;}
.fs53 {font-size: 3.53rem !important;}
.fs54 {font-size: 3.6rem !important;}
.fs55 {font-size: 3.66rem !important;}
.fs56 {font-size: 3.73rem !important;}
.fs57 {font-size: 3.8rem !important;}
.fs58 {font-size: 3.86rem !important;}
.fs59 {font-size: 3.93rem !important;}
.fs60 {font-size: 4rem !important;}
.fs61 {font-size: 4.06rem !important;}
.fs62 {font-size: 4.13rem !important;}
.fs63 {font-size: 4.2rem !important;}
.fs64 {font-size: 4.26rem !important;}
.fs65 {font-size: 4.33rem !important;}
.fs66 {font-size: 4.4rem !important;}
.fs67 {font-size: 4.46rem !important;}
.fs68 {font-size: 4.53rem !important;}
.fs69 {font-size: 4.6rem !important;}
.fs70 {font-size: 4.66rem !important;}
@media screen and (max-width: 768px) {
.fs8 {font-size: 0.53rem !important;}
.fs9 {font-size: 0.6rem !important;}
.fs10 {font-size: 0.66rem !important;}
.fs11 {font-size: 0.73rem !important;}
.fs12 {font-size: 0.8rem !important;}
.fs13 {font-size: 0.86rem !important;}
.fs14 {font-size: 0.93rem !important;}
.fs15 {font-size: 1rem !important;}
.fs16,
.fs17,
.fs18,
.fs19 {font-size: 1.1rem !important;}
.fs20,
.fs21,
.fs22,
.fs23,
.fs24 {font-size: 1.2rem !important;}
.fs25,
.fs26,
.fs27,
.fs28,
.fs29,
.fs30 {font-size: 1.3rem !important;}
.fs31,
.fs32,
.fs33,
.fs34,
.fs35 {font-size: 1.4rem !important;}
.fs36,
.fs37,
.fs38,
.fs39,
.fs40,
.fs41,
.fs42,
.fs43,
.fs44,
.fs45 {font-size: 1.5rem !important;}
.fs46,
.fs47,
.fs48,
.fs49,
.fs50 {font-size: 1.6rem !important;}
.fs51,
.fs52,
.fs53,
.fs54,
.fs55,
.fs56,
.fs57,
.fs58,
.fs59,
.fs60 {font-size: 1.8rem !important;}
.fs61,
.fs62,
.fs63,
.fs64,
.fs65,
.fs66,
.fs67,
.fs68,
.fs69,
.fs70 {font-size: 2rem !important;}
}
/* ==================================================
文字間
================================================== */
.ls100p {letter-spacing: 0 !important;}
.ls110p {letter-spacing: 0.1em !important;}
.ls120p {letter-spacing: 0.2em !important;}
.ls130p {letter-spacing: 0.3em !important;}
.ls140p {letter-spacing: 0.4em !important;}
.ls150p {letter-spacing: 0.5em !important;}
.ls160p {letter-spacing: 0.6em !important;}
.ls170p {letter-spacing: 0.7em !important;}
.ls180p {letter-spacing: 0.8em !important;}
.ls190p {letter-spacing: 0.9em !important;}
.ls200p {letter-spacing: 1em !important;}
.ls250p {letter-spacing: 1.5em !important;}
.ls300p {letter-spacing: 2em !important;}
/* ==================================================
行間
================================================== */
.lh100p {line-height: 1 !important;}
.lh110p {line-height: 1.1 !important;}
.lh120p {line-height: 1.2 !important;}
.lh130p {line-height: 1.3 !important;}
.lh140p {line-height: 1.4 !important;}
.lh150p {line-height: 1.5 !important;}
.lh160p {line-height: 1.6 !important;}
.lh170p {line-height: 1.7 !important;}
.lh180p {line-height: 1.8 !important;}
.lh190p {line-height: 1.9 !important;}
.lh200p {line-height: 2 !important;}
.lh210p {line-height: 2.1 !important;}
.lh220p {line-height: 2.2 !important;}
.lh230p {line-height: 2.3 !important;}
.lh240p {line-height: 2.4 !important;}
.lh250p {line-height: 2.5 !important;}
.lh260p {line-height: 2.6 !important;}
.lh270p {line-height: 2.7 !important;}
.lh280p {line-height: 2.8 !important;}
.lh290p {line-height: 2.9 !important;}
.lh300p {line-height: 3 !important;}
.lh100p * {line-height: 1 !important;}
.lh110p * {line-height: 1.1 !important;}
.lh120p * {line-height: 1.2 !important;}
.lh130p * {line-height: 1.3 !important;}
.lh140p * {line-height: 1.4 !important;}
.lh150p * {line-height: 1.5 !important;}
.lh160p * {line-height: 1.6 !important;}
.lh170p * {line-height: 1.7 !important;}
.lh180p * {line-height: 1.8 !important;}
.lh190p * {line-height: 1.9 !important;}
.lh200p * {line-height: 2 !important;}
.lh210p * {line-height: 2.1 !important;}
.lh220p * {line-height: 2.2 !important;}
.lh230p * {line-height: 2.3 !important;}
.lh240p * {line-height: 2.4 !important;}
.lh250p * {line-height: 2.5 !important;}
.lh260p * {line-height: 2.6 !important;}
.lh270p * {line-height: 2.7 !important;}
.lh280p * {line-height: 2.8 !important;}
.lh290p * {line-height: 2.9 !important;}
.lh300p * {line-height: 3 !important;}
/* ==================================================
高さ
================================================== */
@media screen and (min-width:769px) {
.h5 {height: 5px !important;}
.h10 {height: 10px !important;}
.h15 {height: 15px !important;}
.h20 {height: 20px !important;}
.h25 {height: 25px !important;}
.h30 {height: 30px !important;}
.h35 {height: 35px !important;}
.h40 {height: 40px !important;}
.h45 {height: 45px !important;}
.h50 {height: 50px !important;}
.h55 {height: 55px !important;}
.h60 {height: 60px !important;}
.h65 {height: 65px !important;}
.h70 {height: 70px !important;}
.h75 {height: 75px !important;}
.h80 {height: 80px !important;}
.h85 {height: 85px !important;}
.h90 {height: 90px !important;}
.h95 {height: 95px !important;}
.h100 {height: 100px !important;}
.h105 {height: 105px !important;}
.h110 {height: 110px !important;}
.h115 {height: 115px !important;}
.h120 {height: 120px !important;}
.h125 {height: 125px !important;}
.h130 {height: 130px !important;}
.h135 {height: 135px !important;}
.h140 {height: 140px !important;}
.h145 {height: 145px !important;}
.h150 {height: 150px !important;}
.h155 {height: 155px !important;}
.h160 {height: 160px !important;}
.h165 {height: 165px !important;}
.h170 {height: 170px !important;}
.h175 {height: 175px !important;}
.h180 {height: 180px !important;}
.h185 {height: 185px !important;}
.h190 {height: 190px !important;}
.h195 {height: 195px !important;}
.h200 {height: 200px !important;}
.h205 {height: 205px !important;}
.h210 {height: 210px !important;}
.h215 {height: 215px !important;}
.h220 {height: 220px !important;}
.h225 {height: 225px !important;}
.h230 {height: 230px !important;}
.h235 {height: 235px !important;}
.h240 {height: 240px !important;}
.h245 {height: 245px !important;}
.h250 {height: 250px !important;}
.h255 {height: 255px !important;}
.h260 {height: 260px !important;}
.h265 {height: 265px !important;}
.h270 {height: 270px !important;}
.h275 {height: 275px !important;}
.h280 {height: 280px !important;}
.h285 {height: 285px !important;}
.h290 {height: 290px !important;}
.h295 {height: 295px !important;}
.h300 {height: 300px !important;}
.h305 {height: 305px !important;}
.h310 {height: 310px !important;}
.h315 {height: 315px !important;}
.h320 {height: 320px !important;}
.h325 {height: 325px !important;}
.h330 {height: 330px !important;}
.h335 {height: 335px !important;}
.h340 {height: 340px !important;}
.h345 {height: 345px !important;}
.h350 {height: 350px !important;}
.h355 {height: 355px !important;}
.h360 {height: 360px !important;}
.h365 {height: 365px !important;}
.h370 {height: 370px !important;}
.h375 {height: 375px !important;}
.h380 {height: 380px !important;}
.h385 {height: 385px !important;}
.h390 {height: 390px !important;}
.h395 {height: 395px !important;}
.h400 {height: 400px !important;}
.h405 {height: 405px !important;}
.h410 {height: 410px !important;}
.h415 {height: 415px !important;}
.h420 {height: 420px !important;}
.h425 {height: 425px !important;}
.h430 {height: 430px !important;}
.h435 {height: 435px !important;}
.h440 {height: 440px !important;}
.h445 {height: 445px !important;}
.h450 {height: 450px !important;}
.h455 {height: 455px !important;}
.h460 {height: 460px !important;}
.h465 {height: 465px !important;}
.h470 {height: 470px !important;}
.h475 {height: 475px !important;}
.h480 {height: 480px !important;}
.h485 {height: 485px !important;}
.h490 {height: 490px !important;}
.h495 {height: 495px !important;}
.h500 {height: 500px !important;}
.h505 {height: 505px !important;}
.h510 {height: 510px !important;}
.h515 {height: 515px !important;}
.h520 {height: 520px !important;}
.h525 {height: 525px !important;}
.h530 {height: 530px !important;}
.h535 {height: 535px !important;}
.h540 {height: 540px !important;}
.h545 {height: 545px !important;}
.h550 {height: 550px !important;}
.h555 {height: 555px !important;}
.h560 {height: 560px !important;}
.h565 {height: 565px !important;}
.h570 {height: 570px !important;}
.h575 {height: 575px !important;}
.h580 {height: 580px !important;}
.h585 {height: 585px !important;}
.h590 {height: 590px !important;}
.h595 {height: 595px !important;}
.h600 {height: 600px !important;}
.h605 {height: 605px !important;}
.h610 {height: 610px !important;}
.h615 {height: 615px !important;}
.h620 {height: 620px !important;}
.h625 {height: 625px !important;}
.h630 {height: 630px !important;}
.h635 {height: 635px !important;}
.h640 {height: 640px !important;}
.h645 {height: 645px !important;}
.h650 {height: 650px !important;}
.h655 {height: 655px !important;}
.h660 {height: 660px !important;}
.h665 {height: 665px !important;}
.h670 {height: 670px !important;}
.h675 {height: 675px !important;}
.h680 {height: 680px !important;}
.h685 {height: 685px !important;}
.h690 {height: 690px !important;}
.h695 {height: 695px !important;}
.h700 {height: 700px !important;}
.h705 {height: 705px !important;}
.h710 {height: 710px !important;}
.h715 {height: 715px !important;}
.h720 {height: 720px !important;}
.h725 {height: 725px !important;}
.h730 {height: 730px !important;}
.h735 {height: 735px !important;}
.h740 {height: 740px !important;}
.h745 {height: 745px !important;}
.h750 {height: 750px !important;}
.h755 {height: 755px !important;}
.h760 {height: 760px !important;}
.h765 {height: 765px !important;}
.h770 {height: 770px !important;}
.h775 {height: 775px !important;}
.h780 {height: 780px !important;}
.h785 {height: 785px !important;}
.h790 {height: 790px !important;}
.h795 {height: 795px !important;}
.h800 {height: 800px !important;}
.h805 {height: 805px !important;}
.h810 {height: 810px !important;}
.h815 {height: 815px !important;}
.h820 {height: 820px !important;}
.h825 {height: 825px !important;}
.h830 {height: 830px !important;}
.h835 {height: 835px !important;}
.h840 {height: 840px !important;}
.h845 {height: 845px !important;}
.h850 {height: 850px !important;}
.h855 {height: 855px !important;}
.h860 {height: 860px !important;}
.h865 {height: 865px !important;}
.h870 {height: 870px !important;}
.h875 {height: 875px !important;}
.h880 {height: 880px !important;}
.h885 {height: 885px !important;}
.h890 {height: 890px !important;}
.h895 {height: 895px !important;}
.h900 {height: 900px !important;}
.h905 {height: 905px !important;}
.h910 {height: 910px !important;}
.h915 {height: 915px !important;}
.h920 {height: 920px !important;}
.h925 {height: 925px !important;}
.h930 {height: 930px !important;}
.h935 {height: 935px !important;}
.h940 {height: 940px !important;}
.h945 {height: 945px !important;}
.h950 {height: 950px !important;}
.h955 {height: 955px !important;}
.h960 {height: 960px !important;}
.h965 {height: 965px !important;}
.h970 {height: 970px !important;}
.h975 {height: 975px !important;}
.h980 {height: 980px !important;}
.h985 {height: 985px !important;}
.h990 {height: 990px !important;}
.h995 {height: 995px !important;}
.h1000 {height: 1000px !important;}
.h1005 {height: 1005px !important;}
.h1010 {height: 1010px !important;}
.h1015 {height: 1015px !important;}
.h1020 {height: 1020px !important;}
.h1025 {height: 1025px !important;}
.h1030 {height: 1030px !important;}
.h1035 {height: 1035px !important;}
.h1040 {height: 1040px !important;}
.h1045 {height: 1045px !important;}
.h1050 {height: 1050px !important;}
.h1055 {height: 1055px !important;}
.h1060 {height: 1060px !important;}
.h1065 {height: 1065px !important;}
.h1070 {height: 1070px !important;}
.h1075 {height: 1075px !important;}
.h1080 {height: 1080px !important;}
.h1085 {height: 1085px !important;}
.h1090 {height: 1090px !important;}
.h1095 {height: 1095px !important;}
.h10p {height: 10% !important;}
.h20p {height: 20% !important;}
.h30p {height: 30% !important;}
.h40p {height: 40% !important;}
.h50p {height: 50% !important;}
.h60p {height: 60% !important;}
.h70p {height: 70% !important;}
.h80p {height: 80% !important;}
.h90p {height: 90% !important;}
.h100p {height: 100% !important;}
}
@media screen and (max-width: 768px) {
.inner_img.height,
.inner_txt.height {
padding: 0;
}
.h10p.both {height: 10% !important;}
.h20p.both {height: 20% !important;}
.h30p.both {height: 30% !important;}
.h40p.both {height: 40% !important;}
.h50p.both {height: 50% !important;}
.h60p.both {height: 60% !important;}
.h70p.both {height: 70% !important;}
.h80p.both {height: 80% !important;}
.h90p.both {height: 90% !important;}
.h100p.both {height: 100% !important;}
}
/* ==================================================
横幅
================================================== */
@media screen and (min-width:769px) {
.w5 {width: 5px !important; min-width: 5px !important;}
.w10 {width: 10px !important; min-width: 10px !important;}
.w15 {width: 15px !important; min-width: 15px !important;}
.w20 {width: 20px !important; min-width: 20px !important;}
.w25 {width: 25px !important; min-width: 25px !important;}
.w30 {width: 30px !important; min-width: 30px !important;}
.w35 {width: 35px !important; min-width: 35px !important;}
.w40 {width: 40px !important; min-width: 40px !important;}
.w45 {width: 45px !important; min-width: 45px !important;}
.w50 {width: 50px !important; min-width: 50px !important;}
.w55 {width: 55px !important; min-width: 55px !important;}
.w60 {width: 60px !important; min-width: 60px !important;}
.w65 {width: 65px !important; min-width: 65px !important;}
.w70 {width: 70px !important; min-width: 70px !important;}
.w75 {width: 75px !important; min-width: 75px !important;}
.w80 {width: 80px !important; min-width: 80px !important;}
.w85 {width: 85px !important; min-width: 85px !important;}
.w90 {width: 90px !important; min-width: 90px !important;}
.w95 {width: 95px !important; min-width: 95px !important;}
.w100 {width: 100px !important; min-width: 100px !important;}
.w105 {width: 105px !important; min-width: 105px !important;}
.w110 {width: 110px !important; min-width: 110px !important;}
.w115 {width: 115px !important; min-width: 115px !important;}
.w120 {width: 120px !important; min-width: 120px !important;}
.w125 {width: 125px !important; min-width: 125px !important;}
.w130 {width: 130px !important; min-width: 130px !important;}
.w135 {width: 135px !important; min-width: 135px !important;}
.w140 {width: 140px !important; min-width: 140px !important;}
.w145 {width: 145px !important; min-width: 145px !important;}
.w150 {width: 150px !important; min-width: 150px !important;}
.w155 {width: 155px !important; min-width: 155px !important;}
.w160 {width: 160px !important; min-width: 160px !important;}
.w165 {width: 165px !important; min-width: 165px !important;}
.w170 {width: 170px !important; min-width: 170px !important;}
.w175 {width: 175px !important; min-width: 175px !important;}
.w180 {width: 180px !important; min-width: 180px !important;}
.w185 {width: 185px !important; min-width: 185px !important;}
.w190 {width: 190px !important; min-width: 190px !important;}
.w195 {width: 195px !important; min-width: 195px !important;}
.w200 {width: 200px !important; min-width: 200px !important;}
.w205 {width: 205px !important; min-width: 205px !important;}
.w210 {width: 210px !important; min-width: 210px !important;}
.w215 {width: 215px !important; min-width: 215px !important;}
.w220 {width: 220px !important; min-width: 220px !important;}
.w225 {width: 225px !important; min-width: 225px !important;}
.w230 {width: 230px !important; min-width: 230px !important;}
.w235 {width: 235px !important; min-width: 235px !important;}
.w240 {width: 240px !important; min-width: 240px !important;}
.w245 {width: 245px !important; min-width: 245px !important;}
.w250 {width: 250px !important; min-width: 250px !important;}
.w255 {width: 255px !important; min-width: 255px !important;}
.w260 {width: 260px !important; min-width: 260px !important;}
.w265 {width: 265px !important; min-width: 265px !important;}
.w270 {width: 270px !important; min-width: 270px !important;}
.w275 {width: 275px !important; min-width: 275px !important;}
.w280 {width: 280px !important; min-width: 280px !important;}
.w285 {width: 285px !important; min-width: 285px !important;}
.w290 {width: 290px !important; min-width: 290px !important;}
.w295 {width: 295px !important; min-width: 295px !important;}
.w300 {width: 300px !important; min-width: 300px !important;}
.w305 {width: 305px !important; min-width: 305px !important;}
.w310 {width: 310px !important; min-width: 310px !important;}
.w315 {width: 315px !important; min-width: 315px !important;}
.w320 {width: 320px !important; min-width: 320px !important;}
.w325 {width: 325px !important; min-width: 325px !important;}
.w330 {width: 330px !important; min-width: 330px !important;}
.w335 {width: 335px !important; min-width: 335px !important;}
.w340 {width: 340px !important; min-width: 340px !important;}
.w345 {width: 345px !important; min-width: 345px !important;}
.w350 {width: 350px !important; min-width: 350px !important;}
.w355 {width: 355px !important; min-width: 355px !important;}
.w360 {width: 360px !important; min-width: 360px !important;}
.w365 {width: 365px !important; min-width: 365px !important;}
.w370 {width: 370px !important; min-width: 370px !important;}
.w375 {width: 375px !important; min-width: 375px !important;}
.w380 {width: 380px !important; min-width: 380px !important;}
.w385 {width: 385px !important; min-width: 385px !important;}
.w390 {width: 390px !important; min-width: 390px !important;}
.w395 {width: 395px !important; min-width: 395px !important;}
.w400 {width: 400px !important; min-width: 400px !important;}
.w405 {width: 405px !important; min-width: 405px !important;}
.w410 {width: 410px !important; min-width: 410px !important;}
.w415 {width: 415px !important; min-width: 415px !important;}
.w420 {width: 420px !important; min-width: 420px !important;}
.w425 {width: 425px !important; min-width: 425px !important;}
.w430 {width: 430px !important; min-width: 430px !important;}
.w435 {width: 435px !important; min-width: 435px !important;}
.w440 {width: 440px !important; min-width: 440px !important;}
.w445 {width: 445px !important; min-width: 445px !important;}
.w450 {width: 450px !important; min-width: 450px !important;}
.w455 {width: 455px !important; min-width: 455px !important;}
.w460 {width: 460px !important; min-width: 460px !important;}
.w465 {width: 465px !important; min-width: 465px !important;}
.w470 {width: 470px !important; min-width: 470px !important;}
.w475 {width: 475px !important; min-width: 475px !important;}
.w480 {width: 480px !important; min-width: 480px !important;}
.w485 {width: 485px !important; min-width: 485px !important;}
.w490 {width: 490px !important; min-width: 490px !important;}
.w495 {width: 495px !important; min-width: 495px !important;}
.w500 {width: 500px !important; min-width: 500px !important;}
.w505 {width: 505px !important; min-width: 505px !important;}
.w510 {width: 510px !important; min-width: 510px !important;}
.w515 {width: 515px !important; min-width: 515px !important;}
.w520 {width: 520px !important; min-width: 520px !important;}
.w525 {width: 525px !important; min-width: 525px !important;}
.w530 {width: 530px !important; min-width: 530px !important;}
.w535 {width: 535px !important; min-width: 535px !important;}
.w540 {width: 540px !important; min-width: 540px !important;}
.w545 {width: 545px !important; min-width: 545px !important;}
.w550 {width: 550px !important; min-width: 550px !important;}
.w555 {width: 555px !important; min-width: 555px !important;}
.w560 {width: 560px !important; min-width: 560px !important;}
.w565 {width: 565px !important; min-width: 565px !important;}
.w570 {width: 570px !important; min-width: 570px !important;}
.w575 {width: 575px !important; min-width: 575px !important;}
.w580 {width: 580px !important; min-width: 580px !important;}
.w585 {width: 585px !important; min-width: 585px !important;}
.w590 {width: 590px !important; min-width: 590px !important;}
.w595 {width: 595px !important; min-width: 595px !important;}
.w600 {width: 600px !important; min-width: 600px !important;}
.w605 {width: 605px !important; min-width: 605px !important;}
.w610 {width: 610px !important; min-width: 610px !important;}
.w615 {width: 615px !important; min-width: 615px !important;}
.w620 {width: 620px !important; min-width: 620px !important;}
.w625 {width: 625px !important; min-width: 625px !important;}
.w630 {width: 630px !important; min-width: 630px !important;}
.w635 {width: 635px !important; min-width: 635px !important;}
.w640 {width: 640px !important; min-width: 640px !important;}
.w645 {width: 645px !important; min-width: 645px !important;}
.w650 {width: 650px !important; min-width: 650px !important;}
.w655 {width: 655px !important; min-width: 655px !important;}
.w660 {width: 660px !important; min-width: 660px !important;}
.w665 {width: 665px !important; min-width: 665px !important;}
.w670 {width: 670px !important; min-width: 670px !important;}
.w675 {width: 675px !important; min-width: 675px !important;}
.w680 {width: 680px !important; min-width: 680px !important;}
.w685 {width: 685px !important; min-width: 685px !important;}
.w690 {width: 690px !important; min-width: 690px !important;}
.w695 {width: 695px !important; min-width: 695px !important;}
.w700 {width: 700px !important; min-width: 700px !important;}
.w705 {width: 705px !important; min-width: 705px !important;}
.w710 {width: 710px !important; min-width: 710px !important;}
.w715 {width: 715px !important; min-width: 715px !important;}
.w720 {width: 720px !important; min-width: 720px !important;}
.w725 {width: 725px !important; min-width: 725px !important;}
.w730 {width: 730px !important; min-width: 730px !important;}
.w735 {width: 735px !important; min-width: 735px !important;}
.w740 {width: 740px !important; min-width: 740px !important;}
.w745 {width: 745px !important; min-width: 745px !important;}
.w750 {width: 750px !important; min-width: 750px !important;}
.w755 {width: 755px !important; min-width: 755px !important;}
.w760 {width: 760px !important; min-width: 760px !important;}
.w765 {width: 765px !important; min-width: 765px !important;}
.w770 {width: 770px !important; min-width: 770px !important;}
.w775 {width: 775px !important; min-width: 775px !important;}
.w780 {width: 780px !important; min-width: 780px !important;}
.w785 {width: 785px !important; min-width: 785px !important;}
.w790 {width: 790px !important; min-width: 790px !important;}
.w795 {width: 795px !important; min-width: 795px !important;}
.w800 {width: 800px !important; min-width: 800px !important;}
.w805 {width: 805px !important; min-width: 805px !important;}
.w810 {width: 810px !important; min-width: 810px !important;}
.w815 {width: 815px !important; min-width: 815px !important;}
.w820 {width: 820px !important; min-width: 820px !important;}
.w825 {width: 825px !important; min-width: 825px !important;}
.w830 {width: 830px !important; min-width: 830px !important;}
.w835 {width: 835px !important; min-width: 835px !important;}
.w840 {width: 840px !important; min-width: 840px !important;}
.w845 {width: 845px !important; min-width: 845px !important;}
.w850 {width: 850px !important; min-width: 850px !important;}
.w855 {width: 855px !important; min-width: 855px !important;}
.w860 {width: 860px !important; min-width: 860px !important;}
.w865 {width: 865px !important; min-width: 865px !important;}
.w870 {width: 870px !important; min-width: 870px !important;}
.w875 {width: 875px !important; min-width: 875px !important;}
.w880 {width: 880px !important; min-width: 880px !important;}
.w885 {width: 885px !important; min-width: 885px !important;}
.w890 {width: 890px !important; min-width: 890px !important;}
.w895 {width: 895px !important; min-width: 895px !important;}
.w900 {width: 900px !important; min-width: 900px !important;}
.w905 {width: 905px !important; min-width: 905px !important;}
.w910 {width: 910px !important; min-width: 910px !important;}
.w915 {width: 915px !important; min-width: 915px !important;}
.w920 {width: 920px !important; min-width: 920px !important;}
.w925 {width: 925px !important; min-width: 925px !important;}
.w930 {width: 930px !important; min-width: 930px !important;}
.w935 {width: 935px !important; min-width: 935px !important;}
.w940 {width: 940px !important; min-width: 940px !important;}
.w945 {width: 945px !important; min-width: 945px !important;}
.w950 {width: 950px !important; min-width: 950px !important;}
.w955 {width: 955px !important; min-width: 955px !important;}
.w960 {width: 960px !important; min-width: 960px !important;}
.w965 {width: 965px !important; min-width: 965px !important;}
.w970 {width: 970px !important; min-width: 970px !important;}
.w975 {width: 975px !important; min-width: 975px !important;}
.w980 {width: 980px !important; min-width: 980px !important;}
.w985 {width: 985px !important; min-width: 985px !important;}
.w990 {width: 990px !important; min-width: 990px !important;}
.w995 {width: 995px !important; min-width: 995px !important;}
.w1000 {width: 1000px !important; min-width: 1000px !important;}
.w1005 {width: 1005px !important; min-width: 1005px !important;}
.w1010 {width: 1010px !important; min-width: 1010px !important;}
.w1015 {width: 1015px !important; min-width: 1015px !important;}
.w1020 {width: 1020px !important; min-width: 1020px !important;}
.w1025 {width: 1025px !important; min-width: 1025px !important;}
.w1030 {width: 1030px !important; min-width: 1030px !important;}
.w1035 {width: 1035px !important; min-width: 1035px !important;}
.w1040 {width: 1040px !important; min-width: 1040px !important;}
.w1045 {width: 1045px !important; min-width: 1045px !important;}
.w1050 {width: 1050px !important; min-width: 1050px !important;}
.w1055 {width: 1055px !important; min-width: 1055px !important;}
.w1060 {width: 1060px !important; min-width: 1060px !important;}
.w1065 {width: 1065px !important; min-width: 1065px !important;}
.w1070 {width: 1070px !important; min-width: 1070px !important;}
.w1075 {width: 1075px !important; min-width: 1075px !important;}
.w1080 {width: 1080px !important; min-width: 1080px !important;}
.w1085 {width: 1085px !important; min-width: 1085px !important;}
.w1090 {width: 1090px !important; min-width: 1090px !important;}
.w1095 {width: 1095px !important; min-width: 1095px !important;}
}
@media screen and (max-width: 768px) {
.w5.both {width: 5px !important; min-width: 5px !important;}
.w10.both {width: 10px !important; min-width: 10px !important;}
.w15.both {width: 15px !important; min-width: 15px !important;}
.w20.both {width: 20px !important; min-width: 20px !important;}
.w25.both {width: 25px !important; min-width: 25px !important;}
.w30.both {width: 30px !important; min-width: 30px !important;}
.w35.both {width: 35px !important; min-width: 35px !important;}
.w40.both {width: 40px !important; min-width: 40px !important;}
.w45.both {width: 45px !important; min-width: 45px !important;}
.w50.both {width: 50px !important; min-width: 50px !important;}
.w55.both {width: 55px !important; min-width: 55px !important;}
.w60.both {width: 60px !important; min-width: 60px !important;}
.w65.both {width: 65px !important; min-width: 65px !important;}
.w70.both {width: 70px !important; min-width: 70px !important;}
.w75.both {width: 75px !important; min-width: 75px !important;}
.w80.both {width: 80px !important; min-width: 80px !important;}
.w85.both {width: 85px !important; min-width: 85px !important;}
.w90.both {width: 90px !important; min-width: 90px !important;}
.w95.both {width: 95px !important; min-width: 95px !important;}
.w100.both {width: 100px !important; min-width: 100px !important;}
.w105.both {width: 105px !important; min-width: 105px !important;}
.w110.both {width: 110px !important; min-width: 110px !important;}
.w115.both {width: 115px !important; min-width: 115px !important;}
.w120.both {width: 120px !important; min-width: 120px !important;}
.w125.both {width: 125px !important; min-width: 125px !important;}
.w130.both {width: 130px !important; min-width: 130px !important;}
.w135.both {width: 135px !important; min-width: 135px !important;}
.w140.both {width: 140px !important; min-width: 140px !important;}
.w145.both {width: 145px !important; min-width: 145px !important;}
.w150.both {width: 150px !important; min-width: 150px !important;}
.w155.both {width: 155px !important; min-width: 155px !important;}
.w160.both {width: 160px !important; min-width: 160px !important;}
.w165.both {width: 165px !important; min-width: 165px !important;}
.w170.both {width: 170px !important; min-width: 170px !important;}
.w175.both {width: 175px !important; min-width: 175px !important;}
.w180.both {width: 180px !important; min-width: 180px !important;}
.w185.both {width: 185px !important; min-width: 185px !important;}
.w190.both {width: 190px !important; min-width: 190px !important;}
.w195.both {width: 195px !important; min-width: 195px !important;}
.w200.both {width: 200px !important; min-width: 200px !important;}
.w205.both {width: 205px !important; min-width: 205px !important;}
.w210.both {width: 210px !important; min-width: 210px !important;}
.w215.both {width: 215px !important; min-width: 215px !important;}
.w220.both {width: 220px !important; min-width: 220px !important;}
.w225.both {width: 225px !important; min-width: 225px !important;}
.w230.both {width: 230px !important; min-width: 230px !important;}
.w235.both {width: 235px !important; min-width: 235px !important;}
.w240.both {width: 240px !important; min-width: 240px !important;}
.w245.both {width: 245px !important; min-width: 245px !important;}
.w250.both {width: 250px !important; min-width: 250px !important;}
.w255.both {width: 255px !important; min-width: 255px !important;}
.w260.both {width: 260px !important; min-width: 260px !important;}
.w265.both {width: 265px !important; min-width: 265px !important;}
.w270.both {width: 270px !important; min-width: 270px !important;}
.w275.both {width: 275px !important; min-width: 275px !important;}
.w280.both {width: 280px !important; min-width: 280px !important;}
.w285.both {width: 285px !important; min-width: 285px !important;}
.w290.both {width: 290px !important; min-width: 290px !important;}
.w295.both {width: 295px !important; min-width: 295px !important;}
.w300.both {width: 300px !important; min-width: 300px !important;}
.w305.both {width: 305px !important; min-width: 305px !important;}
.w310.both {width: 310px !important; min-width: 310px !important;}
.w315.both {width: 315px !important; min-width: 315px !important;}
.w320.both {width: 320px !important; min-width: 320px !important;}
.w325.both {width: 325px !important; min-width: 325px !important;}
.w330.both {width: 330px !important; min-width: 330px !important;}
.w335.both {width: 335px !important; min-width: 335px !important;}
.w340.both {width: 340px !important; min-width: 340px !important;}
.w345.both {width: 345px !important; min-width: 345px !important;}
.w350.both {width: 350px !important; min-width: 350px !important;}
.w355.both {width: 355px !important; min-width: 355px !important;}
.w360.both {width: 360px !important; min-width: 360px !important;}
.w365.both {width: 365px !important; min-width: 365px !important;}
.w370.both {width: 370px !important; min-width: 370px !important;}
.w375.both {width: 375px !important; min-width: 375px !important;}
.w380.both {width: 380px !important; min-width: 380px !important;}
.w385.both {width: 385px !important; min-width: 385px !important;}
.w390.both {width: 390px !important; min-width: 390px !important;}
.w395.both {width: 395px !important; min-width: 395px !important;}
.w400.both {width: 400px !important; min-width: 400px !important;}
.w405.both {width: 405px !important; min-width: 405px !important;}
.w410.both {width: 410px !important; min-width: 410px !important;}
.w415.both {width: 415px !important; min-width: 415px !important;}
.w420.both {width: 420px !important; min-width: 420px !important;}
.w425.both {width: 425px !important; min-width: 425px !important;}
.w430.both {width: 430px !important; min-width: 430px !important;}
.w435.both {width: 435px !important; min-width: 435px !important;}
.w440.both {width: 440px !important; min-width: 440px !important;}
.w445.both {width: 445px !important; min-width: 445px !important;}
.w450.both {width: 450px !important; min-width: 450px !important;}
.w455.both {width: 455px !important; min-width: 455px !important;}
.w460.both {width: 460px !important; min-width: 460px !important;}
.w465.both {width: 465px !important; min-width: 465px !important;}
.w470.both {width: 470px !important; min-width: 470px !important;}
.w475.both {width: 475px !important; min-width: 475px !important;}
.w480.both {width: 480px !important; min-width: 480px !important;}
.w485.both {width: 485px !important; min-width: 485px !important;}
.w490.both {width: 490px !important; min-width: 490px !important;}
.w495.both {width: 495px !important; min-width: 495px !important;}
.w500.both {width: 500px !important; min-width: 500px !important;}
.w505.both {width: 505px !important; min-width: 505px !important;}
.w510.both {width: 510px !important; min-width: 510px !important;}
.w515.both {width: 515px !important; min-width: 515px !important;}
.w520.both {width: 520px !important; min-width: 520px !important;}
.w525.both {width: 525px !important; min-width: 525px !important;}
.w530.both {width: 530px !important; min-width: 530px !important;}
.w535.both {width: 535px !important; min-width: 535px !important;}
.w540.both {width: 540px !important; min-width: 540px !important;}
.w545.both {width: 545px !important; min-width: 545px !important;}
.w550.both {width: 550px !important; min-width: 550px !important;}
.w555.both {width: 555px !important; min-width: 555px !important;}
.w560.both {width: 560px !important; min-width: 560px !important;}
.w565.both {width: 565px !important; min-width: 565px !important;}
.w570.both {width: 570px !important; min-width: 570px !important;}
.w575.both {width: 575px !important; min-width: 575px !important;}
.w580.both {width: 580px !important; min-width: 580px !important;}
.w585.both {width: 585px !important; min-width: 585px !important;}
.w590.both {width: 590px !important; min-width: 590px !important;}
.w595.both {width: 595px !important; min-width: 595px !important;}
.w600.both {width: 600px !important; min-width: 600px !important;}
.w605.both {width: 605px !important; min-width: 605px !important;}
.w610.both {width: 610px !important; min-width: 610px !important;}
.w615.both {width: 615px !important; min-width: 615px !important;}
.w620.both {width: 620px !important; min-width: 620px !important;}
.w625.both {width: 625px !important; min-width: 625px !important;}
.w630.both {width: 630px !important; min-width: 630px !important;}
.w635.both {width: 635px !important; min-width: 635px !important;}
.w640.both {width: 640px !important; min-width: 640px !important;}
.w645.both {width: 645px !important; min-width: 645px !important;}
.w650.both {width: 650px !important; min-width: 650px !important;}
.w655.both {width: 655px !important; min-width: 655px !important;}
.w660.both {width: 660px !important; min-width: 660px !important;}
.w665.both {width: 665px !important; min-width: 665px !important;}
.w670.both {width: 670px !important; min-width: 670px !important;}
.w675.both {width: 675px !important; min-width: 675px !important;}
.w680.both {width: 680px !important; min-width: 680px !important;}
.w685.both {width: 685px !important; min-width: 685px !important;}
.w690.both {width: 690px !important; min-width: 690px !important;}
.w695.both {width: 695px !important; min-width: 695px !important;}
.w700.both {width: 700px !important; min-width: 700px !important;}
.w705.both {width: 705px !important; min-width: 705px !important;}
.w710.both {width: 710px !important; min-width: 710px !important;}
.w715.both {width: 715px !important; min-width: 715px !important;}
.w720.both {width: 720px !important; min-width: 720px !important;}
.w725.both {width: 725px !important; min-width: 725px !important;}
.w730.both {width: 730px !important; min-width: 730px !important;}
.w735.both {width: 735px !important; min-width: 735px !important;}
.w740.both {width: 740px !important; min-width: 740px !important;}
.w745.both {width: 745px !important; min-width: 745px !important;}
.w750.both {width: 750px !important; min-width: 750px !important;}
.w755.both {width: 755px !important; min-width: 755px !important;}
.w760.both {width: 760px !important; min-width: 760px !important;}
.w765.both {width: 765px !important; min-width: 765px !important;}
.w770.both {width: 770px !important; min-width: 770px !important;}
.w775.both {width: 775px !important; min-width: 775px !important;}
.w780.both {width: 780px !important; min-width: 780px !important;}
.w785.both {width: 785px !important; min-width: 785px !important;}
.w790.both {width: 790px !important; min-width: 790px !important;}
.w795.both {width: 795px !important; min-width: 795px !important;}
.w800.both {width: 800px !important; min-width: 800px !important;}
.w805.both {width: 805px !important; min-width: 805px !important;}
.w810.both {width: 810px !important; min-width: 810px !important;}
.w815.both {width: 815px !important; min-width: 815px !important;}
.w820.both {width: 820px !important; min-width: 820px !important;}
.w825.both {width: 825px !important; min-width: 825px !important;}
.w830.both {width: 830px !important; min-width: 830px !important;}
.w835.both {width: 835px !important; min-width: 835px !important;}
.w840.both {width: 840px !important; min-width: 840px !important;}
.w845.both {width: 845px !important; min-width: 845px !important;}
.w850.both {width: 850px !important; min-width: 850px !important;}
.w855.both {width: 855px !important; min-width: 855px !important;}
.w860.both {width: 860px !important; min-width: 860px !important;}
.w865.both {width: 865px !important; min-width: 865px !important;}
.w870.both {width: 870px !important; min-width: 870px !important;}
.w875.both {width: 875px !important; min-width: 875px !important;}
.w880.both {width: 880px !important; min-width: 880px !important;}
.w885.both {width: 885px !important; min-width: 885px !important;}
.w890.both {width: 890px !important; min-width: 890px !important;}
.w895.both {width: 895px !important; min-width: 895px !important;}
.w900.both {width: 900px !important; min-width: 900px !important;}
.w905.both {width: 905px !important; min-width: 905px !important;}
.w910.both {width: 910px !important; min-width: 910px !important;}
.w915.both {width: 915px !important; min-width: 915px !important;}
.w920.both {width: 920px !important; min-width: 920px !important;}
.w925.both {width: 925px !important; min-width: 925px !important;}
.w930.both {width: 930px !important; min-width: 930px !important;}
.w935.both {width: 935px !important; min-width: 935px !important;}
.w940.both {width: 940px !important; min-width: 940px !important;}
.w945.both {width: 945px !important; min-width: 945px !important;}
.w950.both {width: 950px !important; min-width: 950px !important;}
.w955.both {width: 955px !important; min-width: 955px !important;}
.w960.both {width: 960px !important; min-width: 960px !important;}
.w965.both {width: 965px !important; min-width: 965px !important;}
.w970.both {width: 970px !important; min-width: 970px !important;}
.w975.both {width: 975px !important; min-width: 975px !important;}
.w980.both {width: 980px !important; min-width: 980px !important;}
.w985.both {width: 985px !important; min-width: 985px !important;}
.w990.both {width: 990px !important; min-width: 990px !important;}
.w995.both {width: 995px !important; min-width: 995px !important;}
.w1000.both {width: 1000px !important; min-width: 1000px !important;}
.w1005.both {width: 1005px !important; min-width: 1005px !important;}
.w1010.both {width: 1010px !important; min-width: 1010px !important;}
.w1015.both {width: 1015px !important; min-width: 1015px !important;}
.w1020.both {width: 1020px !important; min-width: 1020px !important;}
.w1025.both {width: 1025px !important; min-width: 1025px !important;}
.w1030.both {width: 1030px !important; min-width: 1030px !important;}
.w1035.both {width: 1035px !important; min-width: 1035px !important;}
.w1040.both {width: 1040px !important; min-width: 1040px !important;}
.w1045.both {width: 1045px !important; min-width: 1045px !important;}
.w1050.both {width: 1050px !important; min-width: 1050px !important;}
.w1055.both {width: 1055px !important; min-width: 1055px !important;}
.w1060.both {width: 1060px !important; min-width: 1060px !important;}
.w1065.both {width: 1065px !important; min-width: 1065px !important;}
.w1070.both {width: 1070px !important; min-width: 1070px !important;}
.w1075.both {width: 1075px !important; min-width: 1075px !important;}
.w1080.both {width: 1080px !important; min-width: 1080px !important;}
.w1085.both {width: 1085px !important; min-width: 1085px !important;}
.w1090.both {width: 1090px !important; min-width: 1090px !important;}
.w1095.both {width: 1095px !important; min-width: 1095px !important;}
}
@media screen and (max-width: 768px) {
.w10 {width: 10px;}
.w20 {width: 20px;}
.w30 {width: 30px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
}
.w5p {width: 5% !important;}
.w10p {width: 10% !important;}
.w15p {width: 15% !important;}
.w20p {width: 20% !important;}
.w25p {width: 25% !important;}
.w30p {width: 30% !important;}
.w33p {width: 33.33% !important;}
.w35p {width: 35% !important;}
.w40p {width: 40% !important;}
.w45p {width: 45% !important;}
.w48p {width: 48% !important;}
.w50p {width: 49.99% !important;}
.w55p {width: 55% !important;}
.w60p {width: 60% !important;}
.w65p {width: 65% !important;}
.w70p {width: 70% !important;}
.w75p {width: 75% !important;}
.w80p {width: 80% !important;}
.w85p {width: 85% !important;}
.w90p {width: 90% !important;}
.w95p {width: 95% !important;}
.w100p {width: 100% !important;}
/* ==================================================
四方余白
================================================== */
@media screen and (min-width:769px) {
.p5 {padding: 5px !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p20 {padding: 20px !important;}
.p25 {padding: 25px !important;}
.p30 {padding: 30px !important;}
.p35 {padding: 35px !important;}
.p40 {padding: 40px !important;}
.p45 {padding: 45px !important;}
.p50 {padding: 50px !important;}
.p55 {padding: 55px !important;}
.p60 {padding: 60px !important;}
.p65 {padding: 65px !important;}
.p70 {padding: 70px !important;}
.p75 {padding: 75px !important;}
.p80 {padding: 80px !important;}
.p85 {padding: 85px !important;}
.p90 {padding: 90px !important;}
.p95 {padding: 95px !important;}
.p100 {padding: 100px !important;}
}
@media screen and (max-width: 768px) {
.p5 {padding: 0.5rem !important;}
.p10,
.p15,
.p20 {padding: 1rem !important;}
.p25,
.p30 {padding: 1.5rem !important;}
.p35,
.p40,
.p45,
.p50,
.p55,
.p60,
.p65,
.p70,
.p75,
.p80,
.p85,
.p90,
.p95,
.p100 {padding: 2rem !important;}
}
/* ==================================================
上余白
================================================== */
@media screen and (min-width:769px) {
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}
.mt85 {margin-top: 85px !important;}
.mt90 {margin-top: 90px !important;}
.mt95 {margin-top: 95px !important;}
.mt100 {margin-top: 100px !important;}
.mt110 {margin-top: 110px !important;}
.mt120 {margin-top: 120px !important;}
.mt130 {margin-top: 130px !important;}
.mt140 {margin-top: 140px !important;}
.mt150 {margin-top: 150px !important;}
.mt-5 {margin-top: -5px !important;}
.mt-10 {margin-top: -10px !important;}
.mt-15 {margin-top: -15px !important;}
.mt-20 {margin-top: -20px !important;}
.mt-25 {margin-top: -25px !important;}
.mt-30 {margin-top: -30px !important;}
.mt-35 {margin-top: -35px !important;}
.mt-40 {margin-top: -40px !important;}
.mt-45 {margin-top: -45px !important;}
.mt-50 {margin-top: -50px !important;}
.mt-55 {margin-top: -55px !important;}
.mt-60 {margin-top: -60px !important;}
.mt-65 {margin-top: -65px !important;}
.mt-70 {margin-top: -70px !important;}
.mt-75 {margin-top: -75px !important;}
.mt-80 {margin-top: -80px !important;}
.mt-85 {margin-top: -85px !important;}
.mt-90 {margin-top: -90px !important;}
.mt-95 {margin-top: -95px !important;}
.mt-100 {margin-top: -100px !important;}
.mt-110 {margin-top: -110px !important;}
.mt-120 {margin-top: -120px !important;}
.mt-130 {margin-top: -130px !important;}
.mt-140 {margin-top: -140px !important;}
.mt-150 {margin-top: -150px !important;}
.pt0 {padding-top: 0 !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
.pt55 {padding-top: 55px !important;}
.pt60 {padding-top: 60px !important;}
.pt65 {padding-top: 65px !important;}
.pt70 {padding-top: 70px !important;}
.pt75 {padding-top: 75px !important;}
.pt80 {padding-top: 80px !important;}
.pt85 {padding-top: 85px !important;}
.pt90 {padding-top: 90px !important;}
.pt95 {padding-top: 95px !important;}
.pt100 {padding-top: 100px !important;}
.pt110 {padding-top: 110px !important;}
.pt120 {padding-top: 120px !important;}
.pt130 {padding-top: 130px !important;}
.pt140 {padding-top: 140px !important;}
.pt150 {padding-top: 150px !important;}
}
@media screen and (max-width: 768px) {
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 0.5rem !important;}
.mt10, .mt15, .mt20 {margin-top: 1rem !important;}
.mt25, .mt30 {margin-top: 1.5rem !important;}
.mt35, .mt40 {margin-top: 2rem !important;}
.mt45, .mt50 {margin-top: 2.5rem !important;}
.mt55, .mt60, .mt65, .mt70, .mt75, .mt80, .mt85, .mt90, .mt95, .mt100, .mt105, .mt110, .mt115, .mt120, .mt125, .mt130, .mt135, .mt140, .mt145, .mt150 {margin-top: 3rem !important;}
.mt-5.both {margin-top: -0.5rem !important;}
.mt-10.both, .mt-15.both, .mt-20.both {margin-top: -1rem !important;}
.mt-25.both, .mt-30.both {margin-top: -1.5rem !important;}
.mt-35.both, .mt-40.both {margin-top: -2rem !important;}
.mt-45.both, .mt-50.both {margin-top: -2.5rem !important;}
.mt-55.both, .mt-60.both, .mt-65.both, .mt-70.both, .mt-75.both, .mt-80.both, .mt-85.both, .mt-90.both, .mt-95.both, .mt-100.both, .mt-105.both, .mt-110.both, .mt-115.both, .mt-120.both, .mt-125.both, .mt-130.both, .mt-135.both, .mt-140.both, .mt-145.both, .mt-150.both {margin-top: -3rem !important;}
.pt0 {padding-top: 0 !important;}
.pt5 {padding-top: 0.5rem !important;}
.pt10, .pt15, .pt20 {padding-top: 1rem !important;}
.pt25, .pt30 {padding-top: 1.5rem !important;}
.pt35, .pt40 {padding-top: 2rem !important;}
.pt45, .pt50 {padding-top: 2.5rem !important;}
.pt55, .pt60, .pt65, .pt70, .pt75, .pt80, .pt85, .pt90, .pt95, .pt100, .pt105, .pt110, .pt115, .pt120, .pt125, .pt130, .pt135, .pt140, .pt145, .pt150 {padding-top: 3rem !important;}
}
/* ==================================================
下余白
================================================== */
@media screen and (min-width:769px) {
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb65 {margin-bottom: 65px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb85 {margin-bottom: 85px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb95 {margin-bottom: 95px !important;}
.mb100 {margin-bottom: 100px !important;}
.mb110 {margin-bottom: 110px !important;}
.mb120 {margin-bottom: 120px !important;}
.mb130 {margin-bottom: 130px !important;}
.mb140 {margin-bottom: 140px !important;}
.mb150 {margin-bottom: 150px !important;}
.mb-5 {margin-bottom: -5px !important;}
.mb-10 {margin-bottom: -10px !important;}
.mb-15 {margin-bottom: -15px !important;}
.mb-20 {margin-bottom: -20px !important;}
.mb-25 {margin-bottom: -25px !important;}
.mb-30 {margin-bottom: -30px !important;}
.mb-35 {margin-bottom: -35px !important;}
.mb-40 {margin-bottom: -40px !important;}
.mb-45 {margin-bottom: -45px !important;}
.mb-50 {margin-bottom: -50px !important;}
.mb-55 {margin-bottom: -55px !important;}
.mb-60 {margin-bottom: -60px !important;}
.mb-65 {margin-bottom: -65px !important;}
.mb-70 {margin-bottom: -70px !important;}
.mb-75 {margin-bottom: -75px !important;}
.mb-80 {margin-bottom: -80px !important;}
.mb-85 {margin-bottom: -85px !important;}
.mb-90 {margin-bottom: -90px !important;}
.mb-95 {margin-bottom: -95px !important;}
.mb-100 {margin-bottom: -100px !important;}
.mb-110 {margin-bottom: -110px !important;}
.mb-120 {margin-bottom: -120px !important;}
.mb-130 {margin-bottom: -130px !important;}
.mb-140 {margin-bottom: -140px !important;}
.mb-150 {margin-bottom: -150px !important;}
.pb0 {padding-bottom: 0 !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb55 {padding-bottom: 55px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb65 {padding-bottom: 65px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb75 {padding-bottom: 75px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb85 {padding-bottom: 85px !important;}
.pb90 {padding-bottom: 90px !important;}
.pb95 {padding-bottom: 95px !important;}
.pb100 {padding-bottom: 100px !important;}
.pb110 {padding-bottom: 110px !important;}
.pb120 {padding-bottom: 120px !important;}
.pb130 {padding-bottom: 130px !important;}
.pb140 {padding-bottom: 140px !important;}
.pb150 {padding-bottom: 150px !important;}
}
@media screen and (max-width: 768px) {
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 0.5rem !important;}
.mb10, .mb15, .mb20 {margin-bottom: 1rem !important;}
.mb25, .mb30 {margin-bottom: 1.5rem !important;}
.mb35, .mb40 {margin-bottom: 2rem !important;}
.mb45, .mb50 {margin-bottom: 2.5rem !important;}
.mb55, .mb60, .mb65, .mb70, .mb75, .mb80, .mb85, .mb90, .mb95, .mb100, .mb105, .mb110, .mb115, .mb120, .mb125, .mb130, .mb135, .mb140, .mb145, .mb150 {margin-bottom: 3rem !important;}
.mb-5.both {margin-bottom: -0.5rem !important;}
.mb-10.both, .mb-15.both, .mb-20.both {margin-bottom: -1rem !important;}
.mb-25.both, .mb-30.both {margin-bottom: -1.5rem !important;}
.mb-35.both, .mb-40.both {margin-bottom: -2rem !important;}
.mb-45.both, .mb-50.both {margin-bottom: -2.5rem !important;}
.mb-55.both, .mb-60.both, .mb-65.both, .mb-70.both, .mb-75.both, .mb-80.both, .mb-85.both, .mb-90.both, .mb-95.both, .mb-100.both, .mb-105.both, .mb-110.both, .mb-115.both, .mb-120.both, .mb-125.both, .mb-130.both, .mb-135.both, .mb-140.both, .mb-145.both, .mb-150.both {margin-bottom: -3rem !important;}
.pb0 {padding-bottom: 0 !important;}
.pb5 {padding-bottom: 0.5rem !important;}
.pb10, .pb15, .pb20 {padding-bottom: 1rem !important;}
.pb25, .pb30 {padding-bottom: 1.5rem !important;}
.pb35, .pb40 {padding-bottom: 2rem !important;}
.pb45, .pb50 {padding-bottom: 2.5rem !important;}
.pb55, .pb60, .pb65, .pb70, .pb75, .pb80, .pb85, .pb90, .pb95, .pb100, .pb105, .pb110, .pb115, .pb120, .pb125, .pb130, .pb135, .pb140, .pb145, .pb150 {padding-bottom: 3rem !important;}
}
/* ==================================================
右余白
================================================== */
.mra {margin-right: auto !important;}
@media screen and (min-width:769px) {
.mr0 {margin-right: 0 !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr55 {margin-right: 55px !important;}
.mr60 {margin-right: 60px !important;}
.mr65 {margin-right: 65px !important;}
.mr70 {margin-right: 70px !important;}
.mr75 {margin-right: 75px !important;}
.mr80 {margin-right: 80px !important;}
.mr85 {margin-right: 85px !important;}
.mr90 {margin-right: 90px !important;}
.mr95 {margin-right: 95px !important;}
.mr100 {margin-right: 100px !important;}
.mr-5 {margin-right: -5px !important;}
.mr-10 {margin-right: -10px !important;}
.mr-15 {margin-right: -15px !important;}
.mr-20 {margin-right: -20px !important;}
.mr-25 {margin-right: -25px !important;}
.mr-30 {margin-right: -30px !important;}
.mr-35 {margin-right: -35px !important;}
.mr-40 {margin-right: -40px !important;}
.mr-45 {margin-right: -45px !important;}
.mr-50 {margin-right: -50px !important;}
.mr-55 {margin-right: -55px !important;}
.mr-60 {margin-right: -60px !important;}
.mr-65 {margin-right: -65px !important;}
.mr-70 {margin-right: -70px !important;}
.mr-75 {margin-right: -75px !important;}
.mr-80 {margin-right: -80px !important;}
.mr-85 {margin-right: -85px !important;}
.mr-90 {margin-right: -90px !important;}
.mr-95 {margin-right: -95px !important;}
.mr-100 {margin-right: -100px !important;}
.pr0 {padding-right: 0 !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr45 {padding-right: 45px !important;}
.pr50 {padding-right: 50px !important;}
.pr55 {padding-right: 55px !important;}
.pr60 {padding-right: 60px !important;}
.pr65 {padding-right: 65px !important;}
.pr70 {padding-right: 70px !important;}
.pr75 {padding-right: 75px !important;}
.pr80 {padding-right: 80px !important;}
.pr85 {padding-right: 85px !important;}
.pr90 {padding-right: 90px !important;}
.pr95 {padding-right: 95px !important;}
.pr100 {padding-right: 100px !important;}
}
@media screen and (max-width: 768px) {
.mr0.both {margin-right: 0 !important;}
.mr5.both {margin-right: 0.5rem !important;}
.mr10.both {margin-right: 1rem !important;}
.mr15.both {margin-right: 1.5rem !important;}
.mr20.both,
.mr25.both,
.mr30.both,
.mr35.both,
.mr40.both,
.mr45.both,
.mr50.both,
.mr55.both,
.mr60.both,
.mr65.both,
.mr70.both,
.mr75.both,
.mr80.both,
.mr85.both,
.mr90.both,
.mr95.both,
.mr100.both {margin-right: 2rem !important;}
.pr0.both {padding-right: 0 !important;}
.pr5.both {padding-right: 0.5rem !important;}
.pr10.both {padding-right: 1rem !important;}
.pr15.both {padding-right: 1.5rem !important;}
.pr20.both,
.pr25.both,
.pr30.both,
.pr35.both,
.pr40.both,
.pr45.both,
.pr50.both,
.pr55.both,
.pr60.both,
.pr65.both,
.pr70.both,
.pr75.both,
.pr80.both,
.pr85.both,
.pr90.both,
.pr95.both,
.pr100.both {padding-right: 2rem !important;}
}
/* ==================================================
左余白
================================================== */
.mla {margin-left: auto !important;}
@media screen and (min-width:769px) {
.ml0 {margin-left: 0 !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml55 {margin-left: 55px !important;}
.ml60 {margin-left: 60px !important;}
.ml65 {margin-left: 65px !important;}
.ml70 {margin-left: 70px !important;}
.ml75 {margin-left: 75px !important;}
.ml80 {margin-left: 80px !important;}
.ml85 {margin-left: 85px !important;}
.ml90 {margin-left: 90px !important;}
.ml95 {margin-left: 95px !important;}
.ml100 {margin-left: 100px !important;}
.ml-5 {margin-left: -5px !important;}
.ml-10 {margin-left: -10px !important;}
.ml-15 {margin-left: -15px !important;}
.ml-20 {margin-left: -20px !important;}
.ml-25 {margin-left: -25px !important;}
.ml-30 {margin-left: -30px !important;}
.ml-35 {margin-left: -35px !important;}
.ml-40 {margin-left: -40px !important;}
.ml-45 {margin-left: -45px !important;}
.ml-50 {margin-left: -50px !important;}
.ml-55 {margin-left: -55px !important;}
.ml-60 {margin-left: -60px !important;}
.ml-65 {margin-left: -65px !important;}
.ml-70 {margin-left: -70px !important;}
.ml-75 {margin-left: -75px !important;}
.ml-80 {margin-left: -80px !important;}
.ml-85 {margin-left: -85px !important;}
.ml-90 {margin-left: -90px !important;}
.ml-95 {margin-left: -95px !important;}
.ml-100 {margin-left: -100px !important;}
.pl0 {padding-left: 0 !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}
.pl50 {padding-left: 50px !important;}
.pl55 {padding-left: 55px !important;}
.pl60 {padding-left: 60px !important;}
.pl65 {padding-left: 65px !important;}
.pl70 {padding-left: 70px !important;}
.pl75 {padding-left: 75px !important;}
.pl80 {padding-left: 80px !important;}
.pl85 {padding-left: 85px !important;}
.pl90 {padding-left: 90px !important;}
.pl95 {padding-left: 95px !important;}
.pl100 {padding-left: 100px !important;}
}
@media screen and (max-width: 768px) {
.ml0.both {margin-left: 0 !important;}
.ml5.both {margin-left: 0.5rem !important;}
.ml10.both {margin-left: 1rem !important;}
.ml15.both {margin-left: 1.5rem !important;}
.ml20.both,
.ml25.both,
.ml30.both,
.ml35.both,
.ml40.both,
.ml45.both,
.ml50.both,
.ml55.both,
.ml60.both,
.ml65.both,
.ml70.both,
.ml75.both,
.ml80.both,
.ml85.both,
.ml90.both,
.ml95.both,
.ml100.both {margin-left: 2rem !important;}
.pl0.both {padding-left: 0 !important;}
.pl5.both {padding-left: 0.5rem !important;}
.pl10.both {padding-left: 1rem !important;}
.pl15.both {padding-left: 1.5rem !important;}
.pl20.both,
.pl25.both,
.pl30.both,
.pl35.both,
.pl40.both,
.pl45.both,
.pl50.both,
.pl55.both,
.pl60.both,
.pl65.both,
.pl70.both,
.pl75.both,
.pl80.both,
.pl85.both,
.pl90.both,
.pl95.both,
.pl100.both {padding-left: 2rem !important;}
}
.kado5 {
border-radius: 5px;
}
.kado10 {
border-radius: 10px;
}
.kado15 {
border-radius: 15px;
}
.kado20 {
border-radius: 20px;
}
@media screen and (min-width:769px) {
.kado25 {
border-radius: 25px;
}
.kado30 {
border-radius: 30px;
}
.kado35 {
border-radius: 35px;
}
.kado40 {
border-radius: 40px;
}
.kado45 {
border-radius: 45px;
}
.kado50 {
border-radius: 50px;
}
.kado55 {
border-radius: 55px;
}
.kado60 {
border-radius: 60px;
}
.kado65 {
border-radius: 65px;
}
.kado70 {
border-radius: 70px;
}
.kado75 {
border-radius: 75px;
}
.kado80 {
border-radius: 80px;
}
.kado85 {
border-radius: 85px;
}
.kado90 {
border-radius: 90px;
}
.kado95 {
border-radius: 95px;
}
.kado100 {
border-radius: 100px;
}
}
@media screen and (max-width: 768px) {
.kado25,
.kado30,
.kado35,
.kado40,
.kado45,
.kado50,
.kado55,
.kado60,
.kado65,
.kado70,
.kado75,
.kado80,
.kado85,
.kado90,
.kado95,
.kado100 {
border-radius: 20px;
}
}
.table {
display: table;
margin-left: auto;
margin-right: auto;
}
.cell {
display: table-cell;
vertical-align: middle;
}
.absolute {
position: absolute;
}
.inline { display: inline;}
.block { display: block;}
.inline-block { display: inline-block;}
.hidden { overflow: hidden; }
.order01 { order: 1; }
.order02 { order: 2; }
.order03 { order: 3; }
.order04 { order: 4; }
.order05 { order: 5; }
/*==================================================
ul.flex
================================================== */
@media screen and (min-width:769px) {
.flex {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-wrap: nowrap;
}
.flex > * {/*IEバグ対策*/
margin: 0;
}
}
@media screen and (max-width: 768px) {
.flex.both {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-wrap: nowrap;
}
.flex.both * {/*IEバグ対策*/
margin: 0;
}
}
/*==================================================
ul.fit
================================================== */
@media screen and (min-width:769px) {
.fit {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
}
}
@media screen and (max-width: 768px) {
.fit.both {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
}
}
/*==================================================
ul.around
================================================== */
@media screen and (min-width:769px) {
.around {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-around;
flex-wrap: nowrap;
}
}
@media screen and (max-width: 768px) {
.around.both {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-around;
flex-wrap: nowrap;
}
}
/*==================================================
ul.middle
================================================== */
@media screen and (min-width:769px) {
.middle {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
flex-wrap: nowrap;
}
}
@media screen and (max-width: 768px) {
.middle.both {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
flex-wrap: nowrap;
}
}
/*==================================================
ul.baseline
================================================== */
@media screen and (min-width:769px) {
.baseline {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: baseline;
flex-wrap: nowrap;
}
}
@media screen and (max-width: 768px) {
.baseline.both {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: baseline;
flex-wrap: nowrap;
}
}
/*==================================================
ul.start
================================================== */
@media screen and (min-width:769px) {
.start {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
}
}
@media screen and (max-width: 768px) {
.start.both {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
}
}
/*==================================================
ul.end
================================================== */
@media screen and (min-width:769px) {
.end {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-end;
flex-wrap: nowrap;
}
}
@media screen and (max-width: 768px) {
.end.both {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-end;
flex-wrap: nowrap;
}
}
/*==================================================
ul.top
================================================== */
@media screen and (min-width:769px) {
.top {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-start;
flex-wrap: nowrap;
}
}
@media screen and (max-width: 768px) {
.top.both {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-start;
flex-wrap: nowrap;
}
}
/*==================================================
ul.bottom
================================================== */
@media screen and (min-width:769px) {
.bottom {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-end;
flex-wrap: nowrap;
}
}
@media screen and (max-width: 768px) {
.bottom.both {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-end;
flex-wrap: nowrap;
}
}
/*==================================================
.list
================================================== */
@media screen and (min-width:769px) {
.list {
}
.list {
font-size: 0;
letter-spacing: -0.2em;
}
.list > * {
font-size:initial;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
letter-spacing: normal;
}
.list > *:first-child {
margin-left: 0;
}
.list > *:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 768px) {
.list.both {
}
.list.both {
font-size: 0;
letter-spacing: -0.1em;
text-align: center;
}
.list.both > * {
width: auto;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
}
.list.both > *:not(:last-child) {
margin-right: 1rem;
}
}
/*==================================================
ul.li共通
================================================== */
.flex.wrap,
.fit.wrap,
.around.wrap,
.middle.wrap,
.start.wrap,
.baseline.wrap,
.end.wrap,
.bottom.wrap,
.top.wrap {
flex-wrap: wrap;
}
.flex.nowrap,
.fit.nowrap,
.around.nowrap,
.middle.nowrap,
.start.nowrap,
.baseline.nowrap,
.end.nowrap,
.bottom.nowrap,
.top.nowrap {
flex-wrap: nowrap;
}
@media screen and (min-width:769px) {
ul.paginated-link > li {
min-height: 1px;
}
}
@media screen and (max-width: 768px) {
ul > li {
display: block;
box-sizing: border-box;
}
ul.flex > li:not(:last-child),
ul.fit > li:not(:last-child),
ul.around > li:not(:last-child),
ul.middle > li:not(:last-child),
ul.start > li:not(:last-child),
ul.baseline > li:not(:last-child),
ul.end > li:not(:last-child),
ul.bottom > li:not(:last-child),
ul.top > li:not(:last-child) {
margin-bottom: 1rem;
}
ul.flex.both > li:not(:last-child),
ul.fit.both > li:not(:last-child),
ul.around.both > li:not(:last-child),
ul.middle.both > li:not(:last-child),
ul.start.both > li:not(:last-child),
ul.baseline.both > li:not(:last-child),
ul.end.both > li:not(:last-child),
ul.bottom.both > li:not(:last-child),
ul.top.both > li:not(:last-child) {
margin-bottom: initial;
margin-right: 1rem;
}
}
/* ==================================================
CONTACT
================================================== */
.submits input {
background: #ddd;
border-radius: 10px;
box-shadow: 1px 1px 0 #898989;
padding: 10px 20px;
}
.submits input:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
cursor: pointer;
}
/* ▲ お問い合わせ ▲ */
.js-ajaxLoadBtn:hover,
.js-ajaxLoadBtn02:hover {
cursor: pointer;
}