@charset "UTF-8";

/*
====================================================================================================
■ basic setting
 □ tag
 □ class
■ additional
■ layout
 □ #site_header
 □ main
 □ #sub_area
 □ #site_footer
----------------------------------------------------------------------------------------------------
※ 基本的にテンプレとしての簡易な整形レベルです。必ずサイトに合わせて各種設定を見直すこと。
※ font-sizeに関しては、リセット後、#wrapperに18px相当で指定済。そこからの相対指定で行うこと。
　（親要素に既に%指定済の場合、子孫要素は基準が変わるので注意してください。）
※ サイト制作後、不要と思われるコメントはなるべく削除し整理すること。
==================================================================================================== */
/*
====================================================================================================
■ basic setting
----------------------------------------------------------------------------------------------------
 □ tag
---------------------------------------------------------------------------------------------------- */
html {
	background-color: #fff;
	/* 画面外背景色 */
	font-family: "Meiryo", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
	position: relative;
	margin: 0 auto;
	color: #242424;
	word-wrap: break-word;
}

p,
li,
pre,
td,
th,
dt,
dd {
	line-height: 1.5;
}

/* 基本の行の高さ */
/*
----------------------------------------------------------------------------------------------------
 □ class
---------------------------------------------------------------------------------------------------- */
/*
--------------------------------------------------
 ▽ 文字装飾定義専用クラス
-------------------------------------------------- */
/* 主に新着情報への使用想定だが、通常コンテンツ内で使用も可 */
.text_left {
	text-align: left !important;
}

.text_right {
	text-align: right !important;
}

.text_center {
	text-align: center !important;
}

.text_justify {
	text-align: justify !important;
}

.text_nowrap {
	white-space: nowrap !important;
}

.text_lowercase {
	text-transform: lowercase !important;
}

.text_uppercase {
	text-transform: uppercase !important;
}

.text_capitalize {
	text-transform: capitalize !important;
}

.text_muted {
	color: #777 !important;
}

.text_normal {
	font-weight: normal !important;
}

.text_bold {
	font-weight: bold !important;
}

.text_red {
	color: #E75942 !important;
}

.text_black {
	color: #000000 !important;
}

.text_grey {
	color: #999999 !important;
}

.text_pink {
	color: #f66b82 !important;
}

.text_green {
	color: #8a9941 !important;
}

.text_blue {
	color: #00a2c6 !important;
}

/* このブルーはリンク色のブルーとは色味を若干変える事を推奨 */
.text_yellow {
	color: #feab0f !important;
}

.text_white {
	color: #F0F0F0 !important;
}

.text_purple {
	color: #b992ed !important;
}

.text_orange {
	color: #f29475 !important;
}

/* ページトップへのリンク */
.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

/*
--------------------------------------------------
 ▽ font-size設定専用クラス
-------------------------------------------------- */
/* デフォルトでは#wrapperに18px相当の指定が設定済みのため、そこからの相対値になります。
※親要素に既に%指定済みの場合は子孫要素は基準が変わるのでこのクラスの使用は出来れば避けます。 */
.f10 {
	font-size: 55.6% !important;
}

/* 10px */
.f11 {
	font-size: 61.2% !important;
}

/* 11px */
.f12 {
	font-size: 66.7% !important;
}

/* 12px */
.f13 {
	font-size: 72.3% !important;
}

/* 13px */
.f14 {
	font-size: 72.3% !important;
}

/* 14px */
.f15 {
	font-size: 83.4% !important;
}

/* 15px */
.f16 {
	font-size: 88.9% !important;
}

/* 16px */
.f17 {
	font-size: 94.5% !important;
}

/* 17px */
.f18 {
	font-size: 100.0% !important;
}

/* 18px */
.f19 {
	font-size: 105.6% !important;
}

/* 19px */
.f20 {
	font-size: 111.2% !important;
}

/* 20px */
.f21 {
	font-size: 116.7% !important;
}

/* 21px */
.f22 {
	font-size: 122.3% !important;
}

/* 22px */
.f23 {
	font-size: 127.8% !important;
}

/* 23px */
.f24 {
	font-size: 133.4% !important;
}

/* 24px */
.f25 {
	font-size: 138.9% !important;
}

/* 25px */
/*
--------------------------------------------------
 ▽ margin設定専用クラス
-------------------------------------------------- */
.m00 {
	margin: 0px !important;
}

.m05 {
	margin: 5px !important;
}

.m10 {
	margin: 10px !important;
}

.m15 {
	margin: 15px !important;
}

.m20 {
	margin: 20px !important;
}

.m25 {
	margin: 25px !important;
}

.m30 {
	margin: 30px !important;
}

.m35 {
	margin: 35px !important;
}

.m40 {
	margin: 40px !important;
}

.m45 {
	margin: 45px !important;
}

.mt00 {
	margin-top: 0px !important;
}

.mt05 {
	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;
}

.mr00 {
	margin-right: 0px !important;
}

.mr05 {
	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;
}

.mb00 {
	margin-bottom: 0px !important;
}

.mb05 {
	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;
}

.ml00 {
	margin-left: 0px !important;
}

.ml05 {
	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;
}

/*
--------------------------------------------------
 ▽ padding設定専用クラス
-------------------------------------------------- */
.p00 {
	padding: 0px !important;
}

.p05 {
	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;
}

.pt00 {
	padding-top: 0px !important;
}

.pt05 {
	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;
}

.pr00 {
	padding-right: 0px !important;
}

.pr05 {
	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;
}

.pb00 {
	padding-bottom: 0px !important;
}

.pb05 {
	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;
}

.pl00 {
	padding-left: 0px !important;
}

.pl05 {
	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;
}

/*
--------------------------------------------------
 ▽ radious（角丸）設定専用クラス
-------------------------------------------------- */
.r03 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.r04 {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.r05 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.r06 {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.r07 {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.r08 {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.r09 {
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

.r10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.r11 {
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}

.r12 {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.r13 {
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}

.r14 {
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}

.r15 {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.r16 {
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.r17 {
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
}

.r18 {
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.r19 {
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	border-radius: 19px;
}

.r20 {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

/*
--------------------------------------------------
 ▽ width
-------------------------------------------------- */
.w10 {
	width: 10% !important;
}

.w20 {
	width: 20% !important;
}

.w30 {
	width: 30% !important;
}

.w40 {
	width: 40% !important;
}

.w45 {
	width: 45% !important;
}

.w50 {
	width: 50% !important;
}

.w60 {
	width: 60% !important;
}

.w70 {
	width: 70% !important;
}

.w80 {
	width: 80% !important;
}

.w90 {
	width: 90% !important;
}

.w100 {
	width: 100% !important;
}

/*
--------------------------------------------------
 ▽ 1カラムコンテンツ
-------------------------------------------------- */
.col01 figure {
	margin: 0 auto 10px;
}

/*
--------------------------------------------------
 ▽ 左右均等2カラムコンテンツ
-------------------------------------------------- */
.col02:after {
	display: block;
	clear: both;
	content: "";
}

.col02 .float_l,
.col02 .float_r {
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.col02 .float_l {
	padding-right: 1%;
	/* ここで余白設定 */
}

.col02 .float_r {
	padding-left: 1%;
	/* ここで余白設定 */
}

/*
--------------------------------------------------
 ▽ 2カラムコンテンツ(ul liの場合)
-------------------------------------------------- */
/* 左右2カラムデザイン（※ulに.col02を追加する事で切り替え） */
.col02>li {
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 10px;
}

/* 左カラム */
.col02>li:nth-of-type(2n-1) {
	padding-right: 1%;
	/* ここで余白設定 */
	float: left;
	clear: both;
}

/* 右カラム */
.col02>li:nth-of-type(2n) {
	padding-left: 1%;
	/* ここで余白設定 */
	float: right;
}

.col02 figure {
	margin-bottom: 10px;
}

/*
--------------------------------------------------
 ▽ 3カラムコンテンツ(ul liの場合)
-------------------------------------------------- */
/* 3カラムデザイン（※ulに.col03を追加する事で切り替え） */
.col03:after {
	display: block;
	clear: both;
	content: "";
}

.col03>li {
	width: 32%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 10px;
	float: left;
}

/* 右(1)カラム */
.col03>li:nth-of-type(3n-2) {
	clear: both;
}

/* 左(3)カラム */
/* 中央(2)カラム */
.col03>li:nth-of-type(3n-1) {
	margin-left: 2%;
	margin-right: 2%;
	/* ここで余白設定(余白を指定した場合は.col03>liのwidthを変更) */
}

/*
--------------------------------------------------
 ▽ 新着などのページネーション
-------------------------------------------------- */
.pagination {
	padding: 0 2%;
}

.pagination a {
	line-height: 42px;
}

/* 前へ */
.pagination .page_prev {
	float: left;
}

/* 次へ */
.pagination .page_next {
	float: right;
}

/* 戻る */
.pagination .page_back {
	text-align: center;
}

/*
====================================================================================================
■ additional
---------------------------------------------------------------------------------------------------- */
.acco_box {
	clear: both;
	margin-bottom: 10px;
}

.acco_dv {
	display: none;
}

.acco_a {
	cursor: pointer;
}

.media_txt .img {
	width: 40%;
}

.media_txt .img img {
	width: 100%;
	height: auto;
}

.pic_l .img {
	float: left;
	margin-right: 10px;
}

.pic_r .img {
	float: right;
	margin-left: 10px;
}

/*Less and More*/
.box_maxheight .maxheight_hide {
	display: none;
}

.box_maxheight .maxheight_btn {
	text-decoration: underline;
	cursor: pointer;
	color: #0091b2;
	display: inline-block;
}

/*■05.FLEX*/
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	/* Safari */
	display: -moz-flex;
	/* Firefox */
	display: -ms-flex;
	/* IE */
}

/*justify-content*/
.flex_jus_start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
}

.flex_jus_end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
}

.flex_jus_center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
}

.flex_jus_between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
}

.flex_jus_around {
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
}

.flex_jus_ini {
	-webkit-box-pack: initial;
	-ms-flex-pack: initial;
	justify-content: initial;
	-webkit-justify-content: initial;
	-moz-justify-content: initial;
	-ms-justify-content: initial;
}

/*align-items*/
.flex_align_item_start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
}

.flex_align_item_end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-align-items: flex-end;
	-moz-align-items: flex-end;
	-ms-align-items: flex-end;
}

.flex_align_item_stretch {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	-ms-align-items: stretch;
}

.flex_align_item_baseline {
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	-webkit-align-items: baseline;
	-moz-align-items: baseline;
	-ms-align-items: baseline;
}

.flex_align_item_center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
}

.flex_align_item_ini {
	-webkit-box-align: initial;
	-ms-flex-align: initial;
	align-items: initial;
	-webkit-align-items: initial;
	-moz-align-items: initial;
	-ms-align-items: initial;
}

.flex_container {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.add_font {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*
====================================================================================================
■ layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	width: 100%;
	/* サイトの実際の横幅（640px以下は画面サイズによって変動） */
	max-width: 480px;
	min-width: 320px;
	margin: 0 auto;
	background-color: #FFF;
	overflow: hidden;
	position: relative;
	word-wrap: break-word;
}

/*
----------------------------------------------------------------------------------------------------
 □ #site_header
---------------------------------------------------------------------------------------------------- */
.sp-h-sec {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 3% 7%;
}

.sp-h-sec .owl-in-home {
	width: 60%;
	margin-left: 20%;
}

.sp-h-sec ul {
	width: 15%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 999;
}

.sp-h-sec ul img {
	width: 100%;
}

.sp-h-sec ul li {
	width: 100%;
}

.sp-h-sec ul li:nth-child(2) {
	margin: 0 7%;
}

.sp-h-sec ul li:last-child {
	cursor: pointer;
}

.sp-h-sec ul li:last-child img:first-child {
	display: block;
}

.sp-h-sec ul li:last-child img:last-child {
	display: none;
}

.sp-h-sec ul .opened img:first-child {
	display: none !important;
}

.sp-h-sec ul .opened img:last-child {
	display: block !important;
}

.menu-hidden {
	width: 100%;
	position: absolute;
	display: none;
	z-index: 997;
	margin-top: 0%;
	top: 9px;
}

.menu-hidden .close {
	position: absolute;
	right: 7%;
	width: 11%;
	top: -1%;
	margin-top: 1%;
}

.menu-hidden .close img {
	width: 100%;
}

.menu-hidden ul {
	background: #000;
}

.menu-hidden ul li {
	border-top: 1px solid #fff;
}

.menu-hidden ul li:first-child {
	display: block;
	margin: 0 auto;
	width: 20%;
	border: none;
	text-align: center;
	padding: 4%;
}

.menu-hidden ul li a {
	font-size: 15px;
	text-decoration: none;
	padding: 4% 0%;
	margin-left: 3%;
	color: #fff;
	width: 100%;
	display: block;
}

.menu-hidden ul .carticon::before {
	content: "";
	background: url("../images/cart_icon.png") no-repeat center;
	background-size: 100%;
	padding-right: 24px;
	margin-right: 10px;
}

.menu-hidden ul .sub {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	padding: 4% 3%;
	color: #fff;
	border: none;
	border-top: 1px solid #fff;
	cursor: pointer;
	position: relative;
}

.menu-hidden ul .sub img:first-child {
	display: block !important;
	float: right;
	position: absolute;
	right: 0;
	width: 6%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
}

.menu-hidden ul .sub img:last-child {
	float: right;
	display: none;
	position: absolute;
	right: 0;
	width: 6%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
}

.menu-hidden ul .opened img:first-child {
	display: none !important;
}

.menu-hidden ul .opened img:last-child {
	display: block !important;
}

.menu-hidden ul .all-sub {
	overflow: hidden;
	display: none;
	padding: 0% 2% 4% 2%;
	border-top: none;
}

.menu-hidden ul .all-sub .sub-menu {
	width: 49%;
	text-align: left;
	display: inline-block;
}

.menu-hidden ul .all-sub .sub-menu li {
	width: 100%;
	text-align: left;
	border: none;
	padding: 0;
}

.menu-hidden ul .all-sub .sub-menu img {
	width: 6%;
}

.h_invoice {
	text-align: right;
	margin-bottom: 3%;
}

/*
--------------------------------------------------
 ▽ #gnav （グローバルナビゲーション）
-------------------------------------------------- */
/*
----------------------------------------------------------------------------------------------------
  □ main
---------------------------------------------------------------------------------------------------- */
.sg_main .dv {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0% 0% 5% 0%;
	text-align: left;
}

.sg_main .dv li {
	width: 24%;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.sg_main .dv li a {
	background: #ff8c00;
	padding: 5% 5%;
	border-radius: 5px;
}

.sg_main .dv li a img {
	width: 100%;
}

.sg_main .img-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 2%;
	text-align: left;
}

.sg_main .img-box .img-box-hover {
	width: 48%;
	position: relative;
	margin: 2% 0 2% 0;
}

.sg_main .img-box .img-box-hover h2 {
	text-align: center;
	font-size: 15px;
	margin-top: 5%;
	font-weight: 500;
	color: #000;
}

.sg_main .img-box .img-box-hover a {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
}

/*
----------------------------------------------------------------------------------------------------
  □ .section1
---------------------------------------------------------------------------------------------------- */
.section1 {
	background: transparent;
	padding: 0 3% 8% 3%;
	position: relative;
}

.section1 h3 {
	position: relative;
	font-size: 14px;
	padding: 5% 0 2% 0;
}

.section1 h3 .icon-loa {
	width: 7%;
	position: relative;
	z-index: 10;
}

.section1 .info {
	overflow-y: auto;
	height: 260px;
	background: #fff;
	border-top: 2px solid #0165a5;
	padding: 0 4%;
	margin-bottom: 5%;
}

.section1 .info dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 10px 0;
}

.section1 .info dl dt {
	color: #0165a5;
	text-align: center;
	padding: 5px 0;
	font-weight: 600;
	margin-left: -4%;
}

.section1 .info dl dt:before {
	content: " > ";
	background: url("../images/icon_focus.png") no-repeat center;
	background-size: 65% 40%;
}

.section1 .info dl dd {
	padding-bottom: 2%;
}

.section1 .info dd {
	width: 100%;
}

.section1 .info dl a {
	text-decoration: none;
	color: #000;
}

.section1 .content-fb {
	margin-top: 5%;
	padding: 2%;
	background: url("../images/bg_content.png") no-repeat center;
	background-size: cover;
}

/*
----------------------------------------------------------------------------------------------------
  □ .section2
---------------------------------------------------------------------------------------------------- */
.section2 {
	width: 70%;
	margin: 0 auto;
	display: block;
	margin-bottom: 5%;
	text-align: center;
}

.section2 a {
	color: #000;
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
}

.section2 a .logo {
	width: 72%;
}

.section2 .fax {
	color: #000;
	text-decoration: none;
}

/*
----------------------------------------------------------------------------------------------------
 □ #site_footer
---------------------------------------------------------------------------------------------------- */
.sg_footer #menu {
	background: #000;
	position: relative;
	width: 100%;
	z-index: 9999;
	display: block;
	overflow: hidden;
	margin-bottom: 1%;
	padding-bottom: 0.85%;
}

.sg_footer #menu>ul {
	width: 99%;
	margin: auto;
	background: #ececec;
}

.sg_footer #menu>ul .tit_menu {
	background: #000;
	text-align: center;
}

.sg_footer #menu>ul .tit_menu:after {
	content: '';
	width: 20.5px;
	height: 18px;
	background: url("../images/icon_on.png");
	background-size: 100% 100%;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.sg_footer #menu>ul .opened:after {
	width: 20.5px;
	height: 18px;
	background: url("../images/icon_off.png");
	background-size: 100% 100%;
	position: absolute;
	right: 12px;
	top: 50%;
}

.sg_footer #menu>ul>li .sub_menu {
	overflow: hidden;
}

.sg_footer #menu>ul>li:first-child ul {
	overflow: hidden;
	display: none;
	width: 95%;
	margin: 0 auto;
}

.sg_footer #menu>ul>li:first-child ul li {
	width: 100%;
	padding: 2% 0;
	display: block;
	border-bottom: 1px solid #000;
}

.sg_footer #menu>ul>li:first-child .opened {
	display: block;
}

.sg_footer #menu>ul>li:first-child .sub_menu1 {
	width: 100%;
	position: relative;
	display: block;
}

.sg_footer #menu>ul>li:first-child .sub_menu1 li {
	border: none;
	width: 49%;
	display: inline-block;
}

.sg_footer #menu>ul>li:first-child .sub_menu1 li a {
	font-size: 12px;
	padding-left: 8%;
	background-image: url("../images/iconnext_black.png");
	background-repeat: no-repeat;
	background-size: 4%;
	background-position: left center;
}

.sg_footer #menu>ul>li:first-child .opened .sub_menu1 {
	display: block;
}

.sg_footer #menu>ul>li>a {
	font-weight: 500;
	font-size: 16px;
	color: #000;
	height: 50px;
	text-decoration: none;
	line-height: 50px;
	display: block;
	position: relative;
}

.sg_footer #menu>ul>li ul {
	display: none;
}

.sg_footer #menu>ul>li ul .carticon::before {
	content: "";
	background: url("../images/cart_icon_f.png") no-repeat center;
	background-size: 100%;
	padding-right: 24px;
	margin-right: 10px;
}

.sg_footer #menu>ul>li ul .sub_mn {
	position: relative;
}

.sg_footer #menu>ul>li ul .sub_mn:after {
	content: '';
	width: 20.5px;
	height: 18px;
	background: url("../images/icon_on.png");
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: 22px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.sg_footer #menu>ul>li ul .opened:after {
	width: 20.5px;
	height: 18px;
	background: url("../images/icon_off.png");
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: 22px;
}

.sg_footer #menu>ul>li ul li {
	width: 49%;
	display: inline-block;
}

.sg_footer #menu>ul>li ul li a {
	font-weight: 500;
	font-size: 16px;
	color: #000;
	height: 35px;
	text-decoration: none;
	line-height: 35px;
	display: block;
}

.sg_footer #menu>ul>li ul .last:nth-last-child(1) {
	border: none;
	padding-bottom: 3%;
}

.page_up {
	position: fixed;
	right: -550px;
	bottom: 5%;
	z-index: 999;
	width: 15%;
}

.lightbox:after {
	display: none;
}


.link-bgcolor {
	display: inline-block;
	padding-inline: .333em;
	background-color: #ffad99;
	br + & {
		margin-block-start: .5em;
	}
}