@charset "UTF-8";

/*
*******************************************************************************************************
# サイト共通スタイル - compiled from common.scss
	・base - サイトのベース
	・bg-container - 背景処理用のボックス
	・wrapper - コンテンツ枠
	・site-header - サイトヘッダー
	・content - メインコンテンツ
	・nav-local - ローカルナビ
	・nav-global - グローバルナビ
	・site-footer - サイトフッター
	・module - 各モジュール
	・placeholder - 汎用extend
*******************************************************************************************************
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

html {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}

a img {
	border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

/* # base
----------------------------------- */
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: normal;
}

/*! Yaku Han JP (Gothic - All Include) v3.0.0 SIL by Qrac / Based on Noto Sans CJK JP */
@font-face {
	font-family: "YakuHanJP";
	font-style: normal;
	font-weight: 400;
	src: url("/takuhai/common/fonts/YakuHanJP/YakuHanJP-Regular.eot");
	src: url("/takuhai/common/fonts/YakuHanJP/YakuHanJP-Regular.woff2") format("woff2"),
	url("/takuhai/common/fonts/YakuHanJP/YakuHanJP-Regular.woff") format("woff");
}
@font-face {
	font-family: "YakuHanJP";
	font-style: normal;
	font-weight: 700;
	src: url("/takuhai/common/fonts/YakuHanJP/YakuHanJP-Bold.eot");
	src: url("/takuhai/common/fonts/YakuHanJP/YakuHanJP-Bold.woff2") format("woff2"),
	url("/takuhai/common/fonts/YakuHanJP/YakuHanJP-Bold.woff") format("woff");
}

html {
	-webkit-text-size-adjust: 100%;
}


html, body {
	min-width: 1000px;
}

body {
	-webkit-text-size-adjust: 100%;
	font-family: YakuHanJP, "游ゴシック体","YuGothic", "游ゴシック Medium", "游ゴシック","Yu Gothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #333333;
	line-height: 1.7;
	font-feature-settings: initial;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-font-smoothing: antialiased;
}
img {
	vertical-align: middle;
}

address {
	font-style: normal;
}

a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:link, a:visited {
	color: #009cbd;
	text-decoration: none;
}

input, textarea, select {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%;
}

input, button {
	cursor: pointer;
}

.wrapper {
	width: 100%;
}

.contents {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.only-pc{
	display: block !important;
}
.only-pc-inline{
	display: inline !important;
}
.only-sp{
	display: none !important;
}

/* # icon
----------------------------------- */
@font-face {
  font-family: 'icon';
  src:
	url('/takuhai/common/fonts/iconfont/icon.ttf?8pw505') format('truetype'),
	url('/takuhai/common/fonts/iconfont/icon.woff?8pw505') format('woff'),
	url('/takuhai/common/fonts/iconfont/icon.svg?8pw505#icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

i[class^="icn-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icn-arrowCircledBottom:before {
	content: "\e900";
}

.icn-arrowCircledLeft:before {
	content: "\e901";
}

.icn-arrowCircledRight:before {
	content: "\e902";
}

.icn-arrowCircledTop:before {
	content: "\e903";
}

.icn-arrowLeft:before {
	content: "\e904";
}

.icn-arrowRight:before {
	content: "\e905";
}

.icn-blank:before {
	content: "\e906";
}

.icn-bottle:before {
	content: "\e907";
}

.icn-close:before {
	content: "\e908";
}

.icn-delivery:before {
	content: "\e909";
}

.icn-home:before {
	content: "\e90a";
}

.icn-mail:before {
	content: "\e90b";
}

.icn-minus:before {
	content: "\e90c";
}

.icn-note:before {
	content: "\e90d";
}

.icn-pencil:before {
	content: "\e90e";
}

.icn-plus:before {
	content: "\e90f";
}

.icn-question:before {
	content: "\e910";
}

.icn-search:before {
	content: "\e911";
}

.icn-tel:before {
	content: "\e912";
}
.icn-milkstation:before {
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	background: url(/takuhai/common/img/icn_icon_22.svg);
	background-size: contain;
	filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(345deg) brightness(99%) contrast(102%);
}



/* # page-wrap
----------------------------------- */
.page-wrap {
	margin: 0 auto;
	width: 960px;
}

/* # clear fix
----------------------------------- */
.cfx {
	*zoom: 1;
}
.cfx:before, .cfx:after {
	content: "";
	display: table;
}
.cfx:after {
	clear: both;
}

/* # header
----------------------------------- */
#header {
	margin: 0 auto;
	min-height: 60px;
	position: relative;
	text-align: left;
	width: 1000px;
}

#header #catchcopy {
	color: #8d8d8d;
	font-size: 10px;
}

#header #headerNav {
	padding-right: 10px;
}
#header #headerNav a {
	color: #231815;
	font-size: 10px;
}

/* # nav-global
----------------------------------- */
.nav-global {
	position: relative;
	width: 100%;
	background-color: #0039a6;
}

.nav-global .nav-global-inner {
	margin: 0 auto ;
	width: 1000px;
}

.nav-global .nav-global-inner ul {
	*zoom: 1;
}
.nav-global .nav-global-inner ul:before, .nav-global .nav-global-inner ul:after {
	content: "";
	display: table;
}
.nav-global .nav-global-inner ul:after {
	display: inline-block;
	clear: both;
}
.nav-global .nav-global-inner ul li {
	width: 166px;
	float: left;
	font-size: 17px;
	color: #fff;
	text-align: center;
}
.nav-global .nav-global-inner ul li {
	width: 166px;
	float: left;
	font-size: 15px;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
}
.nav-global .nav-global-inner ul li:last-child {
	width: 170px;
}
.nav-global .nav-global-inner ul li.contact,
.nav-global .nav-global-inner ul li.contact a:hover {
	background: #ff381e;
}
.nav-global .nav-global-inner ul li > p > a,
.nav-global .nav-global-inner ul li > p > span {
	display: block;
	color: #fff;
	font-weight: bold;
	border-left: 1px solid #002264;
	padding: 16px 0;
	line-height: 0;
	height: calc(52px - 16*2px);
}
.nav-global .nav-global-inner ul li span.act {
	background-color: #14a3ee;
}
.nav-global .nav-global-inner ul li span.act span {
	display: inline-block;
	padding-top: 11px;
	border-left: none;
}
@media screen and (min-width: 737px) {
	.nav-global .nav-global-inner ul li.milkstation > p > a,
	.nav-global .nav-global-inner ul li.milkstation > p > span.act {
		padding: 9px 0;
		height: calc(52px - 9*2px);
	}
	.nav-global .nav-global-inner ul li.milkstation span.act span {
		height: 14px;
		text-align: left;
		padding-top: 8px;
	}
	.nav-global .nav-global-inner ul li.milkstation span.act i {
		margin-top: -14px;
	}
	.nav-global .nav-global-inner ul li.milkstation a i {
		margin-top: 6px;
	}
}
.nav-global .nav-global-inner ul li span.act i {
	display: inline-block;
	margin-top: -7px;
}
.nav-global .nav-global-inner ul li a:hover {
	background: #14a3ee;
}
.nav-global .nav-global-inner ul li:last-child a {
	border-right: 1px solid #002264;
}
.nav-global .nav-global-inner ul li i {
	display: inline-block;
	width: 22px;
	height: 20px;
	margin: 0 3px 0 0;
	font-size: 20px;
	vertical-align: middle;
}

.nav-global .nav-global-inner ul li a span.nav-line{
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	border: none;
	padding: 3px 0 0;
}
.nav-global .nav-global-inner ul li.milkstation a span.nav-line {
	padding: 0px;
	text-align: left;
}
.nav-global .nav-global-inner ul li span.nav-line span.un-small {
	font-size: 12px;
	padding-top: 0;
}
.nav-global .nav-global-inner ul li a span.sub-ttl{
	display: none;
}

/* # site-wrap
----------------------------------- */
.site-wrap {
	position: relative;
}

/* # site-header
----------------------------------- */
.site-header {
	width: 100%;
	background-color: #fff;
}
.site-header .site-header-inner {
	position: relative;
	margin: 0 auto !important;
	width: 1000px;
	height: 80px;
}
.site-header .site-header-inner .takuhai-logo {
	position: absolute;
	top: 10px;
	left: 8px;
	width: 335px;
	height: 52px;
	background-image: url(/takuhai/img/common/logo_takuhai.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.site-header .site-header-inner .takuhai-logo span{
	display: block;
	line-height: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.site-header .site-header-inner .site-header-contact {
	float: right;
	width: 400px;
}
.site-header .site-header-inner .site-header-contact {
	*zoom: 1;
}
.site-header .site-header-inner .site-header-contact:before, .site-header .site-header-inner .site-header-contact:after {
	content: "";
	display: table;
}
.site-header .site-header-inner .site-header-contact:after {
	clear: both;
}
.site-header .site-header-inner .site-header-contact .contact {
	float: right;
	padding-top: 20px;
	margin-left: 10px;
	text-align: center;
}

.site-header .site-header-inner .site-header-contact .contact a {
	display: block;
	border-radius: 5px;
	background-color: #0039a6;
	width: 130px;
	padding: 15px 0;
	color: #fff;
	line-height: 0;
}
.site-header .site-header-inner .site-header-contact .contact a:hover{
	background-color: #14a3ee;
}
.site-header .site-header-inner .site-header-contact .contact i{
	vertical-align: middle;
	font-size: 14px;
}
.site-header .site-header-inner .site-header-contact .contact i.icn-tel{
	display: none;
}
.site-header .site-header-inner .site-header-contact .contact span{
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 5px;
}
.site-header .site-header-inner .site-header-contact .freedial {
	float: right;
	padding-top: 10px;
	width: 242px;
}

.nav-global .nav-global-inner .lnav-megamenu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background-color: #14a3ee;
	z-index: 10;
}
.nav-global .nav-global-inner.is-active .lnav-megamenu {
	display: block;
	background: #14a3ee;
}

.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner{
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0;
	overflow: hidden;

}
.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-item{
	width: 760px;
	overflow: hidden;
	float: left;

}
.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-item li{
	float: left;
	width: 170px;
	margin-right: 20px;
	text-align: center;
}
.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-item li a{
	display: block;
	width: 170px;
	height: 140px;
	background: #fff;
	border-radius: 5px;
	border: none;
	padding: 0;
}
.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-item li a:before{
	display: none;
}
.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-item li:hover .ttl{
	color: #666;
}
.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-item li:hover .img{
	opacity: 0.7;
}
.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-item li .ttl{
	font-size: 16px;
	font-weight: bold;
	color: #333;
	line-height: 1.625;
	padding: 20px 0;
}
.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-item li .img img{
	width: 82.3529412%;
	height: auto;
}

.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-search{
	width: 240px;
	overflow: hidden;
	float: left;
}
.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-search > li {
	text-align: center;
	width: 240px;
}
.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-search > li a{
	font-size: 16px;
	font-weight: bold;
	color: #333;
	line-height: 1.625;
	padding: 12px 0;
	display: block;
	background: #fff;
	border-radius: 5px;
	border: none;
}

.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-search > li:hover a{
	color: #666;
}

.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-search .search-item{
	margin-bottom: 20px;
}

.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-search > li a:before{
	content: '';
	width: 36px;
	height: 35px;
	margin: 0 10px 0 0;
	background-size: auto 100%;
	display: inline-block;
	vertical-align: middle;
}
.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-search .search-item a:before {
	background-image: url(/takuhai/img/common/gnav/img_search_item.png);
}

.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-search .search-type a:before {
	background-image: url(/takuhai/img/common/gnav/img_search_type.png);
}


/* # confoot
----------------------------------- */
#confoot {
	width: 100%;
	background-color: #fff;
}
#confoot .frm {
	width: 940px;
	margin: 0 auto;
}
#confoot .frm .btn_pagetop {
	text-align: right;
}

/* # site-footer
----------------------------------- */
.footer_content {
	background-color: #f5f5f5;
	width: 1000px;
	margin: 60px auto 0;
}
.footer_content .footer_inner {
	padding: 40px 50px;
}
.footer_content .footer_inner .ttl {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}
.footer_content .footer_inner .footer_box {
	display: table;
	width: 920px;
}
.footer_content .footer_inner .tel_box {
	display: table-cell;
	vertical-align: middle;
	width: 460px;
}
.footer_content .footer_inner .tel_box .tel a {
	display: block;
	background-size: 53px auto;
	background-repeat: no-repeat;
	background-position: left 0;
	font-size: 44px;
	font-weight: bold;
	color: #0039a6;
	margin-bottom: -14px;
}
.footer_content .footer_inner .tel_box .tel a ruby rt{
	font-size: 12px;
	color: #333;
	margin-bottom: -16px;
}
.footer_content .footer_inner .tel_box .txt-open{
	font-size: 12px;
	color: #333;
}
.footer_content .footer_inner .tel_box .txt-request {
	width: 402px;
	font-size: 12px;
	line-height: 1.5;
	text-align:  left;
	color: #333;
	margin-top: 10px;
}
.footer_content .footer_inner .customer_box {
	display: table-cell;
	vertical-align: top;
	width: 460px;
}

.footer_content .footer_inner .customer_box .btn-customer .box-btn {
	position: relative;
}

.footer_content .footer_inner .customer_box .btn-customer .box-btn a {
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.166666666666667;
	padding: 15px 60px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position:20px center ;
	border: 4px solid #fff;
	box-shadow: 0px 2px 0px 0px rgba(220,220,220,0.6);
}

.footer_content .footer_inner .customer_box .btn-customer .btn-tel{
	margin-bottom: 20px;
}

.footer_content .footer_inner .customer_box .btn-customer .btn-tel a {
	background-color: #ff381e;
	background-image: url("/takuhai/common/img/icon_sample.png");
}

.footer_content .footer_inner .customer_box .btn-customer .btn-web a:hover{
	background-color: #2258be;
}

.footer_content .footer_inner .customer_box .btn-customer .btn-web{
	position: relative;
}

.footer_content .footer_inner .customer_box .btn-customer .btn-web a {
	background-color: #0039a6;
	background-image: url("/takuhai/common/img/icon_webcustomer.png");
}

.footer_content .footer_inner .customer_box .btn-customer .btn-tel a:hover{
	background-color: #ff5d47;
}

.footer_content .footer_inner .customer_box .btn-customer .box-btn a i {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 18px;
    height: 18px;
    margin: auto 20px auto auto;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
}

.footer_content .footer_inner .customer_box .btn-customer .box-btn a i:after {
    content: "\e902";
}


.site-footer {
	margin-top: 60px;
}
.site-footer .site-footer-inner {
	position: relative;
	margin: 0 auto;
	border-top: 1px solid #dadada;
	padding: 10px 0 20px;
	width: 1000px;
}
.site-footer .site-footer-inner {
	*zoom: 1;
}
.site-footer .site-footer-inner .btn_pagetop {
	position: absolute;
	right: 0;
	top: -41px;
}
.site-footer .site-footer-inner .btn_pagetop a {
	color: #000;
}
.site-footer .site-footer-inner .btn_pagetop a:after{
	display: inline-block;
	content: "";
	background-image: url(/takuhai/img/common/icon_to_top.png);
	background-position: right center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	padding-left: 14px;
}
.site-footer .site-footer-inner:before, .site-footer .site-footer-inner:after {
	content: "";
	display: table;
}
.site-footer .site-footer-inner:after {
	clear: both;
}
.site-footer .site-footer-inner .footlink-list {
	float: left;
	width: 470px;
}
.site-footer .site-footer-inner .footlink-list {
	*zoom: 1;
}
.site-footer .site-footer-inner .footlink-list:before, .site-footer .site-footer-inner .footlink-list:after {
	content: "";
	display: table;
}
.site-footer .site-footer-inner .footlink-list:after {
	clear: both;
}
.site-footer .site-footer-inner .footlink-list li {
	float: left;
	font-size: 10px;
	margin-right: 13px;
	padding-right: 10px;
	border-right: 1px solid #ccc;
}
.site-footer .site-footer-inner .footlink-list li .ext {
	padding-left: 15px;
	background-image: url(/takuhai/img/common/icon_blank.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
	font-size: 12px;
	color: #0068b7;
}
.site-footer .site-footer-inner .foot-copyright {
	float: right;
	width: 470px;
	text-align: right;
	font-size: 10px;
}

.mod-box-contents01 {
	margin-top: 20px;
	border: 6px solid #e9e3d6;
	border-radius: 10px;
	padding: 25px 20px 30px;
	background-image: url(/img/common/bg_white_filter.png);
	background-repeat: repeat;
}

.fl {
	float: left !important;
}

.fr {
	float: right !important;
}

.overflow {
	overflow: hidden !important;
}

.ta-r {
	text-align: right !important;
}

.ta-c {
	text-align: center !important;
}

.mt-txt-main {
	margin-top: 0.5em !important;
}

.mt0 {
	margin-top: 0 !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.mb55 {
	margin-bottom: 55px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb65 {
	margin-bottom: 65px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb75 {
	margin-bottom: 75px !important;
}

.ml0 {
	margin-left: 0 !important;
}

/* # stage 旧ページ用　スタイル　reset browser settings
------------------------------------------------------------------- */
/* リニューアル前のhtmlを移植したページに対しては、初期化が影響しないように大枠のidでセレクタコントロールしておく。 */
#stage div,#stage p,
#stage	h1,#stage h2,#stage h3,#stage h4,#stage h5,#stage h6,
#stage tr,#stage th,#stage td,#stage dl,#stage dt,#stage dd,#stage a {
	margin: 0px;
	padding: 0px;
	font-size:100%;
	line-height:1.4;
}

#stage form {
	margin: 0px;
	padding: 0px;
}

#stage ul,#stage ol,#stage li {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}

#stage table {
	border-collapse:collapse;
	margin:0;
	padding:0;
	font-size:100%;
}

#stage	table {
	font-size:100%;
}

#stage tr {
	vertical-align:top;
}

#stage input {
	font-size:100%;
	margin:0;
}

#stage img {
	border: 0;
	margin:0;
	padding:0;
	vertical-align:top;
}


/* 共通設定：文字色など
--------------------------------------------------------------------*/

* html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}


/*body #stage {
	color:#595959;
	font-size:82.5%;
	font-size:12px;
	line-height:1.5;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:"ＭＳ Ｐゴシック",Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro",sans-serif;
}*/


#stage br {
	letter-spacing:0px;
}

#stage span.hdn {
	display:none;
}

#stage .idt-m1 {
	text-indent:-1em;
	padding-left: 1em;
}

#stage .blk {
	display:block;
}

#stage .algn-c {
	text-align:center;
}
#stage .algn-r {
	text-align:right;
}
#stage .notice {color:#D80A2A;
}

/* 共通設定：リンク色設定
--------------------------------------------------------------------*/
/*
a:link { color:#0000ff;text-decoration:underline;outline: none;}
a:active { color:#0000ff;text-decoration:none;outline: none;}
a:visited { color:#0000ff;text-decoration:underline;outline: none;}
a:hover { color:#0096ff;text-decoration:none;outline: none;}


#stage a:link { color:#0068b7;text-decoration:none;outline: none;}
#stage a:active { color:#0096ff;text-decoration:none;outline: none;}
#stage a:visited { color:#00a0e9;text-decoration:none;outline: none;}
#stage a:hover { color:#0096ff;text-decoration:underline;outline: none;}
*/

#stage a.ext {
	background:url('/takuhai/common/img/icon_blank.gif') no-repeat 0 4px !important;
	padding-left:14px !important;
}

#stage a.pdf {
	background: url("/common/img/icon_pdf.gif") no-repeat scroll 0 1px transparent !important;
	padding-left:14px !important;
}

#stage a:hover img.bovr {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#stage .hovr img.bovr {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#stage .hovr a {
	color:#0096ff;
	text-decoration:underline;
}




/* 共通設定：配置
--------------------------------------------------------------------*/
#stage {
	position:relative;
	text-align: center;
	zoom:1;
}


/*------------------------
	共通設定：ヘッダ
------------------------*/
#stage #header {
	position:relative;
	width: 940px;
	min-height: 60px;
	margin: 0px auto;
	text-align:left;
}

* html #stage #header {
	height: 60px;
}

#header #megsnow-logo {
	position:absolute;
	top: 20px;
	left: 10px;
}

#header #megsnow-logo img {
	width: 160px;
	height: auto;
}

#header #headerNav {
	padding: 22px 0 0;
	font-size: 10px;
	color: #8d8d8d;
	text-align: right;
}

#header #headerNav li {
	float: right;
	line-height: 1;
	letter-spacing: 1px;
}

#header #headerNav li.sitemap {
	border-left: 1px solid #c1c1c1;
}

#header #headerNav li a {
	padding: 0 10px;
	line-height: 1;
}

#header #headerNav li.sitemap a {
	padding-right: 0;
}

/* SP LINK HEADER */
#header #headerNav #splink_header{
	display: none;
}

#header #headerNav #splink_header p {
	position: relative;
	z-index: 100;
	width:150px;
	margin-top: -6px;
}

#header #headerNav #splink_header a {
	display:block;
	border:1px solid #dcdcdc;
	margin-left: 10px;
	padding: 3px 10px 3px 32px;
	background:url('/common/img/arrow_1.gif') no-repeat 10px 50%;
	font-weight:bold;
	text-align: center;
	font-size: 12px;
}

#header #catchcopy {
	font-size: 85%;
	padding: 8px 10px 10px 200px;
	text-align: right;
	letter-spacing: 1px;
}



/*------------------------
	共通設定：contentエリア
------------------------*/
#stage #contents {
	position:relative;
	width: 940px;
	margin: 0px auto;
	text-align:left;
}


#stage #category-head {
	position:relative;
	background:#0039a6;
	padding:7px 20px;
}
#stage p#category-head {
	position:relative;
	background:#0039a6;
	padding:12px 20px;
}
#stage #category-head img {
	display:block;
}

#stage #category-head img#site-logo {
		margin: 4px 0 5px;
}

#stage #category-head img.tel {
	position:absolute;
	top:7px;
	right:20px;
}


#stage #topicpath {
		min-height:30px;
		position: relative;
		width:940px;
		margin:0 auto;
}

* html #stage #topicpath {
		height:30px;
}

#topicpath #breadcrumbs {
	float: left;
	padding:4px 20px;
}

#topicpath #breadcrumbs li {
	float:left;
	margin-right:8px;
	color:#888;
	white-space:nowrap;
}

#topicpath #breadcrumbs li a {
	font-size:85%;
	padding-right:8px;
	color: #0039a6;
}

#topicpath #breadcrumbs span {
	font-size:85%;
	font-weight:normal;
}

#topicpath #membernav {
	float: right;
	padding-top: 18px;
	font-size:85%;
	color:#888;
}




/*------------------------
	共通設定：mainctsエリア
------------------------*/
#stage #maincts {
	position:relative;
	float: right;
	width:740px;
	zoom:1;
}


#stage #maincts #pagetit {
	zoom:1;
	border-bottom:2px solid #0039a6;
}

#stage #maincts #pagetit img {
	display:block;
}

#stage #maincts #pagetit span {
	display:block;
	padding:12px 0 18px 50px;
	font-weight:bold;
	font-size:133.3%;
}

#stage #maincts .ctit {
	zoom:1;
	padding-bottom:8px;
	border-bottom:1px solid #0039a6;
}

#stage #maincts .ctit span {
	display:block;
	background:#fff;
	line-height:1.2;
}

#stage #maincts .ctsblk {
}

#stage #maincts .tit {
	padding:6px 10px 4px;
	zoom:1;
}

#stage #maincts .tit a {
	background:url('/takuhai/common/img/arrow_1.gif') no-repeat 0 45%;
	padding-left:16px;
	font-weight:bold;
}



/*	float設定
------------------------*/
#stage #maincts .fl {
	float:left;
}

#stage #maincts .fr {
	float:right;
}

/*------------------------
	共通設定：subctsエリア
------------------------*/
#stage #subcts {
	float:left;
	width:170px;
	zoom:1;
}

#stage #subcts ul#lnav {
}

#stage #subcts ul#lnav li {
	zoom:1;
}

#stage #subcts ul#lnav li a,
#stage #subcts ul#lnav li span.act {
	display:block;
}

#stage #subcts ul#lnav .lay02 ul {
	display:none;
	padding-bottom:10px;
	border-bottom:1px solid #c1c1c1;
}

#stage #subcts ul#lnav .lay03 p {
	background:#fff;
	border-top:1px solid #c1c1c1;
	padding-bottom:0;
	font-weight:normal;
}

#stage #subcts ul#lnav .lay03 p.litop {
	border-top:none;
}

#stage #subcts ul#lnav .lay03 p a {
	display:block;
	background:url('/takuhai/common/img/arrow_1r.gif') no-repeat 1px 11px;
	padding:10px 10px 8px 24px;
}

#stage #subcts ul#lnav .lay03 p.act a,
#stage #subcts ul#lnav .lay03 p span.act {
	display:block;
	background:#fff;
	padding:10px 10px 8px 24px;
	font-weight:bold;
}

#stage #subcts ul#btn-request-info {
	padding-top:15px;
}
#stage #subcts ul#btn-request-info li {
	margin-top:10px;
}


/*------------------------
 # confoot
----------------------------------- */
#stage #confoot {
	width: 100%;
	background-color: #fff;
}
#stage #confoot .frm {
	width: 940px;
	margin: 0 auto;
}
#stage #confoot .frm .btn_pagetop {
	text-align: right;
}


/*------------------------
	共通設定：フッタエリア
------------------------*/
#stage .b-pagetop {
	margin:10px auto 20px;
	height:14px;
	font-size:85%;
	text-align:right;
}

#stage .b-pagetop a {
	background:url('/takuhai/common/img/arrow_pagetop.gif') no-repeat 0 50%;
	padding-left:16px;
}

/* SP LINK FOOTER */
#stage #splink_footer{
	display: none;
	width: 940px;
	margin: 0 auto;
	padding: 0 0 15px;
}

#stage #splink_footer p {
	float:right;
	width:200px;
}

#stage #splink_footer a {
	display:block;
	border:1px solid #dcdcdc;
	padding:10px 20px 10px 32px;
	background:url('/common/img/arrow_1.gif') no-repeat 10px 14px;
	font-weight:bold;
	text-align: left;
}

#stage #footer {
	position:relative;
	padding: 10px 0 20px;
	width:940px;
	margin:0 auto;
	border-top:1px solid #dadada;
}

#stage #footer ul {
	padding-left:15px;
}

#stage #footer li {
	float:left;
	line-height:1;
	margin-right:15px;
}

#stage #footer li a {
	display:block;
	padding-right:15px;
	border-right:1px solid #c1c1c1;
	font-size:85%;
}

#stage #footer #copyright {
	position:absolute;
	top:10px;
	right:0;
	font-size:85%;
}



/* # nav-global
----------------------------------- */
#stage .nav-global {
	width: 100%;
	background-color: #0039a6;
}
#stage .nav-global .nav-global-inner {
	position: relative;
	margin: 0 auto !important;
	width: 940px;
}
#stage .nav-global .nav-global-inner ul {
	*zoom: 1;
}
#stage .nav-global .nav-global-inner ul:before, .nav-global .nav-global-inner ul:after {
	content: "";
	display: table;
}
#stage .nav-global .nav-global-inner ul:after {
	clear: both;
}
#stage .nav-global .nav-global-inner ul li {
	float: left;
}
#stage .nav-global .nav-global-inner ul li a {
	display: block;
	height: 60px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* # confoot
----------------------------------- */
#stage #confoot {
	width: 100%;
	background-color: #fff;
}
#stage #confoot .frm {
	width: 940px;
	margin: 0 auto;
}
#stage #confoot .frm .btn_pagetop {
	text-align: right;
}


/* # site-header
----------------------------------- */
#stage .site-header {
	width: 100%;
	background-color: #fff;
}
#stage .site-header .site-header-inner {
	position: relative;
	margin: 0 auto !important;
	width: 940px;
	height: 80px;
}
#stage .site-header .site-header-inner .takuhai-logo {
	position: absolute;
	top: 0;
	left: 8px;
	width: 437px;
	height: 80px;
	background-color: #fff;
	background-image: url(/takuhai/img/common/logo_takuhai.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#stage .site-header .site-header-inner .site-header-contact {
	float: right;
	width: 400px;
}
#stage .site-header .site-header-inner .site-header-contact {
	*zoom: 1;
}
#stage .site-header .site-header-inner .site-header-contact:before,
#stage .site-header .site-header-inner .site-header-contact:after {
	content: "";
	display: table;
}
#stage .site-header .site-header-inner .site-header-contact:after {
	clear: both;
}
#stage .site-header .site-header-inner .site-header-contact .contact {
	float: right;
	padding-top: 20px;
	margin-left: 10px;
	width: 130px;
}
#stage .site-header .site-header-inner .site-header-contact .freedial {
	float: right;
	padding-top: 10px;
	width: 242px;
}

/* # site-footer
----------------------------------- */
#stage .site-footer {
	margin-top: 40px;
}
#stage .site-footer .site-footer-inner {
	position: relative;
	margin: 0 auto;
	border-top: 1px solid #dadada;
	padding: 10px 0 20px;
	width: 940px;
}
#stage .site-footer .site-footer-inner {
	*zoom: 1;
}
#stage .site-footer .site-footer-inner .btn_pagetop {
	position: absolute;
	right: 0;
	top: -28px;
}
#stage .site-footer .site-footer-inner:before,
#stage .site-footer .site-footer-inner:after {
	content: "";
	display: table;
}
#stage .site-footer .site-footer-inner:after {
	clear: both;
}
#stage .site-footer .site-footer-inner .footlink-list {
	float: left;
	width: 470px;
}
#stage .site-footer .site-footer-inner .footlink-list {
	*zoom: 1;
}
#stage .site-footer .site-footer-inner .footlink-list:before,
#stage .site-footer .site-footer-inner .footlink-list:after {
	content: "";
	display: table;
}
#stage .site-footer .site-footer-inner .footlink-list:after {
	clear: both;
}
#stage .site-footer .site-footer-inner .footlink-list li {
	float: left;
	font-size: 10px;
}
#stage .site-footer .site-footer-inner .footlink-list li .ext {
	padding-left: 35px;
	background-image: url(/takuhai/img/common/icon_blank.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
}
#stage .site-footer .site-footer-inner .foot-copyright {
	float: right;
	width: 470px;
	text-align: right;
	font-size: 10px;
}


/* 共通設定： pagettl-area
----------------------------------- */
#contents .pagettl-area {
  position: relative;
  margin: 0 auto !important;
  width: 1000px;
}

#contents .pagettl-area #topicpath #breadcrumbs {
	padding-left: 0;
}

#contents .pagettl-area .pagettl {
  padding: 20px 0;
  text-align: left;
  font-size: 40px;
  font-weight: bold;
  color: #0039a6;
}

#contents .pagettl-area .pagettl span{
	font-size: 24px;
}

#contents .pagettl-area .pagettl span.break{
	display: block;
}

#contents .pagettl-area .btn-allergy {
	position: absolute;
	right: 0;
	bottom: 28px;
}
#contents .pagettl-area .btn-allergy a{
	position: relative;
	border: 1px solid #14a3ee;
	border-radius: 20px;
	padding: 3px 36px 2px 25px;
	display: inline-block;
	color: #14a3ee;
}
#contents .pagettl-area .btn-allergy a:hover{
	background: #14a3ee;
	color: #fff;
}
#contents .pagettl-area .btn-allergy a i{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 16px;
	height: 16px;
	font-size: 14px;
	line-height: 16px;
	margin: auto 5px auto auto;
}


/* 共通設定：●矢印
--------------------------------------------------------------------*/


/* 共通設定：印刷時のみ表示
--------------------------------------------------------------------*/
#stage .forprint {
	display:none;
}

/* 共通設定：クリア
--------------------------------------------------------------------*/

.cfx:after {
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.cfx {
	zoom:1;
}

/* WinIE7 only */
*:first-child+html .cfx {
/*	height:1%;*/
}

/* WinIE6 and below */
/*\*/
* html .cfx {
	height:1%;
}
/**/

.clear {
	clear:both;
}

span.ttl-s{
	font-size: 10px;
}

/* bnr */
#contents .lineup-area .linup-bnr {
  *zoom: 1;
}
#contents .lineup-area .linup-bnr:before, #contents .lineup-area .linup-bnr:after {
  content: "";
  display: table;
}
#contents .lineup-area .linup-bnr:after {
  clear: both;
}
#contents .lineup-area .linup-bnr .bnr-eiyo {
  float: left;
  width: 460px;
}
#contents .lineup-area .linup-bnr .bnr-eiyo a {
	position: relative;
	display: block;
	background-image: url(/takuhai/commodity/common/img/img_eiyo.png);
	background-position: 23px center;
	background-repeat: no-repeat;
	background-size: 54px 52px;
	background-color: #73bb01;
	border: 4px solid #fff;
	border-radius: 13px;
	box-sizing: border-box;
	width: 460px;
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	padding: 8px 90px 12px;
}
#contents .lineup-area .linup-bnr .bnr-eiyo span {
	display: inline-block;
	color: #fff9b8;
	font-size: 16px;
	line-height: 1.220625;
	vertical-align: top;
}

#contents .lineup-area .linup-bnr .bnr-type {
  float: right;
  width: 460px;
}
#contents .lineup-area .linup-bnr .bnr-type a {
	position: relative;
	display: block;
	background-image: url(/takuhai/commodity/common/img/img_type.png);
	background-position: 23px center;
	background-repeat: no-repeat;
	background-size: 54px 52px;
	background-color: #ff7200;
	border: 4px solid #fff;
	border-radius: 13px;
	box-sizing: border-box;
	width: 460px;
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	padding: 8px 90px 12px;
}

#contents .lineup-area .linup-bnr .bnr-eiyo a:hover {
	background-color: #8ccc26;
}
#contents .lineup-area .linup-bnr .bnr-type a:hover {
	background-color: #ff8c2f;
}

#contents .lineup-area .linup-bnr .bnr-eiyo a i ,
#contents .lineup-area .linup-bnr .bnr-type a i {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 22px;
    height: 22px;
    margin: auto 20px auto auto;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
}

#contents .lineup-area .linup-bnr .bnr-eiyo a i:after,
#contents .lineup-area .linup-bnr .bnr-type a i:after {
    content: "\e902";
}

#contents .lineup-area .linup-bnr .bnr-type span {
	display: inline-block;
	color: #fff9b8;
	font-size: 16px;
	line-height: 1.220625;
	vertical-align: top;
}

#contents .lineup-area .linup-bnr .bnr-index {
  float: left;
  width: 460px;
}
#contents .lineup-area .linup-bnr .bnr-index a {
	position: relative;
	display: block;
	background-image: url(/takuhai/commodity/common/img/img_index.png);
	background-position: 23px center;
	background-repeat: no-repeat;
	background-size: 54px 52px;
	background-color: #14a3ee;
	border: 4px solid #fff;
	border-radius: 13px;
	box-sizing: border-box;
	width: 500px;
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	padding: 8px 89px 12px;
}
#contents .lineup-area .linup-bnr .bnr-index span {
	display: inline-block;
	color: #fff9b8;
	font-size: 16px;
	line-height: 1.220625;
	vertical-align: top;
}

#contents .lineup-area .linup-bnr .bnr-type {
  float: right;
  width: 460px;
}
#contents .lineup-area .linup-bnr .bnr-type a {
	position: relative;
	display: block;
	background-image: url(/takuhai/commodity/common/img/img_type.png);
	background-position: 23px center;
	background-repeat: no-repeat;
	background-size: 54px 52px;
	background-color: #ff7200;
	border: 4px solid #fff;
	border-radius: 13px;
	box-sizing: border-box;
	width: 460px;
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	padding: 8px 90px 12px;
}

#contents .lineup-area .linup-bnr .bnr-index a:hover{
	background-color: #46b8f4;
}
#contents .lineup-area .linup-bnr .bnr-type a:hover{
	background-color: #ff8c2f;
}

#contents .lineup-area .linup-bnr .bnr-index a i ,
#contents .lineup-area .linup-bnr .bnr-type a i {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 22px;
    height: 22px;
    margin: auto 20px auto auto;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
}

#contents .lineup-area .linup-bnr .bnr-index a i:after,
#contents .lineup-area .linup-bnr .bnr-type a i:after {
    content: "\e902";
}

#contents .lineup-area .linup-bnr .bnr-type span {
	display: inline-block;
	color: #fff9b8;
	font-size: 16px;
	line-height: 1.220625;
	vertical-align: top;
}








@media screen and (max-width: 736px){
	/* # base
	----------------------------------- */
	@font-face {
		font-family: "Yu Gothic";
		src: local("Yu Gothic Medium");
		font-weight: 100;
	}

	@font-face {
		font-family: "Yu Gothic";
		src: local("Yu Gothic Medium");
		font-weight: 200;
	}

	@font-face {
		font-family: "Yu Gothic";
		src: local("Yu Gothic Medium");
		font-weight: 300;
	}

	@font-face {
		font-family: "Yu Gothic";
		src: local("Yu Gothic Medium");
		font-weight: 400;
	}
	@font-face {
		font-family: "Yu Gothic";
		src: local("Yu Gothic Medium");
		font-weight: normal;
	}

	html, body {
		min-width: 100%;
	}

	body {
		-webkit-text-size-adjust: 100%;
		font-family: "游ゴシック体","YuGothic", "游ゴシック Medium", "游ゴシック","Yu Gothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		font-size: 14px;
		color: #333333;
		line-height: 1.5;
		-webkit-font-smoothing: antialiased;
	}

	html {
		-webkit-text-size-adjust: 100%;
	}

	img {
		vertical-align: middle;
	}

	address {
		font-style: normal;
	}

	a {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	a:link, a:visited {
		color: #009cbd;
		text-decoration: none;
	}

	input, textarea, select {
		margin: 0;
		padding: 0;
		border: none;
		font-size: 100%;
	}

	input, button {
		cursor: pointer;
	}

	.wrapper {
		width: 100%;
	}

	.contents {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	.only-sp{
		display: block !important;
	}
	.only-pc{
		display: none !important;
	}
	.only-pc-inline{
		display: none !important;
	}

	/* # page-wrap
	----------------------------------- */
	.page-wrap {
		margin: 0 auto;
		width: 100%;
	}

	/* # clear fix
	----------------------------------- */
	.cfx {
		*zoom: 1;
	}
	.cfx:before, .cfx:after {
		content: "";
		display: table;
	}
	.cfx:after {
		clear: both;
	}

	/* # header
	----------------------------------- */
	#header {
		display: none;
		/* margin: 0 auto;
		min-height: 60px;
		position: relative;
		text-align: left;
		width: 100%; */
	}

	#header #catchcopy {
		color: #8d8d8d;
		font-size: 10px;
	}

	#header #headerNav {
		display: none;
	}
	#header #headerNav a {
		color: #231815;
		font-size: 10px;
	}

	/* # nav-global
	----------------------------------- */
	.nav-global {
		background-color: transparent;
	}

	.nav-global .nav-global-inner {
		margin: 0 auto ;
		width: auto;
	}

	.nav-global .nav-global-inner .sp-nav-btn{
		background-color: #14a3ee;
		padding: 30px 0;
		text-align: center;
		font-size: 11px;
	}

	.nav-global .nav-global-inner .sp-nav-btn a{
		border: 1px solid #fff;
		display: inline;
		border-radius: 15px;
		padding: 6px 45px 6px 45px;
		color: #fff;
		vertical-align: middle;
		line-height: 1;
		position: relative;
	}

	.nav-global .nav-global-inner .sp-nav-btn i{
		position: absolute;
		top: 6px;
		right: 7px;
	}

	.nav-global .nav-global-inner #lnav,
	.nav-global .nav-global-inner .sp-nav-btn{
		display: none !important;
	}

	.nav-global .nav-global-inner #lnav{
		opacity: 0;
	}

	.nav-global .nav-global-inner .sp-nav-toggle {
		position: absolute;
		left: 0;
		bottom: 100%;
	}

	.nav-global .nav-global-inner .sp-nav-toggle a:before {
		content: "";
		display: inline-block;
		background-image: url(/takuhai/img/sp/common/gnav/icon_nav_menu.png);
		background-size: auto 100%;
		background-repeat: no-repeat;
		vertical-align: middle;
		padding-right: 5px;
		width: 22px;
		height: 18px;
	}

	.nav-global .nav-global-inner .sp-nav-toggle a {
		display: block;
		padding: 14px;
	}

	.nav-global .nav-global-inner .sp-nav-toggle a span{
		font-size: 11px;
		color: #fff;
		display: inline-block;
		vertical-align: middle;
	}

	.nav-global .nav-global-inner.is-nav-open #lnav,
	.nav-global .nav-global-inner.is-nav-open .sp-nav-btn{
		display: block !important;
		background: #14a3ee;
	}

	.nav-global .nav-global-inner .sp-nav-global {
		display: table;
		padding: 8px 12px;
		box-sizing: border-box;
		width: 100%;
	}

	.nav-global .nav-global-inner ul {
		*zoom: 1;
	}
	.nav-global .nav-global-inner ul:before, .nav-global .nav-global-inner ul:after {
		content: "";
		display: table;
	}
	.nav-global .nav-global-inner ul:after {
		display: block;
		clear: both;
	}
	.nav-global .nav-global-inner ul li {
		width: 100%;
		float: none;
		font-size: 17px;
		color: #fff;
		text-align: center;
	}
	.nav-global .nav-global-inner ul li {
		width: auto;
		float: none;
		font-size: 13px;
		text-align: left;
		font-weight: bold;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}

	.nav-global .nav-global-inner ul li.contact{
		display: none;
	}
	.nav-global .nav-global-inner ul li > p > a,
	.nav-global .nav-global-inner ul li > p > span {
		display: block;
		color: #fff;
		border-left: none;
		border-bottom: 1px solid #8ad1f7;
		padding: 16px;
		font-size: 16px;
	}

	.nav-global .nav-global-inner ul li > p > a span{
		display: inline-block;
		vertical-align: middle;
		line-height: 1;
		border: none;
		padding: 0;
	}
	.nav-global .nav-global-inner ul li span.nav-line span.un-small {
		margin-right: 10px;
	}
	.nav-global .nav-global-inner ul li a span.sub-ttl{
		display: inline-block;
		font-size: 13px;
		margin-top: 2px;
		margin-right: 10px;
	}
	.nav-global .nav-global-inner ul li i {
		margin: 0 8px 0 0;
	}
	.nav-global .nav-global-inner ul li a:hover {
		background: none;
	}
	.nav-global .nav-global-inner ul li:last-child a {
		border-right: none;
	}

		.nav-global .nav-global-inner .lnav-megamenu {
			position: static;
			top: auto;
			left: auto;
			right: auto;
			display: block;
			background-color: #14a3ee;
			z-index: auto;
			opacity: 1;
		}
		.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner{
			width: auto;
			padding: 0;

		}
		.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-item{
			width: auto;
			overflow: hidden;
			float: none;
		}
		.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-item li{
			float: left;
			margin-right: 0;
			width: 50%;
			text-align: center;
			height: auto;
		}
		.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-item li a{
			background: none;
			border-bottom: 1px solid #8ad1f7;
			border-radius: 0;
			z-index: 0;
			width: auto;
			height: auto;
			padding: 16px;
		}
		.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-item li a:nth-child(odd){
			border-right: 1px solid #8ad1f7;
		}
		.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-item li a:before{
			display: none;
		}
		.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-item li:hover a{
			opacity: 1;
		}

		.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-item li .ttl{
			font-size: 16px;
			color: #fff;
			line-height: 1.625;
			padding: 0;
		}
		.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-item li .img{
			display: none;
		}
		.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-search{
			width: 100%;
			overflow: hidden;
			float: none;
		}
		.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-search > li {
			text-align: center;
			width: auto;
		}
		.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-search > li:last-child{
			border-bottom: none;
		}
		.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-search > li a{
			font-size: 16px;
			color: #fff;
			line-height: 1.625;
			padding: 15px 0;
			display: block;
			background: none;
			border-radius: 0;
			border-bottom: 1px solid #8ad1f7;
		}

		.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-search > li:hover a{
			color: #fff;
		}

		.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-item li:hover .ttl{
			color: #fff;
		}
		.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-search .search-item{
			margin-bottom: 0;
		}
		.nav-global .nav-global-inner .lnav-megamenu .lnav-megamenu-inner .lnav-megamenu-search > li a:before{
			display: none;
		}

	/* # site-wrap
	----------------------------------- */
	.site-wrap {
		position: relative;
	}

	/* # site-header
	----------------------------------- */
	#header #megsnow-logo {
    box-sizing: border-box;
	}
	#header #megsnow-logo img {
		width: 100%;
	}

	.site-header {
		position: relative;
		width: auto;
		background-color: #fff;
		padding: 13px 10px 0;
	}

	.site-header .site-header-inner {
		width: auto;
		height: auto;
	}

	.site-header .site-header-inner .takuhai-logo {
		position: relative;
		top: auto;
		left: auto;
		background-image: url(/takuhai/img/sp/common/logo_takuhai_txt.png);
		background-size: auto 100%;
		width: 100%;
		height: 29px;
		margin-bottom: 10px;
	}

	.site-header .site-header-inner .site-header-contact {
		background-color: #0039a6;
		float: none;
		width: auto;
		margin-left: -10px;
		margin-right: -10px;
		padding: 10px;
	}
	.site-header .site-header-inner .site-header-contact {
		*zoom: 1;
	}
	.site-header .site-header-inner .site-header-contact:before, .site-header .site-header-inner .site-header-contact:after {
		content: "";
		display: table;
	}
	.site-header .site-header-inner .site-header-contact:after {
		clear: both;
	}
	.site-header .site-header-inner .site-header-contact .contact {
		float: right;
		padding-top: 0;
		margin-left: 0;
		width: 50%;
	}

	.site-header .site-header-inner .site-header-contact .contact a {
		display: block;
		background-color: #14a3ee;
		border-radius: 5px;
		width: auto;
		text-align: center;
		font-size: 13px;
		color: #fff;
		padding: 8px 10px 8px 0;
		vertical-align: middle;
	}

	.site-header .site-header-inner .site-header-contact .contact a span {
		display: inline-block;
		vertical-align: middle;
		margin: 0 0 0 5px;
		/* padding: 0 5px; */
	}

	.site-header .site-header-inner .site-header-contact .contact a i {
		margin: 0 3px;
	}

	.site-header .site-header-inner .site-header-contact .contact a i.icn-tel {
		display: inline-block;
	}


	.site-header .site-header-inner .site-header-contact .freedial {
		display: none;
	}

	/* # confoot
	----------------------------------- */
	#confoot {
		width: 100%;
		background-color: #fff;
	}
	#confoot .frm {
		width: 940px;
		margin: 0 auto;
	}
	#confoot .frm .btn_pagetop {
		text-align: right;
	}

	/* # site-footer
	----------------------------------- */
/* # site-footer
----------------------------------- */
	.footer_content {
		width: 100%;
		margin: 40px auto 0;
	}
	.footer_content .footer_inner {
		padding: 30px 10px 36px 10px;
	}
	.footer_content .footer_inner .ttl {
		font-size: 16px;
	}

	.footer_content .footer_inner .tel_box .tel a {
		display: inline-block;
		background-image: url(/takuhai/common/img/icon_tel.png);
		background-size: 40px 22.5px;
		/* background-position: 14px center; */
		background-position: 0 center;
		font-size: 30px;
		margin-bottom: -7px;
		padding: 0 0 0 45px;
		white-space: nowrap;
	}
	.footer_content .footer_inner .tel_box .tel a ruby rt{
		font-size: 9px;
		margin-bottom: -8px;
	}
	.footer_content .footer_inner .tel_box .txt-open{
		font-size: 11px;
		display: inline-block;
		-webkit-transform: translateX(45px);
		transform: translateX(23px);
	}
	.footer_content .footer_inner .tel_box .txt-request {
		width: 290px;
		font-size: 11px;
		margin: 10px auto 0;
	}
	.footer_content .footer_inner .footer_box {
		display: table;
		width: 100%;
	}
	.footer_content .footer_inner .tel_box {
		display: block;
		width: auto;
		margin-bottom: 20px;
	}
	.footer_content .footer_inner .tel_box .img {
		display: block;
		width: auto;
		padding: 0 20px;
		margin-bottom: 20px;
	}
	.footer_content .footer_inner .tel_box .img img{
		width: 100%;
	}
	.footer_content .footer_inner .customer_box {
		display: block;
		vertical-align: top;
		width: 100%;
	}

	.footer_content .footer_inner .customer_box .btn-customer .box-btn {
		position: relative;
	}

	.footer_content .footer_inner .customer_box .btn-customer .box-btn a {
		font-size: 16px;
		line-height: 1.375;
		padding: 15px 20px 15px 52px;
		background-position: 8px center ;
	}

	.footer_content .footer_inner .customer_box .btn-customer .box-btn a:hover{
		opacity: 1;
	}

	.footer_content .footer_inner .customer_box .btn-customer .btn-tel{
		margin-bottom: 13px;
	}

	.footer_content .footer_inner .customer_box .btn-customer .btn-tel a {
		background-image: url("/takuhai/img/sp/common/icon_sample.png");
		background-size: 40px 40px;
	}

	.footer_content .footer_inner .customer_box .btn-customer .btn-web{
		position: relative;
	}

	.footer_content .footer_inner .customer_box .btn-customer .btn-web a {
		background-image: url("/takuhai/img/sp/common/icon_webcustomer.png");
		background-size: 40px 33px;
	}

	.footer_content .footer_inner .customer_box .btn-customer .box-btn a i {
	    width: 16px;
	    height: 16px;
	    margin: auto 20px auto auto;
	}

	.site-footer {
		margin-top: 80px;
	}
	.site-footer .site-footer-inner {
		position: relative;
		margin: 0 auto;
		border-top: 1px solid #dadada;
		padding: 15px 10px;
		width: 100%;
		box-sizing: border-box;
	}
	.site-footer .site-footer-inner {
		*zoom: 1;
	}
	.site-footer .site-footer-inner .btn_pagetop {
		position: absolute;
		right: 20px;
		top: -56px;
	}
	.site-footer .site-footer-inner .btn_pagetop a {
		color: #000;
	}
	.site-footer .site-footer-inner .btn_pagetop a:after{
		display: inline-block;
		content: "";
		background-image: url(/takuhai/img/sp/common/icon_to_top.png);
		background-position: right center;
		background-repeat: no-repeat;
		background-size: contain;
		width: 35px;
		height: 35px;
		vertical-align: middle;
		padding-left: 14px;
	}
	.site-footer .site-footer-inner:before, .site-footer .site-footer-inner:after {
		content: "";
		display: table;
	}
	.site-footer .site-footer-inner:after {
		clear: both;
	}
	.site-footer .site-footer-inner .footlink-list {
		float: none;
		width: auto;
	}
	.site-footer .site-footer-inner .footlink-list {
		*zoom: 1;
	}
	.site-footer .site-footer-inner .footlink-list:before, .site-footer .site-footer-inner .footlink-list:after {
		content: "";
		display: table;
	}
	.site-footer .site-footer-inner .footlink-list:after {
		clear: both;
	}
	.site-footer .site-footer-inner .footlink-list li {
		float: left;
		font-size: 10px;
	}
	.site-footer .site-footer-inner .footlink-list li .ext {
		padding-left: 15px;
		background-image: url(/takuhai/img/common/icon_blank.gif);
		background-position: 0 50%;
		background-repeat: no-repeat;
		font-size: 12px;
		color: #0068b7;
	}
	.site-footer .site-footer-inner .b_more {
		display: table !important;
    	width: 100%;
	}
	.site-footer .site-footer-inner .b_more .logo_corp {
		display: table-cell;
		width: 38%;
		vertical-align: middle;
	}
	.site-footer .site-footer-inner .b_more .logo_corp img {
		width: 100%;
		max-width: 160px;
	}.site-footer .site-footer-inner .b_more + .b_more {
		margin-top: 10px;
	}
	.site-footer .site-footer-inner .btn {
		display: table-cell;
		width: 50%;
		vertical-align: middle;
		padding-right: 3px;
	}
	.site-footer .site-footer-inner .btn:last-child {
		padding-right: 0px;
		padding-left: 3px;
	}
	.site-footer .site-footer-inner .btn a {
		position: relative;
		display: block;
		border: 1px solid #d2d2d2;
		border-radius: 6px;
		font-size: 12px;
		color: #0267b8;
		line-height: 1.1;
		text-decoration: none;
		padding: 10px 15px 10px 10px;
	}
	.site-footer .site-footer-inner .btn a i {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -8px;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
		width: 10px;
    height: 12px;
    margin: auto 15px auto auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #0267b8;
	}
	.site-footer .site-footer-inner .btn a i:after {
    content: "\e905";
}



	.site-footer .site-footer-inner .foot-copyright {
		float: none;
		width: auto;
		text-align: left;
		padding: 20px 0 0 13px;
		font-size: 10px;
	}

	.mod-box-contents01 {
		margin-top: 20px;
		border: 6px solid #e9e3d6;
		border-radius: 10px;
		padding: 25px 20px 30px;
		background-image: url(/img/common/bg_white_filter.png);
		background-repeat: repeat;
	}

	/* 共通設定： bnr
	----------------------------------- */

	#contents .lineup-area .linup-bnr {
	  *zoom: 1;
	}
	#contents .lineup-area .linup-bnr:before, #contents .lineup-area .linup-bnr:after {
	  content: "";
	  display: table;
	}
	#contents .lineup-area .linup-bnr:after {
	  clear: both;
	}

	#contents .lineup-area .linup-bnr .bnr-eiyo {
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
	#contents .lineup-area .linup-bnr .bnr-eiyo a {
		position: relative;
		background-image: url(/takuhai/img/sp/commodity/common/img_eiyo.png);
		background-position: 10px center;
		background-size: 42.5px 40px;
		border: 3px solid #fff;
		border-radius: 6px;
		width: auto;
		font-size: 16px;
		line-height: 1;
		padding: 8px 62px 12px;
	}
	#contents .lineup-area .linup-bnr .bnr-eiyo span {
		font-size: 11px;
		line-height: 1.220625;
	}

	#contents .lineup-area .linup-bnr .bnr-type {
	  float: none;
	  width: 100%;
	}
	#contents .lineup-area .linup-bnr .bnr-type a {
		position: relative;
		background-image: url(/takuhai/img/sp/commodity/common/img_type.png);
		background-position: 10px center;
		background-size: 42.5px 40px;
		border: 3px solid #fff;
		border-radius: 6px;
		width: auto;
		font-size: 16px;
		line-height: 1;
		padding: 8px 62px 12px;
	}

	#contents .lineup-area .linup-bnr .bnr-eiyo a i ,
	#contents .lineup-area .linup-bnr .bnr-type a i {
	    width: 14px;
	    height: 14px;
	    margin: auto 15px auto auto;
	}

	#contents .lineup-area .linup-bnr .bnr-type span {
		font-size: 11px;
		line-height: 1.220625;
	}

	#contents .lineup-area .linup-bnr .bnr-index {
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
	#contents .lineup-area .linup-bnr .bnr-index a {
		position: relative;
		background-image: url(/takuhai/img/sp/commodity/common/img_index.png);
		background-position: 10px center;
		background-size: 42.5px 40px;
		border: 3px solid #fff;
		border-radius: 6px;
		width: auto;
		font-size: 16px;
		line-height: 1;
		padding: 8px 62px 12px;
	}
	#contents .lineup-area .linup-bnr .bnr-index span {
		font-size: 11px;
		line-height: 1.220625;
	}

	#contents .lineup-area .linup-bnr .bnr-type {
		float: none;
		width: 100%;
	}
	#contents .lineup-area .linup-bnr .bnr-type a {
		position: relative;
		background-image: url(/takuhai/img/sp/commodity/common/img_type.png);
		background-position: 10px center;
		background-size: 42.5px 40px;
		border: 3px solid #fff;
		border-radius: 6px;
		width: auto;
		font-size: 16px;
		line-height: 1;
		padding: 8px 62px 12px;
	}

	#contents .lineup-area .linup-bnr .bnr-index a i ,
	#contents .lineup-area .linup-bnr .bnr-type a i {
			width: 14px;
			height: 14px;
			margin: auto 15px auto auto;
	}

	#contents .lineup-area .linup-bnr .bnr-type span {
		font-size: 11px;
		line-height: 1.220625;
	}




	/* 共通設定： pagettl-area
	----------------------------------- */
	#contents .pagettl-area {
	  width: 100%;
	}
	#contents .pagettl-area #topicpath #breadcrumbs {
		display: none;
	}

	#contents .pagettl-area .pagettl {
	  padding: 20px 20px 45px 20px;
	  font-size: 29px;
	}

	#contents .pagettl-area .pagettl span{
		font-size: 16px;
		display: block;
	}

	#contents .pagettl-area .btn-allergy {
		position: absolute;
		right: 20px;
		bottom: 15px;
	}
	#contents .pagettl-area .btn-allergy a {
		font-size: 12px;
		padding: 3px 32px 2px 15px;
	}

}