@charset "utf-8";


/* --------------------------------------------------------------------------------
	html & body
-------------------------------------------------------------------------------- */
html{
	
}
body {
	margin: 0;
	padding: 0;
	min-width: 1250px;
	line-height: 1.5;
	text-size-adjust: 100%;
	
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
	color: #333;
}

img{
	max-width: 100%;
	height: auto;
}
address{
	font-style: normal;
}


/* --------------------------------------------------------------------------------
	タグ
-------------------------------------------------------------------------------- */
.common {
	font-size: 15px;
}

.common * {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
}

.common h1,
.common h2,
.common h3,
.common h4,
.common h5,
.common h6 {
	font-size: 1em;
}
.common ol,
.common ul{
	list-style: none;
}
.common table {
	border-collapse: collapse;
	border-spacing: 0;
	tont-size: 1em;
}
.common a,
.common a:link,
.common a:visited{
	text-decoration: none;
	color: #000;
    -webkit-tap-highlight-color: rgba(0,0,0,0.1);
	tap-highlight-color: rgba(0,0,0,0.8);
}
.common a:hover,
.common a:active{
	text-decoration: underline;
}

.font-mincho,
.font-mincho *{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 400;
}


/* --------------------------------------------------------------------------------
	共通クラス
-------------------------------------------------------------------------------- */
.clear{
	clear:both;
}
br.clear{
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
	height: 0;
	border: none;
	visibility: hidden;
	font-size: 0;
}
.clearfix::after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix{
	min-height:1%;
}
* html .clearfix{
	height:1%;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}


/* --------------------------------------------------------------------------------
	デバイスごとの表示・非表示
-------------------------------------------------------------------------------- */
.device-sp{
	display: none;
}
.device-sp-inline{
	display: none;
}
.device-pc{
	display: block;
}
.device-pc-inline{
	display: inline;
}

.inner{
	width: 1200px;
	margin: 0 auto;
}


/* --------------------------------------------------------------------------------
	container
-------------------------------------------------------------------------------- */
#container{
}


/* --------------------------------------------------------------------------------
	header
-------------------------------------------------------------------------------- */
#header{
	position: fixed;
	z-index: 100;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;

	background: #fff;
}

/********** ヘッダーコンテンツ **********/
#header .h-contents {
	display: flex;
	width: 100%;
	padding: 0 0 18px;
}

/********** ロゴ **********/
#header .h-logo {
	width: 164px;
	margin: 0 500px 0 0;
	padding: 17px 0 0;
}
#header .h-logo a {
	display: block;
}
#header .h-logo img {
	display: block;
}

/********** h-help **********/
#header .h-help ul {
	display: flex;
	width: 240px;
	margin: 0 16px 0 0;
	padding: 10px 0 0;
}
#header .h-help ul li {
	width: 80px;
}
#header .h-help ul li a {
	display: block;
	padding: 55px 0 0;
	text-align: center;
	font-size: 12px;
	background-position: 50% 20px;
	background-repeat: no-repeat;
}
#header .h-help ul li.h-help-guide a {
	background-image: url("../images/common/h-btn-guide.png");
}
#header .h-help ul li.h-help-mypage a {
	background-image: url("../images/common/h-btn-mypage.png");
}
#header .h-help ul li.h-help-cart a {
	background-image: url("../images/common/h-btn-cart.png");
}

/********** 検索 **********/
#header .search {
	width: 280px;
	padding: 40px 0 0;
}
#header .search .search-box {
	display: flex;
	width: 100%;
	
	padding: 1px;
	background: #333;
}
#header .search .search-box .txt-search {
	display: flex;
	width: 239px;
}
#header .search .search-box .txt-search input {
	display: block;
	border: none;
	border-radius: 0;
	padding: 0 13px;
}
#header .search .search-box .img-search {
	display: flex;
	width: 39px;
	background: #333;
}
#header .search .search-box .img-search input {
	display: block;
	background: transparent;
}

/********** ナビゲーション **********/
#header .h-nav {
	background: #2d0649;
}
#header .h-nav > nav > .inner > ul {
	display: flex;
	justify-content: center;
	
	width: 100%;
}
#header .h-nav nav .inner ul li a {
	display: block;
	text-decoration: none;
}
#header .h-nav > nav > .inner > ul > li{
	position: relative;
	display: block;
}
#header .h-nav > nav > .inner > ul > li > a,
#header .h-nav > nav > .inner > ul > li.open-close .open-close-btn a {
	padding: 9px 55px;
	font-size: 18px;
	color: #fff;
}
#header .h-nav nav .inner ul li.open-close .open-close-contents {
	position: absolute;
	z-index: 1;
	
	width: 100%;
	background: #eee;
}
#header .h-nav nav .inner ul li.open-close .open-close-contents ul li {
	border-bottom: solid 1px #fff;
}
#header .h-nav nav .inner ul li.open-close .open-close-contents ul li:last-child {
	border-bottom: none;
}
#header .h-nav nav .inner ul li.open-close .open-close-contents ul li a {
	display: block;
	padding: 13px 13px 14px;
	color: #333;
}


/*
ドロップダウン部分通常時
-------------------- */
#header .h-nav nav .inner ul li.open-close .open-close-contents{
	display: none;
}


/*
ドロップダウン部分ホバー時
-------------------- */
#header .h-nav nav .inner ul li.open-close:hover .open-close-contents{
	display: block;
}


/* --------------------------------------------------------------------------------
	footer
-------------------------------------------------------------------------------- */
#footer {
}

/********** フッターインナー **********/
#footer .footer-inner {
	padding: 46px 0 0;
	background: #e5e5e5;
}

/********** フッターコンテンツ **********/
#footer .f-contents {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 0 0 45px;
	font-size: 14px;
}

/********** インフォメーション **********/
#footer .information {
	width: 570px;
}

/********** 見出し **********/
#footer .heading {
	margin: 0 0 19px;
	padding: 0 0 0 13px;
	line-height: 1.2;
	border-left: solid 5px #fff;
	font-size: 20px;
	font-weight: 500;
}

/* information wrapper */
#footer .information .information-wrapper {
	display: flex;
	
	width: 100%;
}

/* information box */
#footer .information .information-box {
	width: 270px;
}

/* リスト */
#footer .information .information-box ul li {
	padding: 0 0 7px 15px;
}
#footer .information .information-box ul li a {
	display: block;
}


/********** 実店舗情報 **********/
#footer .shopinfo{
	width: 570px;
}

/* 実店舗情報見出し */
#footer .shopinfo .heading {
	margin: 0 0 12px;
}

/* 中見出し */
#footer .shopinfo .sheading{
	padding: 0 0 5px;
	font-size: 28px;
}

/* shopinfo wrapper */
#footer .shopinfo .shopinfo-wrapper {
	display: flex;
	
	width: 100%;
}

/* shopinfo box */
#footer .shopinfo .shopinfo-box {
}
#footer .shopinfo .shopinfo-box:nth-of-type(1) {
	width: 320px;
	padding: 0 0 0 16px;
}
#footer .shopinfo .shopinfo-box:nth-of-type(2) {
	width: 250px;
}

/* 住所・連絡先 */
#footer .shopinfo .address {
	padding: 0 0 9px;
	line-height: 2;
}
/* SNS */
#footer .f-btn-sns ul{
	display: flex;
}
#footer .f-btn-sns ul li{
	width: 32px;
	margin: 0 12px 0 0;
}

/********** ボタン **********/
#footer .f-btns{
	padding: 0 0 50px;
}
#footer .f-btns ul{
	display: flex;
	justify-content: space-between;
	
	width: 660px;
	margin: 0 auto;
}
#footer .f-btns ul li{
	width: 300px;
}
#footer .f-btns ul li a{
	display: block;
}
#footer .f-btns ul li img{
	display: block;
}


/********** コピーライト **********/
#footer .copyright{
	padding: 8px 0;
	text-align: center;
	font-size: 12px;
}


/********** ↑ **********/
#footer .f-btn-pagetop{
	position: fixed;
	z-index: 100;
	right: 20px;
	bottom: 60px;
}