@charset "utf-8";

/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*------------------------------------------------------------------------------------------------------------------
　base style
-------------------------------------------------------------------------------------------------------------------*/

body{	
color:#343434;
font-size:15px;
margin:0;
height:100%;
position:relative;
font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.8;
overflow-x:hidden;
}

body > #primary {
height: auto;
}


a:link {color:#cf3434; text-decoration:underline;}
a:visited {color:#cf3434; text-decoration:underline;}
a:hover {color:#e59c0e; text-decoration:underline;}

img {
border:0;
vertical-align: bottom;
}

hr {
	border: 0; 
	height: 1px;
	margin:0;
	padding:0;
	margin-top:30px;
	margin-bottom:30px;
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

/*------------------------------------------------------------------------------------------------------------------
　Expression
-------------------------------------------------------------------------------------------------------------------*/

.clear { clear:both; }
.under { margin-bottom:30px !important; }
.under-harf { margin-bottom:15px !important; }
.right { float:right; margin-left:20px; margin-bottom:15px; margin-top:5px;}
.left { float:left; margin-right:20px; margin-bottom:15px; margin-top:5px;}

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

.last { margin-bottom:0 !important; padding-bottom:0 !important; }

#lineup-font-size-sampler {
	display:none;
}

.ro img, .ro {
	transition:0.3s;
}

.ro img:hover,.ro:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.dropshadow {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
}

.link { position:relative; }
.link a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	text-indent:200%;
	overflow:hidden;
	white-space:nowrap;
	z-index:99;
	transition:0.3s;
}

.link.overlay a { background-color:rgba(255,255,255,0); }
.link.overlay a:hover { background-color:rgba(255,255,255,0.2); }

.hidden-link {
	display:none;
}

div:after,
section:after,
article:after,
ul:after {
    content: "";
    display: block;
    clear: both;
}

.pc {
	display:inherit;
}

.sp {
	display:none;
}

.tab {
	display:inherit;
}

/*------------------------------------------------------------------------------------------------------------------
　Float Image
-------------------------------------------------------------------------------------------------------------------*/

.photo-l, .alignleft {
	float:left;
	margin-right:30px;
	margin-bottom:20px;
	margin-top:5px;
}

.photo-r, .alignright {
	float:right;
	margin-left:30px;
	margin-bottom:20px;
	margin-top:5px;
}

.photo-l img {
	width:100%;
	height:auto;
}

.photo-r img {
	width:100%;
	height:auto;
}

.photo-c, .aligncenter {
	text-align:center;
	display: block;
    margin: 0 auto;
	margin-bottom:30px;
}

.photo-c img {
}
 
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}

@media screen and (max-width:1300px) {
	.column3-layout .photo-l, .alignleft {
		float:none;
		margin-right:0;
		margin-bottom:30px;
		text-align:center;
		display: block;
		margin: 0 auto;
	}
	.column3-layout .photo-r, .alignright {
		float:none;
		margin-left:0;
		margin-bottom:30px;
		text-align:center;
		display: block;
		margin: 0 auto;
	}
	.column3-layout .photo-c, .aligncenter {
		text-align:center;
		display: block;
		margin: 0 auto;
		margin-bottom:30px;
	}
}


/*------------------------------------------------------------------------------------------------------------------
　wp-pagenavi
-------------------------------------------------------------------------------------------------------------------*/

.wp-pagenavi {
	display:block !important;
	clear:both !important;
	text-align:center;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#656565 !important;
		padding:10px 17px 10px 17px !important;
		background:#e1e1e1 !important;
		font-size:20px !important;
		font-weight:normal !important;
		margin-right:6px !important;
		text-decoration:none !important;
		transition:0.3s;
}	
.wp-pagenavi a:hover {
		color:#fff !important;
		background:#a4a4a4 !important;

}
 .wp-pagenavi span.current{
		padding:10px 17px 10px 17px !important;
		color:#fff !important;
		background:#98171b !important;
		font-size:20px !important;
		font-weight:normal !important;
		margin-right:6px !important;
		text-decoration:none !important;
}

.backpage {
	display:block;
	width:200px;
	height:38px;
	box-sizing:border-box;
	color:#333333;
	border:2px solid #e1e1e1;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
	transition:0.3s;
}

.backpage:hover {
	color:#8d1419;
	border:2px solid #8d1419;
}

.backpage:after {
	content:"〈";
	position:absolute;
	top:8px;
	left:8px;
	font-size:10px;
	display:block;
	color:#e1e1e1;
	transition:0.3s;
}

.backpage:hover:after {
	left:4px;
	color:#8d1419;
}

.backpage a {
	position:absolute;
	width:100%;
	height:100%;
	line-height:35px;
	display:block;
	top:-0;
	left:-0;
	color:#333333;
	text-decoration:none;
}

.backpage a:hover {
	color:#8d1419;
}

/*------------------------------------------------------------------------------------------------------------------
　Primary
-------------------------------------------------------------------------------------------------------------------*/

#primary {
	width:100%;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

article {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding-left:30px;
	box-sizing:border-box;
}

#content {
	width:100%;
	box-sizing:border-box;
	padding-right:320px;
	/* background-image:url(../image/back.gif); */
	background-position:bottom;
	background-repeat:repeat-x;
	transition:0.3s;
}

@media screen and (max-width:900px) { 
	#content {
		padding-left:30px;
		padding-right:30px;
	}
	article {
		padding-left:0;
	}
}

.column3-layout {
	display:flex;
	flex-direction:column;
}

/*------------------------------------------------------------------------------------------------------------------
　Mainvisual
-------------------------------------------------------------------------------------------------------------------*/

#mainvisual {
	max-width:1600px;
	margin-bottom:30px;
	position:relative;
}

.swiper-container {
	width:100% !important;
	min-width:100% !important;
	clear:both !important;
	display:block !important;
}

#mainvisual h1 {
	display:none;
}
#mainvisual .logo {
	display:none;
}
@media screen and (min-width:1200px) { 
	#mainvisual h1 {
		color:#ffffff;
		font-weight:normal;
		margin:0;
		padding:0;
		font-size:13.5px;
		text-shadow: 1px 1px 2px #000000;
		position:absolute;
		top:15px;
		left:56px;
		z-index:99;
		display:block;
	}
	#mainvisual .logo {
		background-image:url(../image/mainvisual/logo.png);
		width:420px;
		height:86px;
		position:absolute;
		top:52px;
		left:0;
		z-index:99;
		display:block;
	}
}

#mainvisual .item {
	width:100% !important;
	max-width:1600px;
	padding-top:48.4375%;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
	display:block;
}

#mainvisual .item span {
	position:absolute;
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:rgba(255,255,255,0.7);
	color:#000000;
	top:20px;
	right:20px;
}

#mainvisual .bx-pager {
	bottom:160px;
	right:20px;
}

@media screen and (max-width:1860px) { 
	#mainvisual .bx-pager {
		bottom:135px;
	}
}

@media screen and (max-width:1580px) {
	#mainvisual .bx-pager {
		bottom:20px;
	}
}

.bx-wrapper .bx-pager.bx-default-pager a {
	width:15px !important;
	height:15px !important;
	border-radius:15px !important;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
}

.bx-pager-link.active {
	background-color:#98171b !important;
}

#mainvisual .shop-list-primary {
	background-color:rgba(255,255,255,0.8);
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	box-sizing:border-box;
	z-index:99;
}

@media screen and (max-width:1580px) { 
	#mainvisual .shop-list-primary {
		background-color:transparent;
		position:relative;
		left:inherit;
		bottom:inherit;
	}
}

#mainvisual .shop-list-primary h2 {
	background-image:url(../image/mainvisual/shop-list-title.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	width:362px;
	height:150px;
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	float:left;
	box-sizing:border-box;
	transition:0.3s;
}

@media screen and (max-width:1860px) { 
	#mainvisual .shop-list-primary h2 {
		width:300px;
		height:124px;
		margin-left:-30px;
	}
}

@media screen and (max-width:1580px) { 
	#mainvisual .shop-list-primary h2 {
		display:none;
	}
}

@media screen and (max-width:1580px) { 
	#mainvisual .shop-list-primary h2 {
		display:block;
		background-size:auto;
		width:362px;
		height:110px;
		margin-left:-18px;
	}
}

@media screen and (max-width:900px) { 
	#mainvisual .shop-list-primary h2 {
		margin-left:-45px;
	}
}

#mainvisual .shop-list-primary ul {
	list-style:none;
	margin:0;
	padding:0;
	max-width:1160px;
	padding-left:30px;
	box-sizing:border-box;
	float:left;
}

@media screen and (max-width:1730px) { 
	#mainvisual .shop-list-primary ul {
		padding-top:15px;
	}
}

@media screen and (max-width:1580px) { 
	#mainvisual .shop-list-primary ul {
		padding-top:0px;
		margin-top:10px;
		width:100%;
	}
}

@media screen and (max-width:900px) { 
	#mainvisual .shop-list-primary ul {
		padding-left:0;
	}
}

#mainvisual .shop-list-primary ul li {
	float:left;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	transition:0.3s;
}

@media screen and (max-width:1860px) { 
	#mainvisual .shop-list-primary ul li {
		padding-left:15px;
		padding-right:15px;
		padding-top:10px;
	}
}

@media screen and (max-width:1730px) { 
	#mainvisual .shop-list-primary ul li {
		float:none;
		text-align:left;
		padding-left:0;
		padding-right:0;
		padding-top:0;
		width:100%;
		padding-bottom:3px;
		margin-bottom:3px;
		border-bottom:1px dotted #b5b5b5;
	}
	#mainvisual .shop-list-primary ul li:last-of-type {
		border-bottom:none;
		padding-bottom:0;
		margin-bottom:0;
	}
}

@media screen and (max-width:1580px) { 
	#mainvisual .shop-list-primary ul li:last-of-type {
		padding-bottom:10px;
	}
}


@media screen and (min-width:1731px) { 
#mainvisual .shop-list-primary ul li h3 {
	margin:0;
	padding:0;
}

#mainvisual .shop-list-primary ul li h3 {
	width:100%;
	border-bottom:1px solid #000000;
	margin:0;
	padding:0;
	padding-bottom:2px;
	font-size:18px;
	font-weight:400;
	margin-bottom:6px;
	position:relative;
	color:#000000;
	text-decoration:none;
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	white-space:nowrap;
}

#mainvisual .shop-list-primary ul li h3 a {
	text-decoration:none;
	color:#000000;
	width:inherit !important;
}

#mainvisual .shop-list-primary ul li h3 a:hover {
	color:#cf3434 !important;
}

#mainvisual .shop-list-primary ul li h3 a.sns {
	border:none !important;
	width:inherit !important;
}

}

@media screen and (max-width:1730px) { 
#mainvisual .shop-list-primary ul li h3 {
	width:100%;
	border-bottom:1px solid #000000;
	margin:0;
	padding:0;
	padding-bottom:12px;
	font-size:18px;
	font-weight:400;
	margin-bottom:12px;
}
}

@media screen and (max-width:1860px) { 
	#mainvisual .shop-list-primary ul li h3 {
		font-size:16px;
		padding-bottom:0;
		margin-bottom:5px;
	}
}

@media screen and (max-width:1730px) { 
	#mainvisual .shop-list-primary ul li h3 {
		border:none;
		width:inherit;
		display:inline;
		font-size:14px;
		padding-right:20px;
		color:#98171b;
	}
}

@media screen and (max-width:900px) { 
	#mainvisual .shop-list-primary ul li h3 {
		display:block;
	}
}

#mainvisual .shop-list-primary ul li p {
	font-size:14px;
	margin:0;
	padding:0;
	line-height:20px;
}

#mainvisual .shop-list-primary ul li p span {
	display:block;
}

@media screen and (max-width:1730px) { 
	#mainvisual .shop-list-primary ul li p {
		display:inline;
	}
}

@media screen and (max-width:1730px) { 
	#mainvisual .shop-list-primary ul li p span {
		width:15px;
		display:inline;
		padding-right:10px;
	}
}

#mainvisual .shop-list-primary .group-bana {
	background-image: url("../image/mainvisual/bana-ikichi.png");
	width: 330px;
	height: 150px;
	display: block;
	position: absolute;
	top: 15px;
	right: 30px;
	backface-visibility: hidden;
	filter: blur(0);
	image-rendering: -webkit-optimize-contrast;
	transform: scale(0.8,0.8);
	transform-origin: top right;
	transition: 0.2s;
}

@media screen and (max-width:1860px) {
	#mainvisual .shop-list-primary .group-bana {
		transform: scale(0.6,0.6);
	}
}
@media screen and (max-width:1580px) {
	#mainvisual .shop-list-primary .group-bana {
		top: 20px;
		right: 20px;
	}
}

#mainvisual .shop-list-primary .group-bana a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	transition: 0.2s;
	background-color: rgba(255,255,255,0);
}

#mainvisual .shop-list-primary .group-bana a:hover {
	background-color: rgba(255,255,255,0.3);
}

/*------------------------------------------------------------------------------------------------------------------
　Header
-------------------------------------------------------------------------------------------------------------------*/

header {
	width:100%;
	height:110px;
	background-color:#ffffff;
	position:relative;
	box-sizing:border-box;
}

@media screen and (min-width:1200px) { 
	header {
		display:none;
	}
}

header .logo {
	background-image:url(../image/header/logo.png);
	background-size:contain;
	width:310px;
	height:70px;
	float:left;
	margin-left:20px;
	margin-right:30px;
	margin-top:20px;
	transition:0.3s;
}

header h1 {
	font-size:15px;
	margin:0;
	padding:0;
	font-weight:normal;
	float:left;
	padding-top:30px;
}

@media screen and (max-width:1400px) { 
	header .logo {
		width:244px;
		height:55px;
		float:none;
		clear:both;
	}
	header h1 {
		float:none;
		clear:both;
		display:inline-block;
		padding-left:18px;
		padding-top:8px;
		padding-bottom:15px;
		font-size:12px;
	}
}

@media screen and (max-width:980px) { 
	header {
		height:95px;
	}
	header .logo {
		float:left;
		margin-right:15px;
	}
	header h1 {
		float:left;
		clear:none;
		padding-left:0;
		padding-top:25px;
	}
}

@media screen and (max-width:940px) { 
	header h1 {
		padding-left:20px;
		padding-top:15px;
	}
}

@media screen and (max-width:900px) { 
	header .logo {
		margin-left:0;
	}
	header h1 {
		padding-left:0;
		padding-top:25px;
	}
}

@media screen and (max-width:720px) { 
	header {
		height:110px;
	}
	header .logo {
		width:244px;
		height:55px;
		float:none;
		clear:both;
	}
	header h1 {
		float:none;
		clear:both;
		display:inline-block;
		padding-left:0px;
		padding-top:8px;
		padding-bottom:15px;
		font-size:12px;
	}
}

header .option {
	float:right;
	width:282px;
	padding-top:27px;
	box-sizing:border-box;
}

@media screen and (max-width:1400px) { 
	header .option {
		margin-top:-75px;
	}
}

@media screen and (max-width:980px) { 
	header .option {
		display:none;
	}
}

header .option .tel-fax {
	width:282px;
	height:57px;
	float:right;
	text-align:right;
}

header .option .tel {
	background-image:url(../image/header/tel.png);
	width:282px;
	height:31px;
	margin-bottom:9px;
	float:right;
}

header .option .fax {
	background-image:url(../image/header/fax.png);
	width:194px;
	height:17px;
	float:right;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

/*------------------------------------------------------------------------------------------------------------------
　Side
-------------------------------------------------------------------------------------------------------------------*/

#sidebar {
	width:320px;
	height:100%;
	position:fixed;
	top:0;
	right:0;
	background-color:#ffffff;
	padding-left:30px;
	box-sizing:border-box;
	z-index:5;
}

#sidebar .mCSB_inside > .mCSB_container {
	margin-right:0;
}

#sidebar .mCSB_scrollTools .mCSB_draggerRail {
	background-color:#ffffff !important;
}

#sidebar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color:#b63d40 !important;
}

#sidebar .mCSB_scrollTools {
	right:-7px !important;
}

#sidebar .logo {
	background-image:url(../image/sidebar/logo.png);
	width:290px;
	height:270px;
}

#sidebar .description {
	background-color:#aa7b4d;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	color:#ffffff;
	font-size:14px;
}

#sidebar nav {
	position:relative;
}

#sidebar nav ul {
	list-style:none;
	margin:0;
	padding:0;
	width:290px;
}

#sidebar nav ul li {
	width:100%;
	height:81px;
	background-position:left;
	background-repeat:no-repeat;
	position:relative;
	transition:0.3s;
}

#sidebar nav ul li a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#sidebar nav ul li:nth-child(1) { background-image:url(../image/sidebar/navi01.png); }
#sidebar nav ul li:nth-child(2) { background-image:url(../image/sidebar/navi02.png); }
#sidebar nav ul li:nth-child(3) { background-image:url(../image/sidebar/navi03.png); }
#sidebar nav ul li:nth-child(4) { background-image:url(../image/sidebar/navi04.png); }
#sidebar nav ul li:nth-child(5) { background-image:url(../image/sidebar/navi05.png); }
#sidebar nav ul li:nth-child(6) { background-image:url(../image/sidebar/navi06.png); }
#sidebar nav ul li:nth-child(7) { background-image:url(../image/sidebar/navi07.png); }

#sidebar nav ul li:nth-child(1):hover { background-image:url(../image/sidebar/navi01_on.png); }
#sidebar nav ul li:nth-child(2):hover { background-image:url(../image/sidebar/navi02_on.png); }
#sidebar nav ul li:nth-child(3):hover { background-image:url(../image/sidebar/navi03_on.png); }
#sidebar nav ul li:nth-child(4):hover { background-image:url(../image/sidebar/navi04_on.png); }
#sidebar nav ul li:nth-child(5):hover { background-image:url(../image/sidebar/navi05_on.png); }
#sidebar nav ul li:nth-child(6):hover { background-image:url(../image/sidebar/navi06_on.png); }
#sidebar nav ul li:nth-child(7):hover { background-image:url(../image/sidebar/navi07_on.png); }

#sidebar nav ul li:nth-child(4) span {
	width:24px;
	height:24px;
	border-radius:14px;
	color:#9c1f23;
	border:2px solid #9c1f23;
	font-size:14px;
	line-height:24px;
	display:block;
	text-align:center;
	font-weight:bold;
	position:absolute;
	top:15px;
	left:118px;
}

.sidebar-contact-primary {
	width:290px;
	position:relative;
}

#sidebar .sidebar-tel {
	background-image:url(../image/sidebar/tel.png);
	width:290px;
	height:103px;
}

#sidebar .contact {
	background-image:url(../image/sidebar/contact.png);
	width:260px;
	height:55px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	transition:0.3s;
}

#sidebar .contact:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#sidebar-banar-primary {
	background-color:#eeeeee;
	padding:15px;
}

#sidebar-banar-primary ul {
	margin:0;
	padding:0;
	list-style:none;
}

#sidebar-banar-primary ul li {
	width:260px;
	height:70px;
	display:block;
	margin-bottom:10px;
	position:relative;
}

#sidebar-banar-primary ul li a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background-color:rgba(255,255,255,0);
	transition:0.3s;
}

#sidebar-banar-primary ul li a:hover {
	background-color:rgba(255,255,255,0.3);
}

#sidebar-banar-primary ul li:nth-child(1) { background-image:url(../image/sidebar/bana02.png); }
#sidebar-banar-primary ul li:nth-child(2) { background-image:url(../image/sidebar/bana03.png); }

#sidebar-twitter-primary {
	background-color:#eeeeee;
	padding:15px;
	padding-top:0;
	margin-top:-10px;
}

#sidebar-twitter-primary ul {
	margin:0;
	padding:0;
	list-style:none;
}

#sidebar-twitter-primary ul li {
	width:122px;
	height:43px;
	display:block;
	margin-bottom:10px;
	position:relative;
}

#sidebar-twitter-primary ul li a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background-color:rgba(255,255,255,0);
	transition:0.3s;
}

#sidebar-twitter-primary ul li a:hover {
	background-color:rgba(255,255,255,0.3);
}

#sidebar-twitter-primary ul li:nth-child(1) { background-image:url(../image/sidebar/tw_nishi.png); float:left; }
#sidebar-twitter-primary ul li:nth-child(2) { background-image:url(../image/sidebar/tw_ruike.png); float:right; }
#sidebar-twitter-primary ul li:nth-child(3) { background-image:url(../image/sidebar/tw_sansa.png); float:left; }

.sp-navi-button {
	display:none;
}

@media screen and (max-width:900px) { 
	.sp-navi-button {
		display:block;
		position:fixed;
		top:30px;
		right:30px;
		width: 50px;
		height: 44px;
		z-index:100;
	}
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
	position:absolute;
	width: 50px;
	height: 44px;
	top:0;
	right:0;
	z-index:9999;
}
.menu-trigger:hover {
	cursor:pointer;
}

.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #98171b;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 20px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-315deg);
  transform: translateY(20px) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(315deg);
  transform: translateY(-20px) rotate(315deg);
}

/*------------------------------------------------------------------------------------------------------------------
　Left-sidebar
-------------------------------------------------------------------------------------------------------------------*/

#left-sidebar {
	width:310px;
	position:absolute;
	left:30px;
	top:294px;
}

#left-sidebar .box h3 {
	position:relative;
	z-index:99;
	font-size:18px;
	color:#98171b;
	margin:0;
	padding:0;
	margin-bottom:20px;
}

#left-sidebar .box ul {
	position:relative;
	z-index:99;
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:20px;
}

#left-sidebar .box ul li a {
	background-image:url(../image/layout/icon/side-li-ar.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#ffffff;
	padding-top:10px;
	padding-bottom:10px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	margin-bottom:10px;
	position:relative;
	font-size:15px;
	text-decoration:none;
	color:#000000;
	display:block;
	text-indent:15px;
	transition:0.3s;
}

#left-sidebar .box ul li a:hover {
	color:#98171b;
}

#left-sidebar .box ul li a.active {
	background-color:#98171b;
	color:#ffffff;
	background-image:url(../image/layout/icon/side-li-ar_active.gif);
}

#left-sidebar .box ul li a.active:hover {
	opacity:0.8;
}

#left-sidebar .box ul ul {
	list-style:none;
	margin:0;
	padding:0;
	padding-left:15px;
	padding-bottom:5px;
}

#left-sidebar .box ul ul li a {
	background-color:#edd7d7;
	color:#98171b;
	background-image:url(../image/layout/icon/side-li-li-ar.gif);
	background-position:right;
	background-repeat:no-repeat;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.10);
	transition:0s;
}

#left-sidebar .box ul ul li a.active {
	background-color:#d5a3a3 !important;
	color:#ffffff !important;
	background-image:url(../image/layout/icon/side-li-li-ar_active.gif);
}

#left-sidebar .box ul ul li a.active:hover {
	background-image:url(../image/layout/icon/side-li-li-ar_active.gif) !important;
}

#left-sidebar .box ul ul li a:hover {
	background-color:#f8efd8;
	color:#98171b;
	background-image:url(../image/layout/icon/side-li-li-ar_on.gif);
}

#left-sidebar .box select {
	position:relative;
	z-index:99;
	width:100%;
	padding-top:11px;
	padding-bottom:11px;
}

@media screen and (max-width:1100px) {
	.column3-layout #left-sidebar {
		width:100%;
		position:relative;
		left:inherit;
		top:inherit;
		box-sizing:border-box;
		padding-right:30px;
		order:2;
	}
}

/* スクロール時に固定する */
.pc-side-nav-fixed {
	top: 30px !important;
	left:30px !important;
	position: fixed !important;
}

/* 店舗詳細ページの時は早目に左カラムを下げる */
@media screen and (max-width:1400px) {
	body.shop .column3-layout #left-sidebar {
		width:100%;
		position:relative !important;
		left:inherit !important;
		top:inherit !important;
		box-sizing:border-box;
		padding-right:30px;
		order:2;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　Footer
-------------------------------------------------------------------------------------------------------------------*/

#footer {
	width:100%;
	background-color:#ffffff;
	box-sizing:border-box;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
}

#footer .logo {
	background-image:url(../image/header/logo.png);
	width:310px;
	height:70px;
	float:left;
	margin-right:30px;
	margin-left:30px;
	margin-top:30px;
	margin-bottom:30px;
}

@media screen and (max-width:1840px) {
	#footer .logo {
		margin-bottom:20px;
	}
}

@media screen and (max-width:1210px) {
	#footer .logo {
		float:none;
		clear:both;
		margin-bottom:0;
	}
}

#footer .option {
	float:left;
	padding-top:32px;
}

#footer .option p {
	font-size:16px;
	margin:0;
	padding:0;
	margin-bottom:10px;
}

#footer .option .tel-fax {
	box-sizing:border-box;
	float:left;
}

@media screen and (max-width:1210px) {
	#footer .option {
		float:none;
		clear:both;
		margin-left:30px;
		margin-top:-10px;
	}
}

#footer .option .tel {
	background-image:url(../image/header/tel.png);
	width:282px;
	height:31px;
	margin-bottom:9px;
	margin-right:20px;
	float:left;
}

#footer .option .fax {
	background-image:url(../image/header/fax.png);
	width:194px;
	height:17px;
	float:left;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	margin-top:12px;
}

@media screen and (max-width:865px) {
	#footer .option .fax {
		float:none;
		clear:both;
		margin-bottom:20px;
	}
}

#footer nav {
	float:right;
	padding-right:320px;
	padding-top:50px;
}

@media screen and (max-width:1840px) {
	#footer nav {
		float:none;
		clear:both;
		padding-left:30px;
		padding-right:0;
		padding-top:0;
		padding-bottom:10px;
		display:block;
		width:100%;
		box-sizing:border-box;
	}
}

#footer nav a {
	color:#222222;
	text-decoration:none;
	font-size:16px;
}

#footer nav a:hover {
	text-decoration:underline;
}

#footer #cc {
	background-image:url(../image/footer/cc-back.gif);
	width:100%;
	height:80px;
	line-height:52px;
	clear:both;
	position:relative;
	z-index:1;
	overflow:hidden;
}

#footer #cc p {
	color:#ffffff;
	text-indent:30px;
}

.topback {
	background-image:url(../image/footer/topback.png);
	background-repeat:no-repeat;
	width:230px;
	height:80px;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	position:absolute;
	top:0;
	right:320px;
	transition:0.3s;
}

@media screen and (max-width:900px) { 
	.topback {
		right:0;
	}
}

.footer-pointcard {
	padding-left:30px;
	padding-bottom:30px;
	padding-right:350px;
}

.footer-pointcard img {
	max-width:100%;
}

@media screen and (max-width:900px) {
	.footer-pointcard {
		padding-right:30px;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　Additional
-------------------------------------------------------------------------------------------------------------------*/

/* サイドオープン時にメインコンテンツを覆う部分 */
.sp-navi-overlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 9999;
  margin-left:-290px;
}
.sp-navi-overlay::after {
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.side-open .sp-navi-overlay {
  visibility: visible;
  cursor: pointer;
}
.side-open .sp-navi-overlay::after {
  visibility: visible;
}

/* 開閉用ボタン ※ボタンの細かいスタイルは省略 */
.menu-trigger {
	transition: all .6s ease;
}

.side-open .menu-trigger {
	right:320px;
}

@media screen and (max-width:900px) { 
	.side-menu {
		position:fixed;
		top: 0;
		right: 0;
		width: 320px;
		height: 100%;
		text-align: left;
		background-color:rgba(0,0,0,0.9);
		z-index:1 !important;
	}
}

/* メインコンテンツ */
.wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 3;
	overflow: hidden;
	background-color:rgba(255,255,255,1.00);
}

/* サイドメニューオープン */
.side-open .wrapper,
.side-open .overlay {
  -webkit-transform: translate3d(-289px, 0, 0);
  transform: translate3d(-289px, 0, 0);
}

.wrapper-back {
	width:100%;
	height:100%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:1;
}

.wrapper-back.none {
	display:none;
}

/*----------------------------------------------------------------------------
   box layout fix
------------------------------------------------------------------------------*/

.box {
	border:1px solid #d2d2d2 !important;
	background-image:url(../image/layout/box/back.gif);
	position:relative;
	box-sizing:border-box;
}

.box:after {
	position:absolute;
	top:0;
	left:0;
	margin:0.2%;
	width:99.6%;
	height:98.8%;
	border-top:1px solid #ececec;
	border-bottom:1px solid #ececec;
	border-left:1px dotted #ececec;
	border-right:1px dotted #ececec;
	box-sizing:border-box;
	content:"";
	display:none;
}

.box:before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:4px solid #ffffff;
	/*content:"";*/
	display:block;
	box-sizing:border-box;
}

.box h2 {
	margin:0;
	padding:0;
	color:#981717;
	font-size:24px;
	font-weight:bold;
	position:relative;
	z-index:2;
	margin-top:-5px;
	line-height:28px;
}

.box h2 span {
	color:#000000;
	display:block;
	font-size:18px;
	font-weight:normal;
}

/*------------------------------------------------------------------------------------------------------------------
　subpage in content
-------------------------------------------------------------------------------------------------------------------*/

#subpage-mv .mv {
	overflow:hidden;
	text-indent:200%;
	white-space:nowrap;
	max-width:1630px;
	height:263px;
	margin-left:-30px;
	background-position:top center;
	background-repeat:no-repeat;
}

#subpage-information #subpage-mv .mv { background-image:url(../image/contents/information/mv.jpg); }
#subpage-bestseller #subpage-mv .mv { background-image:url(../image/contents/bestseller/mv.jpg); }
#subpage-recommendation #subpage-mv .mv { background-image:url(../image/contents/recommend/mv.jpg); }
#subpage-recruit #subpage-mv .mv { background-image:url(../image/contents/recruit/mv.jpg); }
#subpage-shop #subpage-mv .mv { background-image:url(../image/contents/shop/mv.jpg); }
#subpage-company #subpage-mv .mv { background-image:url(../image/contents/information/mv.jpg); }
#subpage-publishing #subpage-mv .mv { background-image:url(../image/contents/publishing/mv.jpg); }
#subpage-contact #subpage-mv .mv { background-image:url(../image/contents/publishing/mv.jpg); }

#subpage #content .column3-layout #in-content {
	min-height:1000px;
	width:100%;
	padding-left:345px;
	/* padding-right:30px; */
	box-sizing:border-box;
	float:right;
	margin-bottom:50px;
	margin-top:32px;
}

#subpage #content .column2-layout #in-content {
	/* min-height:1000px; */
	width:100%;
	padding-left:0;
	/* padding-right:30px; */
	box-sizing:border-box;
	float:right;
	margin-bottom:50px;
	margin-top:32px;
}

@media screen and (max-width:1100px) {
	#subpage #content .column3-layout #in-content {
		padding-left:0;
	}
}

/* 店舗詳細ページの時は早目に左カラムを下げる */
@media screen and (max-width:1400px) {
	#subpage.shop #content .column3-layout #in-content {
		padding-left:0;
		margin-bottom:0;
	}
}

#subpage #content #in-content h2 {
	margin:0;
	padding:0;
	width:100%;
	height:76px;
	line-height:76px;
	font-size:24px;
	color:#98171b;
	background-color:#efefef;
	background-position:left;
	background-repeat:no-repeat;
	margin-bottom:30px;
	padding-left:85px;
	box-sizing:border-box;
	border-top:2px solid #98171b;
	border-bottom:1px solid #e1e1e1;
}

#subpage #content #in-content h2 span {
	font-size:16px;
	display:block;
	font-weight:normal;
	color:#000000;
	float:right;
	padding-right:30px;
}

#subpage #content #in-content h3 {
	font-size:26px;
	color:#98171b;
	font-weight:normal;
}

/*----------------------------------------------------------------------------
   Home
------------------------------------------------------------------------------*/

#information {
	position:relative;
}

#information .box {
}

#information h2 {
	position:absolute;
	top:100px;
	left:35px;
	width:200px;
	height:346px;
	z-index:99;
}

@media screen and (max-width:1170px) { 
	#information h2 {
		position:relative;
		top:inherit;
		left:inherit;
		width:200px;
		height:74px;
		z-index:99;
	}
}

#information .archive-button {
	background-image:url(../image/contents/top/information-archive.png);
	width:165px;
	height:40px;
	display:block;
	position:absolute;
	top:180px;
	left:35px;
}

@media screen and (max-width:1170px) { 
	#information .archive-button {
		position:absolute;
		top:30px;
		left:inherit;
		right:30px;
	}
}

.information-list-primary {
	width:100%;
	position:relative;
	z-index:2;
	box-sizing:border-box;
	padding-left:248px;
	padding-right:40px;
}

@media screen and (max-width:1170px) { 
	.information-list-primary {
		padding-left:26px;
	}
}

.information-list-primary ul {
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:0 !important;
}

.information-list-primary ul li {
	min-height:255px;
	width:237px;
	float:left;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
}

.information-list-primary ul li .thum {
	width:207px;
	height:146px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	margin-bottom:10px;
}

.information-list-primary ul li .detail {
	width:207px;
}

.information-list-primary ul li .detail .category-icon {
	height:30px;
	display:inline-block;
	margin-right:10px;
	padding-left:5px;
	padding-right:5px;
	color:#ffffff;
	line-height:30px;
	text-align:center;
	font-size:12px;
}

.category-id_01 .category-icon { background-image:url(../image/layout/icon/information-category-id_01-back.gif); }
.category-id_02 .category-icon { background-image:url(../image/layout/icon/information-category-id_02-back.gif); }

.information-list-primary ul li .detail .data {
	display:inline-block;
	height:30px;
	line-height:30px;
	font-size:16px;
	color:#5d5d5d;
}

.information-list-primary ul li .detail p { margin-top:5px; }

.information-list-primary ul li .detail p a { text-decoration:none; }
.information-list-primary ul li .detail.category-id_00 p a { border-bottom:1px dotted #cf3434; color:#cf3434; }
.information-list-primary ul li .detail.category-id_01 p a { border-bottom:1px dotted #179698; color:#179698; }
.information-list-primary ul li .detail.category-id_02 p a { border-bottom:1px dotted #847200; color:#847200; }

.information-list-primary  .slick-prev {
	background-image:url(../image/contents/top/weekly-best-seller/prev.png);
	width:40px;
	height:40px;
	left:-40px;
}

.information-list-primary  .slick-next {
	background-image:url(../image/contents/top/weekly-best-seller/next.png);
	width:40px;
	height:40px;
	right:-55px;
}

.information-list-primary  .slick-prev:before, .information-list-primary  .slick-next:before {
	display:none;
}

#weekly-best-seller {
	height:230px;
	background-image:url(../image/contents/top/weekly-best-seller/back.gif);
	position:relative;
	margin-bottom:30px;
}

@media screen and (max-width:1150px) {
	#weekly-best-seller {
		padding-top:20px;
		height:301px;
	}
}

#weekly-best-seller h2 {
	background-image:url(../image/contents/top/weekly-best-seller/h2.png);
	width:231px;
	height:230px;
	margin:0;
	padding:0;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	position:absolute;
	top:0;
	left:0;
}

#weekly-best-seller h2 .button {
	background-image:url(../image/contents/top/weekly-best-seller/button.png);
	width:153px;
	height:34px;
	position:absolute;
	display:block;
	top:175px;
	left:40px;
}

@media screen and (max-width:1150px) {
	#weekly-best-seller h2 {
		background-image:url(../image/contents/top/weekly-best-seller/h2_tab.png);
		background-position:left 20px top 0px;
		background-repeat:no-repeat;
		width:100%;
		height:58px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:15px;
		position:relative;
		top:inherit;
		left:inherit;
	}
	#weekly-best-seller h2 .button {
	background-image:url(../image/contents/top/weekly-best-seller/button.png);
	width:153px;
	height:34px;
	position:absolute;
	display:block;
	top:16px;
	left:inherit;
	right:20px;
}
}


#weekly-best-seller .slider-primary {
	padding-left:230px;
	width:100%;
	box-sizing:border-box;
	height:220px;
	padding-top:7px;
	padding-right:7px;
	transition:0.3s;
}

@media screen and (max-width:1150px) {
	#weekly-best-seller .slider-primary {
		padding-left:7px;
	}
}

#weekly-best-seller .slider-primary .slider {
	width:100%;
	height:214px;
	background-image:url(../image/contents/top/weekly-best-seller/thumnail-list-back.png);
	background-repeat:no-repeat;
	background-position:left;
	border:1px solid #a93a3d;
	border-right:2px solid #98171b;
	box-sizing:border-box;
	padding-right:70px;
}

#weekly-best-seller .slider-primary .slider:after {
	width:2px;
	height:214px;
	background-color:#98171b;
	border-right:1px solid #a93a3d;
	position:absolute;
	top:8px;
	right:5px;
	content:"";
	display:block;
}

@media screen and (max-width:1150px) {
	#weekly-best-seller .slider-primary .slider:after {
		display:none;
	}
}

#weekly-best-seller .slider-primary .slider .point-squere {
	position:relative;
}

#weekly-best-seller .slider-primary .slider .point-squere .point-left {
	position:absolute;
	top:7px;
	left:7px;
}

#weekly-best-seller .slider-primary .slider .point-squere .point-right {
	position:absolute;
	top:7px;
	right:-60px;
}

#weekly-best-seller .slider-primary .slider .point-squere .point-left:before, #weekly-best-seller .slider-primary .slider .point-squere .point-right:before {
	background-image:url(../image/contents/top/weekly-best-seller/point.png);
	width:7px;
	height:7px;
	position:absolute;
	top:0;
	left:0;
	content:"";
	display:block;
}

#weekly-best-seller .slider-primary .slider .point-squere .point-left:after, #weekly-best-seller .slider-primary .slider .point-squere .point-right:after {
	background-image:url(../image/contents/top/weekly-best-seller/point.png);
	width:7px;
	height:7px;
	position:absolute;
	top:195px;
	left:0;
	content:"";
	display:block;
}

#weekly-best-seller .slider-primary .slider ul {
	list-style:none;
	margin:0;
	padding:0;
	padding-top:11px;
	padding-left:70px;
	margin-top:-23px;
}

#weekly-best-seller .slider-primary .slider ul li {
	display:inline-block;
	width:192px;
	margin-right:30px;
	padding-top:25px;
	position:relative;
}

#weekly-best-seller .slick-prev {
	background-image:url(../image/contents/top/weekly-best-seller/prev.png);
	width:40px;
	height:40px;
	left:20px;
}

#weekly-best-seller .slick-next {
	background-image:url(../image/contents/top/weekly-best-seller/next.png);
	width:40px;
	height:40px;
	right:-55px;
}

#weekly-best-seller .slick-prev:before, #weekly-best-seller .slick-next:before {
	display:none;
}

#weekly-best-seller .slider-primary .slider ul li .thum {
	width:137px;
	height:175px;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	margin-left:26px;
}

#weekly-best-seller .slider-primary .slider ul li h3 {
	background-image:url(../image/contents/top/weekly-best-seller/thum-name-back.png);
	width:192px;
	height:39px;
	line-height:35px;
	text-align:center;
	font-weight:normal;
	font-size:14px;
	color:#ffffff;
	margin-top:-20px;
	position:relative;
	z-index:9999;
}

.rankin-1st {
	background-image:url(../image/contents/top/weekly-best-seller/rank-1st.png);
	width:62px;
	height:47px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	z-index:9999;
}

.rankin-2nd {
	background-image:url(../image/contents/top/weekly-best-seller/rank-2nd.png);
	width:62px;
	height:47px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	z-index:9999;
}

.rankin-3rd {
	background-image:url(../image/contents/top/weekly-best-seller/rank-3rd.png);
	width:62px;
	height:47px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	z-index:9999;
}

#recommendation_new-publication .box {
	padding-right:15px !important;
}

@media screen and (max-width:1745px) { #recommendation_new-publication .box { padding-bottom:30px; } }
@media screen and (max-width:1400px) { #recommendation_new-publication .box { padding-right:0 !important; } }

#recommendation_new-publication #recommendation {
	width:50%;
	box-sizing:border-box;
	padding-right:15px;
	float:left;
}

#recommendation_new-publication #new-publication {
	width:50%;
	box-sizing:border-box;
	padding-left:15px;
	float:right;
}

@media screen and (max-width:1170px) {
	#recommendation_new-publication #recommendation {
		width:100%;
		box-sizing:border-box;
		padding-right:0;
		float:none;
	}
	
	#recommendation_new-publication #new-publication {
		width:100%;
		box-sizing:border-box;
		padding-left:0;
		float:none;
	}
}

#recommendation_new-publication #new-publication .content, #recommendation_new-publication #recommendation .content {
	margin-bottom:0 !important;
}

#recommendation_new-publication #recommendation .archive-button {
	background-image:url(../image/contents/top/recommendation/recommendation-archive.png);
	width:200px;
	height:47px;
	position:absolute;
	top:30px;
	right:30px;
}

#recommendation_new-publication #new-publication .archive-button {
	background-image:url(../image/contents/top/new-publication/new-publication-archive.png);
	width:200px;
	height:47px;
	position:absolute;
	top:30px;
	right:30px;
}

@media screen and (max-width:1280px) and (min-width:1170px) { 
	#recommendation_new-publication #recommendation .archive-button {
		position:relative;
		top:inherit;
		right:inherit;
		margin-top:10px;
	}
	#recommendation_new-publication #new-publication .archive-button {
		position:relative;
		top:inherit;
		right:inherit;
		margin-top:10px;
	}
}

#recommendation_new-publication .inbox-primary {
}

#recommendation_new-publication .inbox-primary .inbox {
	box-shadow:none !important;
	padding-bottom:15px;
}

@media screen and (max-width:1400px) { 
	#recommendation_new-publication .inbox-primary .inbox {
		padding-right:30px !important;
	}
}

#recommendation_new-publication .inbox-primary .inbox p {
	padding:0 !important;
}

#recommendation_new-publication .inbox-primary .inbox .thum {
	width:100%;
	height:0;
	padding-top:142.8%;
	margin-bottom:10px;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}

#recommendation_new-publication .inbox-primary .inbox .thum img {
	width:100%;
	height:auto;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.31);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.31);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.31);
}

#recommendation_new-publication .inbox-primary .inbox .shop-name {
	background-image:url(../image/layout/icon/shop-label-back.gif);
	width:100%;
	height:25px;
	line-height:25px;
	text-align:center;
	margin-bottom:5px;
}

#recommendation_new-publication .inbox-primary .inbox h3 {
	font-size:13.5px;
	line-height:18px;
	margin:0;
	padding:0;
}


/*----------------------------------------------------------------------------
   subpage information
------------------------------------------------------------------------------*/

#subpage-information h2 {
	background-image:url(../image/contents/information/title-icon.png);
}

#subpage-information-primary {
}

#subpage-information-primary .list {
	border-bottom:1px solid #d4d4d4;
	padding-bottom:40px;
	margin-bottom:40px;
}

#subpage-information-primary .list .content {
}

#subpage-information-primary .list .content h3 {
	font-weight:normal;
	font-size:24px;
}

#subpage-information-primary .list .content h3 .category {
	display:inline-block;
	margin-right:10px;
}

#subpage-information-primary .list .content h3 .category a {
	color:#ffffff;
	font-size:15px;
	text-align:center;
	margin:0;
	height:33px;
	line-height:33px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:15px;
	padding-right:15px;
	font-weight:normal;
	text-decoration:none;
	position:relative;
}

#subpage-information-primary .list .content h3 .shop-name {
	display:inline-block;
	margin-right:10px;
}

#subpage-information-primary .list .content h3 .shop-name a {
	color:#000000;
	background-color:#e4e4e4;
	font-size:15px;
	text-align:center;
	margin:0;
	height:33px;
	line-height:33px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:15px;
	padding-right:15px;
	font-weight:normal;
	text-decoration:none;
	position:relative;
}

#subpage-information-primary .list .content h3 .category a:after, #subpage-information-primary .list .content h3 .shop-name a:after {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0);
	transition:0.3s;
	content:"";
	display:block;
}

#subpage-information-primary .list .content h3 .category a:hover:after, #subpage-information-primary .list .content h3 .shop-name a:hover:after {
	background-color:rgba(255,255,255,0.3);
}

#subpage-information-primary .list .content h3 .data {
	padding-top:3px;
	padding-bottom:3px;
	display:inline-block;
	color:#000000;
	font-size:15px;
	text-align:center;
	font-weight:normal;
	margin-right:10px;
}

#subpage-information-primary .list .content img {
	max-width:100%;
	height:auto;
}

#subpage-information-primary .list .content a img {
	transition:0.3s;
}

#subpage-information-primary .list .content a img:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*----------------------------------------------------------------------------
   subpage bestseller
------------------------------------------------------------------------------*/

#subpage-bestseller h2 {
	background-image:url(../image/contents/bestseller/title-icon.png);
}

#subpage-bestseller-primary {
	width:103%;
}

#subpage-bestseller-primary .item {
	width:280px;
	float:left;
	margin-bottom:30px;
	background-color:#ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
	position:relative;
}

#subpage-bestseller-primary .item .crown {
	background-size:contain;
	position:absolute;
	width:105px;
	height:105px;
	top:0;
	left:0;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	z-index:10;
}

#subpage-bestseller-primary .item .crown.rank01 { background-image:url(../image/contents/bestseller/rank01.png); }
#subpage-bestseller-primary .item .crown.rank02 { background-image:url(../image/contents/bestseller/rank02.png); }
#subpage-bestseller-primary .item .crown.rank03 { background-image:url(../image/contents/bestseller/rank03.png); }

#subpage-bestseller-primary .item .thum {
	width:250px;
	height:357px;
	position:absolute;
	top:15px;
	left:15px;
	z-index:5;
}

#subpage-bestseller-primary .item .thum-blur {
	width:250px;
	height:357px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	filter:blur(2px);
}

#subpage-bestseller-primary .item .thum-blur:before {
	content:"";
	background-image:url(../image/contents/bestseller/thum-gd.png);
	background-repeat:no-repeat;
	background-position:bottom;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}

#subpage-bestseller-primary .item .thum-blur:after {
	content:"";
	background-color:rgba(255,255,255,0.8);
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
}

#subpage-bestseller-primary .item .thum-in {
	width:190px;
	height:271px;
	position:absolute;
	top:25px;
	left:25px;
	z-index:5;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	background-color:#ffffff;
	z-index:9;
	border:5px solid #ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.09);
}

#subpage-bestseller-primary .item .bestseller-rank {
	position:absolute;
	width:100px;
	height:35px;
	z-index:7;
	top:-35px;
	left:0;
	color:#ffffff;
	font-weight:bold;
	box-sizing:border-box;
	padding-left:12px;
	padding-top:7.5px;
	display:block;
	text-align:left;
	font-size:16px;
}

#subpage-bestseller-primary .item .bestseller-rank.rank-up { background-image:url(../image/contents/bestseller/up.png); }
#subpage-bestseller-primary .item .bestseller-rank.rank-down { background-image:url(../image/contents/bestseller/down.png); }
#subpage-bestseller-primary .item .bestseller-rank.rank-flat { background-image:url(../image/contents/bestseller/flat.png); }

#subpage-bestseller-primary .item .thum h3 {
	/* background-color:rgba(255,255,255,0.7); */
	width:100%;
	height:60px;
	margin:0;
	padding:0;
	box-sizing:border-box;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	line-height:20px;
	position:absolute;
	z-index:6;
	left:0;
	bottom:-47px;
	display:block;
}

#subpage-bestseller-primary .item .thum h3 table {
	width:100%;
	height:100%;
	margin-left:-4px;
}

#subpage-bestseller-primary .item .thum h3 table td {
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:left;
	color:#333333;
	font-size:18px;
	line-height:24px;
}

#subpage-bestseller-primary .item p {
	position:relative;
	margin:0;
	padding:0;
	padding-top:418px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
	line-height:22px;
}


/*----------------------------------------------------------------------------
   subpage recommendation
------------------------------------------------------------------------------*/

#subpage-recommendation h2 {
	background-image:url(../image/contents/recommend/title-icon.png);
}

#subpage-recommendation-primary {
}

#subpage-recommendation-primary .list {
	background-color:#ffffff;
	margin-bottom:30px;
	padding:30px;
	box-sizing:border-box;
	border:1px solid #d2d2d2;
}

#subpage-recommendation-primary .list .content {
}

#subpage-recommendation-primary .list .content .thumnail {
	float:left;
	max-width:250px;
	width:27%;
	margin-right:3%;
}

#subpage-recommendation-primary .list .content .thumnail img {
	width:100%;
	height:auto;
}

#subpage-recommendation-primary .list .content .thumnail .shopname {
	width:100%;
	height:40px;
	background-image:url(../image/layout/icon/shop-label-back.gif);
	text-align:center;
	line-height:40px;
	border-top:2px solid #ffffff;
}

#subpage-recommendation-primary .list .content .detail {
	float:left;
	overflow:hidden;
	width:70%;
}

#subpage-recommendation-primary .list .content .detail .shopname {
	display:none;
}

@media screen and (max-width:1250px) {
	#subpage-recommendation-primary .list .content .thumnail {
		width:100%;
		margin-right:0;
		float:none;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		padding-bottom:30px;
	}
	#subpage-recommendation-primary .list .content .detail {
		width:100%;
		float:none;
	}
	#subpage-recommendation-primary .list .content .thumnail .shopname {
		display:none;
	}
	#subpage-recommendation-primary .list .content .detail .shopname {
		display:inline-block;
		height:30px;
		padding-left:15px;
		padding-right:15px;
		background-image:url(../image/layout/icon/shop-label-back.gif);
		line-height:30px;
		margin-bottom:15px;
	}
}

#subpage-recommendation-primary .list .content h3 {
	font-size:30px;
	color:#98171b;
	margin:0;
	padding:0;
	font-weight:normal;
	margin-top:-6px;
	margin-bottom:10px;
	line-height:36px;
}

#subpage-recommendation-primary .list .content h3 span {
	display:block;
	color:#000000;
	font-size:20px;
}

#subpage-recommendation-primary .list .content p {
	margin:0;
	padding:0;
	margin-bottom:20px;
	overflow:hidden;
}

#subpage-recommendation-primary .list .content .recommended-detail {
	background-color:#fff5dd;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	float:left;
	width:100%;
	box-sizing:border-box;
}

#subpage-recommendation-primary .list .content .recommended-detail h4 {
	margin:0;
	padding:0;
	font-size:20px;
	color:#d14545;
}

#subpage-recommendation-primary .list .content .recommended-detail td {
	padding-right:20px;
}

@media screen and (max-width:1450px) {
	#subpage-recommendation-primary .list .content .recommended-detail td {
		display:block;
	}
}


/*----------------------------------------------------------------------------
   subpage recruit
------------------------------------------------------------------------------*/

#subpage-recruit h2 {
	background-image:url(../image/contents/recruit/title-icon.png);
}

#subpage-recruit-primary {
}

#subpage-recruit-primary h3 {
	margin:0;
	padding:0;
	font-size:28px;
	color:#98171b;
	font-weight:normal;
	margin-bottom:20px;
	margin-top:-10px;
}

#subpage-recruit-primary table th {
	width:20%;
}
#subpage-recruit-primary table td {
	width:80%;
}

#subpage-recruit-primary .content-left-primary, #subpage-recruit-primary .content-right-primary {
	margin-bottom:0;
}

@media screen and (max-width:1100px) {
	#subpage-recruit-primary .content-left-primary, #subpage-recruit-primary .content-right-primary {
		width:100%;
	}
	#subpage-recruit-primary .content-left, #subpage-recruit-primary .content-right {
		padding-right:0;
		padding-left:0;
	}
}


/*----------------------------------------------------------------------------
   subpage shop
------------------------------------------------------------------------------*/

#subpage-shop h2 {
	background-image:url(../image/contents/shop/title-icon.png);
}

#subpage-shop-primary {
}

#subpage-shop-primary h3 {
	margin:0;
	padding:0;
	font-size:28px;
	color:#98171b;
	font-weight:normal;
	margin-bottom:20px;
	margin-top:-10px;
}

#subpage-shop-primary h3 span {
	font-size:16px;
	color:#000000;
	display:block;
}

#subpage-shop-primary .shop-photo {
	padding-bottom:30px;
}

#subpage-shop-primary h4 {
	margin:0;
	padding:0;
	color:#981717;
	font-size:24px;
	font-weight:bold;
	position:relative;
	z-index:2;
	margin-top:-5px;
	line-height:28px;
}

#subpage-shop-primary h4 span {
	color:#000000;
	display:block;
	font-size:18px;
	font-weight:normal;
}

/* shop-information */

#subpage-shop-primary .shop-information {
	position:relative;
}

#subpage-shop-primary .shop-information .button {
	background-image:url(../image/contents/shop/button01.png);
	width:200px;
	height:47px;
	position:absolute;
	top:0;
	right:0;
}

#subpage-shop-primary .information-list-primary {
	background-color:#ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
	margin-bottom:30px;
	padding:30px;
	box-sizing:border-box;
	margin-top:20px;
}

#subpage-shop-primary .information-list-primary ul {
	padding:0;
	margin:0;
	padding-left:30px;
	padding-right:43px;
}

#subpage-shop-primary .information-list-primary .slick-prev {
	left:-12px;
}

#subpage-shop-primary .information-list-primary .slick-next {
	right:-15px;
}


/* shop-recommendation */

#subpage-shop-primary .shop-recommendation {
	position:relative;
}

#subpage-shop-recommendation-primary {
	background-color:#ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
	margin-bottom:30px;
	padding:30px;
	padding-left:76px;
	padding-right:76px;
	box-sizing:border-box;
	margin-top:20px;
}

#subpage-shop-primary .shop-recommendation .button {
	background-image:url(../image/contents/shop/button02.png);
	width:200px;
	height:47px;
	position:absolute;
	top:0;
	right:0;
}

#subpage-shop-primary .shop-recommendation .item {
	width:225px;
	float:left;
	position:relative;
}

#subpage-shop-primary .shop-recommendation .item .thum {
	width:195px;
	height:278px;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}

#subpage-shop-primary .shop-recommendation .item .thum h3 {
	background-color:rgba(255,255,255,0.7);
	width:100%;
	height:60px;
	margin:0;
	padding:0;
	box-sizing:border-box;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	line-height:20px;
	position:absolute;
	z-index:6;
	left:0;
	bottom:20px;
	display:block;
}

#subpage-shop-primary .shop-recommendation .item .thum h3 table {
	width:100%;
	height:100%;
}

#subpage-shop-primary .shop-recommendation .item .thum h3 table td {
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	column-width:0;
	color:#333333;
	font-size:16px;
}

#subpage-shop-primary .shop-recommendation .item p {
	position:relative;
	margin:0;
	padding:0;
	padding-top:290px;
}

#subpage-shop-primary .shop-recommendation .slick-prev {
	background-image:url(../image/contents/top/weekly-best-seller/prev.png);
	width:40px;
	height:40px;
	left:-58px;
}

#subpage-shop-primary .shop-recommendation .slick-next {
	background-image:url(../image/contents/top/weekly-best-seller/next.png);
	width:40px;
	height:40px;
	right:-58px;
}

#subpage-shop-primary .shop-recommendation .slick-prev:before, #subpage-shop-primary .shop-recommendation .slick-next:before {
	display:none;
}

/* shop-map */

#shop-map-primary {
	background-color:#ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
	margin-bottom:30px;
	box-sizing:border-box;
	margin-top:20px;
	padding:30px;
	text-align:center;
}

#shop-map-primary img {
	width:100%;
	height:auto;
	/*max-width:1034px;
	max-height:770px;*/
}

.shop-map-detail {
	height:40px;
	box-sizing:border-box;
	position:relative;
}

.shop-map-detail h3 {
	margin-top:0 !important;
	padding:0 !important;
	text-align:left !important;
	font-size:16px !important;
	line-height:12px !important;
	margin-bottom:15px !important;
}

.shop-map-detail p {
	text-align:left !important;
	line-height:18px;
	font-size:14px;
}

#shop-map-primary .cmap {
	width:100%;
	overflow:hidden;
	text-align:center;
}

/* shop-photo-slider */

#shop-photo-slider {
	padding-bottom:30px;
}

#shop-photo-slider ul {
	list-style:none;
	margin:0;
	padding:0;
	padding-left:60px;
	padding-right:60px;
}

#shop-photo-slider ul li {
	width:259px;
	height:173px;
	margin-right:20px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

#shop-photo-slider .slick-prev {
	background-image:url(../image/contents/top/weekly-best-seller/prev.png);
	width:40px;
	height:40px;
	left:0px;
}

#shop-photo-slider .slick-next {
	background-image:url(../image/contents/top/weekly-best-seller/next.png);
	width:40px;
	height:40px;
	right:0px;
}

#shop-photo-slider .slick-prev:before, #shop-photo-slider .slick-next:before {
	display:none;
}

/* shop-detail */

#subpage-shop-primary .shop-detail {
	position:relative;
}

#subpage-shop-detail-primary {
	background-color:#ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
	margin-bottom:30px;
	padding:30px;
	box-sizing:border-box;
	margin-top:20px;
}

#subpage-shop-detail-primary h4 {
	font-weight:normal;
	font-size:24px;
	margin-bottom:20px;
}

#subpage-shop-detail-primary .detail-option {
	width:40%;
	float:left;
	box-sizing:border-box;
	padding-right:15px;
	transition:0.3s;
}

.detail-gmap-iframe {
	width:60%;
	float:right;
	box-sizing:border-box;
	padding-left:15px;
	transition:0.3s;
}

.detail-gmap-iframe iframe {
	width:100%;
}

@media screen and (max-width:1640px) {
	#subpage-shop-detail-primary .detail-option {
		width:60%;
	}
	.detail-gmap-iframe {
		width:40%;
	}
}

@media screen and (max-width:1200px) {
	#subpage-shop-detail-primary .detail-option {
		width:100%;
		padding-right:0;
	}
	.detail-gmap-iframe {
		width:100%;
		padding-left:0;
	}
}

#subpage-shop-detail-primary .detail-option ul {
	list-style:none;
	margin:0;
	padding:0;
	padding-bottom:30px;
}

#subpage-shop-detail-primary .detail-option ul li {
	width:100%;
	display:block;
	clear:both;
}

#subpage-shop-detail-primary .detail-option ul li span {
	width:85px;
	height:33px;
	background-image:url(../image/layout/icon/detail-option-back.gif);
	display:inline-block;
	color:#ffffff;
	text-align:center;
	line-height:33px;
	float:left;
	margin-top:10px;
	margin-right:15px;
}

#subpage-shop-detail-primary .detail-option ul li p {
	overflow:hidden;
	margin:0;
	padding:0;
	padding-top:12px;
}

#subpage-shop-detail-primary .gmap-button {
	background-image:url(../image/contents/shop/map-button.png);
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:68px;
	display:block;
	position:relative;
	border:2px solid #e2e2e2;
	box-sizing:border-box;
	transition:0.3s;
}

#subpage-shop-detail-primary .gmap-button:hover {
	border:2px solid #3ea3ef;
}

@media screen and (max-width:1200px) {
	#subpage-shop-detail-primary .gmap-button {
		margin-bottom:30px;
	}
}

#subpage-shop-detail-primary .shop-tenant {
	width:100%;
	clear:both;
	padding-top:30px;
}

#subpage-shop-detail-primary .shop-tenant .tenant-list-primary img {
	float:left;
	width:40%;
	padding-right:15px;
	margin-bottom:20px;
	box-sizing:border-box;
}

#subpage-shop-detail-primary .shop-tenant .tenant-list-primary .tenant-detail {
	float:left;
	width:60%;
}

#subpage-shop-detail-primary .shop-tenant .tenant-list-primary h4 {
	color:#169092;
}

#subpage-shop-detail-primary .shop-tenant .tenant-list-primary p {
}

@media screen and (max-width:1600px) {
	#subpage-shop-detail-primary .shop-tenant .tenant-list-primary img {
		float:none;
		width:100%;
		margin-bottom:20px;
		box-sizing:border-box;
	}
	
	#subpage-shop-detail-primary .shop-tenant .tenant-list-primary .tenant-detail {
		float:none;
		width:100%;
	}
}

/* subpage shop index */

.subpage-content-primary#subpage-shop-index-primary .content .column3 h3 {
	margin-bottom:10px !important;
	margin-top:-10px !important;
	font-size:20px !important;
	line-height:23px !important;
}

.subpage-content-primary#subpage-shop-index-primary .content .column3 a {
	display:block;
	position:relative;
	z-index:999;
}

.subpage-content-primary#subpage-shop-index-primary .content .column3 .box .box-in-content {
	position:relative;
	display:block;
	box-sizing:border-box;
	padding-bottom:10px;
}

.subpage-content-primary#subpage-shop-index-primary .content .column3 .box .box-in-content .left {
	padding-bottom:20px;
}

.shop-detail-button {
	background-color:#333333;
	width:100%;
	height:40px;
	line-height:40px;
	color:#ffffff;
	display:block !important;
	text-decoration:none;
	text-align:center;
	transition:0.3s;
	position:absolute;
	bottom:0;
	left:0;
}

.shop-detail-button a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:40px;
	display:block;
	color:#ffffff;
	text-decoration:none;
}

.shop-detail-button:hover {
	background-color:#98171b;
}

.shop-detail-button:after {
	content:"〉";
	position:absolute;
	top:0;
	right:10px;
	color:#ffffff;
	display:block;
	transition:0.3s;
}

.shop-detail-button a:hover:after {
	right:0;
}

@media screen and (max-width: 1200px) {
	.subpage-content-primary#subpage-shop-index-primary .content .column3 .box {
		padding-top:6px;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:20px;
		margin-bottom:20px;
	}
	.subpage-content-primary#subpage-shop-index-primary .content .column3 .box .box-in-content {
		min-width:500px;
		padding-bottom:0;
	}
	.subpage-content-primary#subpage-shop-index-primary .content .column3 h3 {
		margin-bottom:5px !important;
	}
	.subpage-content-primary#subpage-shop-index-primary .content .column3 img {
		float:left;
		width:32%;
		box-sizing:border-box;
		margin-right:20px;
		margin-bottom:0 !important;
	}
	.subpage-content-primary#subpage-shop-index-primary .content .column3 .left {
		margin-bottom:0 !important;
		margin-right:0 !important;
		margin-top:7px !important;
		padding-bottom:12px !important;
		width:60%;
		float:left;
	}
	.shop-detail-button {
		width:200px;
		bottom:68px;
		z-index:9999;
		position:relative;
		left:inherit;
		bottom:inherit;
		float:left;
	}
}

/*----------------------------------------------------------------------------
   subpage company
------------------------------------------------------------------------------*/

#subpage-company h2 {
	background-image:url(../image/contents/company/title-icon.png);
}

.company-list-primary {
}

.company-list-photo {
	float:right;
	width:350px;
	margin-left:30px;
}

.company-list-photo img {
	width:100%;
	height:auto;
}

@media screen and (max-width: 1200px) {
	.company-list-photo {
		float:none;
		margin-left:0;
		margin-bottom:0px;
		width:100%;
	}
	.company-list-photo img {
		margin-right:4%;
		float:left;
		width:48%;
	}
	.company-list-photo img:last-of-type {
		margin-right:0;
	}
}

.company-list-primary .list {
	border-bottom:1px solid #cccccc;
	padding-bottom:10px;
	margin-bottom:10px;
	overflow:hidden;
}

.company-list-primary .list span {
	display:inline-block;
	width:100px;
	height:100%;
	float:left;
	margin-right:20px;
	font-weight:bold;
	color:#6F6F6F;
}

.company-list-primary .list p {
	margin:0;
	padding:0;
	overflow:hidden;
}

.company-list-primary .list .shop-list {
	margin:0;
	padding:0;
	overflow:hidden;
}

.company-list-primary .list .shop-list p {
	border-bottom:1px dotted #cccccc;
	padding-bottom:5px;
	margin-bottom:5px;
}

.company-list-primary .list .shop-list p span {
	float:none;
	display:inline;
	height:inherit;
	font-weight:bold;
	color:#98171b;
}

.company-list-primary .list .shop-list p:last-of-type {
	border:none;
}

.box-alart {
	background-color:#edd7d7;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:20px;
	color:#98171b;
}

.gunzou-photo {
	width:300px;
	float:right;
	margin-left:30px;
	margin-bottom:10px;
	background-color:#ffffff;
}

.gunzou-photo img {
	width:100%;
	height:auto;
	margin-bottom:10px;
}

.gunzou-photo p {
	margin:0;
	padding:14px;
	font-size:12px;
}


/*----------------------------------------------------------------------------
   subpage publishing
------------------------------------------------------------------------------*/

#subpage-publishing h2 {
	background-image:url(../image/contents/bestseller/title-icon.png);
}

#subpage-publishing-primary {
}

#subpage-publishing-primary .list {
	background-color:#ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);
	margin-bottom:30px;
	margin-right:3px;
	padding:30px;
	box-sizing:border-box;
}

#subpage-publishing-primary .list .content {
}

#subpage-publishing-primary .list .content .thumnail {
	float:left;
	max-width:250px;
	width:27%;
	margin-right:3%;
}

#subpage-publishing-primary .list .content .thumnail img {
	width:100%;
	height:auto;
}

#subpage-publishing-primary .list .content .detail {
	overflow:hidden;
}

@media screen and (max-width:1250px) {
	#subpage-publishing-primary .list .content .thumnail {
		width:100%;
		margin-right:0;
		float:none;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		padding-bottom:30px;
	}
	#subpage-publishing-primary .list .content .detail {
		width:100%;
		float:none;
	}
}

#subpage-publishing-primary .list .content h3 {
	font-size:30px;
	color:#98171b;
	margin:0;
	padding:0;
	font-weight:normal;
	margin-top:-6px;
	margin-bottom:10px;
	line-height:36px;
}

#subpage-publishing-primary .list .content h3 span {
	display:block;
	color:#000000;
	font-size:20px;
}

#subpage-publishing-primary .list .content p {
	margin:0;
	padding:0;
	margin-bottom:20px;
	overflow:hidden;
}

#subpage-publishing-primary .list .content .recommended-detail {
	background-color:#fff5dd;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	float:left;
	width:100%;
	box-sizing:border-box;
}

#subpage-publishing-primary .list .content .recommended-detail h4 {
	margin:0;
	padding:0;
	font-size:20px;
	color:#d14545;
}

#subpage-publishing-primary .list .content .recommended-detail td {
	padding-right:20px;
}

@media screen and (max-width:1450px) {
	#subpage-publishing-primary .list .content .recommended-detail td {
		display:block;
	}
}


/*----------------------------------------------------------------------------
   subpage contact
------------------------------------------------------------------------------*/

#subpage-contact h2 {
	background-image:url(../image/contents/contact/title-icon.png);
}

#subpage-contact-primary {
}

.contactForm {
	width:100%;
	margin-bottom:30px;
	box-sizing:border-box;
	position:relative;
}

.entry-mail table {
	border-collapse:collapse;
	border:0px;
}

.entry-mail table {
	width:100%;
}

.entry-mail th {
	width:35%;
	vertical-align:top;
	text-align:left;
	box-sizing:border-box;
}

.entry-mail th.required-th {
	padding-top:18px !important;
}

.entry-mail th, .entry-mail td {
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #dfdfdf;
}

@media screen and (max-width: 1110px) {
	.contactForm-step1 th {
		white-space:nowrap;
		border:none;
		padding-bottom:0;
		margin-bottom:0;
	}
	.contactForm-step1 th, .contactForm-step1 td {
		display:block;
		width:100%;
	}
}

.contact-in-box {
	color:#148f7e;
}

.contact-in-box .tel {
	float:left;
	background-color:#148f7e;
	width:40%;
	padding-top:15px;
	padding-bottom:15px;
	box-sizing:border-box;
	padding:20px;
	color:#ffffff;
	font-size:24px;
	margin-bottom:20px;
	font-size:16px;
}

.contact-in-box .tel a {
	pointer-events:none;
	color:#ffffff;
	text-decoration:none;
}

.contact-in-box .tel span {
	font-size:28px;
	font-family:"Century Gothic";
}

@media screen and (max-width: 1100px) {
	.contact-in-box .tel {
		line-height:32px;
	}
	.contact-in-box .tel span {
		display:block;
		font-size:36px;
	}
}

@media screen and (max-width: 800px) {
	.contact-in-box .tel span {
		font-size:30px;
	}
}

@media screen and (max-width: 770px) {
	.contact-in-box .tel {
		width:100%;
		margin-bottom:0;
	}
	.contact-in-box .tel span {
		display:inline-block;
	}
}

.contact-in-box .time {
	float:right;
	background-color:#f0f0f0;
	width:60%;
	padding-top:15px;
	padding-bottom:15px;
	box-sizing:border-box;
	padding:20px;
	margin-bottom:20px;
}

@media screen and (max-width: 770px) {
	.contact-in-box .time {
		width:100%;
	}
}

.contact-in-box .time span {
	background-color:#ffffff;
	padding-left:20px;
	padding-right:20px;
	width:190px;
	text-align:center;
	border:1px dotted #CBCBCB;
	display:block;
	padding:10px;
	color:#222222;
	float:left;
	margin-right:15px;
}

@media screen and (max-width: 1100px) {
	.contact-in-box .time span {
		width:100%;
		background-color:inherit;
		padding-left:0;
		padding-right:0;
		padding:0;
		border:none;
		float:none;
		margin-right:0;
		text-align:left;
	}
}

.contact-in-box p {
	float:left;
	margin-top:0 !important;
}

.contact-left {
	width:50%;
	float:left;
	box-sizing:border-box;
	padding-right:15px;
}

.contact-right {
	width:50%;
	float:right;
	box-sizing:border-box;
	padding-left:15px;
}

@media screen and (max-width: 740px) {
	.contact-left {
		width:100%;
		padding-right:0;
	}
	.contact-right {
		width:100%;
		padding-left:0;
	}
}

.yno3 {
	width:80px !important;
}

.yno4 {
	width:120px !important;
}

.entry-info {
	text-align:center;
	padding-bottom:60px !important;
}

.kakunin {
	color:#148f7e;
	font-size:20px;
	padding-bottom:25px !important;
}

.contact-shop-index {
}

.contact-shop-index .box {
	padding-top:20px !important;
	padding-bottom:15px !important;
	padding-left:20px !important;
	padding-right:20px !important;
	background-color:#ffffff;
	background-image:none;
	border:1px solid #dadada !important;
}

.contact-shop-index .box img {
	width:100%;
	height:auto;
	margin-bottom:10px;
}

.contact-shop-index .box:after, .contact-shop-index .box:before {
	display:none;
}

@media screen and (max-width: 1400px) {
	.contact-shop-index .box {
		margin-bottom:15px !important;
	}
}

.contact-shop-index h3 {
	font-size:20px !important;
	margin-bottom:5px !important;
}

.contact-shop-index p {
	margin:0 !important;
	padding:0 !important;
}