/*
Theme Name:		hanaman2018
Theme URI:		http://www.hanaman.co.jp/
Author:			hanaman Inc.
Author URI:		http://www.hanaman.co.jp/
Description:	hanaman theme.
Version:		9.0.0
Tags:			responsive-layout, white, two-columns, right-sidebar
*/


/* =Reset
-------------------------------------------------------------- */

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;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	width:100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -.5em;
}
sub {
	bottom: -.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

/* -- clearfix -- */
.cf:before,
.cf:after {
	display: table;
	content: " ";
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}



/* -- 2017-12-28交互 -- */
/* =============================================================================
   お知らせ一覧（t-gyo）のガタつき修正
   ========================================================================== */
.t-gyo table {
    width: 100% !important;
    border-collapse: collapse;
    margin-bottom: 20px;
    table-layout: fixed; /* テーブルの幅を固定して安定させる */
}

.t-gyo td {
    padding: 3px 15px !important;
    vertical-align: middle;
}

/* ドットとテキストを垂直中央で一直線にする */
.t-gyo td a {
    display: flex !important;
    align-items: center !important;
    width: 100%;
}

/* 丸いドット */
.hoge {
    display: inline-block !important;
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    background-color: #E19586;
    border-radius: 50%;
    margin-right: 12px !important;
}

/* 背景交互色 */
.t-gyo tr:nth-child(odd) td { background-color: #FBF0EE; }
.t-gyo tr:nth-child(even) td { background-color: #ffffff; }

/* =============================================================================
   3. 電話・FAX（SNSアイコン）の横並び完全修正
   ========================================================================== */

/* 親要素：改行を一切禁止して横に並べる */
.sns-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; 
    align-items: center !important;
    gap: 15px !important;
    width: 100%;
}

/* 電話/FAXそれぞれのセット */
.sns-item {
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

/* アイコン：floatや100px設定を完全に排除 */
.sns-link {
    display: inline-block !important;
    float: none !important;
    width: 18px !important;
    height: 18px !important;
    margin-right: 6px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    flex-shrink: 0;
}
.-link {
    display: inline-block !important;
    float: none !important;
    width: 18px !important;
    height: 18px !important;
    margin-right: 6px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    flex-shrink: 0;
}
/* 画像パスの設定 */
.is-tel { background-image: url(img/tel.svg) !important;
    width: 24px !important; }
.is-fax { background-image: url(img/fax.svg) !important; }

.sns-number {
    font-size: 14px;
    color: #808080;
    line-height: 1;
}

/* =============================================================================
   4. taxonomy-area.php 用のレイアウト調整
   ========================================================================== */
.shopname {
    font-weight: bold;
	font-size: 16px;
}

.sns-icons {
	padding-top: 3px;
    width: 50% !important; /* 右側のSNS/電話の幅 */
}

.shop-address {
    font-size: 13px;
    color: #666;
    padding: 5px 0;
}
/* =Base
-------------------------------------------------------------- */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	color: #262626;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .875em;
	margin: 0;
	padding: 0;
	line-height: 150%;
	background-color: #fff;
	
	word-wrap: break-word;
}
img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
}
a {
	color: #808080;
	text-decoration: none;
	
}
a:hover {
	color: #262626;
	text-decoration: underline;
}

/* -- ul,li -- */
ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* -- p -- */
p {
	margin: 0;
	padding: 0;
}

/* -- em -- */
em {
	color: #999;
	font-size: .8em;
	font-weight: normal;
	font-style: normal;
}

/* -- text -- */
.textleft,
div.textleft {
	text-align: left;
}
.textright,
div.textright {
	text-align: right;
}
.textcenter,
div.textcenter {
	text-align: center;
}

/* -- float -- */
.alignleft,
div.alignleft {
	margin: 0;
	padding: 0 10px 10px 0;
	float: left;
}
.alignright,
div.alignright {
	margin: 0;
	padding: 10px 0 0 10px;
	float: right;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.error_message {
	color: #ff0000;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: .384615em;
}
.wp-caption {
	margin: 10px 0;
	padding-top: 4px;
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;  
	border-radius: 3px;  
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p {
	font-size: 11px;
	margin: 0;
	padding: 0 4px 5px;
	line-height: 17px;
}

/* -- input,select,textarea -- */
input,select,textarea {
	font-size: 1em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;  
	-moz-border-radius: 0;
	border-radius: 0;
	
	
}
select {
	max-width: 100%;
	padding: .5714285em 2.14286em .5714285em .5714285em;
	background: url(images/select-arrow.gif) center right 10px no-repeat;
	border: 1px solid #bbb;	
}
textarea {
	width: 100%;
	height: 100px;
	border: 1px solid #bbb;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"] {
	padding: .5714285em;
	border: 1px solid #bbb;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
	padding: .714288em 1.42857em;
	background-color: #F0CAC1;
	border: none;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;  
	border-radius: 3px;  
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
	background-color:#E19586;
	cursor: pointer;
}
input[type="checkbox"] {
	border: 1px solid #ccc;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}
input[type="radio"] {
	border: 1px solid #bbb;
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;	
}
input[type="file"] {
	border: none;
}

/* -- Campaign-Tag -- */
.campaign_message {
	font-size: 12px;
	font-weight: bold;
	color: #d3222a;
	margin-top: 5px;
	background-color: #efefef;
	text-align: center;
}
/* - item-single.php - */
#itempage .campaign_message {
	font-size: 14px;
	margin: 0 0 15px;
	background: none;
	letter-spacing: .5px;
}


/* -- .site-title --(2016-02-25　SmartPhone) */
h1.site-title,

/* -- div.site-title {
	clear: none;
	font-size: 1.785712em;
	font-weight: bold;
	padding: 1em .6em 1em .4em;
	float: left;
	line-height: 1em;
	text-align: center;
}
*/
div.site-title {


	}

h1.site-title a,

div.site-title a {
width:60%;
	background-image:url(img/head_logo_s1.png);
	background-size:contain;
		background-repeat:no-repeat;
		display:block;
		  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  padding:0%;
  float:left;
}

h1.site-title img,
div.site-title img {
	width: 100%;
	height: auto;
}

/* -- #site-navigation -- */


header div.nav-menu-open,
header div.header-nav-container {
	display: none;
}
#site-navigation {
	clear: both;
	padding: 0 1.07143em;
}
#site-navigation li a {
	display: block;
	margin-bottom: 1.07143em;
	padding-bottom: .357143em;
	border-bottom: 1px solid #e0e0e0;
}
#site-navigation li li {
	margin-left: 1em;
}

/* =toTop
-------------------------------------------------------------- */

#toTop {
	position: fixed;
	right: 50px;
	bottom: 30%;
}
#toTop a {
	display: block;	
}
#toTop i {
	color: #aaa;
	font-size: 3.214289em;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;	
}
#toTop i:hover {
	color: #AAAAAA;
}


/* -- pagination -- */
.pagination_wrapper {
	position: relative;
	clear: both;
	overflow: hidden;
}
.pagination_wrapper ul {
	position: relative;
	left: 50%;
	float: left;
	list-style: none;
}
.pagination_wrapper li {
	position: relative;
	left: -50%;
	margin-right: .357143em;
	float: left;
}
.pagination_wrapper li .current {
	display: block;
	color: #fff;
	padding: .357143em .714286em;
	background-color: #777;
	border: 1px solid #777;
	text-decoration: none;
}
.pagination_wrapper li a {
	display: block;
	color: #262626;
	padding: .357143em .714286em;
	background-color: #eee;
	border: 1px solid #ddd;
}

/* =header
-------------------------------------------------------------- */

header {
	position: relative;
	width: 1200px;
	margin-bottom: 1.4286em;
	border-bottom: 3px solid #efefef;
}

/* -- .headblock -- */
header .headblock {
}
/* -- .site-description -- */
.site-description {
	color: #fff;
	font-size: .85714em;
	font-weight: bold;
	padding: .8333em 6.6667em .8333em .8333em;
	background: #AAAAAA;
}

/* -- .snav -- */
.snav {
	width: auto;
	float: right;
	padding-top: 1.07143em ;
	margin-right: .714286em;
}
.snav i {
	font-size: 1.57143em;
	padding: .454545em;
}
.incart-btn span {
	display: none;
}
.snav ul li i {
	color: #AAAAAA;
}
.incart-btn a {
	position: relative;
}
.incart-btn .total-quant {
	display: inline-block;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	min-width: 20px;
	max-width: 30px;
	height: 20px;
	color: #fff;
	background-color: #fba60d;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;	
	border-radius: 50%;
	text-align: center;
	vertical-align: text-bottom;
}
.snav .membership {
	display:none;
	float: left;
}
.snav .membership a {
	display: block;
}
.snav .membership ul {
	display: none;
	position: absolute;
	width: 100%;	
	left: 0;
	padding: 1.4286em .714286em .714286em;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	z-index: 2;
}
.snav .membership.On ul {
	display: block;
}
.snav .membership li {
	float: none;
	background: none;
	border-bottom: 1px solid #e0e0e0;	
	margin: 0 0 1.07143em .714286em;
	padding-bottom: .357143em;
}
.snav .membership li:first-child {
	margin-left: 0;
}
.snav .membership li:last-child {
	margin-bottom: 0;
	border: none;
}





/* =20171019ここから(PC)
-------------------------------------------------------------- */

#site-navigation {
	clear: both;
	padding: 0 1.07143em;
}

#masthead{
	margin-bottom:0px;
	height:150px;
	overflow:hidden;
	/*  */
	width:100%;
	}
.img {
	width:100%;
	}

.head_logo{
	float:left;
	width:500px
	
}

.head_tel{
	float:right;
	width:330px
}

div.column1{
	width:95%;
	margin-left:3%;
	margin-right:1%;
	float:left;
	clear:none;
	margin-bottom:15px;
	}

div.column2{
	width:49%;
	clear:none;
	margin-bottom:15px;
	}
div.column3{
	width:32%;
	margin-left:1%;
	margin-right:0%;
	float:left;
	clear:none;
	margin-bottom:15px;
	}

div.column4{
	width:24%;
	margin-left:0%;
	margin-right:1%;
	float:left;
	clear:none;
	margin-bottom:15px;
	}


.lp2c{
	width:49%;
	text-align:center;
	float:left;
	margin-right:1%;
	}
	
	
.hanacon{
	width:665px;
	padding:17px;
background-color:#FFF8E1;	
border:solid  1px #D93600;
float:right;
	}
	
.fb{
	width:500px;
	float:left;
	}
.hanacon li{
	font-size:16px;
	line-height:200%;
	font-weight:normal;
	}
.right{
	float:right;
	
	}
.left{
	float:left;
	
	}
	
.center{
	text-align:center;
	
	}
	
.site-content{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	}	
	.hoge{
	width: 10px;
	height: 10px;
	margin:15px;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #E19586;/* 円の色 */
	float:left;
}



h3 {background-image:url(img/h3_header.png);
background-repeat:no-repeat;
width:800px;
height:70px;
padding-top:30px;
padding-left:90px;
font-size:24px;
margin-top:10px;
margin-bottom:10px;

}

h4 {
	
margin-top:10px;
margin-bottom:3px;

}

div.footer_banner{

	overflow:auto;
	clear:both;
	margin-bottom:15px;
	margin-top:20px;
	width:1200px; margin-left:auto; margin-right:auto;}

.entry-title{
	text-align:center;
width:900px;
height:60px;
font-size:36px;
color:#525252;
border-bottom:solid #CCCCCC 2px;;
margin-top:40px;
margin-bottom:20px;
}

.corporate_profile{
	width:90%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}

.corporate_profile table{
border:solid #333333 1px;
	}
.corporate_profile td{
	padding:5px;
	font-size:12px;
border:solid #333333 1px;
	}

.nagare{
	width:80%;
	height:auto;
	margin:15px;
	margin-left:auto;
	margin-right:auto;
	padding:2%;
	background-color:#FFEEEE;
	overflow:auto;
	line-height:150%;
	}


.nagare h4{
	text-align:center;
	font-size:24px;
	color:#E19586;
	margin:15px;
	margin-left:auto;
	margin-right:auto;
	}
	
.triangle{
	width: 0;
height: 0;
	margin:15px;
	margin-left:auto;
	margin-right:auto;
border-style: solid;
border-width: 50px 100px 0 100px;
border-color: #E19586 transparent transparent transparent;

	}

/* facebook	 */

.fb-like-box{
	display:block;
	margin-left:100px;
	margin-right:auto;
	margin-bottom:30px;
}
iframe {overflow:hidden;}


div .entry-content a{
	color: #808080;
	text-decoration:underline;
	
}

	/* =Base
	-------------------------------------------------------------- */

	/* -- input,select,textarea -- */
	input[type="button"], input[type="submit"],input[type="reset"] {
		padding: 1.071428em 2.142856em;
	}
	a img{
		box-shadow:#fff 0 0 0;
	}	
	a img:hover {
		opacity: .6;
	}


	/* =header
	-------------------------------------------------------------- */
	
	header {
		border-bottom: none;
	}
	header .inner {
		width: 1200px;
		margin-top:0 px;
		padding-bottom: 1.071428em;
		margin-left:auto;
		margin-right:auto;
	}

	/* -- .site-description -- */
	.site-description {
		color: #262626;
		font-weight: normal;
		width: 75%;
		height: auto;
		padding: 1.25em 0 0;
		background: none;
		float: left;
		line-height: 130%;
	}
		
		
	/* -- .site-title (2016-02-25　PC tablet)-- */
	h1.site-title,
	div.site-title {
		font-size: 34px;
		width: 65%;
		margin: 0;
		padding: 1em 0 .5em;
		float: left;
		text-align: left;
	}
	h1.site-title a,
	
	div.site-title a {
	display:block;
width:400px;
height:150px;
	background-image:url(img/head_logo_s1.png);
	background-size:contain;
		background-repeat:no-repeat;
		display:block;
		  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
	

	/* -- .snav -- */
	.snav {
		clear: right;
		margin-right: 0;
		padding-top: 1.071428em;
		float: none;
	}

	/* -- .search-box -- */	
	.search-box {
		position: inherit;
		padding: 0 0 10px;
		float: right;
	}
	.snav .search-box i {
		display: none;
	}
	.search-box form {
		display: block;
	}
	.search-box div.s-box {
		width: auto;
	}
	.search-box input[type="text"] {
		width: auto;
		padding: .357143em;
		background-color: #fff;
	}
	.search-box #searchsubmit {
		position: inherit;	
		color: #161616;
		padding: .357143em;
	}
	.snav .membership {
		padding: .357143em 0;
		float: right;
		overflow: hidden;
	}
	.snav .membership i {
	}
	.snav .membership ul {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		border: none;
		background: none;
	}
	.snav .membership li {
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		line-height: 100%;
	}
	.snav .membership li:first-child {
		color: #565656;
		font-weight: bold;
	}
	.snav .membership li:first-child,
	.snav .membership li a {
		font-size: 12px;
		border: none;
		margin: 0;
		padding: 0 .833334em;
		border-right: 1px solid #aaa;
	}
	.snav .membership li:last-child a {
		border-right: none;
	}
	
	/* -- .incart-btn -- */
	.incart-btn {
		min-width: 160px;
		margin-top: .714286em;
		float: right;
	}
	.incart-btn a {
		background-color: #ff8c00;
		padding: 6px .714286em;
		text-align: center;
		-webkit-transition: .3s ease all;
		-moz-transition: .3s ease all;
		-o-transition: .3s ease all;
		transition: .3s ease all;
	}
	.incart-btn a:hover {
		background-color: #ffa500;
	}
	.incart-btn i {
		padding: 0;
	}
	.incart-btn i:before {
		color: #fff;
		margin-right: 8px;
	}
	.incart-btn span {
		display: inline-block;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		vertical-align: middle;
		letter-spacing: 1px;
	}
	.incart-btn .total-quant {
		display: inline-block;
		position: relative;
		font-weight: bold;
		color: #fba60d;
		margin-left: 1.25em;
		background-color: #fff;
		text-align: center;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		vertical-align: text-bottom;
	}
	
	
	/* -- #site-navigation -- */
	#site-navigation {
		clear: both;
		padding: 0;
		background-color:#aaaaaa;
	}
	#site-navigation label {
		display: none;
	}
	header #site-navigation input#panel.on-off + div.nav-menu-open,
	header #site-navigation input#panel.on-off + div.header-nav-container {
		display: block;
		overflow: inherit;
		height: auto;
		background-color: #75622D;
	}
	#site-navigation ul {
		width: 1200px;
		background-color:#aaaaaa;
		margin: 0 auto;
		padding: 0;
	}
	#site-navigation li {
		position: relative;
		float: left;
	}
	#site-navigation li a {
		color: #fff;
		display: block;
		margin-bottom: 0;
		padding: 1em 1.42857em;
		border-bottom: none;
		line-height: 100%;
	}
	#site-navigation li {
		padding: 0;
		width:160px;
		border-right: 1px solid #777777;
		text-align:center;

	}
	#site-navigation ul li:first-child {
		border-left: 1px solid #777777;
	}
	#site-navigation li.current_page_item a,
	#site-navigation li.current-menu-parent a{
		background-color: #777777;
	}
	#site-navigation li.current_page_item li a,
	#site-navigation li.current-menu-parent li a {
		background: none;
	}
	#site-navigation li a:hover {
		color: #fff;
		background-color: #777777;
		text-decoration: none;
	}
		/* -- sub-menu -- */
		#site-navigation ul ul {
			position:absolute;
			top:42px;
			left:-2px;
			width: 120%;
			background-color: #fff;
			border: 3px double #e0e0e0;
			float:left;
			z-index: 99999;
		}
		#site-navigation ul li li {
			width: 100%;
			margin-left: 0;
			border: none;
		}
		#site-navigation ul li li:first-child {
			border: none;
		}
		#site-navigation li li a:hover {
			color: #262626;
		}
		#site-navigation li li.current-menu-item a {
			background-color: #f6f6f6;
		}
		#site-navigation ul ul ul {
			width: 100%;
			left:100%;
			top: -3px;
		}
		#site-navigation li li:first-child a {
			color: #262626;
			border: none;
		}
		#site-navigation ul ul li a {
			color: #262626;
			background-color: #fff;
			border: none;
			height:auto;
			padding: .714286em .357143em;
			line-height:1em;
			width: 100%;
		}
		#site-navigation ul ul :hover > a {
			background: none;
			background-color: #f6f6f6;
		}
		#site-navigation ul li:hover > ul {
			display:block;
		}
		
	#site-navigation * {
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
	}
	

	/* =secondary
	-------------------------------------------------------------- */

	#secondary .columnleft section:last-child,
	#secondary .columncenter section:last-child,
	#secondary .columnright section:last-child {
		margin-bottom: 0;
	}

	/* -- one-column -- */
	.one-column #secondary {
		margin: 0 auto;
		padding: 2.142856em 0;
		border-top: 2px solid #eaeaea;
		float: none;
		overflow: hidden;
	}
		.one-column #secondary .columnleft {
			width: 240px;
			margin-right: 50px;	
			float: left;
		}
		
			/*　calendar　*/
			.one-column .columnleft .widget_welcart_calendar table {
				width: 100%;
				float: none;
			}

		.one-column #secondary .columncenter {
			width: 240px;
			float: left;
		}

			/*　calendar　*/
			.one-column .columncenter .widget_welcart_calendar table {
				width: 100%;
				float: none;
			}

		.one-column #secondary .columnright {
			width: 420px;
			float: right;	
		}
	
	/* -- two-column -- */
	.two-column #secondary {
		width: 210px;
		padding: 0;
		border: none;
	}
		.two-column.right-set #secondary {
			float: right;
		}
		.two-column.left-set #secondary {
			float: left;
		}
	.two-column .widget_welcart_calendar table {
		width: 100%;
		margin: 0 0 .714286em;
		float: none;
	}
	
	
	/*　.widget　*/
	.widget_welcart_bestseller  ul {
		overflow: hidden;	
	}
	.widget_welcart_bestseller  li {
		width: 100%;
		margin-bottom: .714286em;
		float: none;
	}
	.widget_welcart_bestseller li:nth-of-type(odd) {
		clear: none;
	}
	.widget_welcart_featured ul {
		overflow: hidden;	
	}
	.widget_welcart_featured .featured_list {
		width: 100%;
		margin-bottom: .714286em;
		float: none;
	}
	.widget_welcart_featured li:nth-of-type(odd) {
		clear: none;
	}
	.widget_welcart_category ul,
	.widget_welcart_search ul,
	.widget_search form,
	.widget_welcart_login ul {
		width: 100%;
	}
	.widget_categories select,
	.widget_archive	select {
			width: auto;
	}	
	.widget_welcart_search .searchtext {
		width: 60%;
		padding: .4286em;
	}
	.widget_welcart_search #searchsubmit {
		width: 40%;
	}

	/*---- item-list ----*/
	.widget_basic_item_list article {
		padding: .714286em 0;
		width: 100%;
	}
	.widget_basic_item_list a {
		overflow: hidden;
	}
	.widget_basic_item_list .itemimg {
		float: left;
		margin-bottom: 0;
		width: 20%;
	}
	.widget_basic_item_list .item-info-wrap {
		margin-left: 25%;
		width: 75%;
	}
	
	
	/* -- .copyright -- */
	.copyright {
		padding: 1.071428em 0;
		text-align: center;
		margin-left:auto;
	margin-right:auto;
	width:1200px;	}

	
	/* =wrapper
	-------------------------------------------------------------- */
		.headwrapper{
		width:1200px;
		background-color: #ffffff;
		margin-left:auto;
		margin-right:auto;
				}
	.navwrapper{
		width:100%;
		background-color: #AAAAAA;
				}
	
	/* =footer
	-------------------------------------------------------------- */
	
	footer {
		width:1200px;
		clear: both;
		color: #fff;
		margin-left:auto;
		margin-right:auto;
		background-color: #AAAAAA;
	}

	/* -- a -- */
	footer a {
		color: #fff;
	}

	/* -- nav -- */
	footer nav {
		width: 1200px;
		margin: 0 auto;
		padding: 2.142856em 0 2.857143em;
	}
	footer nav li {
		width: 20%;
		float: left;
		margin-bottom: 1.071428em;
		padding-right: 2.142856em;
	}
	footer nav li:nth-of-type(6n) {
		clear: both;
	}
		footer nav li li:nth-of-type(6n) {
			clear: none;
		}
		
			
	/* =contetns
	-------------------------------------------------------------- */
	
	/* -- main -- */
	#main {
		width: 1200px;
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		padding: 0;
	}
	.home #main {
		margin: 0 auto;
	}

	/* -- main-image -- */
	.main-image {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.main-image img {
		width: auto;
	}
	
	/* -- .one-column -- */
	#main.one-column #content {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	/* -- .two-column -- */
	#main.two-column #content {
		width: 750px;
		margin: 0;
		padding: 0;
	}
		.two-column.right-set #content {
			float: left;
		}
		.two-column.left-set #content {
			float: right;
		}

	
	/* =front-page.php
	-------------------------------------------------------------- */
	
	.blog #content .pagination_wrapper {
		margin-bottom: 20px;
	}
	/* -- .sof -- */
	.home .sof {
		margin-bottom: 30px;
	}
	.home .sof .entry-content {
		margin-bottom: 0;
		
	}
	
	
	.entry-content {
		font-size:16px;
		line-height:130%;
		
	}
	/* =page.php + single.php .entry-content
	-------------------------------------------------------------- */

	/* -- h1,h2,h3,h4,h5 -- */
	.entry-content h1{
		font-size: 1.285712em;
		margin-bottom: 2.222224em;
	}
	.entry-content h2 {
		font-size: 1.142857em;
		line-height:170%;
		color:#525252;
		text-align:center;
		margin-bottom:15px;
	}
	
		
	/* =archive.php
	-------------------------------------------------------------- */
	
	/* -- .post-li -- */
	.post-li {
		padding-bottom: 1.071428em;
	}
	
	
	/* =comments.php
	-------------------------------------------------------------- */
	
	.comment-area .comment-list {
		overflow: hidden;
	}
	.comment-area .comment-list li {
		margin: .714286em 0 0;
	}
	#respond .form-submit {
		margin-top: 1.42857em;
		padding-top: .714286em;
		border-top: 1px solid #ccc;
	}
	
	/* ページネーションのスタイル */
.pagination {
    text-align: center;
    margin: 30px 0;
}

.pagination ul {
    list-style: none;
    padding: 0;
    display: inline-block;
}

.pagination ul li {
    display: inline;
    margin: 0 5px;
}

.pagination ul li a, 
.pagination ul li span {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    border-radius: 4px;
}

.pagination ul li a:hover {
    background-color: #0073aa;
    color: #fff;
}

.pagination ul li .current {
    background-color: #0073aa;
    color: #fff;
    font-weight: bold;
    border: 1px solid #0073aa;
}

	/* 
----------------------------------------
	2026-01-18　フラワーショップガイド関連
	-------------------------------------------------------------- */

/* クリック対象：共通 */
svg#_レイヤー_1 #hiroshima_x5F_asakitaku,
svg#_レイヤー_1 #hiroshima_x5F_asaminamiku,
svg#_レイヤー_1 #hiroshima_x5F_nakaku,
svg#_レイヤー_1 #hiroshima_x5F_minamiku,
svg#_レイヤー_1 #hiroshima_x5F_higashiku,
svg#_レイヤー_1 #hiroshima_x5F_akiku,
svg#_レイヤー_1 #hiroshima_x5F_nishiku,
svg#_レイヤー_1 #hiroshima_x5F_saekiku,
svg#_レイヤー_1 #fuchu-cho,
svg#_レイヤー_1 #kaita,
svg#_レイヤー_1 #saka,
svg#_レイヤー_1 #kumano,
svg#_レイヤー_1 #etajima,
svg#_レイヤー_1 #fuchu-shi,
svg#_レイヤー_1 #shobara,
svg#_レイヤー_1 #kure,
svg#_レイヤー_1 #mihara,
svg#_レイヤー_1 #miyoshi,
svg#_レイヤー_1 #ootake,
svg#_レイヤー_1 #hatukaichi,
svg#_レイヤー_1 #jinsekikogen,
svg#_レイヤー_1 #takehara,
svg#_レイヤー_1 #higashi_x5F_hiroshima,
svg#_レイヤー_1 #onomichi,
svg#_レイヤー_1 #fukuyama,
svg#_レイヤー_1 #akitakata,
svg#_レイヤー_1 #kitahiroshima_x5F_cho,
svg#_レイヤー_1 #akiota,
svg#_レイヤー_1 #sera,
svg#_レイヤー_1 #others {
  cursor: pointer;
  transition: fill .15s ease, stroke .15s ease, opacity .15s ease;
}

/* 緑エリア：ホバー */
svg#_レイヤー_1 #hiroshima_x5F_asakitaku:hover,
svg#_レイヤー_1 #hiroshima_x5F_asaminamiku:hover,
svg#_レイヤー_1 #hiroshima_x5F_nakaku:hover,
svg#_レイヤー_1 #hiroshima_x5F_minamiku:hover,
svg#_レイヤー_1 #hiroshima_x5F_higashiku:hover,
svg#_レイヤー_1 #hiroshima_x5F_akiku:hover,
svg#_レイヤー_1 #hiroshima_x5F_nishiku:hover,
svg#_レイヤー_1 #hiroshima_x5F_saekiku:hover,
svg#_レイヤー_1 #fuchu-cho:hover,
svg#_レイヤー_1 #kaita:hover,
svg#_レイヤー_1 #saka:hover,
svg#_レイヤー_1 #kumano:hover {
  fill: #6eca8c !important;
  stroke: #2f8f60 !important;
  opacity: .95;
}

/* ピンクエリア：ホバー */
svg#_レイヤー_1 #etajima:hover,
svg#_レイヤー_1 #fuchu-shi:hover,
svg#_レイヤー_1 #shobara:hover,
svg#_レイヤー_1 #kure:hover,
svg#_レイヤー_1 #mihara:hover,
svg#_レイヤー_1 #miyoshi:hover,
svg#_レイヤー_1 #ootake:hover,
svg#_レイヤー_1 #hatukaichi:hover,
svg#_レイヤー_1 #jinsekikogen:hover,
svg#_レイヤー_1 #takehara:hover,
svg#_レイヤー_1 #higashi_x5F_hiroshima:hover,
svg#_レイヤー_1 #onomichi:hover,
svg#_レイヤー_1 #fukuyama:hover,
svg#_レイヤー_1 #akitakata:hover,
svg#_レイヤー_1 #sera:hover,
svg#_レイヤー_1 #kitahiroshima_x5F_cho:hover,
svg#_レイヤー_1 #akiota:hover {
  fill: #ca9a93 !important;
  stroke: #9c6b63 !important;
  opacity: .95;
}

/* その他ボタン */
svg#_レイヤー_1 #others:hover {
  fill: #f2f2f2 !important;
}

/* ----------------------------------------
   エリアリンク（角丸枠＋横並び）
---------------------------------------- */

.top-archive-content{
  width: 900px;          /* .site-contentに合わせる */
  margin: 0 auto;
}

.area-section{
  margin: 28px 0 34px;
}

.area-title{
  background-image: none; /* 既存h3の背景画像を無効化（必要なら） */
  width: auto;
  height: auto;
  padding: 0;
  margin: 0 0 14px;
  font-size: 28px;
  line-height: 1.2;
  color: #262626;
  text-align: left;
}

/* 角丸の枠 */
.area-box{
  border: 1px solid #262626;
  border-radius: 32px;
  padding: 18px 22px;
}

/* 横並び＋折り返し */
.area-links{
  display: flex;
  flex-wrap: wrap;
  gap: 14px 18px;  /* 行間・列間 */
  margin: 0;
  padding: 0;
}

/* liのデフォルトを潰す（念のため） */
.area-links li{
  margin: 0;
  padding: 0;
}

/* リンクの見た目 */
.area-links a{
  display: inline-block;
  color: #262626;
  text-decoration: none;
  line-height: 1.2;
  padding: 8px 6px;
  border-radius: 10px;
}

.area-links a:hover{
  text-decoration: underline;
}

/* スマホ調整 */
@media (max-width: 768px){
  .top-archive-content{
    width: 92%;
  }
  .area-title{
    font-size: 22px;
  }
  .area-box{
    border-radius: 22px;
    padding: 14px 14px;
  }
  .area-links{
    gap: 10px 14px;
  }
  .area-links a{
    font-size: 16px;
    padding: 6px 4px;
  }
}

/* 花屋一覧テーブルだけに効かせる */
.t-gyo tbody tr:nth-child(even) td:first-child{
  padding-left: 12px; 
}


.t-gyo .shopname{
  padding-left: 16px; font-weight: bold;   /* 好みで 12〜24px に調整 */
}
/* =========================
   SNS icon row (table)
   ========================= */

td.sns-icons {
  /* 右寄せしたいなら */
  /* text-align: right; */
}

.sns-links{
  margin: 0;
  padding: 0;
  display: inline-flex;
  gap: 4px;             /* アイコン間隔 */
  align-items: center;
  flex-wrap: wrap;       /* 画面が狭い時に折り返し */
}

.sns-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 28px;           /* クリック領域 */
  border-radius: 6px;

  text-decoration: none;
  background: transparent;

  transition: transform .12s ease, background-color .12s ease, opacity .12s ease;
}

.sns-link:hover{
  transform: translateY(-1px);
  background-color: rgba(0,0,0,.04);
}


/* アイコン本体（背景SVG） */
.sns-ico{
  display: block;
  width: 18px;           /* アイコンの見た目サイズ */
  height: 18px;

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  opacity: .92;
}

.sns-link:hover .sns-ico{
  opacity: 1;
}


/* SNS */
.is-website	{ background-image:url(img/sns_website.svg); }
.is-x 			{ background-image:url(img/sns_x.svg); }
.is-facebook 	{ background-image:url(img/sns_facebook.svg); }
.is-instagram 			{ background-image:url(img/sns_instagram.svg); }
.is-youtube	{ background-image:url(img/sns_youtube.svg); }
.sns-ico .is-line	{  background-image:url(img/sns_line.svg); }
.sns-ico .is-pinterest { background-image:url(img/sns_pinterest.svg); }
.sns-ico .is-threads	{ background-image:url(img/sns_threads.svg); }
.sns-ico .is-tiktok	{ background-image:url(img/sns_tiktok.svg); }

/* TEL/FAX（同じ仕組みで使える） */
.is-tel{
width: 30px;
  height: 15px;
    background-image:url(img/tel.svg); 
background-repeat: no-repeat;
}
.is-fax{
	
width: 30px;
  height: 15px;
	background-image:url(img/fax.svg); 
background-repeat: no-repeat;}

/* パンくずリスト */
.breadcrumb { margin: 8px 0 16px; font-size: 14px; }
.breadcrumbs { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.breadcrumbs .bc-item::after { content: "›"; margin-left: 6px; }
.breadcrumbs .bc-item:last-child::after { content: ""; }
.breadcrumbs a { text-decoration: none; }