@charset "utf-8";

.main-ttl {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}

.contents .section_body section {
	padding-bottom: 30px;
}

.wrap_parent,
.layoutGroup.table {
	margin-top: 18px;
}

.contents .section_body p,
.contents .section_body ol {
	margin: 18px 0;
}

textarea.inqCont,
textarea.customerComment {
	height:120px;
}

.h-type6 {
    font-size: 27px;
    font-weight: bold;
    border-bottom: 1px solid #d2d3d3;
}

/* faq_menu
--------------------------------------------------------- */
.faq_menu_section {
}

.faq_menu_section .section_body {
	border-color: #80be26;
}

.icon-faq {
	text-indent: -18px !important;
	padding-left: 1.5em !important;
	position: relative;
	display: inline-block;
}
.icon-faq:before {
	font-family: "icomoon";
	font-size: 1.3em;
	padding: 0;
	font-weight: normal;
	color: #baa99f;
	position: relative;
	vertical-align: middle;

    display: inline-block;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);
	
	left: 5px;
	top: -0.1em;
	width: 18px;
	text-align: center;
}
.icon-faq_q:before {
	content: "\e902";
	color: #897A2A;/* グリーン */
}
.icon-faq_a:before {
	content: "\e901";
	color: #C54943;/* オレンジ */
}
	
@media screen and (max-width: 768px) {
	.faq_menu_section .section_body {
		background: #e5f8c2;/* キミドリ */
		/*background: #f7d3d6;/* ペールピンク */
		border-radius: 0;
	}
	.faq_menu_section .faq_menu_list {
		border-color: #80be26 !important;
	}
	.faq_menu_section .faq_menu_list dt.h-faq_head:before {
		font-family: "FontAwesome";
		content: "\f059"; /* 「？（円形）」アイコン */
		font-size: 180%;
		margin: 0 8px 0 0;
		font-weight: normal;
		color: #80be26;
		vertical-align: middle;
		position: relative;
		top: -1px;
	}
  	.guide_menu_list {
		border:solid 1px #f7d3d6 !important;
        border-radius: 6px;
        background-color:#fff;
	}
}
.more {
  margin: 0px auto;
  text-align: center;
}


/* ----- 共通コンテンツボックス ----- */
.contents .section_body {
	width: 100%;
	margin: 0 auto;
	/*border: 1px solid #efddd2;*/
	border-radius: 8px;
	background: #fff;
	padding: 0;
	/*box-shadow: 0 3px 0 rgba(0,0,0,0.02);*/
}
.contents .section_wrap {
	margin: 4px auto 18px;
}
.main_column .section_wrap {
	margin: 0 auto 30px;
}
.main_column .section_body {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #efddd2;
	border-top: 3px solid #99877d;
	border-radius: 8px;
	background: #fff;
	padding: 15px;
	box-shadow: 0 3px 0 rgba(0,0,0,0.02);
}
.main_column .section_body_inner {
	padding: 15px;
}
.section_wrap.limited_discount_section .section_body {
	border-top: 3px solid #d93d70;
}
.side_column .section_wrap {
	margin: 0 0 20px 0;
}
.side_column .section_body {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #efddd2;
	border-radius: 6px;
	background: #fff;
	padding: 18px;
	box-shadow: 0 3px 0 rgba(0,0,0,0.02);
	font-size: 90%;
}
.section_body_simple {
	border: 0;
	padding: 10px;
}


@media screen and (max-width: 768px) {
	/* ----- 共通コンテンツボックス ----- */
	.contents .section_body {
		width: 100%;
		border: 0;
		border-radius: 0;
		background: #fff;
		padding: 0;
		box-shadow: none;
	}
	.contents .section_wrap {
		margin: 0 auto;
	}
    .contents .section_wrap.news_important_sp {
        margin:10px auto 0;
    }
	.main_column .section_wrap {
		margin: 0 auto;
	}
    .main_column .section_wrap.slider_bnr_section {
        margin:0 auto 10px;
    }
	.main_column .section_body {
		width: 100%;
		border: 0;
		border-top: 0;
		border-radius: 0;
		background: #fff;
		padding: 0;
		box-shadow: none;
	}
	.main_column .section_body_inner {
		padding: 10px;
	}
	.section_wrap.limited_discount_section .section_body {
		border-top: 3px solid #d93d70;
	}
	.side_column .section_wrap {
		margin: 0;
	}
	.side_column .section_body {
		width: 100%;
		border: 0;
		border-radius: 6px;
		background: #fff;
		padding: 10px;
		box-shadow: none;
		font-size: 100%;
	}
	.side_menu_section .section_body {
		padding: 15px;
		border-radius: 4px;
		background: #e5f8c2;
	}
	.section_body_simple {
		border: 0;
		padding: 10px;
		background: #fff;
		padding: 10px;
	}
    .contents .guide_menu_wrap {
        padding: 15px;
		border-radius: 4px;
		background: #fbf4f0;
    }
}


/* =========================================================
 お問い合わせ先のご案内
========================================================= */
.contact_guide_section {
	color: #555;
}
.contact_guide_section .section_body {
	width: 100%;
	margin: 0 auto;
	border: 8px solid #efddd2;
	border-radius: 8px;
	background: #fff;
	padding: 10px;
	box-shadow: 0 3px 0 rgba(0,0,0,0.02);
	height: 100%;
}
.contact_guide_section .h.ph:before {
	/*left: 0;*/
}
@media screen and (max-width: 768px) {
	.contact_guide_section .h.ph:before {
		left: 5px;
	}
}
/* お電話でのお問い合わせ
--------------------------------------------------------- */

/* ----- ご注文専用電話番号 ----- */
.contact_guide_section.contact_order_section .section_body {
}
/* ----- レイアウト ----- */
/* 1カラム内に1つ置くとき */
.contents .contact_guide_section {
	width: 50%;
	margin: 0 auto;
}
/* 左右に並べるとき */
.left_wrap .contact_guide_section,
.right_wrap .contact_guide_section {
	width: 100%;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	/* ----- レイアウト ----- */
	/* 1カラム内に1つ置くとき */
	.contents .contact_guide_section {
		width: 100%;
		margin: 0 auto;
		padding: 0 10px 10px 10px;
		background: #fff;
	}
	/* 左右に並べるとき */
	.left_wrap .contact_guide_section,
	.right_wrap .contact_guide_section {
		width: 100%;
		margin: 0 auto;
		padding: 10px;
		border: 0;
		background: #fff;
	}
	/* ログインに関するお問い合わせ */
	.contact_guide_section.contact_login_section {
		border: 0;
		padding: 10px;
		background: #fff;
	}
	.contact_guide_section .h.contact_guide_msg {
		border-top: 10px solid #fbf3f0 !important;
	}
}
/* ----- 共通 ----- */
.contact_guide_section .h {
	background: #fbf3f0;
	border-radius: 6px;
	padding: 0.8em 1em;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	color: #555;
	margin: 0 auto 10px;
	border: 0;
}
.contact_guide_section .contact_center {
	padding: 0.4em 0;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	color: #555;
	margin: 0 auto 4px;
}
@media screen and (max-width: 768px) {
	.contact_guide_section .h {
		font-size: 95%;
	}
	.contact_guide_section .contact_center {
		font-size: 100%;
	}
}
.contact_guide_section .contact_tel_num {
	padding: 0.2em 0;
	text-align: center;
	font-size: 160%;
	font-weight: bold;
	color: #d93d70;
	margin: 0 auto 10px;
	line-height: 100%;
}
.contact_guide_section .logo_free_dial img {
	width: 50px;
	margin-right: 4px;
}
.contact_guide_section .contact_tel_num .small {
	font-size: 75%;
	font-weight: bold;
}
.contact_guide_section .contact_mobile_tel {
	padding: 0;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	color: #555;
	margin: 8px auto;
	line-height: 150%;
}
.contact_guide_section .contact_mobile_tel_num {
	font-size: 120%;
	font-weight: bold;
	color: #d93d70;
}
@media screen and (max-width: 768px) {
	.contact_guide_section .contact_mobile_tel_num {
		display: block;
	}
}
.contact_guide_section .contact_mobile_tel .small {
	font-size: 80%;
	font-weight: bold;
}
.contact_guide_section .contact_time {
	padding: 0;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	color: #555;
	margin: 10px auto 0;
	line-height: 150%;
}
@media screen and (max-width: 768px) {
	.contact_guide_section .contact_time {
		font-size: 90%;
	}
}
.contact_guide_section .h.contact_guide_msg {
	text-align: left;
	line-height: 130%;
	margin-bottom: 0;
}
@media screen and (max-width: 768px) {
	.contact_guide_section .h.contact_guide_msg {
		margin: 0 -10px;		
		background: #fff;
	}
}
/* ----- simple_guide_section ----- */
.simple_guide_section .contact_guide_section .section_body {
	border-width: 2px;
	border-radius: 0;
	box-shadow: none;
	padding: 4px;
}
.simple_guide_section .contact_guide_section .h {
	margin: 0 0 10px 0;
	padding: 4px;
}
.simple_guide_section .contact_guide_section .h:before {
	font-size: 120%;
	margin: 0 0 2px 0;
	left: 4px;
}
.simple_guide_section .contact_guide_section .contact_tel_num {
	font-size: 160%;
	white-space: nowrap
}
.simple_guide_section .contact_guide_section .logo_free_dial img {
	width: 30px;
	margin-right: -4px;
}
.simple_guide_section .contact_guide_section .contact_mobile_tel_num {
	display: block;
}
.simple_guide_section .contact_guide_section .contact_mobile_tel .small {
	font-size: 85%;
	font-weight: normal;
}
.simple_guide_section .contact_guide_section .contact_time,
.simple_guide_section .contact_guide_section .contact_mobile_tel {
	margin: 8px auto;
}
.simple_guide_section .contact_goods_section .contact_time {
	margin: 10px auto 0;
}
.simple_guide_section .contact_guide_section .contact_center {
	font-size: 95%;
}


/* =========================================================
 共通アイコン
 （アイコン付きテキスト）
========================================================= */
.ph {
	text-indent: -18px !important;
	padding-left: 2.0em !important;
	position: relative;
}
.ph:before {
	font-family: "FontAwesome";
	font-size: 1.2em;
	padding: 0;
	font-weight: normal;
	color: #baa99f;
	position: relative;
	vertical-align: middle;

    display: inline-block;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);
	
	left: 5px;
	top: -0.1em;
	width: 18px;
	text-align: center;
}

/* ----- common ----- */
.ph.shopping-cart:before {
	content: "\f07a"; /* 「カート」アイコン */
}
.ph.smile-o:before {
	content: "\f118"; /* 「スマイル」アイコン */
}

/* =========================================================
サイドメニュー　共通メニュー
========================================================= */

/* side_menu
--------------------------------------------------------- */
.side_menu_list li a {
	position: relative;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
	padding: 14px 8px;
	display: block;
	text-decoration: none;
}
.side_menu_list li:first-child a {
	border-top: 0;
}
.side_menu_list li a:after {
	font-family: "FontAwesome";
	content: "\f105";
	position: absolute;
	right: 2%;
	font-size: 24px;
	padding: 0;
	text-align: center;
	top: 40%;
	margin-top: -10px;
	color: #baa99f;
}
@media screen and (max-width: 768px) {
	/* side_menu
	--------------------------------------------------------- */
	.side_menu_list li a {
		position: relative;
		padding-top: 10px;
		border-top: 1px dotted #ccc;
		padding: 12px 38px 12px 12px;
		display: block;
		text-decoration: none;
		color: #333;
		font-size: 14px;
	}
	.side_menu_list li:first-child a {
		border-top: 0;
	}
	.side_menu_list li a:after {
		font-family: "FontAwesome";
		content: "\f105";
		position: absolute;
		right: 12px;
		font-size: 24px;
		padding: 0;
		text-align: center;
		top: 50%;
		margin-top: -10px;
		color: #baa99f;
	}

	.side_menu_section .section_body .side_menu_list {
		background-color:#ffffff;
		border:1px solid #d0c7b9;
		border-radius: 6px; 
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px; 
	}
}


/* =========================================================
サイドメニュー　共通アコーディオンメニュー
========================================================= */

/* accordion_menu
--------------------------------------------------------- */
.accordion_menu_list dt,
.accordion_menu_list dd li a {
	position: relative;
	border-top: 1px dotted #ccc;
	padding: 10px 24px 10px 10px;
	display: block;
	cursor: pointer;
}
.accordion_menu_list dd ul {
	margin: 0;
}
.accordion_menu_list dd li:first-child {
	border-top: 1px dotted #ccc;
}
.accordion_menu_list dt:first-child {
	border-top: 0;
}
.accordion_menu_list dt.opened {
	/*background: #fbf4f0;*/
}
.accordion_menu_list dt:after {
	font-family: "FontAwesome";
	/*content: "\f105";*/
	content: "\f107";
	position: absolute;
	right: 4px;
	font-size: 24px;
	padding: 0;
	text-align: center;
	top: 50%;
	margin-top: -10px;
	color: #baa99f;
}
.accordion_menu_list dd li a {
	padding-left: 24px;
	text-decoration: none;
}
.accordion_menu_list dd li a:after {
	font-family: "FontAwesome";
	content: "\f105";
	position: absolute;
	right: 4px;
	font-size: 24px;
	padding: 0;
	text-align: center;
	top: 50%;
	margin-top: -10px;
	color: #baa99f;
}
/* ご利用ガイドをすべて見る */
.accordion_menu_list dt.show_all {
	background: #fff;
	text-align: right;
}
.accordion_menu_list dt.show_all:after {
	display: none;
}
.accordion_menu_list dt.show_all a:after {
	font-family: "FontAwesome";
	content: "\f101";
	position: absolute;
	right: 4px;
	font-size: 24px;
	padding: 0;
	text-align: center;
	top: 50%;
	margin-top: -10px;
	color: #baa99f;
}
.accordion_menu_list dt.show_all a {
	text-align: right;
	padding-right: 12px;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	/* accordion_menu
	--------------------------------------------------------- */
	.accordion_menu_list dt,
	.accordion_menu_list dd li a {
		position: relative;
		border-top: 1px solid #ede0d5;
		padding: 12px 38px 12px 12px;
		display: block;
		cursor: pointer;
		font-size: 14px;
	}
	.accordion_menu_list dd li a {
		border-top: 1px dotted #ede0d5;
		padding: 12px 24px 12px 12px;
	}
	.accordion_menu_list dd ul {
		margin: 0 12px;
	}
	.accordion_menu_list dd ul.disc {
		margin: 0;
	}
	.accordion_menu_list dd li:first-child {
		border-top: 1px solid #ede0d5;
	}
	.accordion_menu_list dt:first-child,
	.accordion_menu_list dd ul.disc li {
		border-top: 0;
	}
	.accordion_menu_list dt.opened {
		/*background: #fbf4f0;*/
	}
	.accordion_menu_list dt:after {
		font-family: "FontAwesome";
		/*content: "\f105";*/
		content: "\f107";
		position: absolute;
		right: 12px;
		font-size: 26px;
		padding: 0;
		text-align: center;
		top: 50%;
		margin-top: -10px;
		color: #baa99f;
		line-height: 0.8;
	}
	.accordion_menu_list dd li a {
		padding-left: 12px;
		text-decoration: none;
	}
	.accordion_menu_list dd li a:after {
		font-family: "FontAwesome";
		content: "\f105";
		position: absolute;
		right: 4px;
		font-size: 24px;
		padding: 0;
		text-align: center;
		top: 50%;
		margin-top: -10px;
		color: #baa99f;
		line-height: 0.8;
	}
	/* ご利用ガイドをすべて見る */
	.accordion_menu_list dt.show_all {
		background: #fff;
		text-align: right;
	}
	.accordion_menu_list dt.show_all:after {
		display: none;
	}
	.accordion_menu_list dt.show_all a:after {
		font-family: "FontAwesome";
		content: "\f101";
		position: absolute;
		right: 12px;
		font-size: 26px;
		padding: 0;
		text-align: center;
		top: 50%;
		margin-top: -10px;
		color: #baa99f;
		line-height: 0.8;
	}
	.accordion_menu_list dt.show_all a {
		text-align: right;
		padding-right: 24px;
		text-decoration: none;
	}
}

/* =========================================================
コンテンツ　共通アコーディオンコンテンツ
========================================================= */

/* accordion_contents
--------------------------------------------------------- */
.accordion_contents_list dt {
	position: relative;
	border-top: 1px dotted #ccc;
	padding: 10px 24px 10px 10px;
	display: block;
	cursor: pointer;
}
.accordion_contents_list dt:first-child {
	border-top: 0;
}
.accordion_contents_list dt.opened {
	/*background: #fbf4f0;*/
}
.accordion_contents_list dt:after {
	font-family: "FontAwesome";
	/*content: "\f105";*/
	content: "\f107";
	position: absolute;
	right: 4px;
	font-size: 24px;
	padding: 0;
	text-align: center;
	top: 50%;
	margin-top: -10px;
	color: #baa99f;
}
.accordion_contents_list dd {
	padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
	/* accordion_contents
	--------------------------------------------------------- */
	.accordion_contents_list dt {
		position: relative;
		border-top: 1px solid #ede0d5;
		padding: 12px 38px 12px 12px;
		display: block;
		cursor: pointer;
		font-size: 14px;
	}
	.accordion_contents_list dt:first-child {
		border-top: 0;
	}
	.accordion_contents_list dt.opened {
		/*background: #fbf4f0;*/
	}
	.accordion_contents_list dt:after {
		font-family: "FontAwesome";
		/*content: "\f105";*/
		content: "\f107";
		position: absolute;
		right: 12px;
		font-size: 26px;
		padding: 0;
		text-align: center;
		top: 50%;
		margin-top: -10px;
		color: #baa99f;
		line-height: 0.8;
	}
}

input.nameSei, input.nameMei, input.nameSeiKana, input.nameMeiKana, input.destNameSei, input.destNameMei, input.destNameSeiKana, input.destNameMeiKana, input.orderNameSei, input.orderNameMei, input.orderNameSeiKana, input.orderNameMeiKana {
	width:126px;
}

input[type="tel"] {
	font-size: 1em;
	padding: 8px;
	border: 1px solid #ccc;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}