@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-feature-settings: "palt";
}

html, body {
    width: 100%;
    height: 100%;
	font-size: 62.5%;
}

body {
    line-height: 1.8;
    font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
    background-color: #FFF;
    color:#000;
    -webkit-text-size-adjust: 100%;
	position:relative;
}

@media all and (max-width:560px) {
body {
    line-height: 1.5;
    font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
    background-color: #FFF;
    color:#000;
    -webkit-text-size-adjust: 100%;
	position:relative;
}
}


/* br control */
.sp_br {display:none;}
.tbl_br {display:none;}

@media all and (max-width:768px) {
.tbl_br {display:block;}
}

@media all and (max-width:560px) {
.sp_br {display:block;}	
}

.pc_br {display:block;}

@media all and (max-width:560px) {
.pc_br {display:none;}
}


/* font size settings */
.fs-x5 {font-size:0.5rem !important;}
.fs-x6 {font-size:0.6rem !important;}
.fs-x7 {font-size:0.7rem !important;}
.fs-x8 {font-size:0.8rem !important;}
.fs-x9 {font-size:0.9rem !important;}
.fs-x10 {font-size:1rem !important;}
.fs-x11 {font-size:1.1rem !important;}
.fs-x12 {font-size:1.2rem !important;}
.fs-x13 {font-size:1.3rem !important;}
.fs-x14 {font-size:1.4rem !important;}
.fs-x15 {font-size:1.5rem !important;}
.fs-x16 {font-size:1.6rem !important;}
.fs-x17 {font-size:1.7rem !important;}
.fs-x18 {font-size:1.8rem !important;}
.fs-x19 {font-size:1.9rem !important;}
.fs-x20 {font-size:2rem !important;}
.fs-x21 {font-size:2.1rem !important;}
.fs-x22 {font-size:2.2rem !important;}
.fs-x23 {font-size:2.3rem !important;}
.fs-x24 {font-size:2.4rem !important;}
.fs-x25 {font-size:2.5rem !important;}
.fs-x26 {font-size:2.6rem !important;}
.fs-x27 {font-size:2.7rem !important;}
.fs-x28 {font-size:2.8rem !important;}
.fs-x29 {font-size:2.9rem !important;}
.fs-x30 {font-size:3rem !important;}
.fs-x31 {font-size:3.1rem !important;}
.fs-x32 {font-size:3.2rem !important;}
.fs-x33 {font-size:3.3rem !important;}
.fs-x34 {font-size:3.4rem !important;}
.fs-x35 {font-size:3.5rem !important;}
.fs-x36 {font-size:3.6rem !important;}
.fs-x37 {font-size:3.7rem !important;}
.fs-x38 {font-size:3.8rem !important;}
.fs-x39 {font-size:3.9rem !important;}
.fs-x40 {font-size:4rem !important;}
.fs-x41 {font-size:4.1rem !important;}
.fs-x42 {font-size:4.2rem !important;}
.fs-x43 {font-size:4.3rem !important;}
.fs-x44 {font-size:4.4rem !important;}
.fs-x45 {font-size:4.5rem !important;}
.fs-x46 {font-size:4.6rem !important;}
.fs-x47 {font-size:4.7rem !important;}
.fs-x48 {font-size:4.8rem !important;}
.fs-x49 {font-size:4.9rem !important;}
.fs-x50 {font-size:5rem !important;}
.fs-x51 {font-size:5.1rem !important;}
.fs-x52 {font-size:5.2rem !important;}
.fs-x53 {font-size:5.3rem !important;}
.fs-x54 {font-size:5.4rem !important;}
.fs-x55 {font-size:5.5rem !important;}
.fs-x56 {font-size:5.6rem !important;}
.fs-x57 {font-size:5.7rem !important;}
.fs-x58 {font-size:5.8rem !important;}
.fs-x59 {font-size:5.9rem !important;}
.fs-x60 {font-size:6rem !important;}


/* margin */
/* margin = none */
.m-zero { margin: 0 !important;}

/* margin left and right = auto */
.m-auto { margin: 0 auto !important;}

/* margin top */
.mt-xxsmall { margin-top: 5px !important;}
.mt-xsmall { margin-top: 10px !important;}
.mt-small { margin-top: 15px !important;}
.mt-medium { margin-top: 30px !important;}
.mt-large { margin-top: 50px !important;}
.mt-xlarge { margin-top: 70px !important;}
.mt-xxlarge { margin-top: 100px !important;}
.mt-exlarge { margin-top: 150px !important;}

/* margin bottom */
.mb-xxsmall { margin-bottom: 5px !important;}
.mb-xsmall { margin-bottom: 10px !important;}
.mb-small { margin-bottom: 15px !important;}
.mb-medium { margin-bottom: 30px !important;}
.mb-large { margin-bottom: 50px !important;}
.mb-xlarge { margin-bottom: 70px !important;}
.mb-xxlarge { margin-bottom: 100px !important;}
.mb-exlarge { margin-bottom: 150px !important;}


@media all and (max-width: 560px) {
.mt-xxsmall { margin-top: 5px !important;}
.mt-xsmall { margin-top: 10px !important;}
.mt-small { margin-top: 15px !important;}
.mt-medium { margin-top: 20px !important;}
.mt-large { margin-top: 30px !important;}
.mt-xlarge { margin-top: 45px !important;}
.mt-xxlarge { margin-top: 60px !important;}
.mt-exlarge { margin-top: 80px !important;}
.mb-xxsmall { margin-bottom: 5px !important;}
.mb-xsmall { margin-bottom: 10px !important;}
.mb-small { margin-bottom: 20px !important;}
.mb-medium { margin-bottom: 15px !important;}
.mb-large { margin-bottom: 30px !important;}
.mb-xlarge { margin-bottom: 45px !important;}
.mb-xxlarge { margin-bottom: 60px !important;}
.mb-exlarge { margin-bottom: 80px !important;}
}


/* padding */
/* padding 4 direction */
.p-xsmall { padding: 0.5em !important;}
.p-small { padding: 1em !important;}
.p-medium { padding: 1.5em !important;}
.p-large { padding: 2em !important;}
.p-xlarge { padding: 3em !important;}

/* padding top */
.pt-xsmall { padding-top: 0.5em !important;}
.pt-small { padding-top: 1em !important;}
.pt-medium { padding-top: 1.5em !important;}
.pt-large { padding-top: 2em !important;}
.pt-xlarge { padding-top: 3em !important;}

/* padding bottom */
.pb-xsmall { padding-bottom: 0.5em !important;}
.pb-small { padding-bottom: 1em !important;}
.pb-medium { padding-bottom: 1.5em !important;}
.pb-large { padding-bottom: 2em !important;}
.pb-xlarge { padding-bottom: 3em !important;}

/* padding left*/
.pl-xsmall { padding-left: 0.5em !important;}
.pl-small { padding-left: 1em !important;}
.pl-medium { padding-left: 1.5em !important;}
.pl-large { padding-left: 2em !important;}
.pl-xlarge { padding-left: 3em !important;}

/* padding right */
.pr-xsmall { padding-right: 0.5em !important;}
.pr-small { padding-right: 1em !important;}
.pr-medium { padding-right: 1.5em !important;}
.pr-large { padding-right: 2em !important;}
.pr-xlarge { padding-right: 3em !important;}

/* padding left and right */
.ph-xsmall { padding: 0 0.5em !important;}
.ph-small { padding: 0 1em !important;}
.ph-medium { padding: 0 1.5em !important;}
.ph-large { padding: 0 2em !important;}
.ph-xlarge { padding: 0 3em !important;}

/* padding top and bottom */
.pv-xsmall { padding: 0.5em 0 !important;}
.pv-small { padding: 1em 0 !important;}
.pv-medium { padding: 1.5em 0 !important;}
.pv-large { padding: 2em 0 !important;}
.pv-xlarge { padding: 3em 0 !important;}

@media all and (max-width: 768px) {
.p-small { padding: 0.7em !important;}
.p-medium { padding: 1em !important;}
.p-large { padding: 1.5em !important;}
.p-xlarge { padding: 2em !important;}
.pt-small { padding-top: 0.7em !important;}
.pt-medium { padding-top: 1em !important;}
.pt-large { padding-top: 1.5em !important;}
.pt-xlarge { padding-top: 2em !important;}
.pb-small { padding-bottom: 0.7em !important;}
.pb-medium { padding-bottom: 1em !important;}
.pb-large { padding-bottom: 1.2em !important;}
.pb-xlarge { padding-bottom: 2em !important;}
.pl-small { padding-left: 0.7em !important;}
.pl-medium { padding-left: 1em !important;}
.pl-large { padding-left: 1.5em !important;}
.pl-xlarge { padding-left: 2em !important;}
.pr-small { padding-right: 0.7em !important;}
.pr-medium { padding-right: 1em !important;}
.pr-large { padding-right: 1.5em !important;}
.pr-xlarge { padding-right: 2em !important;}
.ph-small { padding: 0 0.7em !important;}
.ph-medium { padding: 0 1em !important;}
.ph-large { padding: 0 1.5em !important;}
.ph-xlarge { padding: 0 2em !important;}
.pv-small { padding: 0.7em 0 !important;}
.pv-medium { padding: 1em 0 !important;}
.pv-large { padding: 1.5em 0 !important;}
.pv-xlarge { padding: 2em 0 !important;}
}

@media all and (max-width: 560px) {
.p-small { padding: 0.5em !important;}
.p-medium { padding: 0.7em !important;}
.p-large { padding: 1em !important;}
.p-xlarge { padding: 1.5em !important;}
.pt-small { padding-top: 0.5em !important;}
.pt-medium { padding-top: 0.7em !important;}
.pt-large { padding-top: 1em !important;}
.pt-xlarge { padding-top: 1.5em !important;}
.pb-small { padding-bottom: 0.5em !important;}
.pb-medium { padding-bottom: 0.7em !important;}
.pb-large { padding-bottom: 1em !important;}
.pb-xlarge { padding-bottom: 1.5em !important;}
.pl-small { padding-left: 0.5em !important;}
.pl-medium { padding-left: 0.7em !important;}
.pl-large { padding-left: 1em !important;}
.pl-xlarge { padding-left: 1.5em !important;}
.pr-small { padding-right: 0.5em !important;}
.pr-medium { padding-right: 0.7em !important;}
.pr-large { padding-right: 1em !important;}
.pr-xlarge { padding-right: 1.5em !important;}
.ph-small { padding: 0 0.5em !important;}
.ph-medium { padding: 0 0.7em !important;}
.ph-large { padding: 0 1em !important;}
.ph-xlarge { padding: 0 1.5em !important;}
.pv-small { padding: 0.5em 0 !important;}
.pv-medium { padding: 0.7em 0 !important;}
.pv-large { padding: 1em 0 !important;}
.pv-xlarge { padding: 1.5em 0 !important;}
}


/* image settings */
img { vertical-align: bottom;}

/* the image square container where the image can be contained within even the images' ratio */
.imageContainer {
    width:100%;
    position:relative;
    /*background:#F1F2F2;*/
}

.imageContainer::before {
    padding-top:100%;
    content:"";
    display:block;
}

.imageContainer img {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:contain;
}


/* the size of all images which are contained the parent element called "block-image" will be inherited its parents size.  */
.block-image img {
	width:100%;
}


/* link default setting */
a {
	text-decoration: none;
	transition: all .3s linear;
}

a:hover {
    opacity: .6;
}


/* list default setting */
ul, ol, li { list-style: none;}


/* table default setting */
table {
    border: none;
    border-collapse: collapse;
}


/* alignment settings */
.ta-center { text-align: center !important;}
.ta-left { text-align: left !important;}
.ta-right { text-align: right !important;}


/* width settings */
/* fixed width */
.w1 { width:1% !important;}
.w2 { width:2% !important;}
.w3 { width:3% !important;}
.w4 { width:4% !important;}
.w5 { width:5% !important;}
.w6 { width:6% !important;}
.w7 { width:7% !important;}
.w8 { width:8% !important;}
.w9 { width:9% !important;}
.w10 { width:10% !important;}
.w11 { width:11% !important;}
.w12 { width:12% !important;}
.w13 { width:13% !important;}
.w14 { width:14% !important;}
.w15 { width:15% !important;}
.w16 { width:16% !important;}
.w17 { width:17% !important;}
.w18 { width:18% !important;}
.w19 { width:19% !important;}
.w20 { width:20% !important;}
.w21 { width:21% !important;}
.w22 { width:22% !important;}
.w23 { width:23% !important;}
.w24 { width:24% !important;}
.w25 { width:25% !important;}
.w26 { width:26% !important;}
.w27 { width:27% !important;}
.w28 { width:28% !important;}
.w29 { width:29% !important;}
.w30 { width:30% !important;}
.w31 { width:31% !important;}
.w32 { width:32% !important;}
.w33 { width:33% !important;}
.w34 { width:34% !important;}
.w35 { width:35% !important;}
.w36 { width:36% !important;}
.w37 { width:37% !important;}
.w38 { width:38% !important;}
.w39 { width:39% !important;}
.w40 { width:40% !important;}
.w41 { width:41% !important;}
.w42 { width:42% !important;}
.w43 { width:43% !important;}
.w44 { width:44% !important;}
.w45 { width:45% !important;}
.w46 { width:46% !important;}
.w47 { width:47% !important;}
.w48 { width:48% !important;}
.w49 { width:49% !important;}
.w50 { width:50% !important;}
.w51 { width:51% !important;}
.w52 { width:52% !important;}
.w53 { width:53% !important;}
.w54 { width:54% !important;}
.w55 { width:55% !important;}
.w56 { width:56% !important;}
.w57 { width:57% !important;}
.w58 { width:58% !important;}
.w59 { width:59% !important;}
.w60 { width:60% !important;}
.w61 { width:61% !important;}
.w62 { width:62% !important;}
.w63 { width:63% !important;}
.w64 { width:64% !important;}
.w65 { width:65% !important;}
.w66 { width:66% !important;}
.w67 { width:67% !important;}
.w68 { width:68% !important;}
.w69 { width:69% !important;}
.w70 { width:70% !important;}
.w71 { width:71% !important;}
.w72 { width:72% !important;}
.w73 { width:73% !important;}
.w74 { width:74% !important;}
.w75 { width:75% !important;}
.w76 { width:76% !important;}
.w77 { width:77% !important;}
.w78 { width:78% !important;}
.w79 { width:79% !important;}
.w80 { width:80% !important;}
.w81 { width:81% !important;}
.w82 { width:82% !important;}
.w83 { width:83% !important;}
.w84 { width:84% !important;}
.w85 { width:85% !important;}
.w86 { width:86% !important;}
.w87 { width:87% !important;}
.w88 { width:88% !important;}
.w89 { width:89% !important;}
.w90 { width:90% !important;}
.w91 { width:91% !important;}
.w92 { width:92% !important;}
.w93 { width:93% !important;}
.w94 { width:94% !important;}
.w95 { width:95% !important;}
.w96 { width:96% !important;}
.w97 { width:97% !important;}
.w98 { width:98% !important;}
.w99 { width:99% !important;}
.w100 { width:100% !important;}

/* responsive with for tablet */
.w1tab { width:1% !important;}
.w2tab { width:2% !important;}
.w3tab { width:3% !important;}
.w4tab { width:4% !important;}
.w5tab { width:5% !important;}
.w6tab { width:6% !important;}
.w7tab { width:7% !important;}
.w8tab { width:8% !important;}
.w9tab { width:9% !important;}
.w10tab { width:10% !important;}
.w11tab { width:11% !important;}
.w12tab { width:12% !important;}
.w13tab { width:13% !important;}
.w14tab { width:14% !important;}
.w15tab { width:15% !important;}
.w16tab { width:16% !important;}
.w17tab { width:17% !important;}
.w18tab { width:18% !important;}
.w19tab { width:19% !important;}
.w20tab { width:20% !important;}
.w21tab { width:21% !important;}
.w22tab { width:22% !important;}
.w23tab { width:23% !important;}
.w24tab { width:24% !important;}
.w25tab { width:25% !important;}
.w26tab { width:26% !important;}
.w27tab { width:27% !important;}
.w28tab { width:28% !important;}
.w29tab { width:29% !important;}
.w30tab { width:30% !important;}
.w31tab { width:31% !important;}
.w32tab { width:32% !important;}
.w33tab { width:33% !important;}
.w34tab { width:34% !important;}
.w35tab { width:35% !important;}
.w36tab { width:36% !important;}
.w37tab { width:37% !important;}
.w38tab { width:38% !important;}
.w39tab { width:39% !important;}
.w40tab { width:40% !important;}
.w41tab { width:41% !important;}
.w42tab { width:42% !important;}
.w43tab { width:43% !important;}
.w44tab { width:44% !important;}
.w45tab { width:45% !important;}
.w46tab { width:46% !important;}
.w47tab { width:47% !important;}
.w48tab { width:48% !important;}
.w49tab { width:49% !important;}
.w50tab { width:50% !important;}
.w51tab { width:51% !important;}
.w52tab { width:52% !important;}
.w53tab { width:53% !important;}
.w54tab { width:54% !important;}
.w55tab { width:55% !important;}
.w56tab { width:56% !important;}
.w57tab { width:57% !important;}
.w58tab { width:58% !important;}
.w59tab { width:59% !important;}
.w60tab { width:60% !important;}
.w61tab { width:61% !important;}
.w62tab { width:62% !important;}
.w63tab { width:63% !important;}
.w64tab { width:64% !important;}
.w65tab { width:65% !important;}
.w66tab { width:66% !important;}
.w67tab { width:67% !important;}
.w68tab { width:68% !important;}
.w69tab { width:69% !important;}
.w70tab { width:70% !important;}
.w71tab { width:71% !important;}
.w72tab { width:72% !important;}
.w73tab { width:73% !important;}
.w74tab { width:74% !important;}
.w75tab { width:75% !important;}
.w76tab { width:76% !important;}
.w77tab { width:77% !important;}
.w78tab { width:78% !important;}
.w79tab { width:79% !important;}
.w80tab { width:80% !important;}
.w81tab { width:81% !important;}
.w82tab { width:82% !important;}
.w83tab { width:83% !important;}
.w84tab { width:84% !important;}
.w85tab { width:85% !important;}
.w86tab { width:86% !important;}
.w87tab { width:87% !important;}
.w88tab { width:88% !important;}
.w89tab { width:89% !important;}
.w90tab { width:90% !important;}
.w91tab { width:91% !important;}
.w92tab { width:92% !important;}
.w93tab { width:93% !important;}
.w94tab { width:94% !important;}
.w95tab { width:95% !important;}
.w96tab { width:96% !important;}
.w97tab { width:97% !important;}
.w98tab { width:98% !important;}
.w99tab { width:99% !important;}

@media all and (max-width:768px) {
.w1tab, .w2tab, .w3tab, .w4tab, .w5tab, .w6tab, .w7tab, .w8tab, .w9tab, .w10tab,
.w11tab, .w12tab, .w13tab, .w14tab, .w15tab, .w16tab, .w17tab, .w18tab, .w19tab, .w20tab,
.w21tab, .w22tab, .w23tab, .w24tab, .w25tab, .w26tab, .w27tab, .w28tab, .w29tab, .w30tab,
.w31tab, .w32tab, .w33tab, .w34tab, .w35tab, .w36tab, .w37tab, .w38tab, .w39tab, .w40tab,
.w41tab, .w42tab, .w43tab, .w44tab, .w45tab, .w46tab, .w47tab, .w48tab, .w49tab, .w50tab,
.w51tab, .w52tab, .w53tab, .w54tab, .w55tab, .w56tab, .w57tab, .w58tab, .w59tab, .w60tab,
.w61tab, .w62tab, .w63tab, .w64tab, .w65tab, .w66tab, .w67tab, .w68tab, .w69tab, .w70tab,
.w71tab, .w72tab, .w73tab, .w74tab, .w75tab, .w76tab, .w77tab, .w78tab, .w79tab, .w80tab,
.w81tab, .w82tab, .w83tab, .w84tab, .w85tab, .w86tab, .w87tab, .w88tab, .w89tab, .w90tab,
.w91tab, .w92tab, .w93tab, .w94tab, .w95tab, .w96tab, .w97tab, .w98tab, .w99tab { width:100% !important;}
}


/* responsive with for smartphone */
.w1sp { width:1% !important;}
.w2sp { width:2% !important;}
.w3sp { width:3% !important;}
.w4sp { width:4% !important;}
.w5sp { width:5% !important;}
.w6sp { width:6% !important;}
.w7sp { width:7% !important;}
.w8sp { width:8% !important;}
.w9sp { width:9% !important;}
.w10sp { width:10% !important;}
.w11sp { width:11% !important;}
.w12sp { width:12% !important;}
.w13sp { width:13% !important;}
.w14sp { width:14% !important;}
.w15sp { width:15% !important;}
.w16sp { width:16% !important;}
.w17sp { width:17% !important;}
.w18sp { width:18% !important;}
.w19sp { width:19% !important;}
.w20sp { width:20% !important;}
.w21sp { width:21% !important;}
.w22sp { width:22% !important;}
.w23sp { width:23% !important;}
.w24sp { width:24% !important;}
.w25sp { width:25% !important;}
.w26sp { width:26% !important;}
.w27sp { width:27% !important;}
.w28sp { width:28% !important;}
.w29sp { width:29% !important;}
.w30sp { width:30% !important;}
.w31sp { width:31% !important;}
.w32sp { width:32% !important;}
.w33sp { width:33% !important;}
.w34sp { width:34% !important;}
.w35sp { width:35% !important;}
.w36sp { width:36% !important;}
.w37sp { width:37% !important;}
.w38sp { width:38% !important;}
.w39sp { width:39% !important;}
.w40sp { width:40% !important;}
.w41sp { width:41% !important;}
.w42sp { width:42% !important;}
.w43sp { width:43% !important;}
.w44sp { width:44% !important;}
.w45sp { width:45% !important;}
.w46sp { width:46% !important;}
.w47sp { width:47% !important;}
.w48sp { width:48% !important;}
.w49sp { width:49% !important;}
.w50sp { width:50% !important;}
.w51sp { width:51% !important;}
.w52sp { width:52% !important;}
.w53sp { width:53% !important;}
.w54sp { width:54% !important;}
.w55sp { width:55% !important;}
.w56sp { width:56% !important;}
.w57sp { width:57% !important;}
.w58sp { width:58% !important;}
.w59sp { width:59% !important;}
.w60sp { width:60% !important;}
.w61sp { width:61% !important;}
.w62sp { width:62% !important;}
.w63sp { width:63% !important;}
.w64sp { width:64% !important;}
.w65sp { width:65% !important;}
.w66sp { width:66% !important;}
.w67sp { width:67% !important;}
.w68sp { width:68% !important;}
.w69sp { width:69% !important;}
.w70sp { width:70% !important;}
.w71sp { width:71% !important;}
.w72sp { width:72% !important;}
.w73sp { width:73% !important;}
.w74sp { width:74% !important;}
.w75sp { width:75% !important;}
.w76sp { width:76% !important;}
.w77sp { width:77% !important;}
.w78sp { width:78% !important;}
.w79sp { width:79% !important;}
.w80sp { width:80% !important;}
.w81sp { width:81% !important;}
.w82sp { width:82% !important;}
.w83sp { width:83% !important;}
.w84sp { width:84% !important;}
.w85sp { width:85% !important;}
.w86sp { width:86% !important;}
.w87sp { width:87% !important;}
.w88sp { width:88% !important;}
.w89sp { width:89% !important;}
.w90sp { width:90% !important;}
.w91sp { width:91% !important;}
.w92sp { width:92% !important;}
.w93sp { width:93% !important;}
.w94sp { width:94% !important;}
.w95sp { width:95% !important;}
.w96sp { width:96% !important;}
.w97sp { width:97% !important;}
.w98sp { width:98% !important;}
.w99sp { width:99% !important;}

@media all and (max-width:560px) {
.w1sp, .w2sp, .w3sp, .w4sp, .w5sp, .w6sp, .w7sp, .w8sp, .w9sp, .w10sp,
.w11sp, .w12sp, .w13sp, .w14sp, .w15sp, .w16sp, .w17sp, .w18sp, .w19sp, .w20sp,
.w21sp, .w22sp, .w23sp, .w24sp, .w25sp, .w26sp, .w27sp, .w28sp, .w29sp, .w30sp,
.w31sp, .w32sp, .w33sp, .w34sp, .w35sp, .w36sp, .w37sp, .w38sp, .w39sp, .w40sp,
.w41sp, .w42sp, .w43sp, .w44sp, .w45sp, .w46sp, .w47sp, .w48sp, .w49sp, .w50sp,
.w51sp, .w52sp, .w53sp, .w54sp, .w55sp, .w56sp, .w57sp, .w58sp, .w59sp, .w60sp,
.w61sp, .w62sp, .w63sp, .w64sp, .w65sp, .w66sp, .w67sp, .w68sp, .w69sp, .w70sp,
.w71sp, .w72sp, .w73sp, .w74sp, .w75sp, .w76sp, .w77sp, .w78sp, .w79sp, .w80sp,
.w81sp, .w82sp, .w83sp, .w84sp, .w85sp, .w86sp, .w87sp, .w88sp, .w89sp, .w90sp,
.w91sp, .w92sp, .w93sp, .w94sp, .w95sp, .w96sp, .w97sp, .w98sp, .w99sp 
	{ width:100% !important;}
}


/* color settings */
/* background color */
.bgc-white { background-color:#FFF !important;}
.bgc-black { background-color:#000 !important;}
.bgc-darkGrey { background-color:#333 !important;}
.bgc-grey { background-color:#999 !important;}
.bgc-lightGrey { background-color:#CCC !important;}
.bgc-beige { background-color:beige !important;}
.bgc-brown { background-color:saddlebrown !important;}
.bgc-sandyBrown { background-color:sandybrown !important;}
.bgc-ebony { background-color:#250d00 !important;}
.bgc-darkBrown { background-color:#654321 !important}
.bgc-darkRed { background-color:darkred !important;}
.bgc-red { background-color:crimson!important;}
.bgc-pink { background-color:pink !important;}
.bgc-purple { background-color:purple !important;}
.bgc-lightPurple { background-color:mediumpurple !important;}
.bgc-rebeccaPurple { background-color:rebeccapurple !important;}
.bgc-darkBlue { background-color:steelblue !important;}
.bgc-blue { background-color:royalblue !important;}
.bgc-lightBlue { background-color:lightblue !important;}
.bgc-skyBlue { background-color:deepskyblue !important;}
.bgc-orange { background-color:orange !important;}
.bgc-yellow { background-color:yellow !important;}
.bgc-yellowgreen { background-color:yellowgreen !important;}
.bgc-darkOrange { background-color:darkorange !important;}
.bgc-green { background-color:green !important;}
.bgc-darkGreen { background-color:darkgreen !important;}
.bgc-limeGreen { background-color:limegreen !important}
.bgc-forestGreen { background-color:forestgreen !important;}
.bgc-greenYellow { background-color:greenyellow !important;}
.bgc-blueGreen { background-color:lightseagreen !important;}


/* font color */
.fc-white { color:#FFF !important;}
.fc-black { color:#000 !important;}
.fc-darkGrey { color:#333 !important;}
.fc-grey { color:#999 !important;}
.fc-lightGrey { color:#CCC !important;}
.fc-beige { color:beige !important;}
.fc-brown { color:saddlebrown !important;}
.fc-sandyBrown { color:sandybrown !important;}
.fc-ebony { color:#250d00 !important;}
.fc-darkBrown { color:#654321 !important}
.fc-darkRed { color:darkred !important;}
.fc-red { color:crimson!important;}
.fc-pink { color:pink !important;}
.fc-purple { color:purple !important;}
.fc-lightPurple { color:mediumpurple !important;}
.fc-rebeccaPurple { color:rebeccapurple !important;}
.fc-darkBlue { color:steelblue !important;}
.fc-blue { color:royalblue !important;}
.fc-lightBlue { color:lightblue !important;}
.fc-skyBlue { color:deepskyblue !important;}
.fc-orange { color:orange !important;}
.fc-yellow { color:yellow !important;}
.fc-yellowgreen { color:yellowgreen !important;}
.fc-darkOrange { color:darkorange !important;}
.fc-green { color:green !important;}
.fc-darkGreen { color:darkgreen !important;}
.fc-limeGreen { color:limegreen !important}
.fc-forestGreen { color:forestgreen !important;}
.fc-greenYellow { color:greenyellow !important;}
.fc-blueGreen { color:lightseagreen !important;}

.fc-lightBrown {color:#81511c !important;}

.zen-maru {
  font-family: "Zen Maru Gothic", sans-serif;
  font-style: normal;
}

/* border color */
.bc-white { border-color:#FFF !important;}
.bc-black { border-color:#000 !important;}
.bc-darkGrey { border-color:#333 !important;}
.bc-grey { border-color:#999 !important;}
.bc-lightGrey { border-color:#CCC !important;}
.bc-beige { border-color:beige !important;}
.bc-brown { border-color:saddlebrown !important;}
.bc-sandyBrown { border-color:sandybrown !important;}
.bc-ebony { border-color:#250d00 !important;}
.bc-darkBrown { border-color:#654321 !important}
.bc-darkRed { border-color:darkred !important;}
.bc-red { border-color:crimson!important;}
.bc-pink { border-color:pink !important;}
.bc-purple { border-color:purple !important;}
.bc-lightPurple { border-color:mediumpurple !important;}
.bc-rebeccaPurple { border-color:rebeccapurple !important;}
.bc-darkBlue { border-color:steelblue !important;}
.bc-blue { border-color:royalblue !important;}
.bc-lightBlue { border-color:lightblue !important;}
.bc-skyBlue { border-color:deepskyblue !important;}
.bc-orange { border-color:orange !important;}
.bc-yellow { border-color:yellow !important;}
.bc-yellowgreen { border-color:yellowgreen !important;}
.bc-darkOrange { border-color:darkorange !important;}
.bc-green { border-color:green !important;}
.bc-darkGreen { border-color:darkgreen !important;}
.bc-limeGreen { border-color:limegreen !important}
.bc-forestGreen { border-color:forestgreen !important;}
.bc-greenYellow { border-color:greenyellow !important;}
.bc-blueGreen { border-color:lightseagreen !important;}


/* font weight */
.fw-100 {
	font-weight:300 !important;
}
.fw-200 {
	font-weight:200 !important;
}
.fw-300 {
	font-weight:300 !important;
}
.fw-400 {
	font-weight:400 !important;
}
.fw-500 {
	font-weight:500 !important;
}
.fw-600, .fw-b {
	font-weight:600 !important;
}
.fw-700 {
	font-weight:700 !important;
}
.fw-800 {
	font-weight:800 !important;
}
.fw-900 {
	font-weight:900 !important;
}



/* layout setting */
/* flexbox layout */
/* from left to right */
.block-flex {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}


.block_flex > div { display:block;}

/* from right to left */
.block-flex-reverse {
	display:flex;
	flex-wrap:wrap;
	align-items: flex-end;
	flex-direction: row-reverse;
	justify-content: space-between;
}

/* float layout */
.block-float {
	display:block;
	overflow:hidden;
}

.float-left { float:left !important;}
.float-right { float:right !important;}


.float-left-tab { float:left !important;}
.float-right-tab { float:right !important;}

@media all and (max-width:768px) {
.float-left-tab { float:none !important;}
.float-right-tab { float:none !important;}
}

.float-left-sp { float:left !important;}
.float-right-sp { float:right !important;}

@media all and (max-width:560px) {
.float-left-sp { float:none !important;}
.float-right-sp { float:none !important;}
}


/* display mode */
.dply-block { display:block !important;}
.dply-inline { display:inline !important;}
.dply-in-block { display:inline-block !important;}

/* elements show/hide settings */
/* PC mode: tablet and sp elements will be hidden */
.pc { display:block !important;}
.tab-l { display:none !important;}
.tab { display:none !important;}
.sp { display:none !important;}

/* tablet large mode: pc and sp elements will be hidden */
@media all and (max-width:1024px) {
.pc { display:none !important;}
.tab-l { display:block !important;}
.tab { display:none !important;}
.sp { display:none !important;}
}

/* tablet mode: pc and sp elements will be hidden */
@media all and (max-width:768px) {
.pc { display:none !important;}
.tab-l { display:none !important;}
.tab { display:block !important;}
.sp { display:none !important;}
}

/* sp mode: pc and sp elements will be hidden */
@media all and (max-width:560px) {
.pc { display:none !important;}
.tab-l { display:none !important;}
.tab { display:none !important;}
.sp { display:block !important;}
}



/* list patterns setting */
/* list pattern 01 */
/* horizontal type*/
/* vertical type */

/* list pattern 02 */
/* horizontal type*/
/* vertical type */

/* list pattern 03 */
/* horizontal type*/
/* vertical type */

/* list pattern 04 */
/* horizontal type*/
/* vertical type */

/* list pattern 05 */
/* horizontal type*/
/* vertical type */

/* list pattern 06 */
/* horizontal type*/
/* vertical type */

/* list pattern 07 */
/* horizontal type*/
/* vertical type */

/* list pattern 08 */
/* horizontal type*/
/* vertical type */

/* list pattern 09 */
/* horizontal type*/
/* vertical type */

/* list pattern 10 */
/* horizontal type*/
/* vertical type */


/* tabel patterns setting */
/* table pattern 01 without background and borders */
/* table pattern 02 */
.tbl02 {
	width:100%;
	border:none;
	border-collapse:collapse;
	border-top:1px solid #CCC;
	font-size:1.6rem;
	margin:0 0 15px;
}

.tbl02 th, .tbl02 td {
	border-bottom:1px solid #CCC;
	padding:.5em;
}

.tbl02 th {
	font-weight:normal;
	background:#f7f8f8;
}

/* table pattern 03 */
.tbl03 {
	border-collapse: collapse;
	width: 100%;
	font-size:1.6rem;
}

.tbl03 th, .tbl03 td {
	border: 2px solid #fff;
	background-color: #fcfef6;
	padding: 1em;
}

.tbl03 th {
	background-color: #80c269;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width: 25%;
	min-width: 8em;
}

/* table pattern 04 */
/* table pattern 05 */
/* table pattern 06 */
/* table pattern 07 */
/* table pattern 08 */
/* table pattern 09 */
/* table pattern 10 */

/* drop shadow */
.d-shadow01 {
	box-shadow: 0px 10px 10px rgba(0,0,0,.05);
}

/* border radious */
.b-radius10 { border-radius: 10px;}
.b-radius20 { border-radius: 20px;}
.b-radius30 { border-radius: 30px;}
.b-radius40 { border-radius: 40px;}
.b-radius50 { border-radius: 50px;}