@charset "utf-8";

/*
	/styles/type1/base.css
	☆PC用
	
	基本CSS
	
*/

@import url('https://fonts.googleapis.com/css?family=Bad+Script|Quicksand|Pinyon+Script');

html {
}
body {
	padding-top:80px;
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
}
a {
	color:inherit;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
li {
	list-style:none;
}

/*
	.siteWrap
	サイト共通ラップ
*/
.siteWrap-1 {
	width:1200px;
	min-width:1200px;
	margin:0 auto;
	padding:0 10px;
	box-sizing:border-box;
}

/*
	.siteHeader
	サイト共通ヘッダー
*/
.siteHeader {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
}
.siteHeader_wrap {
	min-width:1200px;
	background:#fff;
	border-bottom:1px solid #e6e6e6;
}
.siteHeader_in {
	width:100%;
	display:table;
}
.siteHeader_cell-1 {
	display:table-cell;
	vertical-align:middle;
}
.siteHeader_cell-2 {
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}
.siteHeader_logo {
	/* ロゴ */
	width:160px;
	display:inline-block;
	vertical-align:middle;
}
.siteHeader_logo img {
	width:100%;
	height:auto;
	display:block;
}
.siteHeader_search {
	/* 検索 */
	margin-left:20px;
	display:inline-block;
	vertical-align:middle;
}
.siteHeader_search_txt {
	width:220px;
	padding:5px;
}
.siteHeader_search_submit {
	width:20px;
	height:auto;
	margin-left:5px;
}
.siteHeader_ctg {
	/* カテゴリ */
	margin-left:15px;
	display:inline-block;
	vertical-align:middle;
}
.siteHeader_ctg_ttl {
	height:80px;
	vertical-align:middle;
	display:table-cell;
	-webkit-transition-property:height;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	-webkit-transition-delay:0;
	transition-property:height;
	transition-duration:0.2s;
	transition-timing-function:ease;
	transition-delay:0;
}
.siteHeader_ctg_ttl_in {
	padding:0 15px;
	border-left:1px solid #b8b8b8;
}
.siteHeader_ctg_ttl_in:after {
	width:0;
	height:0;
	margin-left:8px;
	content:'';
	display:inline-block;
	border:solid transparent;
	border-width:4px;
	border-top-color:#333;
	vertical-align:bottom;
}
.siteHeader_controller {
	/* ログイン・カートなど */
	margin-right:0;
	margin-left:auto;
	display:table;
	font-size:12px;
}
.siteHeader_controller li {
	display:table-cell;
	vertical-align:middle;
}
.siteHeader_controller li a {
	height:80px;
	padding:0 10px;
	display:block;
	text-decoration:none;
	-webkit-transition-property:height;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	-webkit-transition-delay:0;
	transition-property:height;
	transition-duration:0.2s;
	transition-timing-function:ease;
	transition-delay:0;
}
.siteHeader_controller li a:hover span {
	opacity:.6;
}


.siteHeader_controller li a:before {
	height:80px;
	content:'';
	display:table-cell;
	vertical-align:middle;
	-webkit-transition-property:height;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	-webkit-transition-delay:0;
	transition-property:height;
	transition-duration:0.2s;
	transition-timing-function:ease;
	transition-delay:0;
}

.siteHeader_controller li a:hover span {
	opacity:.6;
}
.siteHeader_controller li a > span {
	display:table-cell;
	vertical-align:middle;
}

/* 1903追加ご利用ガイド */
.siteHeader_controller .guide_temp a {
	height:80px;
	display:table-cell;
	vertical-align:middle;
	-webkit-transition-property:height;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	-webkit-transition-delay:0;
	transition-property:height;
	transition-duration:0.2s;
	transition-timing-function:ease;
	transition-delay:0;
	text-decoration:none;
}

.siteHeader_controller .guide_temp a:before {
	content:none;
}

.siteHeader_controller guide_temp a:hover {
	opacity:.6;
}

.siteHeader_controller_send {
	/* \5,000以上で送料無料 */
	text-align:center;
	line-height:1.4;
}
li.siteHeader_controller_send a {
	display:block;
	background:#333;
}
li.siteHeader_controller_send a:hover {
	background:#8a8a8a;
}
li.siteHeader_controller_send a:hover span {
	opacity:1;
}
.siteHeader_controller_send_line-1 {
	color:#fff;
	font-size:11px;
}
.siteHeader_controller_send_line-2 {
	color:#fff;
	font-size:14px;
	font-weight:bold;
	letter-spacing:.1em;
}
li.siteHeader_controller_cart a > span {
	/* カートボタン */
	height:80px;
	padding:0 14px;
	background:#ddd;
	-webkit-transition-property:height;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	-webkit-transition-delay:0;
	transition-property:height;
	transition-duration:0.2s;
	transition-timing-function:ease;
	transition-delay:0;
}
li.siteHeader_controller_cart a:hover > span {
	background:#e6e6e6;
	opacity:1;
}
.siteHeader_controller_cart_txt {
	display:none;
}

.siteHeader.is-small {
	/* 追従時の縮小ヘッダー */
}
.siteHeader.is-small .siteHeader_wrap {
}
.siteHeader.is-small .siteHeader_ctg_ttl {
	height:60px;
}
.siteHeader.is-small .siteHeader_controller li a {
	height:60px;
}
.siteHeader.is-small .siteHeader_controller li a:before {
	height:60px;
}
.siteHeader.is-small li.siteHeader_controller_cart a > span {
	/* カートボタン */
	height:60px;
}

/*
	.siteCtg
	サイト共通カテゴリ
	！！！！！！注：PCヘッダー・PC左カテゴリ・SP左カテゴリ・SP下カテゴリすべてに使用しています！！！！！！
	siteCtgクラス単独にスタイルを設定しないでください。
	必ずsiteHeadCtgなどの、表示先のクラスと一緒に使用してください。
	例）
	.siteHeadCtg .siteCtg_in {
		...
	}
*/
.siteCtg {
}

/*
	.siteHeadCtg
	サイト共通ヘッダー内カテゴリ
*/
.siteHeadCtg {
	width:100%;
	min-width:1200px;
	margin-top:-5px !important;
	background:#fff;
	font-size:13px;
	display:none;
	position:absolute;
	left:0;
	z-index:100;
	box-shadow:0 0 1px 1px rgba(0,0,0,.2);
}
.siteHeadCtg:before {
	width:16px;
	height:16px;
	margin-left:-76px;
	content:'';
	display:block;
	position:absolute;
	top:-5px;
	left:50%;
	z-index:400;
	background:#fff;
	box-shadow:0 0 1px 1px rgba(0,0,0,.2);
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.siteHeadCtg .siteCtg {
	text-align:center;
	background:#fff;
	position:relative;
	z-index:500;
	/* transform z-index hack */
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
}
.siteHeadCtg .siteCtg_in {
	padding:20px 30px 30px;
	display:inline-block;
	text-align:left;
	position:relative;
}
.siteHeadCtg .siteCtg_cell {
	width:140px;
	margin-left:20px;
	display:inline-block;
	vertical-align:top;
}
.siteHeadCtg .siteCtg_noLink {
	padding:6px 2px;
	display:block;
}
.siteHeadCtg .siteCtg_cell a {
	padding:6px 2px;
	display:block;
	text-decoration:none;
}
.siteHeadCtg .siteCtg_cell a:hover {
	text-decoration:none;
	background:#fff;
}
.siteHeadCtg .siteCtg_ttl {
	font-weight:bold;
	line-height:1.6;
}
.siteHeadCtg li {
}
.siteHeadCtg .siteCtg_parent:hover {
	background:#fff;
	position:relative;
}
.siteHeadCtg .siteCtg_nest {
	min-width:100%;
	margin:-2px 0 0 40px;
	padding:5px;
	display:none;
	background:#fff;
	position:absolute;
	z-index:300;
	box-shadow:0 0 1px 1px rgba(0,0,0,.2);
}
.siteHeadCtg .siteCtg_nest li {
	white-space:nowrap;
}
.siteHeadCtg .siteCtg_nest_allItems {
	display:none;
}
.siteHeadCtg .siteCtg_nest a:hover {
	text-decoration:underline;
}
.siteHeadCtg .siteCtg_nest li:first-child {
	margin-top:0;
}
.siteHeadCtg .siteCtg_close {
	display:none;
}
.siteHeadCtg .siteCtg_cell-new {
	/* New in がある枠 */
	width:80px;
}
.siteHeadCtg .siteCtg_cell-pickup {
	/* 特集 がある枠 */
	padding-right:20px;
	border-right:1px solid #e6e6e6;
}

/*
	.site2ColumnCtg
	サイト共通（？）左カラム内カテゴリ
*/
.site2ColumnCtg {
}
.site2ColumnCtg_in {
	padding:5px 0;
	border-top:2px solid #333;
	font-size:13px;
	line-height:1.4;
}
.site2ColumnCtg_ttl {
	padding:7px 2px;
	font-weight:bold;
}
.site2ColumnCtg .siteCtg {
}
.site2ColumnCtg .siteCtg_in {
	position:relative;
}
.site2ColumnCtg .siteCtg_cell {
}
.site2ColumnCtg .siteCtg_cell > ul > li {
}
.site2ColumnCtg .siteCtg_noLink {
	/* リンクがない箇所（例：レディース） */
	padding:7px 5px 7px 2px;
	display:block;
}
.site2ColumnCtg .siteCtg_ttl_hitN {
	/* 対象のアイテム数 */
	margin-left:1em;
	color:#999;
	font-size:10px;
	display:inline-block;
}
.site2ColumnCtg .siteCtg_ttl {
	/* メインカテゴリ名 */
	width:100%;
	border-top:1px solid #e6e6e6;
	display:table;
}
.site2ColumnCtg .siteCtg_ttl_link {
	display:block;
	text-decoration:none;
}
.site2ColumnCtg .siteCtg_ttl_link:hover {
	text-decoration:none;
	background:#e6e6e6;
}
.site2ColumnCtg .siteCtg_ttl_txt {
	/* メインカテゴリ名の文字列 */
	padding:8px 5px 8px 2px;
	display:table-cell;
	vertical-align:middle;
}
.site2ColumnCtg .siteCtg_ttl_clear {
	/* メインカテゴリ名の解除ボタンエリア */
	padding-right:5px;
	display:table-cell;
	text-align:right;
	vertical-align:middle;
}
.site2ColumnCtg .siteCtg_ttl + ul {
	padding-left:1em;
}
.site2ColumnCtg li {
}
.site2ColumnCtg ul.siteCtg_nest {
	/* ネストされたリンクリスト */
	min-width:200px;
	padding:5px 10px;
	background:#e6e6e6;
	display:none;
	position:absolute;
	left:100%;
	top:0;
	z-index:300;
}
.site2ColumnCtg .siteCtg_nest li {
	white-space:nowrap;
}
.site2ColumnCtg .siteCtg_nest_allItems {
	display:none !important;
}
.site2ColumnCtg .siteCtg_nest li:first-child {
	margin-top:0;
}
.site2ColumnCtg .siteCtg_nest_link {
	display:block;
	text-decoration:none;
}
.site2ColumnCtg .siteCtg_nest_link:hover {
	text-decoration:underline;
	background:#e6e6e6;
}
.site2ColumnCtg .siteCtg_nest_txt {
	/* ネストされたリンクリストの文字列 */
	padding:7px 5px 7px 2px;
	display:table-cell;
	vertical-align:middle;
}
.site2ColumnCtg .siteCtg_nest_clear {
	/* ネストされたリンクリストの解除ボタンエリア */
	padding-right:5px;
	display:table-cell;
	text-align:right;
	vertical-align:middle;
}
.site2ColumnCtg .siteCtg_parent {
	/* 開閉における親要素 */
	position:relative;
}
.site2ColumnCtg .siteCtg_parent:hover {
	background:#e6e6e6;
	position:relative;
}
.site2ColumnCtg .siteCtg_parent > p a .siteCtg_ttl_txt:after {
	width:0;
	height:0;
	margin-left:10px;
	content:'';
	display:inline-block;
	border:3px solid transparent;
	border-left-color:#333;
	vertical-align:middle;
	-webkit-transition:-webkit-transform .2s ease;
	transition:transform .2s ease;
	transform:rotate(0);
}
.site2ColumnCtg .is-navSelected_parent {
	/* 現在カテゴリ表示（ラップ） */
}
.site2ColumnCtg .is-navSelected_parent > p a .siteCtg_ttl_txt:after {
	transform:rotate(90deg);
}
.site2ColumnCtg .is-navSelected_parent:hover {
	background:#fff;
}
.site2ColumnCtg .is-navSelected_parent ul.siteCtg_nest {
	min-width:0;
	position:static;
	background:#fff;
	display:block;
}
.site2ColumnCtg .is-navSelected_parent .siteCtg_nest li {
	width:100%;
	white-space:normal;
	display:table;
}
.site2ColumnCtg .is-navSelected_parent .siteCtg_nest a:hover {
	text-decoration:none;
}
.site2ColumnCtg .is-navSelected_parent  ul.siteCtg_nest {
	padding:0 0 0 1em;
}
.site2ColumnCtg .is-navSelected_ctg {
	/* 現在カテゴリ表示（カテゴリ） */
	background-color:#e6e6e6;
}
.site2ColumnCtg .siteCtg_search {
	/* 検索 */
}
.site2ColumnCtg .siteCtg_search_input input {
	width:100%;
	margin-top:10px;
	padding:5px;
	box-sizing:border-box;
}
.site2ColumnCtg .siteCtg_search_txt {
	margin-top:3px;
	font-size:11px;
	text-align:right;
}
.site2ColumnCtg .siteCtg_search_submit {
	text-align:center;
}
.site2ColumnCtg .siteCtg_search_submit input {
	width:100px;
	margin-top:10px;
	padding:5px 10px;
	background:#333;
	border:0;
	color:#fff;
}


/*
	.homeHeaderCtg
	トップページのヘッダー内カテゴリ
*/
.homeHeaderCtg {
}
.homeHeaderCtg.siteHeadCtg:before {
	margin-left:-293px;
}


/*
	.homeBodyCtg
	トップページのメインコンテンツ内カテゴリ
*/
.homeBodyCtg {
}
.homeBodyCtg .siteCtg {
	margin-top:50px;
	text-align:center;
	font-size:15px;
	line-height:1.4;
}
.homeBodyCtg .siteCtg_in {
	display:inline-block;
	text-align:left;
	position:relative;
}
.homeBodyCtg .siteCtg_cell {
	width:170px;
	margin-left:20px;
	display:inline-block;
	vertical-align:top;
}
.homeBodyCtg .siteCtg_noLink {
	padding:8px 2px;
	display:block;
}
.homeBodyCtg .siteCtg_cell a {
	padding:8px 2px;
	display:block;
	text-decoration:none;
}
.homeBodyCtg .siteCtg_cell a:hover {
	opacity:.6;
	text-decoration:none;
}
.homeBodyCtg .siteCtg_ttl {
	font-weight:bold;
	line-height:1.4;
}
.homeBodyCtg .siteCtg_ttl_txt {
}
.homeBodyCtg li {
}
.homeBodyCtg .siteCtg_parent:hover {
	position:relative;
}
.homeBodyCtg .siteCtg_nest {
	min-width:100%;
	margin:-2px 0 0 40px;
	padding:5px;
	display:none;
	background:#f2f2f2;
	position:absolute;
	z-index:300;
	box-shadow:0 1px 2px 1px rgba(0,0,0,.2);
}
.homeBodyCtg .siteCtg_nest li {
	white-space:nowrap;
}
.homeBodyCtg .siteCtg_nest a:hover {
	text-decoration:underline;
}
.homeBodyCtg .siteCtg_nest li:first-child {
	margin-top:0;
}
.homeBodyCtg .siteCtg_close {
	display:none;
}
.homeBodyCtg .siteCtg_cell-new {
	/* New in がある枠 */
	width:100px;
}
.homeBodyCtg .siteCtg_cell-pickup {
	/* 特集 がある枠 */
	margin-right:10px;
	padding-right:20px;
	border-right:1px solid #333;
}

/*
	.mainContents
	サイトヘッダーとサイトフッター以外
*/
.mainContents {
	margin-top:20px;
}

/*
	.bread
	ぱんくずリスト
*/
.bread {
}
.bread li {
	display:inline-block;
	font-size:13px;
}
.bread li:before {
	margin:0 5px;
	content:'\003E';
}
.bread li:first-child:before {
	margin-left:0;
	content:none;
}

/*
	.site2Column
	サイト共通2カラム要素
*/
.site2Column:after {
	content:"";
	display:table;
	clear:both;
}
.site2Column-s {
	width:240px;
	float:left;
}
.site2Column-l {
	width:940px;
	float:right;
}

/*
	.siteHeadPr
	サイト共通PRエリア
*/
.siteHeadPr a,
.siteHeadPr span {
	min-width:1200px;
	display:block;
}

/*
	.pagetop
	ページトップへ
*/
.pagetop {
}
.pagetop a {
	width:50px;
	height:0;
	padding-top:50px;
	position:fixed;
	right:30px;
	bottom:30px;
	overflow:hidden;
	display:none;
	background:url(/images/type1/template/icon_top-2.png) 50% 50% no-repeat rgba(0,0,0,.2);
	background-size:20px auto;
}
.pagetop a:hover {
	opacity:.6;
}

/*
	.siteFooter
	サイト共通フッター
*/

.siteFooter {
	min-width:1200px;
	margin-top:100px;
}
.siteFooter_in {
}
.siteFooter_cell-1 {
	/* メディアリンクのあるボックス */
	padding:50px 0 30px;
	border-top:1px solid #333;
}
.siteFooter_cell-2 {
	/* WFTOのあるボックス */
}
.siteFooter_cell-3 {
	/* ご利用ガイドのあるボックス */
	margin-top:50px;
	padding:30px 0 0;
	background:#f2f2f2;
}
.siteFooter_cell-4 {
	/* コピーライトのあるボックス */
	padding:20px 0 30px;
	background:#f2f2f2;
}
.siteFooter_logo {
	/* PTロゴ */
	text-align:center;
}
.siteFooter_logo_pt {
	text-align:center;
}
.siteFooter_logo_pt img {
	width:180px;
	height:auto;
}
.siteFooter_media {
	/* 社内メディア */
	margin-top:30px;
}
.siteFooter_media ul {
	margin-left:-20px;
	font-size:0;
	text-align:center;
}
.siteFooter_media li {
	margin-left:20px;
	line-height:1.4;
	display:inline-block;
	vertical-align:middle;
}
.siteFooter_media li a {
	width:210px;
	min-height:70px;
	display:table;
	text-decoration:none;
	border:1px solid #b8b8b8;
}
.siteFooter_media li a:before {
	height:70px;
	content:'';
	display:table-cell;
	vertical-align:middle;
}
.siteFooter_media_lines {
	display:table-cell;
	vertical-align:middle;
	font-size:11px;
}
.siteFooter_media a:hover {
	opacity:.6;
}
.siteFooter_media_lines img {
	margin:10px auto 0;
	display:block;
}
.siteFooter_media_days img {
	width:120px;
	height:auto;
}
.siteFooter_media_coordinate img {
	width:170px;
	height:auto;
}
.siteFooter_media_style img {
	width:160px;
	height:auto;
}
.siteFooter_sns {
	/* SNS */
	margin-top:40px;
	font-size:0;
}
.siteFooter_sns ul {
	text-align:center;
}
.siteFooter_sns li {
	margin-left:20px;
	font-size:14px;
	display:inline-block;
}
.siteFooter_sns li:first-child {
	margin-left:0;
}
.siteFooter_sns a {
	padding:8px;
	background:#000;
	display:block;
	border-radius:5px;
}
.siteFooter_sns_facebook a {
	background:#3564a2;
}
.siteFooter_sns_twitter a {
	background:#1da1f2;
}
.siteFooter_sns_instagram a {
	background:url(/images/type1/template/icon_instagram_bg.jpg) 50% 50% no-repeat #000;
	background-size:cover;
}
.siteFooter_sns_line a {
	background:#00b900;
}
.siteFooter_sns_youtube a {
	background:#cd201f;
}
.siteFooter_sns a:hover {
	opacity:.6;
}
.siteFooter_sns li img {
	width:20px;
	height:auto;
	display:block;
}
.siteFooter_wfto {
	/* WFTO */
	text-align:center;
}
.siteFooter_wfto_lines {
	margin-left:10px;
	font-size:12px;
	vertical-align:middle;
}
.siteFooter_wfto img {
	width:40px;
	height:auto;
	display:inline-block;
	vertical-align:middle;
}
.siteFooter_wfto a {
	text-decoration:none;
}
.siteFooter_wfto a:hover {
	opacity:.6;
}
.siteFooter_guide {
	/* ご利用ガイド */
	margin-left:-30px;
	font-size:0;
	text-align:center;
}
.siteFooter_guide li {
	margin-left:15px;
	padding-left:15px;
	font-size:13px;
	display:inline-block;
	border-left:1px solid #ccc;
}
.siteFooter_guide li:first-child {
	border:0;
}
.siteFooter_guide a {
	text-decoration:none;
}
.siteFooter_guide a:hover {
	opacity:.6;
}
.siteFooter_signage {
	/* ポリシーなど */
	margin-left:-30px;
	font-size:0;
	text-align:center;
}
.siteFooter_signage li {
	margin-left:15px;
	padding-left:15px;
	font-size:10px;
	display:inline-block;
	border-left:1px solid #ccc;
}
.siteFooter_signage li:first-child {
	border:0;
}
.siteFooter_signage a {
	text-decoration:none;
}
.siteFooter_signage a:hover {
	opacity:.6;
}
.siteFooter_copy {
	/* コピーライト */
	margin-top:10px;
	font-size:10px;
	text-align:center;
}