@charset "utf-8";
/*
Theme Name: -
Description: -
Author: -
Author URI: -
Version: 1
*

/* スタイルリセット
------------------------------------------------------------ */
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-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {line-height: 1;}
img {
	vertical-align:top;
	-ms-interpolation-mode: bicubic;
}
h4,h5,h6 {  
	font-size:100%;   
	font-weight:normal;   
}
h1 {  
	font-size:160%;   
	font-weight:bold;   
}

h2 {  
	font-size:140%;   
	font-weight:normal;   
}

h3 {  
	font-size:120%;   
	font-weight:normal;   
}

li {list-style-type: none;}
table {
	border-collapse:collapse;
	border-spacing:0;
}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/* 初期設定
------------------------------------------------------------ */
html,body { height: 100%; }

/* ----- clearfix ----- */
.clearfix:after { content:"";display:block;clear:both; }
/* clearfix div ul li 標準設定 */
div:after, ul:after, li:after { content: "";display: block;clear: both; }
/* WordPressクリックツールバーのclearfix除外設定 */
div#wp-toolbar:after, ul#wp-admin-bar-root-default:after { display:inline; clear:none;}

/* ----- 画像のレスポンシブ対応 ----- */
img { max-width: 100%;height: auto;width /***/:auto; }

/* ----- 非表示設定 ----- */
@media ( min-width : 768px ) {.pc-none { display:none; } }
@media ( max-width : 768px ) { .sp-none { display:none; } }

/* form設定 */
input, select, textarea {
	font-size:1.2rem;
	width:100%;
	padding:6px 10px;
	border: 1px solid #ccc;
	box-sizing:border-box;
}
input[type="submit"], input[type="reset"], input[type="button"], button{
  cursor: pointer;
}


/* 基本設定
------------------------------------------------------------ */
html { font-size: 62.5%; } /* 10pxに設定（1.0rem=10px） */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.4em; /* Chromeのバグにより「rem」ではなく「em」で記述 */
	color: #333;
	text-align:left;
	line-height:1.6;
}

p {	 margin:20px 0; }

.f10 { font-size:1.0rem; }
.f12 { font-size:1.2rem; }
.f14 {	 font-size:1.4rem; }
.f16 {	 font-size:1.6rem; }
.f18 { font-size:1.8rem; }
.f21 { font-size:2.1rem; }
.strong { font-weight:bold; }
.strike { text-decoration:line-through; } /* 打ち消し線 */

.txt-red { color:#ff0033; }
.txt-yellow { color:#E8BD00; }

.txt-left { text-align:left; }
.txt-right { text-align:right; }
.txt-center { text-align:center; }

.float-left { float:left; }
.float-right { float:right; }
.clear-both { clear:both; }

.disc li {
	list-style-type:disc;
	margin-left:25px;
}

/* リンク設定（通常、訪問済、カーソルオン、アクティブ */
a:link, a:visited, a:hover, a:active { text-decoration:none; }
a:link, a:visited { color:#0059B2; }
a:hover, a:active { color:#9D2300; }

/* リンク画像透過設定 */
a img:hover {
	opacity: 0.6;
	filter: alpha(opacity=60) ;	/* Ie用 */	
}

@media ( min-width : 600px ) {
/* 画像サイズ */
.w200 {
	width:200px;
}
/* 画像配置 */
.f-right-img {
	float:right;
	margin:0 0 20px 20px;
}
/* 画像装飾 */
.photo {
	display: inline-block;
	position: relative;
}
.photo:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	transform: rotate(3deg); /* 回転させる */
	background: #fff;
	z-index: -1;
}
}
.shadow {
	display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}

/* テーブル要素化 */
.display-table { display:table; }
.display-cell { display:table-cell; }

/* TABLE設定 */
table.two-cell {
	width:100%;
}
table.two-cell th, table.two-cell td {
	padding:5px 10px;
	border:1px dotted #CCC;
	box-sizing:border-box;
}
table.two-cell th {
	vertical-align:middle;
	background:#EEE;
}
@media ( max-width : 768px ) {
	table.two-cell th, table.two-cell td {
		display:block;
	}
}

/* パンくずリスト */
.pankuzu { font-size:1.2rem; margin:20px 0; padding-bottom:10px; border-bottom:1px dotted #CCC; }
.pankuzu ol li { float:left;}

/*Copyright */
#copyright {
	font-size:1.2rem;
	color:#FFFFFF;
	text-align:center;
	padding:5px 0;
	background:#000000;
}


/* 大枠設定
------------------------------------------------------------ */
#wrap {
	width:980px;
	margin:0 auto;
	padding:20px 10px;
	box-sizing:border-box;
}
#header-column {
	width:auto;
}
#footer-column {
	font-size:1.2rem;
	margin:120px 0 0;
	background-color:#eee;
	border-top:1px solid #CCC;
}
#side-column {
	float:right;
	width:240px;
}
@media ( max-width : 768px ) {
	#wrap, #header-column, #footer-column, #side-column { width:auto; }
	#side-column { float:none; }
}


/* header
------------------------------------------------------------ */
#header-txt {
	border-bottom:1px dotted #CCC;	
}
#header-txt #h-txt {
	font-size:1.2rem;
	color:#999;
	width:980px;
	margin:0 auto;
	padding:2px 0;
}
#header-area {
	width:980px;
	margin:0 auto;
}
#header-column h1#logo {
	float:left;
}
#header-column #header-right {
	float:right;
}
@media ( max-width : 768px ) { /* 768px以下用 */
	#header-txt {
		display:none;
	}
	#header-area {
		width:auto;
	}
	#header-column h1#logo {
		width:38%;
	}
	#header-column #header-right {
		width:50%;
	}
}


/* footer
------------------------------------------------------------ */
#footer-column .footer-box {
	text-align:center;
	width:960px;
	margin:10px auto;
}
#footer-column ul li {
	display:inline-block;
	padding:0 10px;
	border-right:1px solid #CCC;
}
#footer-column ul li:last-child {
	border-right:none;
}
@media ( max-width : 768px ) { /* 768px以下用 */
	#footer-column .footer-box {
		width:auto;
		margin:10px auto;
	}
	#footer-column ul li {
		display:inline;
		float:left;
	}
}


/* nav グローバルナビ
------------------------------------------------------------ */
@media ( min-width : 770px ) { /* 770px以上用 */
#nav-column {
	width:100%;
	background-color:#000000;
	border-bottom:1px solid #CCC;
}
#gnav {
	font-size:1.6rem;
	color: #EEE;
	display: flex;
	display: -webkit-flex; /* Safari */
	justify-content: space-between;
	max-width:980px;
}
#gnav a {
	color: #EEE;
	display: block;
	text-decoration: none;
}
.dropmenu {
	*zoom: 1;
	margin: 0 auto;
	padding: 0;
	border-left:1px solid #FFF;
	box-sizing:border-box;
}
.dropmenu:before, .dropmenu:after {
	content: "";
	display: table;
}
.dropmenu:after {
	clear: both;
}
.dropmenu li {
	float: left;
	font-size:1.4rem;
	position: relative;
	text-align: center;
	width: 12.5%;
	margin: 0;
	border-right:1px solid #FFF;
	box-sizing:border-box;
}
.dropmenu li a {
	display: block;
	margin: 0;
	padding:10px 0 8px;
	background: #000;
}
.dropmenu li ul {
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}
.dropmenu li ul li {
	font-size:1.2rem;
	width: 100%;
	padding:0;
	border-top:1px solid #FFF;
	border-right:none;
}
.dropmenu li ul li a {
	padding: 5px 10px;
	border-top: 1px solid #333;
	background: #000;
	text-align: left;
}
.dropmenu li:hover > a {
	background: #666;
}
.dropmenu li a:hover {
	background: #666;
}
#gnav li ul {
	opacity: 0;
	top: 50%;
	visibility: hidden;
	transition: .5s;
}
#gnav li:hover ul {
	top: 100%;
	visibility: visible;
	opacity: 1;
}
}

/* side
------------------------------------------------------------ */
#side-column .side-title {
	font-size:1.6rem;
	color:#FFFFFF;
	text-align:center;
	margin-bottom:10px;
	padding:5px 10px 2px;
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#90551F), to(#60230C));
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
    -moz-border-radius-topleft: 5px;  
    -moz-border-radius-topright: 5px;
}
#side-column ul {
	margin-bottom:20px;
}
#side-column ul li {
	padding: 10px 0  10px 35px;
	background:url(images/side_icon.jpg) no-repeat 5px 50%;
	border-bottom:1px dotted #CCC;
}
#side-column .side-banner {
	margin-bottom:20px;
}
#side-column #side-greeting {
	font-size:1.2rem;
	margin-bottom:20px;
}
#side-column #side-greeting img {
	margin-bottom:10px;
	padding:2px;
	border:1px solid #CCC;
}


/* index（トップページ）
------------------------------------------------------------ */
#index-img {
	background:#EEE;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.index-greeting-img {
	float:right;
	text-align:right;
}
.index-greeting-img img {
	width:200px;
	margin:0 0 5px 20px;
	border-radius:10px;
	box-sizing:border-box;
}

/* Q&A */
.faq-question, .faq-pretty {
	font-size:1.3rem !important;
}

/* お客様の声 */
.voice-box {
	overflow:hidden;
	margin-bottom:20px;
	padding:0 20px;
	background:#FAF3EA;	
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset,
                 0 0 5px rgba(0, 0, 0, 0.3) inset,
                 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* 通販ご利用ガイド */
.guide-souryo1 th {
	width:70%;
}
.guide-souryo2 th {
	width:30%;
}
@media ( max-width : 768px ) { /* 768px以下用 */
	.guide-souryo1 th, .guide-souryo2 th {
		width:100%;
	}
}

/* プライバシーポリシー */
.privacy-list {
	margin:60px 0;
}
.privacy-list li {
	list-style-type:decimal;
	margin:0 0 20px 25px;
	padding-bottom:20px;
	border-bottom:1px dotted #CCC;
}
.privacy-list li ul li {
	margin:20px 0 10px 35px;
	padding:0;
	border:none;
}

/* コンテンツ
------------------------------------------------------------ */
#contents-column {
	float:left;
	width:660px;
}
@media ( max-width : 768px ) { /* 768px以下用 */
	#contents-column {
		float:none;
		width:auto;
	}
}

.contents-box {
	margin-bottom:40px;	
}
#contents-column .index-title {
	font-size:1.8rem;
	margin-bottom:20px;
	padding-left:16px;
	border-left:4px solid #000;	
}
#contents-column ul.index-news-list li {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #CCC;
}
#contents-column ul.index-information-list {
}
#contents-column ul.index-information-list li {
	margin-bottom:20px;
	padding:20px;
	background:#FFF8E4;
}

#contents-column ul.index-information-list .index-information-txt {
	font-size:1.2rem;
	margin-top:20px;
	padding-top:20px;
	border-top:1px dotted #CCC;
}


/* トップページ（店舗情報） */
#contents-column .index-store-list li {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #CCC;
}
#contents-column .index-store-img {
	float:left;
	width:320px;
	margin-right:20px;
}
#contents-column .index-store-img img {
	width:320px;
	padding:1px;
	border:1px solid #CCC;
	box-sizing:border-box;
}
#contents-column .index-store-txt {
	float:left;
	font-size:1.2rem;
	width:320px;
}
@media ( max-width : 768px ) { /* 768px以下用 */
	#contents-column .index-store-img {
		float:none;
		width:auto;
		margin-right:0;
	}
	#contents-column .index-store-img img {
		margin:0 auto;
	}
	#contents-column .index-store-txt {
		float:none;
		width:auto;
	}
}
#contents-column .index-store-name {
	font-size:1.6rem;
	font-weight:bold;
	margin:20px 0;
}
#contents-column .index-store-btn {
	text-align:center;
	width:160px;
	padding:5px 0;
	background:#000;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	border:1px solid #FFF;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset,
                 0 0 5px rgba(0, 0, 0, 0.3) inset,
                 0 1px 2px rgba(0, 0, 0, 0.3);
}
@media ( max-width : 768px ) { /* 768px以下用 */
	#contents-column .index-store-btn {
		width:auto;
	}
}
#contents-column .index-store-btn a {
	color:#FFFFFF;
}









.entry-column {
	margin-bottom:40px;	
}
.entry-box {
	margin-bottom:60px;	
}

.entry-title h1 {
	font-size:1.8rem;
	color:#FFFFFF;
	margin-bottom:40px;
	padding:3px 10px 5px;
	background: linear-gradient(#666666, #000000);
	border:1px solid #FFF;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset,
                 0 0 5px rgba(0, 0, 0, 0.3) inset,
                 0 1px 2px rgba(0, 0, 0, 0.3);
}
#category-title h1 {
	font-size:1.8rem;
	color:#FFFFFF;
	margin-bottom:40px;
	padding:3px 10px 5px;
	background: linear-gradient(#666666, #000000);
	border:1px solid #FFF;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset,
                 0 0 5px rgba(0, 0, 0, 0.3) inset,
                 0 1px 2px rgba(0, 0, 0, 0.3);
}
.entry-subtitle {
	font-size:1.6rem;
	font-weight:bold;
	margin:40px 0 20px;
	padding:5px 0;
	border-top:3px dotted #CCC;
	border-bottom:3px dotted #CCC;
}

/* お問い合わせ */
#mail_submit {
     background: #333;
     color: #fff; 
     -webkit-border-radius: 4px;     /* Google Chrome・Safari用 */
     -moz-border-radius: 4px;    /* Firefox用 */
     border-radius: 4px;     /* 基本形 */
     padding: 5px 10px; 
     cursor: pointer; 
     display: inline-block;
}


/* 投稿記事 */
ul.data {
	font-size:1.2rem;
	width:100%;
	margin:20px 0;
	padding:5px 10px;
	background:#EEE;
	box-sizing:border-box;
}
ul.data li {
	float:right;
}

/* ブログ（店舗情報、スタッフ紹介） */
.category-store-list li, .category-staff-list li {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #CCC;
}
.category-store-img, .category-staff-img {
	float:left;
	width:320px;
	margin-right:20px;
}
.category-store-img img, .category-staff-img img {
	width:320px;
	padding:1px;
	border:1px solid #CCC;
	box-sizing:border-box;
}
.category-store-txt, .category-staff-txt {
	float:left;
	font-size:1.2rem;
	width:320px;
}
@media ( max-width : 768px ) { /* 768px以下用 */
	.category-store-img, .category-staff-img {
		float:none;
		width:auto;
		margin-right:0;
	}
	.category-store-img img, .category-staff-img img {
		margin:0 auto;
	}
	.category-store-txt, .category-staff-txt {
		float:none;
		width:auto;
	}
}
.category-store-btn, .category-staff-btn {
	text-align:center;
	width:160px;
	padding:5px 0;
	background:#000;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	border:1px solid #FFF;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset,
                 0 0 5px rgba(0, 0, 0, 0.3) inset,
                 0 1px 2px rgba(0, 0, 0, 0.3);
}
@media ( max-width : 768px ) { /* 768px以下用 */
	.category-store-btn, .category-staff-btn {
		width:auto;
	}
}
.category-store-btn a, .category-staff-btn a {
	color:#FFFFFF;
}

.category-blog-list li {
	margin-bottom:20px;
	border-bottom:1px dotted #CCC;
}
.category-blog-title {
	font-weight:bold;
}
.category-blog-txt {
	
}



/* 熨斗 */
.noshi-box {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #EEE;
}
.noshi-img {
	float:left;
	margin:0 10px;
	padding:4px;
	background:#EEE;
	border:1px solid #CCC;
}
.noshi-img img {
	width:150px;
}