@charset "euc-jp";

/*
 * reset
 */

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, address, em, img, strong, i, dl, dt, dd, ol, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1.6;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
	line-height: 1.6;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
 * basic style
 */
html {
	font-size: 62.5%;
}
body {
	color: #5d4338;
	font-size: 1.5rem;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0.05em;
	background: #fff;
	background: linear-gradient(to bottom, #f28329, #f3c75c 25%, #f28329 50%, #f3c75c 75%, #f28329);
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

#wrapper {
	width: 100%;
	background: #fff;
}
.container {
	max-width: 1860px;
}

div, h1, h2, h3, h4, h5, p, ul, ol, li, table, thead, tbody, tr, th, td {
	line-height: 1.6;
}
.p_justify {
	line-height: 2.0;
	text-align: justify;
	text-justify: inter-ideograph;
}

/*
 * icons
 */
.icon-b.icon-play { background-position: -160px -112px; }

.icon-lg-b.icon-user { background-position: -312px 0px; }
.icon-lg-b.icon-adduser { background-position: -360px 0px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-lg-b.icon-home { background-position: -264px -24px; }
.icon-lg-b.icon-mail { background-position: -96px 0px; }
.icon-lg-b.icon-pencil { background-position: -144px 0px; }
.icon-lg-b.icon-help { background-position: -408px -120px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }
.icon-lg-b.icon-download { background-position: -48px -168px; }

.icon-lg-w.icon-mail { background-position: -96px -0px; }
.icon-lg-w.icon-cart { background-position: -264px -96px; }
.icon-lg-w.icon-search { background-position: -312px -24px; }
.icon-lg-w.icon-user { background-position: -312px -0px; }
.icon-lg-w.icon-adduser { background-position: -360px -0px; }
.icon-lg-w.icon-login { background-position: -72px -120px; }
.icon-lg-w.icon-logout { background-position: -48px -120px; }
.icon-lg-w.icon-circled_info { background-position: -408px -120px; }

.icon-b,
.icon-w {
  width: 16px;
  height: 16px;
  display: inline-block;
	vertical-align: middle;
  *display: inline;
  *zoom: 1;
}
.icon-lg-b,
.icon-lg-w {
  width: 24px;
  height: 24px;
  display: inline-block;
	vertical-align: middle;
  *display: inline;
  *zoom: 1;
}

.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-b,
  .icon-w {
    -webkit-background-size: 368px 320px;
    background-size: 368px 320px;
  }

  .icon-lg-b,
  .icon-lg-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }

  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png); }
  .icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}
@media (max-width: 768px) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}

/*
 * font color
 */

.font_bold {
	font-weight: 600 !important;
}
.font_l {
	font-size: 2.2rem !important;
}
.font_m {
	font-size: 1.8rem !important;
}
.font_s {
	font-size: 1.3rem !important;
}
.font_mincho {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.main_text {
	color: #e8822a !important;
}
.red_text {
	color: #c00 !important;
}
.white_text {
	color: #fff !important;
}
.gray_text {
	color: #808080 !important;
}
.marker_text {
	background: linear-gradient(rgba(255, 255, 255, 0) 60%, #ffff66 60%);
}
.schedule_text {
	padding: 0.2em .5em;
	color: #363;
	background-color: #dceec5;
}


/*
 * anchor
 */

a,
a:link,
a:visited,
a:active {
	color: #5d4338;
	text-decoration: none;
}
a {
	opacity: 1;
	filter: alpha(opacity=100);

	-webkit-transition: opacity 0.3s ease-in-out 0s;	
	   -moz-transition: opacity 0.3s ease-in-out 0s;
		 -o-transition: opacity 0.3s ease-in-out 0s;
		    transition: opacity 0.3s ease-in-out 0s;	
}
a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
a:focus, *:focus { outline:none; }

@media (min-width: 600px) {
	a[href^="tel:"] {
		color: #5d4338;
		pointer-events: none;
	}
}

.btn {
	min-width: 200px;
	color: #5d4338;
	line-height: 28px;
	background-color: rgba(200, 194, 184, 0.3);
	border: 1px solid #c8c2b8;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
	color: #5d4338;
	background-color: rgba(200, 194, 184, 0.5);
	opacity: 1;	
}

/*
 * header (SP)
 */

.sp_nav_wrap {
	width: 100%;
	background: #f28329;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
.sp_nav {
	display: inline-block;
	vertical-align: bottom;
	width: 31%;
	font-size: 1.4rem;
	line-height: 1.4rem;
	text-align: center;
	border-left: solid 1px #fff;
}
.sp_nav:first-of-type {
	border-left: none;
}
.sp_nav a {
	display: block;
	color: #fff;
	padding: 13px 0;
}

.drawer_btn {
	position: relative;
	width: 100%;
	height: 50px;
	cursor: pointer;
	z-index: 1000;
}
.drawer_btn .hambarg {
	position: absolute;
	height: 2px;
	width: 20px;
	left: 45%;
	margin-left: -28px;
	background: #fff;
	transition: ease .5s;
}
.drawer_btn .hambarg:nth-child(1) {
	top: 35%;
}
.drawer_btn .hambarg:nth-child(2) {
	top: 50%;
}
.drawer_btn .hambarg:nth-child(3) {
	top: 65%;
}
.drawer_btn.action {
	transform: translateX(0);
	-webkit-overflow-scrolling: touch;
}
.drawer_btn.action .hambarg {
	background: #333;
}
.drawer_btn.action .hambarg:nth-child(1) {
	top: 50%;
	transform: translate(0%,-50%) rotate(45deg);
}
.drawer_btn.action .hambarg:nth-child(2) {
	top: 50%;
	transform: translate(0%,-50%);
	opacity: 0;
}
.drawer_btn.action .hambarg:nth-child(3) {
	top: 50%;
	transform: translate(0%,-50%) rotate(-45deg);
}

.drawer_btn .drawer_menu,
.drawer_btn .drawer_close {
	position: absolute;
	top: 14px;
	left: 45%;
	width: 6rem;
	transition: ease .5s;
}
.drawer_btn .drawer_menu {
	color: #fff;
	display: block;
}
.drawer_btn .drawer_close {
	display: none;
}
.drawer_btn.action .drawer_menu {
	display: none;
}
.drawer_btn.action .drawer_close {
	color: #333;
	display: block;
}
.drawer_menu .drawer_nav {
	position: fixed;
	top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	overflow-y: auto;
	padding-top: 50px;
	transition: all .5s;
	transform: translateX(300px);
	text-align: left;
	background: #fff;
	border-left: solid 1px #ccc;
	z-index: 99;
}
.drawer_menu .drawer_nav.open {
	transform: translate(0);
}
.drawer_serch {
	padding-left: 15px;
}
.drawer_menu_title {
	padding: 1.5rem;
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 1.8rem;
	background: #c8c2b8 url("https://img21.shop-pro.jp/PA01459/302/etc/bg_motif_s.png") no-repeat top -50px right -50px;
}
.drawer_menu ul li a {
	position: relative;
	display: block;
	padding: 15px;
	color: #333 !important;
}
.drawer_menu ul li ul li a {
	padding-left: 3.5rem;
}
.drawer_menu ul li ul li a::before {
	content: "- ";
}
.drawer_menu ul li a::after {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	display: block;
	content: "";
	border-top: solid 2px #c8c2b8;
	border-right: solid 2px #c8c2b8;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

/*
 * header (PC)
 */

.pc_nav_wrap {
	width: 100%;
	background: #e8822a url(https://img21.shop-pro.jp/PA01459/302/etc/debut-light.png) repeat;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
.pc_nav_wrap h1 {
	display: inline-block;
	text-indent: 20px;
	vertical-align: bottom;
	width: 39%;
	color: #fff;
	font-size: 1.3rem;
	line-height: 36px;
}
.pc_nav_wrap ul {
	display: inline-block;
	vertical-align: bottom;
	width: 60%;
	font-size: 1.4rem;
	line-height: 1.4rem;
	text-align: right;
}
.pc_nav_wrap ul li {
	display: inline-block;
	padding: 0 1.5rem;
	text-align: center;
	border-left: solid 1px #fff;
}
.pc_nav_wrap ul li a {
	color: #fff;
	font-size: 1.3rem;
	line-height: 36px;
}

/*
 * side
 */
.form_search_select {
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 5px;
	border: solid 1px #c8c2b8;
	border-radius: 5px;
}
.form_search {
	width: calc(100% - 60px);
	height: 28px;
	line-height: 28px;
	padding: 5px;
	border: solid 1px #c8c2b8;
	border-radius: 5px;
}
.btn_search {
	height: 40px;
	line-height: 40px;
	background: #c8c2b8;
	border: none;
	border-radius: 5px;
}

.side_banner li {
	margin-top: 1.5rem;
}

.side_box {
	margin-top: 1.5rem;
	border-left: solid 1px #c8c2b8;
	border-right: solid 1px #c8c2b8;
	border-bottom: solid 1px #c8c2b8;
}
.side_bn_box {
	margin-top: 1.5rem;
	padding: 1rem 1.5rem;
	border: solid 1px #c8c2b8;
}
.side_title {
	padding: 1.5rem;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.8rem;
	background: #c8c2b8 url("https://img21.shop-pro.jp/PA01459/302/etc/bg_motif_s.png") no-repeat top -50px right -50px;
}
.side_menu li a {
	position: relative;
	display: block;
	padding: 1rem 3rem 1rem 1.5rem;
}
.side_menu li a:hover {
	background: rgba(242, 131, 41, 0.3);
	opacity: 1;
}
.side_menu li ul li a {
	padding-left: 3.5rem;
}
.side_menu li ul li a::before {
	content: "- ";
}
.side_menu li a::after {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	display: block;
	content: "";
	border-top: solid 2px #c8c2b8; 
	border-right: solid 2px #c8c2b8; 
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}


/*
 * contents
 */

#contents {
	padding-bottom: 3rem;
}
@media (min-width: 960px) {
	#contents {
		padding-bottom: 6rem;
	}
}

.topic_path {
	text-align: right;
	font-size: 1.3rem;
	margin-bottom: .5em;
}
@media (max-width: 575.98px) {
	.topic_path {
		text-align: left;
	}
}
.topic_path li,
.topic_path li a {
	display:inline;
	color: #333;
}
.topic_path li:after {
	content: ' > ';
	color: #808080;
	padding-left: 10px;
	padding-right: 5px;
}
.topic_path li:last-child:after {
	content: '';
}

.h_product {
	font-size: 3.0rem;
	font-weight: 600;
	letter-spacing: .1rem;

	width: 100%;
	padding: 30px 0;
	text-align: center;
	background: url("https://img21.shop-pro.jp/PA01459/302/etc/boder_dot.png"), url("https://img21.shop-pro.jp/PA01459/302/etc/bg_motif_s.png"), linear-gradient(5deg, #fff 50%, #eae8c1);
	background-repeat: repeat-x, no-repeat, no-repeat;
	background-position: top left, top -50px right, top left;
	background-size: auto, 60%, auto;
}
@media (max-width: 480px) {
	.h_product {
		font-size: 2.0rem;
		background-position: top left, top -10px right, top left;
		background-size: auto, 70%, auto;
	}
}
.product_lead {
	margin-top: 1rem;
	color: #e8822a;
	font-size: 2.0rem;
	font-weight: 600;
}
@media (max-width: 480px) {
	.product_lead {
		font-size: 1.7rem;
	}
}
.product_feature {
	margin-top: .5rem;
	font-weight: 600;
	line-height: 2.0;
	text-align: justify;
	text-justify: inter-ideograph;
}
.product_notice {
	margin-top: 1.5rem;
}

.ul_prd_lst {
    display: flex;
    flex-wrap: wrap;
}
.prd_lst_name {
	font-weight: 600;
	margin-top: .25em;
}


/* =========================
   common
========================= */

.text-center {
	text-align: center;
}
.mt-2 {
	margin-top: .5em;
}
.mt-3 {
	margin-top: 1em;
}
.mt-4 {
	margin-top: 1.5em;
}
.mt-5 {
	margin-top: 3em;
}
.py-4 {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
.py-5 {
	padding-top: 3em;
	padding-bottom: 3em;
}

hr {
    display:block;
    height: 3px;
    border: 0;   
    background: url("https://img21.shop-pro.jp/PA01459/302/etc/boder_dot.png") repeat-x bottom left;
    margin-top: 3em;
}

.h_center {
	position: relative;
	padding-top: 15px;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 600;
	letter-spacing: 0.2rem;
}
.h_center::before {
    position: absolute;
    content: '';
	top: 3px;
    left: 0;
    width: 100%;
    height: 1px;
    margin: 0 auto;
    text-align: center;
    background-color: #c8c2b8;
}
.h_center::after {
	z-index: 2;
	position: absolute;
	content: '';
	top: 0;
	left: 33.333%;
	width: 33.333%;
	height: 4px;
	background-color: #e8822a;
}
@media (max-width: 480px) {
	.h_center {
		font-size: 2.0rem;
	}
}

.ul_link,
.ul_basic,
.ul_notice {
	padding-left: 1.6rem;
	text-indent: -1.6rem;
}
.ul_link li,
.ul_basic li,
.ul_notice li {
	padding-bottom: .25em;
}
.ul_link li:last-child,
.ul_basic li:last-child,
.ul_notice li:last-child {
	padding-bottom: 0;
}
.ul_link li::before,
.ul_basic li::before,
.ul_notice li::before {
	vertical-align: middle;
}
.ul_link li::before {
	font-size: 1.0rem;
	color: #fd7f23;
	content: "\025b6\a0";
}
.ul_basic li::before {
	font-size: 1.0rem;
	color: #fd7f23;
	content: "\025cf\a0";
}
.ul_notice li::before {
	font-size: 1.0rem;
	color: #fd7f23;
	content: "\2605\a0";
}

.ul_inline li {
	display: inline-block;
}

.ol_basic {
	margin-left: 1rem;
	padding-left: 1rem;
	text-indent: -2rem;
}
.ol_basic li {
	list-style-type: none;
	counter-increment: number;
	padding-bottom: 1rem;
}
.ol_basic li:last-child {
	padding-bottom: 0;
}
.ol_basic li::before{
	content: counter(number) ".";
	margin-right: 5px;
}

.table_basic {
	width: 100%;
	background: #fff;
}
.table_basic tbody th,
.table_basic tbody td {
	padding: 2%;
	border: 1px solid #ccc;
}
.table_basic tbody th {
	width: 30%;
	text-align: left;
	font-weight: 600;
	background: #f0f0f0;
}
@media (max-width: 480px) {
	.table_basic {
		border: 1px solid #ccc;
	}
	.table_basic tbody th,
	.table_basic tbody td {
		width: 96%;
		display: block;
		border: none !important;
	}
}

.table_noborder {
	width: 100%;
}
.table_noborder tr th {
	padding-right: 3rem;
	text-align: left;
	vertical-align: top;
	white-space:  nowrap;
}
.table_noborder tr th,
.table_noborder tr td {
	padding-bottom: 1em;
}

.box_basic {
	padding: 17px;
	background: #fff;
	box-shadow: 0 0 0 5px #f0eeea inset, 0 0 0 1px #c8c2b8;
}

.iframe_wrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.iframe_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*
 * footer
 */

.ft_order {
	padding: 3rem 1.5rem;
	text-align: center;
	background: rgba(200, 194, 184, 1.0);
background-image: url("https://img21.shop-pro.jp/PA01459/302/etc/bg_motif_m.png");
	background-position: top -10px right;
	background-repeat: no-repeat;
	background-size: contain;
}
@media (max-width: 575.98px) {
	.ft_order {
		background-size: 80%;
	}
}
.ft_box_contact {
	padding: 15px;
	background: #fff;
	border: solid 1px #c8c2b8;
}

.footer_info_title {
	padding-bottom: 0.5rem;
	background: url("https://img21.shop-pro.jp/PA01459/302/etc/boder_dot.png") repeat-x bottom left;
}

.ft_aboutus {
	padding: 3rem 1.5rem;
	background: rgba(200, 194, 184, 0.2);
}

.footer_info p,
.footer_info ul {
	margin-top: 1rem;
	font-size: 1.4rem;
}
.footer_info ul {
	padding-left: 1.4rem;
	list-style-type: disc;
}

#copyright {
	padding-top: 40px;
	padding-bottom: 80px;
	font-size: 1.3rem;
	text-align: center;
}

#pagetop {
	z-index: 50;
	display: none;
	cursor: pointer;
	position: fixed;
	bottom: 0;
	left: 50%;
	width: 120px;
	height: 60px;
	margin-left: -60px;
	background: #f28329 url(https://img21.shop-pro.jp/PA01459/302/etc/debut-light.png) repeat;
	border-radius: 60px 60px 0 0;
}
#pagetop::before{
	position: absolute;
	top: 30px;
	bottom: 0;
	right: 0;
	left: 0;
	content: '';
	width: 30px;
	height: 30px;
	margin: auto;
	text-align: center;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	transform: rotate(45deg);
}
.contact-list {
  display: flex;
  flex-wrap: wrap;
}
.contact-list-item {
  padding: 15px;
  width: 33.333333%;
  background: #fff;
  border-right: 2px solid rgba(200, 194, 184, 1.0);
  box-sizing: border-box;
}
.contact-list-item:last-child {
  border-right: none;
}
@media (max-width: 980px) {
  .contact-list {
    display: block;
  }
  .contact-list-item {
    margin-bottom: 2px;
    width: 100%;
    border-right: none;
  }
}