@charset "UTF-8";
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::: 0.import ::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
a:hover { color: #ffe100; }

/* Reset box-model and set borders */
/* ============================================ */
*, ::before, ::after { margin: 0; padding: 0; border: none; box-sizing: border-box; }

/* Document */
/* ============================================ */
html { -webkit-text-size-adjust: 100%; /* 2 */ -webkit-tap-highlight-color: transparent; /* 3*/ }

/* Vertical rhythm */
/* ============================================ */
p, table, blockquote, address, pre, iframe, form, figure, dl { margin: 0; }

/* Headings */
/* ============================================ */
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; margin: 0; }

/* Lists (enumeration) */
/* ============================================ */
ul, ol { margin: 0; padding: 0; list-style: none; }

/* Lists (definition) */
/* ============================================ */
dt { font-weight: bold; }

dd { margin-left: 0; }

/* Grouping content */
/* ============================================ */
hr { box-sizing: content-box; height: 0; overflow: visible; border-top-width: 1px; margin: 0; clear: both; color: inherit; }

pre { font-family: monospace, monospace; font-size: inherit; }

address { font-style: inherit; }

/* Text-level semantics */
/* ============================================ */
a { background-color: transparent; text-decoration: none; color: inherit; }

a:hover { background-color: transparent; text-decoration: none; text-decoration: none; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: inherit; /* 2 */ }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Replaced content */
/* ============================================ */
svg, img, embed, object, iframe { vertical-align: bottom; }

/* Forms */
/* ============================================ */
/** Correct cursors for clickable elements. */
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; }

button:disabled, [type="button"]:disabled, [type="reset"]:disabled, [type="submit"]:disabled { cursor: default; }

/** Improve outlines for Firefox and unify style with input elements & buttons. */
:-moz-focusring { outline: auto; }

select:disabled { opacity: inherit; }

/** Remove padding */
option { padding: 0; }

/** Reset to invisible */
fieldset { margin: 0; padding: 0; min-width: 0; }

legend { padding: 0; }

progress { vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { outline-offset: -2px; }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

[type="number"] { -moz-appearance: textfield; }

/* Interactive */
/* ============================================ */
details { display: block; }

summary { display: list-item; }

[contenteditable]:focus { outline: auto; }

/* Tables */
/* ============================================ */
table { border-color: inherit; /* 1 */ border-collapse: collapse; }

caption { text-align: left; }

td, th { vertical-align: top; padding: 0; }

th { text-align: left; font-weight: bold; }

/************************************************/
/************** 1.Basic setteing ****************/
/************************************************/
/************************************************/
/************** 2.Basic setteing ****************/
/************************************************/
/************************************************/
/*************** 3.WP setteing ******************/
/************************************************/
/************************************************/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::: 1.Basic setteing ::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
html, body { font-family: 'Noto Sans JP', sans-serif; line-height: 2; font-size: 20px; }

@media (max-width: 1400px) { html, body { font-size: 1.7vw; } }

@media screen and (min-width: 768px) and (max-width: 1000px) { html, body { font-size: 1.8vw; } }

@media screen and (max-width: 767px) { html, body { font-size: 3.4vw; } }

.ming { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", 'Noto Serif JP', serif; }

.gothic { font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; }

.noto_sans { font-family: 'Noto Sans JP', sans-serif; }

.noto_serif { font-family: 'Noto Serif JP', serif; }

.zenkaku { font-family: "Zen Kaku Gothic New", sans-serif; }

.pc { display: block !important; }

.sp { display: none !important; }

.pc-flex { display: flex !important; }

.sp-flex { display: none !important; }

.pc-inline { display: inline !important; }

.sp-inline { display: none !important; }

@media screen and (max-width: 640px) { .pc { display: none !important; }
		.sp { display: block !important; }
		.pc-flex { display: none !important; }
		.sp-flex { display: flex !important; }
		.pc-inline { display: none !important; }
		.sp-inline { display: inline !important; } }

::selection { background: #ffe100; color: white; }

::-moz-selection { background: #ffe100; color: white; }

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::: 2.Style setteing ::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.w_10 { width: 10%  !important; }

.w_20 { width: 20%  !important; }

.w_30 { width: 30%  !important; }

.w_40 { width: 40%  !important; }

.w_50 { width: 50%  !important; }

.w_60 { width: 60%  !important; }

.w_70 { width: 70%  !important; }

.w_80 { width: 80%  !important; }

.w_90 { width: 90%  !important; }

.w_100 { width: 100% !important; }

.font_06 { font-size: 0.6rem !important; }

.font_07 { font-size: 0.7rem !important; }

.font_08 { font-size: 0.8rem !important; }

.font_09 { font-size: 0.9rem !important; }

.font_10 { font-size: 1rem   !important; }

.font_11 { font-size: 1.1rem !important; }

.font_12 { font-size: 1.2rem !important; }

.font_14 { font-size: 1.4rem !important; }

.font_16 { font-size: 1.6rem !important; }

.font_18 { font-size: 1.8rem !important; }

.font_20 { font-size: 2rem   !important; }

.font_22 { font-size: 2.2rem !important; }

.font_25 { font-size: 2.5rem !important; }

.font_30 { font-size: 3rem   !important; }

.font_35 { font-size: 3.5rem !important; }

.font_40 { font-size: 4rem   !important; }

.bg_main { background-color: #ffe100 !important; }

.bg_sub { background-color: #000 !important; }

.bg_sub_90 { background-color: rgba(255, 225, 0, 0.9) !important; }

.bg_sub_80 { background-color: rgba(255, 225, 0, 0.8) !important; }

.bg_sub_70 { background-color: rgba(255, 225, 0, 0.7) !important; }

.bg_sub_60 { background-color: rgba(255, 225, 0, 0.6) !important; }

.bg_sub_50 { background-color: rgba(255, 225, 0, 0.5) !important; }

.bg_sub_40 { background-color: rgba(255, 225, 0, 0.4) !important; }

.bg_sub_30 { background-color: rgba(255, 225, 0, 0.3) !important; }

.bg_sub_20 { background-color: rgba(255, 225, 0, 0.2) !important; }

.bg_sub_10 { background-color: rgba(255, 225, 0, 0.1) !important; }

.bg_sub_light { background-color: rgba(255, 225, 0, 0.03) !important; }

.bg_white { background-color: #ffffff !important; }

.bg_black { background-color: #000000 !important; }

.bg_gray { background-color: #EDEDEA !important; }

.bg_transparent_black { background-color: rgba(255, 255, 255, 0.7) !important; }

.bg_transparent_white { background-color: rgba(255, 255, 255, 0.7) !important; }

.t_main { color: #ffe100 !important; }

.t_sub { color: #000 !important; }

.t_white { color: #ffffff !important; }

.t_black { color: #000000 !important; }

.t_gray { color: #EDEDEA !important; }

.t_red { color: #f00 !important; }

.lh_10 { line-height: 1   !important; }

.lh_12 { line-height: 1.2 !important; }

.lh_14 { line-height: 1.4 !important; }

.lh_16 { line-height: 1.6 !important; }

.lh_18 { line-height: 1.8 !important; }

.lh_20 { line-height: 2   !important; }

.ls_01 { letter-spacing: 0.1rem !important; }

.ls_02 { letter-spacing: 0.2rem !important; }

.ls_03 { letter-spacing: 0.3rem !important; }

.ls_04 { letter-spacing: 0.4rem !important; }

.ls_05 { letter-spacing: 0.5rem !important; }

.ls_06 { letter-spacing: 0.6rem !important; }

.ls_07 { letter-spacing: 0.7rem !important; }

.ls_08 { letter-spacing: 0.8rem !important; }

.ls_09 { letter-spacing: 0.9rem !important; }

.ls_10 { letter-spacing: 1rem   !important; }

.zi_d1 { z-index: -1  !important; }

.zi_0 { z-index: 0   !important; }

.zi_u1 { z-index: 1   !important; }

.zi_u2 { z-index: 2   !important; }

.zi_u5 { z-index: 5   !important; }

.zi_u10 { z-index: 10  !important; }

.zi_u50 { z-index: 50  !important; }

.zi_u100 { z-index: 100 !important; }

.zi_u500 { z-index: 500 !important; }

.zi_u999 { z-index: 999 !important; }

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::: 3.WP setteing :::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.alignleft { float: left; margin-right: 1rem; margin-bottom: 1.5rem; }

@media only screen and (max-width: 640px) { .alignleft { width: 100%; margin-right: 0; margin-bottom: 1.5rem; } }

.alignright { float: right; margin-left: 1rem; margin-bottom: 1.5rem; }

@media only screen and (max-width: 640px) { .alignright { width: 100%; float: none; margin-left: 0; margin-bottom: 1.5rem; } }

.aligncenter { clear: both; display: block; margin-right: auto; margin-left: auto; margin-bottom: 1.5rem; }

@media only screen and (max-width: 640px) { .alignright { width: 100%; } }