@charset "utf-8";
/* update:2024/12/19 */
/* Breakpoint: 576px(sm) 768px(md) 992px(lg) 1200px(xl) 1400px(xxl) */

/* ------------------------------
    初期設定
------------------------------ */
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-weight:normal}
body {margin:0}
img {border:none;vertical-align:bottom;height:auto}
h1,h2,h3,h4,h5,h6 {margin:2em 0 1.2em;line-height:1.5}
h1 {font-size:2em}
h2 {font-size:1.5em}
h3 {font-size:1.25em}
h4 {font-size:1.125em}
h5 {font-size:1em}
h6 {font-size:1em}
p,ul,ol,dl,pre,table {margin:.8em 0}
blockquote {margin:.8em 1em;padding:.7em 1em}
ul,ol {padding:0 0 0 2em}
li {margin:0 0 .4em}
dl {padding:1.4em 1em .7em}
dt {margin:0}
dd {margin:0 0 .8em}
table {border-collapse:collapse}
caption {padding: .5em .7em;text-align:center}
th,td {vertical-align:middle;font-weight:normal;text-align:left;padding:.6em 1.2em}
hr {height:1px;border:none;margin:1.5em 0}
em {font-style:italic}
strong {font-weight:bold}
address {font-style:normal}
fieldset {margin:0;padding:0.35em 0.625em 0.75em}
legend {border:0;padding:0}
button,input,select,textarea {font-size:1em;margin:0;font-family:inherit}
button,input {line-height:1}
input[type="submit"],input[type="button"] {-webkit-appearance: none;border-radius: 0;}
textarea {overflow:auto;vertical-align:top}
label {margin-right:.8em}
img,embed,iframe,object,video {max-width:100%}
::-webkit-input-placeholder {color:#999}
:-moz-placeholder {color:#999}
@media screen and (max-width: 767px) {
    h1 {font-size:1.5em}
    h2 {font-size:1.375em}
    th,td {padding:.6em}
}


/* ------------------------------
    class
------------------------------ */

/*****  font  *****/
.fw_n {font-weight:normal}
.fw_b {font-weight:bold}
.txa_l {text-align:left}
.txa_c {text-align:center}
.txa_r {text-align:right}
.txc_000 {color:#000}
.txc_333 {color:#333}
.txc_666 {color:#666}
.txc_999 {color:#999}
.txc_ccc {color:#ccc}
.txc_fff {color:#fff}
.txc_red {color:#e33}
.ls_1 {letter-spacing:.1em}
.ls_2 {letter-spacing:.2em}
.ls_3 {letter-spacing:.3em}
.fs_xxs {font-size:.75em}
.fs_xs {font-size:.8125em}
.fs_ss {font-size:.875em}
.fs_s {font-size:.9375em}
.fs_m {font-size:1em}
.fs_l {font-size:1.125em}
.fs_ll {font-size:1.25em}
.fs_lll {font-size:1.5em}
.fs_xl {font-size:2em}
.fs_xxl {font-size:3em}
@media screen and (max-width: 767px) {
    .fs_lll {font-size:1.375em}
    .fs_xl {font-size:1.5em}
    .fs_xxl {font-size:2em}
}

/*****  background  *****/
.bgc_000 {background-color:#000}
.bgc_333 {background-color:#333}
.bgc_666 {background-color:#666}
.bgc_999 {background-color:#999}
.bgc_ccc {background-color:#ccc}
.bgc_ddd {background-color:#ddd}
.bgc_eee {background-color:#eee}
.bgc_f0 {background-color:#f0f0f0}
.bgc_fff {background-color:#fff}

/*****  float  *****/
.flo_l {float:left}
.flo_r {float:right}
.clear {clear:both}
.clearfix:after {content:"";clear:both;display:block;height:0;visibility:hidden;}
.alignleft {display:inline;float:left;margin-right:1em;}
.alignright {display:inline;float:right;margin-left:1em;}
.aligncenter {display:block;margin-right:auto;margin-left:auto;}

/*****  display  *****/
.d_block {display:block}
.d_inline {display:inline}
.d_inline-b {display:inline-block}
.d_flex {display:flex}
.flex {flex:1}

/*****  margin  *****/
.mgt_0  {margin-top:0}
.mgt_half {margin-top:.5em}
.mgt_1 {margin-top:1em}
.mgt_2 {margin-top:2em}
.mgt_3 {margin-top:3em}
.mgt_4 {margin-top:4em}
.mgt_5 {margin-top:5em}
.mgr_0  {margin-right:0}
.mgr_half {margin-right:.5em}
.mgr_1 {margin-right:1em}
.mgr_2 {margin-right:2em}
.mgr_3 {margin-right:3em}
.mgr_4 {margin-right:4em}
.mgr_5 {margin-right:5em}
.mgb_0  {margin-bottom:0}
.mgb_half {margin-bottom:.5em}
.mgb_1 {margin-bottom:1em}
.mgb_2 {margin-bottom:2em}
.mgb_3 {margin-bottom:3em}
.mgb_4 {margin-bottom:4em}
.mgb_5 {margin-bottom:5em}
.mgl_0  {margin-left:0}
.mgl_half {margin-left:.5em}
.mgl_1 {margin-left:1em}
.mgl_2 {margin-left:2em}
.mgl_3 {margin-left:3em}
.mgl_4 {margin-left:4em}
.mgl_5 {margin-left:5em}
.mg_0  {margin:0}
.mg_half {margin:.5em}
.mg_1 {margin:1em}
.mg_2 {margin:2em}
.mg_3 {margin:3em}
.mg_4 {margin:4em}
.mg_5 {margin:5em}

/*****  padding  *****/
.pdt_0  {padding-top:0}
.pdt_half {padding-top:.5em}
.pdt_1 {padding-top:1em}
.pdt_2 {padding-top:2em}
.pdt_3 {padding-top:3em}
.pdt_4 {padding-top:4em}
.pdt_5 {padding-top:5em}
.pdr_0  {padding-right:0}
.pdr_half {padding-right:.5em}
.pdr_1 {padding-right:1em}
.pdr_2 {padding-right:2em}
.pdr_3 {padding-right:3em}
.pdr_4 {padding-right:4em}
.pdr_5 {padding-right:5em}
.pdb_0  {padding-bottom:0}
.pdb_half {padding-bottom:.5em}
.pdb_1 {padding-bottom:1em}
.pdb_2 {padding-bottom:2em}
.pdb_3 {padding-bottom:3em}
.pdb_4 {padding-bottom:4em}
.pdb_5 {padding-bottom:5em}
.pdl_0  {padding-left:0}
.pdl_half {padding-left:.5em}
.pdl_1 {padding-left:1em}
.pdl_2 {padding-left:2em}
.pdl_3 {padding-left:3em}
.pdl_4 {padding-left:4em}
.pdl_5 {padding-left:5em}
.pd_0  {padding:0}
.pd_half {padding:.5em}
.pd_1 {padding:1em}
.pd_2 {padding:2em}
.pd_3 {padding:3em}
.pd_4 {padding:4em}
.pd_5 {padding:5em}

/*****  border-radius  *****/
.bdr_2 {border-radius:2px}
.bdr_4 {border-radius:4px}
.bdr_6 {border-radius:6px}
.bdr_8 {border-radius:8px}
.bdr_10 {border-radius:10px}
.bdr_1em {border-radius:1em}
.bdr_2em {border-radius:2em}

/*****  max-width  *****/
.mw_1,.mw_2,.mw_3,.mw_4,.mw_5,.mw_6,.mw_7,.mw_8,.mw_9,.mw_10,.mw_10,.mw_11,.mw_12 {
    margin-left:auto;
    margin-right:auto;
}
.mw_1 {max-width:100px}
.mw_2 {max-width:200px}
.mw_3 {max-width:300px}
.mw_4 {max-width:400px}
.mw_5 {max-width:500px}
.mw_6 {max-width:600px}
.mw_7 {max-width:700px}
.mw_8 {max-width:800px}
.mw_9 {max-width:900px}
.mw_10 {max-width:1000px}
.mw_11 {max-width:1100px}
.mw_12 {max-width:1200px}


/* ------------------------------
    transition
------------------------------ */
.smooth, a, a img {
    transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}
a:active {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    -ms-transition: none;
}

/***** hover -> opacity *****/
.hov-opa, 
a img {
    -moz-opacity:1;
    -khtml-opacity:1;
    opacity:1;
    -ms-filter:"alpha(opacity=100)";
}
.hov-opa:hover,
a img:hover {
    -moz-opacity:0.70;
    -khtml-opacity:0.70;
    opacity:0.70;
    -ms-filter:"alpha(opacity=70)";
}


/* ------------------------------
    その他
------------------------------ */

/***** FBいいねボタン *****/
.fb-like iframe {max-width:none}

/***** レスポンシブ横スクロール *****/
.scroll-x {
    overflow:auto;
    white-space:nowrap;
}
.scroll-x::-webkit-scrollbar {
    height:5px;
}
.scroll-x::-webkit-scrollbar-track {
    background:#F1F1F1;
}
.scroll-x::-webkit-scrollbar-thumb {
    background:#BCBCBC;
}

/***** List-Style-Type カスタム *****/
.customMarker {
	list-style:none;
	padding-left:0;
}
.customMarker li {
	padding-left:1.2em;
	text-indent:-1.2em;
}
.customMarker li:before {
	margin-right:.2em;
}
.customMarker.kome li:before {content:"※"}
.customMarker.doubleCircle li:before {content:"◎"}
.customMarker.brightCircle li:before {content:"○"}
.customMarker.darkCircle li:before {content:"●"}
.customMarker.Line li:before {content:"－"}
.customMarker.Line li:before {content:"－"}
.customMarker.diamond li:before {content:"◆"}

/***** レスポンシブカラム *****/
/* row (ratio00) (gap2/gap5) (sm/md/lg/sm-lg) (reverse) */
.row {
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-items:stretch;
	align-content:stretch;
}
.row > .col {
	box-sizing:border-box;
    width:100%;
    flex-grow:1;
    flex-shrink:1;
    flex-basis:0%;
}
.row.ratio46 > .col,
.row.ratio64 > .col,
.row.ratio37 > .col,
.row.ratio73 > .col {
	flex-grow:0;
	flex-basis:auto;
}
.row.ratio46 > .col:last-child,
.row.ratio64 > .col:last-child,
.row.ratio37 > .col:last-child,
.row.ratio73 > .col:last-child {
	flex-basis:0;
	flex-grow:1;
}
.row.gap2 > .col {margin-right:2%}
.row.gap5 > .col {margin-right:5%}
.row.gap2 > .col:last-child,
.row.gap5 > .col:last-child {
	margin-right:0;
}
.row.ratio46 > .col {width:40%}
.row.ratio46.gap2 > .col {width:39%}
.row.ratio46.gap5 > .col {width:37.5%}
.row.ratio64 > .col {width:60%}
.row.ratio64.gap2 > .col {width:59%}
.row.ratio64.gap5 > .col {width:57.5%}
.row.ratio37 > .col {width:30%}
.row.ratio37.gap2 > .col {width:29%}
.row.ratio37.gap5 > .col {width:27.5%}
.row.ratio73 > .col {width:70%}
.row.ratio73.gap2 > .col {width:69%}
.row.ratio73.gap5 > .col {width:67.5%}
.row.reverse {
	flex-direction:row-reverse;
}
.row.gap2.reverse > .col,
.row.gap5.reverse > .col {
	margin-right:0;
}
.row.gap2.reverse > .col:last-child,
.row.gap5.reverse > .col:last-child {
	margin-left:0;
}
.row.gap2.reverse > .col {margin-left:2%}
.row.gap5.reverse > .col {margin-left:5%}
@media screen and (max-width: 575px) {
	.row.sm > .col,
	.row.gap2.sm > .col,
	.row.gap5.sm > .col {
	    flex-basis:auto;
	    margin-right:0;
	    margin-left:0;
	    width:100%;
	}
}
@media screen and (max-width: 767px) {
	.row.md > .col,
	.row.gap2.md > .col,
	.row.gap5.md > .col {
	    flex-basis:auto;
	    margin-right:0;
	    margin-left:0;
	    width:100%;
	}
}
@media screen and (max-width: 991px) {
	.row.lg > .col,
	.row.gap2.lg > .col,
	.row.gap5.lg > .col {
	    flex-basis:auto;
	    margin-right:0;
	    margin-left:0;
	    width:100%;
	}
	.row.sm-lg > .col,
	.row.gap2.sm-lg > .col,
	.row.gap5.sm-lg > .col {
	    flex-basis:auto;
	    flex-grow:0;
	    margin-right:0;
	    margin-left:0;
		width:50%;
	}
	.row.gap2.sm-lg > .col {width:49%}
	.row.gap5.sm-lg > .col {width:47.5%}
}

/***** レスポンシブdisplay *****/
.hide-sm,.hide-md,.hide-lg,.hide-xl,.hide-xxl {display:none}
@media screen and (min-width: 576px), print {
    .show-sm {display:none}
    .hide-sm {display:block}
}
@media screen and (min-width: 768px), print {
    .show-md {display:none}
    .hide-md {display:block}
}
@media screen and (min-width: 992px), print {
    .show-lg {display:none}
    .hide-lg {display:block}
}
@media screen and (min-width: 1200px), print {
    .show-xl {display:none}
    .hide-xl {display:block}
}
@media screen and (min-width: 1400px), print {
    .sho-xxl {display:none}
    .hide-xxl {display:block}
}