@charset "utf-8";

/* ----------リセットCSS ---------- */
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, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
	text-decoration:none;
    background: transparent;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
}

div, span, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, small, strong,
b, i, dl, dt, dd, ol, ul, li, tr, th, td {
	font-family: "メイリオ", Meiryo,verdana,sans-serif;
	font-size: 15px;
	line-height: 1.8em;
	color: #333333;
}
 
body {
    line-height: 1;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    position: relative;
    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;
    text-decoration: none;
}
 
ins {
    background-color: transparent !important;
    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: top;
}

select option[selected] {
background: #CCC;
}

/* ----------リセットCSS END ---------- */



/* ----------共通CSS ---------- */
.left { float: left; }
.right { float: right; }

.tx_l, td.tx_l, .tx_l td { text-align:left !important; }
.tx_r, td.tx_r, .tt_r td { text-align:right !important; }
.tx_c, td.tx_c, .tx_c td { text-align:center !important; }

.tx_b { font-weight: bold; }

.clear { clear:both; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }

.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad20 { padding: 20px; }
.pad30 { padding: 30px; }
.pad40 { padding: 40px; }
.pad50 { padding: 50px; }

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }

.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }

.img100 { width: 100% !important; height: auto !important; }
.img090 { width: 90% !important; height: auto !important; }
.img080 { width: 80% !important; height: auto !important; }
.img070 { width: 70% !important; height: auto !important; }
.img060 { width: 60% !important; height: auto !important; }
.img050 { width: 50% !important; height: auto !important; }
.img040 { width: 40% !important; height: auto !important; }
.img030 { width: 30% !important; height: auto !important; }
.img020 { width: 20% !important; height: auto !important; }
.img010 { width: 10% !important; height: auto !important; }


.f_size-2 { font-size: .5em !important; }
.f_size-1 { font-size: .75em !important; }
.f_size1 { font-size: 1em !important; }
.f_size2 { font-size: 1.25em !important; }
.f_size3 { font-size: 1.5em !important; }
.f_size4 { font-size: 1.75em !important; }
.f_size5 { font-size: 2em !important; }

.shadow {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.table_even tr:nth-child(even) {
	background: #f7f7f7;
}

.black { color: #000 !important; }
.white { color: #fff !important; }
.red { color: #FF363A !important; }
.blue { color: #0074FF !important; }
.under { text-decoration: underline; }

/* ----------共通CSS END ---------- */



/* --- 全体共通CSS --- */
html {
	width: 100%;
}

body {
	background: #fef7dd;
	width: 100%;
}

h1,h2,h3 {
	font-size: 14px;
	font-weight: normal;
}

a { color: #0074FF; text-decoration: none; }
a:hover { opacity: .7; text-decoration:underline; }
.link_area { cursor: pointer; }

button {
	vertical-align: bottom;
	border: none;
}
/* --- 全体共通CSS --- */




/* ----------画像保存防止設定 ---------- */
.no_click {
  pointer-events: none;
  user-select: none;
}
/* ----------画像保存防止設定 ---------- */




/* ----------カラーアイコン設定 ---------- */
.bt_def {
	position: relative;
	padding: 7px 15px;
    font-weight: bold;
	font-size: 1em;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.icon0 {
	position: relative;
	padding: 2px 7px;
	font-size: .9em;
	border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
.bg_color0 {/*レインボー*/ background: linear-gradient(to right,#e60000,#f39800,#fff100,#009944,#0068b7,#1d2088,#920783); }
.bg_color1 {/*ライトグレー*/ background: #E8E8E8; }
.bg_color2 {/*レッド*/ background: #ff3300; }
.bg_color3 {/*グリーン*/ background: #33cc00; }
.bg_color4 {/*ライトブルー*/ background: #3399cc; }
.bg_color5 {/*イエロー*/ background: #ffff33; }
.bg_color6 {/*ピンクパープル*/ background: #cc6699; }
.bg_color7 {/*オレンジ*/ background: #ff9900; }
.bg_color8 {/*ダークブルー*/ background: #336699; }
.bg_color9 {/*グレー*/ background: #cccccc; }
.bg_color10 {/*オールドイエロー*/ background: #cccc66; }
.bg_color11 {/*ピンク*/ background: #ff66cc; }
.bg_color13 {/*レッドオレンジ*/ background: #ff3300; }
.bg_color14 {/*ブルー*/ background: #0066ff; }
.bg_color15 {/*パープル*/ background: #cc00ff; }
.bg_color16 {/*ダークグリーン*/ background: #002c00; }
.bg_color17{/*ブルーグレー（見出しカラー）*/ background: #135b8e;}
.bg_color18{/*ブラック*/ background: #000;}
.bg_color19 {/*ノーマルグリーン*/ background: #3c8b22; }

/* ----------カラーアイコン設定 END ---------- */





/* --- いいねボタンCSS --- */
.gbx-ulike-btn {
  position: absolute;
  bottom: 5px;
  right: 5px;
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
    padding: 4px 8px;
    border: 1px solid #ddd;
    border-radius: 20px;
    background: #fff;
    cursor: pointer;
    font-size: 0.9rem;
}

.gbx-ulike-btn .gbx-ulike-icon {
    line-height: 1;
}

.gbx-ulike-btn.is-liked .gbx-ulike-icon {
    color: #e60033; /* お好みで */
}

.gbx-ulike-btn[disabled],
.gbx-ulike-btn.gbx-ulike-loading {
    opacity: 0.6;
    cursor: default;
}
/* --- いいねボタンCSS --- */