@charset "utf-8";

/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face { font-family: 'FOT-SkipStd-B'; src: url(./FOT-SkipStd-B.otf); }

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

body {	
	color:#000000;
	font-size:16px;
	margin:0;
	height:100%;
	position:relative;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;
	overflow-x:hidden;
	/*background-image:url(../image/back.gif);*/
}

p {
	margin-top:0;
	padding-top:0;
}

@media screen and (max-width: 700px) {
	body {
		font-size:21px;
		max-height:100%;
	}
	p {
		max-height:100%;
	}
}

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;
}

img.radius {
	border-radius:3px;
}

.pc {
	display:block;
}

.sp {
	display:none;
}

@media screen and (max-width: 700px) {
	.pc {
		display:none;
	}
	.sp {
		display:block;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　preparation
-------------------------------------------------------------------------------------------------------------------*/

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

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

.link a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}

/*------------------------------------------------------------------------------------------------------------------
　expression
-------------------------------------------------------------------------------------------------------------------*/

.clear { clear:both; }

.under { margin-bottom:25px !important; }
.under-harf { margin-bottom:15px !important; }

.right { float:right; margin-left:30px; margin-bottom:15px; margin-top:5px;}
.left { float:left; margin-right:30px; margin-bottom:15px; margin-top:5px;}

@media screen and (max-width: 700px) {
	.right {
		float:none;
		display:block;
		margin-left:0;
		margin-right:auto;
		margin-top:0;
	}
	.left {
		float:none;
		display:block;
		margin-left:0;
		margin-right:auto;
		margin-top:0;
	}
}

.lSSlideOuter .right {
	margin-left:inherit !important; margin-bottom:inherit !important; margin-top:inherit !important;
}

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

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

.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);
}

/*------------------------------------------------------------------------------------------------------------------
　img align for wordpress
-------------------------------------------------------------------------------------------------------------------*/

.aligncenter {
    display: block;
    margin: 0 auto;
	padding-bottom:25px;
	max-width:100%;
}
.alignright { float: right; margin-left:30px; margin-bottom:25px; max-width:100%; }
.alignleft { float: left; margin-right:30px; margin-bottom:25px; max-width:100%; }

.aligncenter img, .alignright img, .alignleft img {
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 1140px) {
	.aligncenter {
		display: block;
		margin: 0 auto;
		padding-bottom:25px;
		max-width:100%;
		text-align:center;
	}
	.alignright { float: none; margin: 0 auto; margin-bottom:0; padding-bottom:25px; max-width:100%; text-align:center; }
	.alignleft { float: none; margin: 0 auto; margin-bottom:0; padding-bottom:25px; max-width:100%; text-align:center; }
}

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

.wp-pagenavi {
	border-top:#d1d1d1 3px double;
	margin-top:40px;
	padding-top:40px;
	padding-bottom:40px;
	display:block !important;
	clear:both !important;
	text-align:center;
}

.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#333333 !important;
		text-shadow:0px 1px #F6F6F6 !important;
		padding:10px 12px 8px 12px !important;
		border:solid 1px #fedcd2 !important;
		box-shadow:0px 1px #EFEFEF !important;
		-moz-box-shadow:0px 1px #EFEFEF !important;
		-webkit-box-shadow:0px 1px #EFEFEF !important;
		background:#fedcd2 !important;
		background:-moz-linear-gradient(top,#fedcd2 1px,#F3F3F3 1px,#fedcd2) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#fedcd2),color-stop(0.02,#fedcd2),color-stop(1,#fedcd2)) !important;
		font-size:12px !important;
		margin-right:3px !important;
		text-decoration:none !important;
}	
.wp-pagenavi a:hover {
		color:#fff !important;
		text-shadow:0px 1px #de744c !important;
		border-color:#de744c !important;
		background:#de744c !important;
		background:-moz-linear-gradient(top,#de744c 1px,#de744c 1px,#de744c) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#de744c),color-stop(0.02,#de744c),color-stop(1,#de744c)) !important;
		color:#FFFFFF !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;

}
 .wp-pagenavi span.current{
		padding:8px 12px 8px 12px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		font-size:14px;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;
		margin-right:3px !important;
		text-shadow:0px 1px #de744c !important;
		border-color:#de744c !important;
		background:#de744c !important;
		background:-moz-linear-gradient(top,#de744c 1px,#de744c 1px,#de744c) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#de744c),color-stop(0.02,#de744c),color-stop(1,#de744c)) !important;
}

/*------------------------------------------------------------------------------------------------------------------
　primary
-------------------------------------------------------------------------------------------------------------------*/

#primary {
	width:100%;
	height:100%;
	position: relative;
    /*min-height:3140px;*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

@media screen and (max-width: 1000px) {
	#primary {
		min-height:inherit !important;
	}
}

@media screen and (max-width: 700px) {
	#primary {
		min-width:700px;
		overflow-x:hidden;
	}
}

article {
	width:100%;
	max-width:1200px;
	padding-left:50px;
	padding-right:50px;
	position:relative;
	transition:0.3s;
	box-sizing:border-box;
}

@media screen and (max-width: 1100px) {
	article {
		width:100%;
		padding-left:30px;
		padding-right:30px;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　mainvisual
-------------------------------------------------------------------------------------------------------------------*/

#mainvisual {
	padding-left:310px;
	box-sizing:border-box;
}

@media screen and (max-width: 1000px) {
	#mainvisual {
		padding-left:0;
	}
}

#mainvisual .bxslider {
	width:100%;
}

#mainvisual .bxslider .panel {
	background-image:url(../image/mainvisual/00.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	width:100%;
	height:641px;
	position:relative;
	transition:0.3s;
}

@media screen and (max-width: 1200px) {
	#mainvisual .bxslider .panel {
		background-position:right -100px top 0;
	}
}

#mainvisual .bxslider .panel .ec-bana {
	position: absolute;
	top: 460px;
	left: 69px;
}

@media screen and (max-width: 830px) {
	#mainvisual .bxslider .panel .ec-bana {
		transform: scale(0.8,0.8);
		transform-origin: top left;
	}
}

#mainvisual .bxslider .panel .ec-bana img {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
	transition: 0.2s;
}

#mainvisual .bxslider .panel .ec-bana img:hover {
	filter: brightness(120%);
}

#mainvisual .bxslider .panel .comment {
	background-image:url(../image/mainvisual/comment.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:contain;
	width:600px;
	height:271px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	position:absolute;
	top:125px;
	left:63px;
	transition:0.3s;
}

@media screen and (max-width: 1500px) {
	#mainvisual .bxslider .panel .comment {
		top: 120px;
	}
	#mainvisual .bxslider .panel .ec-bana {
		width: 370px;
		top: 400px;
	}
}

@media screen and (max-width: 1200px) {
	#mainvisual .bxslider .panel .comment {
		width:400px;
		height:181px;
	}
}

#mainvisual .bxslider .panel .send-deal {
	background-image:url(../image/mainvisual/muryou-batge_20220802.png);
	width:253px;
	height:253px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	position:absolute;
	top:367px;
	right:70px;
}

.lSSlideOuter .lSPager.lSGallery img {
	display:none;
}

.bx-pager {
	width:calc(100% + 100px);
	height:213px;
	background-color:#ffffff;
	padding-top:6px;
	padding-bottom:5px;
}

.bx-pager ul {
	list-style:none;
	margin:0;
	padding:0;
}

.bx-pager ul li {
	width:211px;
	height:211px;
}

.bx-pager ul li img:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.insta-bana {
	position: absolute;
	top: 65px;
	left: 65px;
}

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

header {
	padding-left:310px;
	box-sizing:border-box;
	width:100%;
	height:80px;
	background-color:#a3624a;
	position:relative;
}

header p {
	margin:0;
	padding:0;
	color:#ffffff;
	padding-top:27px;
	padding-bottom:30px;
	padding-left:38px;
	font-size:14px;
	float:left;
}

#tab-header {
	display:none;
}

#tab-header .logo {
	background-image:url(../image/sidebar/logo.png);
	width:241px;
	height:86px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#tab-header .logo a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:300%;
	text-decoration:none !important;
	color:#ffffff !important;
}

@media screen and (max-width: 1000px) {
	#tab-header {
		width:100%;
		box-sizing:border-box;
		display:block;
		background-color:#ffffff;
		text-align:center;
		padding-top:30px;
		padding-bottom:30px;
	}
	#tab-header p {
		margin:0;
		padding:0;
		padding-bottom:20px;
		color:#a3624a;
		font-size:16px !important;
	}
}

@media screen and (max-width: 1600px) {
	header .header-comment {
		display:block;
		width:290px;
		padding-top:19px;
	}
}

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

header .option {
	float:right;
	width:680px;
	padding-right:25px;
	padding-top:18px;
	box-sizing:border-box;
}

@media screen and (max-width: 1000px) {
	header .option {
		float:none;
		position:absolute;
		top:0;
		left:15px;
	}
}

header .option p {
	text-align:right;
	font-size:14px;
	margin:0;
	padding:0;
	float:right;
}

@media screen and (max-width: 1000px) {
	header .option p {
		text-align:left;
	}
}

header .tel-link {
	background-image:url(../image/header/tel.png);
	width:220px;
	height:28px;
	position:relative;
	float:left;
	margin-top:16px;
	transition:0.3s;
	display:block;
}

@media screen and (max-width: 1040px) {
	header .tel-link {
		margin-left:15px;
	}
}

@media screen and (max-width: 1000px) {
	header .tel-link {
		margin-top:9px;
	}
}

header .tel-link a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}

/*------------------------------------------------------------------------------------------------------------------
　navi
-------------------------------------------------------------------------------------------------------------------*/

#sidebar nav {
	border-top:1px solid #e2e2e2;
	margin-bottom:22px;
}

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

#sidebar nav ul li a {
	padding-top:20px;
	padding-bottom:20px;
	display:block;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	box-sizing:border-box;
	padding-left:15px;
	margin-top:-1px;
	text-decoration:none;
	font-size:18px;
	color:#000000;
	position:relative;
	transition:0.3s;
}

@media screen and (max-width: 700px) {
	#sidebar nav ul li a {
		font-size:20px;
	}
}

#sidebar nav ul li a:hover {
	color:#ff0000;
}

#sidebar nav ul li.active a {
	border-bottom:none;
	padding-bottom:10px;
}

#sidebar nav ul li a span {
	font-size:14px;
}

@media screen and (max-width: 700px) {
	#sidebar nav ul li a span {
		font-size:18px;
		letter-spacing:-2px;
	}
}

#sidebar nav ul li a:before {
	content:"";
	background-image:url(../image/sidebar/star.gif);
	width:18px;
	height:17px;
	display:inline-block;
	margin-right:12px;
}

#sidebar nav ul li a:after {
	content:"";
	background-image:url(../image/sidebar/ar.png);
	width:20px;
	height:20px;
	display:block;
	position:absolute;
	top:23px;
	right:22px;
}

#sidebar nav ul li.active a:after {
	transform:rotate(90deg);
}

#sidebar nav ul li ul {
	list-style:circle;
	width:calc(100% - 50px);
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-left:20px;
	display:block;
	box-sizing:border-box;
}

#sidebar nav ul li ul li {
	margin:0;
	padding:0;
	text-indent:-15px;
}

#sidebar nav ul li ul li a {
	border-top:none;
	border-bottom:1px dotted #dfdfdf;
	padding-top:0;
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:16px;
}

@media screen and (max-width: 700px) {
	#sidebar nav ul li ul li a {
		font-size:18px;
	}
}

#sidebar nav ul li ul li a:before {
	display:none;
}

#sidebar nav ul li ul li a:after {
	transform:rotate(0deg) !important;
	background-image:none;
	content:"〉";
	color:#b5b5b5;
	top:0px;
	right:-24px;
}

.nolink {
	pointer-events: none !important;
	color:#000000 !important;
}

#sidebar .calender-primary {
	background-color:#e4e7e7;
	border-radius:10px;
	padding:25px;
	width:calc(100% - 50px);
	margin-left:auto;
	margin-right:auto;
	margin-bottom:22px;
	box-sizing:border-box;
}

#sidebar .calender-primary p {
	font-size:14px;
	color:#ff0000;
	margin:0;
	padding:0;
	padding-top:15px;
}

@media screen and (max-width: 700px) {
	#sidebar .calender-primary p {
		font-size:18px;
	}
}

#sidebar .send-deal {
	width:calc(100% - 50px);
	margin-left:auto;
	margin-right:auto;
	margin-bottom:22px;
	box-sizing:border-box;
	border:1px solid #ff1c1c;
	border-radius:10px;
	padding:20px;
	text-align:center;
}

@media screen and (max-width: 700px) {
	#sidebar .send-deal {
		font-weight:bold;
	}
}

#sidebar .send-deal span {
	font-size:24px;
	color:#ff0000;
	font-weight:bold;
}

@media screen and (max-width: 700px) {
	#sidebar .send-deal span {
		font-size:28px;
	}
}

#sidebar .tel {
	width:calc(100% - 50px);
	margin-left:auto;
	margin-right:auto;
	margin-bottom:22px;
	box-sizing:border-box;
	border:1px solid #d2d2d2;
	border-radius:10px;
	padding:20px;
	text-align:center;
}

#sidebar .tel p {
	display:none;
}

#sidebar .tel .tel-link {
	background-image:url(../image/sidebar/tel.png);
	width:221px;
	height:79px;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	position:relative;
}

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

#sidebar .tel .button a {
	background-color:#a3624a;
	border-radius:5px;
	color:#ffffff;
	display:block;
	width:100%;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:10px;
	padding-right:25px;
	text-decoration:none;
	box-sizing:border-box;
	font-size:13px;
	position:relative;
	transition:0.3s;
}

#sidebar .tel .button a:hover {
	background-color:#cf8a71;
}

#sidebar .tel .button a:after {
	content:"";
	background-image:url(../image/contents/top/ar-mini.png);
	width:14px;
	height:14px;
	position:absolute;
	top:10px;
	right:8px;
	display:block;
}

#sidebar .ccard {
	width:calc(100% - 50px);
	margin-left:auto;
	margin-right:auto;
	margin-bottom:22px;
	box-sizing:border-box;
	border:1px solid #d2d2d2;
	border-radius:10px;
	padding:20px;
	text-align:center;
}

#sidebar .ccard p {
	font-size:13px;
	margin:0;
	padding:0;
	padding-bottom:15px;
	text-align:left;
}

@media screen and (max-width: 700px) {
	#sidebar .ccard p {
		font-size:18px;
	}
}

#sidebar .ccard img {
	max-width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.maker-nav {
	margin-bottom:23px;
}

.maker-nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

.maker-nav ul li a {
	background-repeat:no-repeat;
	background-position:center right 15px;
	width:calc(100% - 50px);
	padding-top:19px;
	padding-bottom:19px;
	padding-left:15px;
	padding-right:15px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	box-sizing:border-box;
	border:1px solid #d2d2d2;
	border-radius:5px;
	text-align:left;
	display:block;
	text-decoration:none;
	color:#000000;
	letter-spacing:-0.8px;
	font-size:16px;
	transition:0.3s;
}

@media screen and (max-width: 700px) {
	.maker-nav ul li a {
		font-size:18px;
	}
}

.maker-nav ul li a:hover {
	border:1px solid #ff0000;
}

.maker-nav ul li a span {
	display:block;
	margin-left:-7px;
}

#sidebar .sub-nav {
	margin-bottom:22px;
}

#sidebar .sub-nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#sidebar .sub-nav ul li a {
	padding-top:20px;
	padding-bottom:20px;
	display:block;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	box-sizing:border-box;
	padding-left:23px;
	margin-top:-1px;
	text-decoration:none;
	font-size:18px;
	color:#000000;
	position:relative;
	transition:0.3s;
}

#sidebar .sub-nav ul li a:hover {
	color:#ff0000;
	text-indent:10px;
}

#sidebar .sub-nav ul li.active a {
	border-bottom:none;
	padding-bottom:10px;
}

#sidebar .sub-nav ul li a span {
	font-size:14px;
}

#sidebar .sub-nav ul li a:after {
	content:"";
	background-image:url(../image/sidebar/ar.png);
	width:20px;
	height:20px;
	display:block;
	position:absolute;
	top:23px;
	right:22px;
}

#fixed-nav {
	position:fixed;
	top:90px;
	right:0;
	z-index:200;
	transition:0.3s;
}

@media screen and (max-width: 1000px) {
	#fixed-nav {
		top:271px;
	}
}

#fixed-nav ul {
	list-style:none;
	margin:0;
	position:0;
}

#fixed-nav ul li:nth-child(1) a {
	display:block;
	background-image:url(../image/fixed/button01.png);
	width:50px;
	height:160px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	margin-bottom:10px;
}

#fixed-nav ul li:nth-child(2) a {
	display:block;
	background-image:url(../image/fixed/button02.png);
	width:50px;
	height:160px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	margin-bottom:10px;
}

#fixed-nav ul li:nth-child(3) a {
	display:block;
	background-image:url(../image/fixed/button03.png);
	width:50px;
	height:172px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}


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

#sidebar {
	width:310px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#ffffff;
	z-index:99;
	transition:0.3s;
	box-shadow: 1px 0px 8px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 1px 0px 8px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: 1px 0px 8px rgba(0, 0, 0, 0.22);
}

@media screen and (max-width: 1000px) {
	#sidebar {
		position:fixed;
		left:-340px;
		width:340px;
		height:100%;
		overflow:scroll;
		overflow-x:hidden;
	}
	#sidebar.active {
		left:0;
	}
}

#sidebar .logo {
	padding-top:100px;
	padding-bottom:28px;
}

#sidebar .logo h1 {
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	background-image:url(../image/sidebar/logo.png);
	background-repeat:no-repeat;
	width:241px;
	height:86px;
	display:block;
	position:relative;
}

#sidebar .logo h1 a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	white-space:nowrap;
	text-indent:300%;
	text-decoration:none !important;
	color:#ffffff !important;
}

#sidebar .logo p {
	font-size:14px;
	text-align:center;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	width:calc(100% - 70px);
	box-sizing:border-box;
	border-top:1px solid #000000;
	padding-top:40px;
}

@media screen and (max-width: 700px) {
	#sidebar .logo p {
		font-size:20px;
	}
}

#sidebar h2 {
	font-size:20px;
	color:#a3624a;
	font-weight:normal;
	font-family: 'FOT-SkipStd-B';
	text-align:center;
	margin:0;
	padding:0;
	margin-bottom:20px;
}

#sidebar .calender {
}

.side-open {
	display:none;
}

@media screen and (max-width: 1000px) {
	.side-open {
		position:fixed;
		top:75px;
		right:30px;
		width:90px;
		height:90px;
		border-radius:5px;
		background-color:#212121;
		display:block;
		z-index:999;
	}
	.side-open:hover {
		cursor:pointer;
	}
	.side-open:after {
		content:"MENU";
		font-family: 'FOT-SkipStd-B';
		text-align:center;
		width:100%;
		display:block;
		font-size:14px;
		color:#ffffff;
		position:absolute;
		bottom:10px;
	}
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 35px;
  height: 24px;
  margin-left:27px;
  margin-top:22px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 10px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger span:nth-of-type(1) {
  -webkit-animation: menu-bar01 .75s forwards;
  animation: menu-bar01 .75s forwards;
}
@-webkit-keyframes menu-bar01 {
  0% {
    -webkit-transform: translateY(10px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(10px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-bar01 {
  0% {
    transform: translateY(10px) rotate(45deg);
  }
  50% {
    transform: translateY(10px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
.menu-trigger span:nth-of-type(2) {
  transition: all .25s .25s;
  opacity: 1;
}
.menu-trigger span:nth-of-type(3) {
  -webkit-animation: menu-bar02 .75s forwards;
  animation: menu-bar02 .75s forwards;
}
@-webkit-keyframes menu-bar02 {
  0% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-10px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-bar02 {
  0% {
    transform: translateY(-10px) rotate(-45deg);
  }
  50% {
    transform: translateY(-10px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-animation: active-menu-bar01 .75s forwards;
  animation: active-menu-bar01 .75s forwards;
}
@-webkit-keyframes active-menu-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(10px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(10px) rotate(45deg);
  }
}
@keyframes active-menu-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(10px) rotate(0);
  }
  100% {
    transform: translateY(10px) rotate(45deg);
  }
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-animation: active-menu-bar03 .75s forwards;
  animation: active-menu-bar03 .75s forwards;
}
@-webkit-keyframes active-menu-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-10px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
  }
}
@keyframes active-menu-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-10px) rotate(0);
  }
  100% {
    transform: translateY(-10px) rotate(-45deg);
  }
}

.wpsbc-calendar-month {
    float: none;
    padding: 0px!important;
    width: 300px!important;
    border: 0px solid #ccc!important;
    background-color: inherit!important;
    margin-right: 0px!important;
}

.wpsbc-theme-classic div.wpsbc-calendar {
    width: 100% !important;
	height:auto !important;
	margin:0 !important;
	border:none !important;
	box-sizing:border-box !important;
}

.wpsbc-theme-classic .wpsbc-calendars, .wpsbc-container.wpsbc-theme-classic {
	float:none !important;
}

.wpsbc-theme-classic div.wpsbc-calendar div.wpsbc-heading {
	width:100% !important;
	box-sizing:border-box !important;
}

.wpsbc-theme-classic div.wpsbc-calendar ul li {
	width:25px !important;
	height:25px !important;
}

.wpsbc-container.wpsbc-theme-classic {
	margin-bottom:15px !important;
}

.wpsbc-theme-classic div.wpsbc-calendar div.wpsbc-select-container .wpsbc-dropdown {
	width:145px !important;
	height:30px !important;
	border:none !important;
	pointer-events:none;
	margin:0 !important;
	padding:0 !important;
	text-align:left !important;
}

.wpsbc-theme-classic div.wpsbc-calendar div.wpsbc-heading {
	height:39px !important;
}

.wpsbc-theme-classic div.wpsbc-calendar:nth-of-type(2) div.wpsbc-heading {
	height:30px !important;
}

.wpsbc-theme-classic div.wpsbc-calendar div.wpsbc-heading a.wpsbc-prev, .wpsbc-theme-classic div.wpsbc-calendar div.wpsbc-heading a.wpsbc-next {
	margin-top:5px;
	display:none;
}

.wpsbc-dropdown option {
	display:none;
}

.wpsbc-dropdown option[selected="selected"] {
	display:block;
}

.wpsbc-heading span {
	text-align:left;
	font-weight:bold;
	display:block;
}

.wpsbc-theme-classic div.wpsbc-calendar div.wpsbc-heading div.wpsbc-select-container {
	margin:0 !important;
	position:relative;
}

.wpsbc-theme-classic div.wpsbc-calendar div.wpsbc-heading div.wpsbc-select-container:after {
	content:"■";
	color:#ffffff;
	position:absolute;
	top:0;
	right:-22px;
	z-index:9999;
	width:60px;
	height:30px;
	display:block;
	background-color:#ffffff;
}

.calender-now {
	padding-bottom:0;
	background-color:#ffffff;
}

/*------------------------------------------------------------------------------------------------------------------
　footer
-------------------------------------------------------------------------------------------------------------------*/

#footer {
	width:100%;
	/*background-image:url(../image/footer/back.png);*/
	background-position:top;
	background-repeat:repeat-x;
	background-color:#a3624a;
	box-sizing:border-box;
	padding-left:365px;
	padding-top:50px;
	padding-bottom:50px;
	position:absolute;
	bottom:0;
	left:0;
}

@media screen and (max-width: 1000px) {
	#footer {
		padding-left:50px;
	}
}

#footer:after {
	content: "";
    display: block;
    clear: both;
}

#footer .logo-box {
	width:760px;
}

#footer .logo {
	background-image:url(../image/footer/logo.png);
	width:241px;
	height:86px;
	display:block;
	position:relative;
	float:left;
	margin-right:50px;
}

#footer .logo a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}

#footer .logo-box .tel-link {
	float:left;
	background-image:url(../image/footer/tel.png);
	width:272px;
	height:36px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	position:relative;
	margin-bottom:10px;
}

#footer .logo-box .tel-link a {
	width:272px;
	height:36px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	position:absolute;
	top:0;
	left:0;
}

#footer .logo-box p {
	color:#ffffff;
	margin:0;
	padding:0;
	float:left;
	width:460px;
	font-size:15px;
}

.footer-left {
	width:760px;
	float:left;
}

@media screen and (max-width: 1160px) {
	.footer-left {
		width:calc(100% - 50px);
	}
	#footer .logo-box {
		width:100%;
	}
	#footer .logo-box p {
		padding-top:20px;
	}
	#footer .logo-box .tel-link {
		margin-top:30px;
	}
}

@media screen and (max-width: 995px) {
	#footer .logo-box p {
		padding-top:0;
	}
}

#footer .logo-box p br.sp {
	display:none;
}

@media screen and (max-width: 700px) {
	#footer .logo-box p {
		padding-top:20px;
		font-size:21px;
	}
	#footer .logo-box p br.sp {
		display:block;
	}
}

.footer-right {
	width:380px;
	float:right;
	margin-right:50px;
	position: relative;
}

.topback {
	background-image:url(../image/footer/topback.png);
	width:100px;
	height:100px;
	display:block;
	float:right;
	margin-left:20px;
	position:relative;
	transition:0.3s;
}

@media screen and (max-width: 700px) {
	.footer-right {
		width:100%;
		box-sizing:border-box;
		padding-right:30px;
		padding-left:30px;
	}
	.topback {
	}
}

.topback:hover {
	margin-top:-10px;
}

.topback a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}

#footer nav {
	width:755px;
	padding-top:30px;
}

@media screen and (max-width: 1160px) {
	#footer nav {
		width:calc(100% - 50px);
	}
}

#footer nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#footer nav ul li {
	display:inline-block;
	position:relative;
	padding-right:21px;
	margin-right:18px;
}

#footer nav ul li:after {
	width:1px;
	height:14px;
	background-color:#ffffff;
	position:absolute;
	top:7px;
	right:0;
	content:"";
	display:block;
}

#footer nav ul li a {
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
}

@media screen and (max-width: 700px) {
	#footer nav ul li {
		display:block;
		width:calc(100% + 30px);
		text-align:center;
		margin-right:0;
		border-bottom:1px dotted #ffffff;
		padding-bottom:10px;
		margin-bottom:10px;
	}
	#footer nav ul li:after {
		display:none;
	}
	#footer nav ul li a {
		font-size:21px;
	}
}

#footer .qr {
	background-image:url(../image/footer/qr.png);
	background-color:#ffffff;
	background-position:top 16px left 16px;
	background-repeat:no-repeat;
	border-radius:10px;
	width:251px;
	height:100px;
	padding:16px;
	padding-left:100px;
	box-sizing:border-box;
	float:right;
}

@media screen and (max-width: 700px) {
	#footer .qr {
		float:left;
	}
}

@media screen and (max-width: 1572px) {
	#footer .footer-right, #footer .footer-left {
		float:none;
		margin-left:0;
		padding-left:0;
	}
	
	#footer .footer-right {
		margin-top:30px;
		margin-left:-8px;
	}
}

#footer .qr strong {
	font-size:17px;
	color:#a3624a;
	padding-bottom:10px;
}

#footer .qr p {
	margin:0;
	padding:0;
	font-size:11px;
}

.insta-footer {
	position: absolute;
	bottom: -102px;
	right: -10px;
}

@media screen and (max-width: 1572px) {
	.insta-footer {
		bottom: 11px;
		right: -317px;
	}
}

@media screen and (max-width: 700px) {
	.insta-footer {
		bottom: 13px;
		right: 115px;
		transform: scale(0.8,0.8);
	}
}

/*------------------------------------------------------------------------------------------------------------------
　additional
-------------------------------------------------------------------------------------------------------------------*/

#contents-primary {
	position:relative;
	padding-left:310px;
	box-sizing:border-box;
	padding-top:50px;
	padding-bottom:50px;
}

#subpage #contents-primary {
	padding-right:30px;
}

@media screen and (max-width: 1000px) {
	#contents-primary {
		padding-left:0;
	}
}

#contents {
	position:relative;
	min-height:740px;
	padding-bottom:224px;
}

@media screen and (max-width: 1572px) {
	#contents {
		padding-bottom:380px;
	}
}

@media screen and (max-width: 700px) {
	#contents {
		padding-bottom:1055px;
	}
}

#contents .content {
	margin-bottom:50px;
}

#contents h2 {
	background-image:url(../image/contents/top/icon01.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:100%;
	height:48px;
	text-align:left;
	margin:0;
	padding:0;
	padding-left:67px;
	margin-bottom:30px;
	/*font-family: 'FOT-SkipStd-B';*/
	color:#000000;
	font-size:30px;
}

#subpage #contents h3 {
	border:2px solid #a3624a;
	padding-top:13px;
	padding-bottom:12px;
	padding-left:50px;
	padding-right:15px;
	color:#a3624a;
	font-size:22px;
	font-family: 'FOT-SkipStd-B';
	margin:0;
	margin-bottom:30px;
	border-radius:3px;
	position:relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4dfbc+100&0+0,1+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(244,223,188,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(244,223,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(244,223,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f4dfbc',GradientType=1 ); /* IE6-9 */
	text-shadow: 
        white 1px 1px 0, white -1px -1px 0,
        white -1px 1px 0, white 1px -1px 0,
        white 0px 1px 0, white  0-1px 0,
        white -1px 0 0, white 1px 0 0;
}

#subpage #contents h3:before {
	border:2px solid #ffffff;
	border-radius:3px;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
}

#subpage #contents h3:after {
	background-image:url(../image/sidebar/star.png);
	background-repeat:no-repeat;
	width:18px;
	height:17px;
	position:absolute;
	top:20px;
	left:20px;
	display:block;
	content:"";
}

#subpage #contents h3 span {
	font-size:16px;
}

#subpage #contents h4 {
	margin:0;
	padding:0;
	color:#333333;
	font-size:22px;
	font-family: 'FOT-SkipStd-B';
	display:inline-block;
	border-bottom:2px dotted #333333;
	padding-bottom:8px;
	margin-bottom:25px;
}

#subpage #contents h4 span {
	font-size:16px;
}

@media screen and (max-width: 700px) {
	#subpage #contents h4 span {
		display:block;
	}
}

#subpage #contents h4.star-red {
	background-position:left 0px top 8px;
	background-repeat:no-repeat;
	background-image:url(../image/sidebar/star-red.gif);
	padding-left:31px;
}

#subpage #contents h5 {
	margin:0;
	padding:0;
	margin-bottom:10px;
	font-size:18px;
	font-weight:normal;
	font-family: 'FOT-SkipStd-B';
	display:inline-block;
}

@media screen and (max-width: 700px) {
	#subpage #contents h5 {
		font-size:22px;
	}
}

#subpage #contents h5.icon-star {
	background-image:url(../image/sidebar/star.png);
	background-position:top 5px left 0px;
	background-repeat:no-repeat;
	padding-left:25px;
}

@media screen and (max-width: 700px) {
	#subpage #contents h5.icon-star {
		background-position:top 8px left 0px;
		padding-left:28px;
	}
}

#contents .box {
	padding:30px;
	background-color:#fbf2ea;
	margin-bottom:30px;
	box-sizing:border-box;
	border:1px dotted #f6decc;
}

#contents .box .inbox {
	background-color:#ffffff;
	padding:15px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:15px;
}

#contents .box .inbox h5 {
	color:#a3624a;
}

#contents .box p {
	margin:0;
	padding:0;
	padding-bottom:15px;
}

#contents .box h4 {
	margin:0;
	padding:0;
	color:#a3624a;
	font-size:22px;
	font-family: 'FOT-SkipStd-B';
	margin-bottom:25px;
	padding-bottom:8px;
}

@media screen and (max-width: 700px) {
	#contents .box h4 {
		font-size:26px;
	}
}

#subpage-hedder {
	background-image:url(../image/contents/subpage-header.jpg);
	width:100%;
	height:250px;
	background-position:center top;
}

.options #subpage-hedder {
	background-image:url(../image/contents/subpage-header05.jpg);
}

.machine_option #subpage-hedder {
	background-image:url(../image/contents/subpage-header08.jpg);
}

.esp-option #subpage-hedder {
	background-image:url(../image/contents/subpage-header06.jpg);
}

.coffee_beans_nama #subpage-hedder {
	background-image:url(../image/contents/subpage-header07.jpg);
}

.coffee_beans_baisen #subpage-hedder {
	background-image:url(../image/contents/subpage-header03.jpg);
}

.coffee_beans_order #subpage-hedder {
	background-image:url(../image/contents/subpage-header02.jpg);
}

.coffee_beans_order #esp-mil {
	background-image:url(../image/contents/subpage-header.jpg);
}

.orderform #subpage-hedder {
	background-image:url(../image/contents/subpage-header09.jpg);
}

/*----------------------------------------------------------------------------
   home
------------------------------------------------------------------------------*/

.shop-alart {
	border: 1px solid #b42121;
	box-sizing: border-box;
	padding: 30px;
	text-align: center;
	margin-bottom: 30px;
	width: 86%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.shop-alart h3 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 22px;
	color: #b42121;
}

@media screen and (max-width: 700px) {
	.shop-alart h3 {
		font-size: 26px;
	}
}

.shop-alart p {
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 700px) {
	.shop-alart p {
		text-align: left !important;
	}
}

#content-nav {
}

.yahok {
	background-color:#ffda45;
	background-image:url(../image/contents/top/yahok-bana-back.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	width:100%;
	height:192px;
	padding-top:35px;
	padding-left:43px;
	margin-bottom:30px;
	display:block;
	position:relative;
	box-sizing:border-box;
}

.yahok a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:0.3s;
}

.yahok a:hover {
	background-color:rgba(255,255,255,0.3);
}

.yahok p {
	color:#000000;
	margin:0;
	padding:0;
	font-size:18px;
	margin-top:10px;
	padding-left:3px;
	text-shadow: 
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

#content-nav ul {
	list-style:none;
	margin:0;
	padding:0;
	width:calc(100% + 30px);
}

#content-nav ul li {
	width:calc(50% - 30px);
	max-width:585px;
	height:190px;
	margin-right:30px;
	margin-bottom:30px;
	float:left;
	display:block;
	position:relative;
	background-position:top right;
	background-repeat:no-repeat;
}

#content-nav ul li:nth-child(1) a, #content-nav ul li:nth-child(2) a {
	padding-top:110px;
}

#content-nav ul li:nth-child(1), #content-nav ul li:nth-child(2) {
	border:1px solid #cccccc;
	box-sizing:border-box;
}

#content-nav ul li a:hover {
	background-color:rgba(255,255,255,0.3);
}

#content-nav ul li a h3 {
	font-size:30px;
	color:#ffffff;
	text-decoration:none !important;
	font-family: 'FOT-SkipStd-B';
	margin:0;
	padding:0;
	font-weight:normal;
	text-shadow: 
    black 2px 0px,  black -2px 0px,
    black 0px -2px, black 0px 2px,
    black 2px 2px , black -2px 2px,
    black 2px -2px, black -2px -2px,
    black 1px 2px,  black -1px 2px,
    black 1px -2px, black -1px -2px,
    black 2px 1px,  black -2px 1px,
    black 2px -1px, black -2px -1px;
}

#content-nav ul li a span {
	font-size:18px;
	font-family: "Noto Sans Japanese";
	color:#ffffff;
	text-decoration:none !important;
	text-shadow: 
    black 2px 0px,  black -2px 0px,
    black 0px -2px, black 0px 2px,
    black 2px 2px , black -2px 2px,
    black 2px -2px, black -2px -2px,
    black 1px 2px,  black -1px 2px,
    black 1px -2px, black -1px -2px,
    black 2px 1px,  black -2px 1px,
    black 2px -1px, black -2px -1px;
}

#content-nav ul li:nth-child(1) h3 { display:none; }
#content-nav ul li:nth-child(2) h3 { display:none; }

#content-nav ul li:nth-child(1) span {
	padding-top:50px;
}
#content-nav ul li:nth-child(2) span {
	padding-top:50px;
}

/*#content-nav ul li:nth-child(1) { background-image:url(../image/contents/top/yahok-logo2.png),url(../image/contents/top/yahuoku.png); background-repeat:no-repeat; background-position:left, right; }
#content-nav ul li:nth-child(2) { background-image:url(../image/contents/top/yahusp-logo.png),url(../image/contents/top/yahusp.png); background-repeat:no-repeat; background-position:left, right; }*/

#content-nav ul li:nth-child(1) { background-image:url(../image/contents/top/yahok-logo2.png); background-repeat:no-repeat; background-position:left; }
#content-nav ul li:nth-child(2) { background-image:url(../image/contents/top/yahusp-logo.png); background-repeat:no-repeat; background-position:left; }

#content-nav ul li.db:nth-child(3) {
	width:calc(100% - 30px);
	max-width:inherit;
	height:190px;
	margin-right:0;
	margin-bottom:30px;
	float:left;
	display:block;
	position:relative;
	background-image:url(../image/contents/top/content-bana07-back.png), url(../image/contents/top/content-bana-back.png);
	background-repeat:no-repeat, repeat;
	background-position:right;
}

@media screen and (max-width: 1220px) {
	#content-nav ul li.db:nth-child(3) {
		float: none;
		width: 100%;
	}
}

#content-nav ul li:nth-child(4) { background-image:url(../image/contents/top/content-bana01-back.png), url(../image/contents/top/content-bana-back.png); background-repeat:no-repeat, repeat; background-position:right; }
#content-nav ul li:nth-child(5) { background-image:url(../image/contents/top/content-bana02-back.png), url(../image/contents/top/content-bana-back.png); background-repeat:no-repeat, repeat; background-position:right; }
#content-nav ul li:nth-child(6) { background-image:url(../image/contents/top/content-bana03-back.png), url(../image/contents/top/content-bana-back.png); background-repeat:no-repeat, repeat; background-position:right; }
#content-nav ul li:nth-child(7) { background-image:url(../image/contents/top/content-bana05-back_20210806.png), url(../image/contents/top/content-bana-back.png); background-repeat:no-repeat, repeat; background-position:right; }

#content-nav ul li:nth-child(5) a {
	padding-top:23px;
}

#content-nav ul li:nth-child(5) strong {
	font-size:22px;
	color:#ff0000;
	text-shadow: 
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

#content-nav ul li:nth-child(5) span span {
	font-size:15px;
}

@media screen and (max-width: 1380px) {
	#content-nav ul li:nth-child(6) span {
		font-size:14px;
	}
}

#content-nav ul li:nth-child(5) a {
	padding-top:42px;
}

@media screen and (max-width: 1220px) {
	#content-nav ul {
		width:100%;
	}
	#content-nav ul li {
		width:100%;
		max-width:none;
		margin-right:0;
		float:none;
	}
}

#content-nav ul li a {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	color:#ffffff;
	text-decoration:none !important;
	padding-top:40px;
	padding-left:40px;
	transition:0.3s;
	box-sizing:border-box;
}


#top-information {
	background-color:#fff2e9;
	padding-top:50px;
	padding-bottom:50px;
	margin-bottom:50px;
}

#top-information .button a {
	padding-top:12px;
	padding-bottom:12px;
	background-color:#000000;
	color:#ffffff;
	text-decoration:none;
	display:inline-block;
	font-size:16px;
	padding-left:20px;
	padding-right:60px;
	box-sizing:border-box;
	border-radius:10px;
	position:absolute;
	top:0;
	right:50px;
	transition:0.3s;
}

@media screen and (max-width: 1525px) {
	#top-information .button a {
		right:80px
	}
}

#top-information .button a:hover {
	background-color:#ececec;
	color:#000000;
}

#top-information .button a:after {
	content:"";
	background-image:url(../image/contents/top/ar.png);
	width:20px;
	height:20px;
	background-position:top right;
	background-repeat:no-repeat;
	position:absolute;
	top:15px;
	right:15px;
}

#top-information ul {
	list-style:none;
	margin:0;
	padding:0;
	width:calc(100% + 30px);
}

@media screen and (max-width: 1525px) {
	#top-information ul {
		width:100%;
	}
}

#top-information ul li {
	position:relative;
	padding-left:170px;
	min-height:60px;
	box-sizing:border-box;
	width:calc(50% - 30px);
	margin-right:30px;
	float:left;
}

@media screen and (max-width: 1200px) {
	#top-information ul li {
		width:calc(100% - 30px);
		float:none;
	}
}

@media screen and (max-width: 700px) {
	#top-information ul li {
		padding-left:0;
		padding-top:60px;
		margin-bottom:30px;
	}
}

#top-information ul li a {
	border-bottom:1px dotted #000000;
	margin:0;
	padding:0;
	padding-bottom:5px;
	padding-top:8px;
	display:block;
	text-decoration:none !important;
	color:#000000;
}

#top-information ul li span {
	padding-top:9px;
	padding-bottom:9px;
	padding-left:12px;
	padding-right:12px;
	background-color:#a3624a;
	display:inline-block;
	color:#ffffff;
	position:absolute;
	top:0;
	left:0;
	border-radius:10px;
}

#top-movie {
}

#top-movie .movie-list-primary {
	width:calc(100% + 30px);
	padding-bottom:50px;
}

@media screen and (max-width: 1525px) {
	#top-movie .movie-list-primary {
		width:100%;
	}
}

#top-movie .movie-list-primary .list {
	width:calc(33.333% - 30px);
	margin-right:30px;
	float:left;
	text-align:center;
}

@media screen and (max-width: 1300px) {
	#top-movie .movie-list-primary .list {
		width:calc(50% - 30px);
		margin-bottom:30px;
	}
}

@media screen and (max-width: 780px) {
	#top-movie .movie-list-primary .list {
		width:100%;
		margin-right:0;
	}
}

#top-movie .movie-list-primary .list iframe {
	width:100%;
	margin-bottom:15px;
}

#top-movie .movie-list-primary .list p {
	margin:0;
	padding:0;
}

#top-company {
	width:calc(100% + 30px);
	padding-bottom:30px;
}

#top-company .shop-detail {
	width:calc(50% - 30px);
	margin-right:30px;
	float:left;
	background-color:#ffffff;
	padding:30px;
	box-sizing:border-box;
	border:1px solid #f5dece;
}

#top-company .car-pool {
	width:calc(50% - 30px);
	margin-right:30px;
	float:left;
	background-color:#ffffff;
	padding:30px;
	box-sizing:border-box;
	border:1px solid #f5dece;
}

@media screen and (max-width: 1070px) {
	#top-company .shop-detail, #top-company .car-pool {
		width:calc(100% - 30px);
		float:none;
		margin-right:0;
	}
}

#top-company .shop-detail .logo-box, #top-company .car-pool .logo-box {
	float:left;
	width:60%;
	max-width:239px;
}

@media screen and (max-width: 1475px) {
	#top-company .shop-detail .logo-box, #top-company .car-pool .logo-box {
		float:none;
		width:100%;
		max-width:none;
	}
}

#top-company .shop-detail img, #top-company .car-pool img {
	float:right;
	width:40%;
}

@media screen and (max-width: 1475px) {
	#top-company .shop-detail img, #top-company .car-pool img {
		float:none;
		width:232px !important;
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
}

#top-company .shop-detail .logo {
	background-image:url(../image/contents/top/logo.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	height:84px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	margin-bottom:25px;
	margin-top:35px;
}

#top-company .car-pool .logo {
	background-image:url(../image/contents/top/parking-logo.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	height:84px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	margin-bottom:25px;
	margin-top:40px;
}

#top-company .shop-detail .button, #top-company .car-pool .button {
	display:none;
}

#top-company .shop-detail .button a, #top-company .car-pool .button a {
	background-color:#a3624a;
	border-radius:5px;
	color:#ffffff;
	display:inline-block;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:35px;
	text-decoration:none;
	box-sizing:border-box;
	font-size:13px;
	position:relative;
	transition:0.3s;
}

@media screen and (max-width: 1475px) {
	#top-company .shop-detail .button a, #top-company .car-pool .button a {
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:30px;
		text-align:center;
		font-size:15px;
	}
}

@media screen and (max-width: 700px) {
	#top-company .shop-detail .button a, #top-company .car-pool .button a {
		font-size:21px;
	}
}

#top-company .shop-detail .button a:hover {
	background-color:#cf8a71;
}

#top-company .shop-detail .button a:after, #top-company .car-pool .button a:after  {
	content:"";
	background-image:url(../image/contents/top/ar-mini.png);
	width:14px;
	height:14px;
	position:absolute;
	top:13px;
	right:8px;
	display:block;
}

@media screen and (max-width: 1475px) {
	#top-company .shop-detail .button a:after, #top-company .car-pool .button a:after  {
		top:15px;
		right:14px;
	}
}

@media screen and (max-width: 700px) {
	#top-company .shop-detail .button a:after, #top-company .car-pool .button a:after {
		background-image:url(../image/contents/top/ar.png);
		width:20px;
		height:20px;
		top:17px;
	}
}

#top-company .detail {
	clear:both;
	display:block;
	padding-top:20px;
}

#top-company .detail ul {
	list-style:none;
	margin:0;
	padding:0;
}

#top-company .detail ul li {
	border-bottom:1px dotted #c2c2c2;
	padding-bottom:9px;
	margin-bottom:9px;
	display:block;
	padding-left:92px;
	position:relative;
}

#top-company .detail ul li:last-of-type {
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}

#top-company .detail ul li span {
	width:92px;
	display:block;
	position:absolute;
	top:0;
	left:0;
}

@media screen and (max-width: 700px) {
	#top-company .detail ul li span {
		width:130px;
	}
	#top-company .detail ul li {
		padding-left:122px;
	}
}

.gmap {
	background-color:#ffffff;
	width:100%;
	box-sizing:border-box;
}
.gmap img {
	width:100%;
	height:auto;
}

@media screen and (max-width: 700px) {
	.gmap {
		overflow:scroll;
	}
	.gmap img {
		width:1000px;
		height:auto;
	}
}

#map {
	width:100%;
	height:100%;
}

.map-link-button-primary {
	width:70%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:50px;
}

@media screen and (max-width: 700px) {
	.map-link-button-primary {
		width:85%;
	}
}

.map-link-button {
	/*width:calc(50% - 15px);*/
	margin-right:30px;
	box-sizing:border-box;
	text-align:center;
	border:1px solid #a3624a;
	display:block;
	text-decoration:none;
	/*float:left;*/
	position:relative;
	transition:0.3s;
}

.map-link-button:nth-of-type(2) {
	float:right;
	margin-right:0;
}

.map-link-button a {
	display:block;
	width:100%;
	height:100%;
	box-sizing:border-box;
	padding:15px;
	text-align:center;
	text-decoration:none;
	font-family: 'FOT-SkipStd-B';
	color:#a3624a;
}

@media screen and (max-width: 700px) {
	.map-link-button a {
		font-size:22px;
	}
}

.map-link-button:hover {
	background-color:#a3624a;
	color:#ffffff;
}

.map-link-button:hover a {
	color:#ffffff;
}

.map-link-button a:after {
	content:"〉";
	position:absolute;
	right:5px;
	top:16px;
	color:#a3624a;
	font-size:14px;
	display:block;
}

@media screen and (max-width: 700px) {
	.map-link-button a:after {
		font-size:18px;
		top:20px;
	}
}

.map-link-button:hover a:after {
	color:#ffffff;
}

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

.company-list-primary {
}

.company-list-primary ul {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	margin-bottom:50px;
}

.company-list-primary ul li {
	display:block;
	border-bottom:1px dotted #cccccc;
	padding-bottom:10px;
	margin-bottom:10px;
	position:relative;
	padding-left:150px;
}

.company-list-primary ul li span {
	position:absolute;
	top:0;
	left:0;
}

.company-list-primary ul li p {
	margin:0;
	padding:0;
	padding-bottom:10px;
}

.company-list-primary ul li p:last-of-type {
	padding-bottom:0;
}

.company-list-primary ul li strong {
	display:block;
}


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

.contact-list-primary {
}

.contact-list-primary ul {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	margin-bottom:50px;
}

.contact-list-primary ul li {
	display:block;
	border-bottom:1px dotted #cccccc;
	padding-bottom:10px;
	margin-bottom:10px;
	position:relative;
	padding-left:170px;
}

.contact-list-primary ul li span {
	position:absolute;
	top:0;
	left:0;
}

.contact-list-primary ul li span .require {
	color:#ff0000;
	position:relative;
	display:inline-block;
	top:inherit;
	left:inherit;
	padding-left:5px;
}


/*----------------------------------------------------------------------------
   order
------------------------------------------------------------------------------*/

.order-subnav {
	margin-bottom:50px;
}

.order-subnav ul {
	list-style:none;
	margin:0;
	padding:0;
	width:calc(100% + 20px);
	display:block;
}

.order-subnav ul li a {
	width:calc(20% - 20px);
	margin-right:20px;
	float:left;
	display:block;
	border:2px solid #cf3434;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	text-decoration:none;
	transition:0.3s;
	border-radius:3px;
}

@media screen and (max-width: 700px) {
	.order-subnav ul li a {
		width:calc(100% - 20px);
		margin-right:0;
		float:none;
		margin-bottom:10px;
	}
}

.order-subnav ul li a:hover {
	background-color:#cf3434;
	border:2px solid #cf3434;
	color:#ffffff;
	font-weight:bold;
}

.order-plan-list-primary {
	width:calc(100% + 30px);
	display:block;
}

.order-plan-list-primary .list {
	width:calc(33.333% - 30px);
	margin-right:30px;
	margin-bottom:30px;
	float:left;
	box-sizing:border-box;
	border-radius:2px;
	border:2px solid #cccccc;
	padding:30px;
	padding-bottom:90px;
	position:relative;
}

@media screen and (max-width: 1320px) {
	.order-plan-list-primary {
		width:100%;
	}
	.order-plan-list-primary .list {
		width:100%;
		height:auto !important;
		margin-right:0;
		float:none;
	}
}

.order-plan-list-primary .list h4 {
	margin:0;
	padding:0;
	margin-top:-4px;
	margin-bottom:15px !important;
	font-family: 'FOT-SkipStd-B';
	font-size:20px;
	color:#a3624a;
}

.order-plan-list-primary .list p {
	margin:0;
	padding:0;
}

.order-plan-list-primary .list span {
	font-weight:bold;
	font-size:18px;
	color:#b42121;
	font-family: 'FOT-SkipStd-B';
	display:inline-block;
	padding-bottom:0;
}

.order-plan-list-primary .list span span {
	font-size:28px;
	letter-spacing:-2px;
}

.order-plan-list-primary .list .button a {
	position:absolute;
	bottom:30px;
	left:30px;
	width:calc(100% - 60px);
	height:45px;
	line-height:45px;
	text-align:center;
	display:block;
	background-color:#b42121;
	border:2px solid #b42121;
	box-sizing:border-box;
	border-radius:3px;
	color:#ffffff !important;
	text-decoration:none !important;
	text-indent:-10px;
	transition:0.3s;
}

.order-plan-list-primary .list .button a:hover {
	background-color:#ffffff;
	color:#b42121 !important;
}

.order-plan-list-primary .list .button a:after {
	content:"〉";
	position:absolute;
	top:1px;
	right:4px;
}

.order-plan-list-primary .list .button a:hover {
	color:#b42121 !important;
}

.send-non-price {
	font-size:22px;
	color:#ff0000;
	font-family: 'FOT-SkipStd-B';
	display:block;
	padding-bottom:15px;
}

/*----------------------------------------------------------------------------
   product
------------------------------------------------------------------------------*/

.cofee-baisen-about {
}

.cofee-baisen-about img {
	float:left;
	width:calc(30% - 30px);
	margin-right:30px;
}

.cofee-baisen-about ul {
	margin:0;
	padding:0;
	margin-bottom:30px;
	padding-bottom:25px;
	border-bottom:2px dotted #a3624a;
	list-style:none;
}

.cofee-baisen-about ul li {
	padding-left:30px;
	padding-bottom:5px;
	position:relative;
}

.cofee-baisen-about ul li:last-of-type {
	padding-bottom:0;
}

.cofee-baisen-about ul li:before {
	content:"";
	background-image:url(../image/sidebar/star.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:18px;
	height:17px;
	display:block;
	position:absolute;
	top:0;
	left:0;
}

.cofee-baisen-about .detail {
	float:left;
	width:70%;
	box-sizing:border-box;
}

@media screen and (max-width: 1300px) {
	.cofee-baisen-about img {
		width:calc(40% - 30px);
	}
	.cofee-baisen-about .detail {
		width:60%;
	}
}

@media screen and (max-width: 1160px) {
	.cofee-baisen-about img {
		float:none;
		width:auto;
		max-width:100%;
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:30px;
	}
	.cofee-baisen-about .detail {
		float:none;
		width:100%;
	}
}

.cofee-baisen-about .detail table th {
	font-weight:normal;
	white-space:nowrap;
}

.cofee-baisen-about table th.th-title {
	background-color:#a3624a;
	color:#ffffff;
	font-weight:bold;
	padding:9px;
	padding-top:12px;
	padding-left:13px;
}

.cofee-baisen-about table th, .cofee-baisen-about table td {
	padding:5px;
}

.cofee-baisen-about .button a {
	padding-left:70px;
	padding-right:40px;
	height:60px;
	line-height:60px;
	text-align:center;
	display:inline-block;
	background-color:#b42121;
	background-image:url(../image/contents/product/pdf-icon.png);
	background-position:left;
	background-repeat:no-repeat;
	border:2px solid #b42121;
	box-sizing:border-box;
	border-radius:3px;
	color:#ffffff !important;
	text-decoration:none !important;
	text-indent:-10px;
	transition:0.3s;
	float:right;
	position:relative;
}

@media screen and (max-width: 1200px) {
	.cofee-baisen-about .button a {
		float:none;
	}
}

.cofee-baisen-about .button a:hover {
	background-color:#ffffff;
	color:#b42121 !important;
}

.cofee-baisen-about .button a:after {
	content:"〉";
	position:absolute;
	top:1px;
	right:4px;
}

.cofee-baisen-about .button a:hover {
	color:#b42121 !important;
}

.cofee-chumon {
	padding-bottom:40px;
	border-bottom:2px dotted #a3624a;
	margin-bottom:30px;
}

.cofee-chumon .alp-label, .cofee-chumon .num-label {
	position:relative;
	padding-left:70px;
}

.cofee-chumon .alp-label .string, .cofee-chumon .num-label .string {
	width:50px;
	height:50px;
	background-color:#a3624a;
	color:#ffffff;
	text-align:center;
	line-height:50px;
	position:absolute;
	top:2px;
	left:0;
	font-size:18px;
	font-weight:bold;
	font-family: 'FOT-SkipStd-B';
}

.cofee-chumon .num-label .string {
	background-color:#c03535;
}

.cofee-chumon .num-label strong span {
	font-size:24px;
	color:#FF3033;
}

#product-list-primary {
}

#product-list-primary .list {
	border:2px solid #a3624a;
	background-color:#fbf2ea;
	padding:30px;
	margin-bottom:30px;
	box-sizing:border-box;
}

#product-list-primary .list .title {
	padding-bottom:20px;
}

#product-list-primary .list h4 {
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}

@media screen and (max-width: 700px) {
	#product-list-primary .list .title {
		padding-bottom:15px;
	}
}

#product-list-primary .list .title .product-num {
	background-color:#a3624a;
	padding-top:5px;
	padding-bottom:2px;
	padding-left:13px;
	padding-right:13px;
	color:#ffffff;
	display:inline-block;
	font-weight:bold;
	margin-right:15px;
	margin-bottom:5px;
}

@media screen and (max-width: 700px) {
	#product-list-primary .list .title .product-num {
		margin-bottom:15px;
	}
}

#product-list-primary .list .title .product-category {
	background-color:#ffffff;
	padding-top:5px;
	padding-bottom:2px;
	padding-left:13px;
	padding-right:13px;
	color:#333333;
	display:inline-block;
	font-weight:bold;
	margin-right:15px;
}

#product-list-primary .list .title h4 {
	color:#a3624a !important;
	font-size:24px  !important;;
	margin:0;
	padding:0;
	border-bottom:none !important;
}

#product-list-primary .list .thum-primary {
	width:calc(30% - 30px);
	float:left;
	margin-right:30px;
}

#product-list-primary .list .thum-primary.wide {
	width:100%;
	float:none;
}

#product-list-primary .list .thum-primary img {
	width:100%;
	height:auto;
}

#product-list-primary .list .thum-primary.sepalate a:nth-of-type(2) img {
	width:calc(50% - 10px);
	float:left;
	margin-top:20px;
}
#product-list-primary .list .thum-primary.sepalate a:nth-of-type(3) img {
	width:calc(50% - 10px);
	float:right;
	margin-top:20px;
}

@media screen and (max-width: 1140px) {
	#product-list-primary .list .thum-primary.sepalate a:nth-of-type(2) img {
		width:100%;
	}
	#product-list-primary .list .thum-primary.sepalate a:nth-of-type(3) img {
		width:100%;
	}
}

#product-list-primary .list .detail {
	width:70%;
	float:left;
}

#product-list-primary .list .detail p:last-of-type {
	margin-bottom:0;
	padding-bottom:0;
}

@media screen and (max-width: 700px) {
	#product-list-primary .list .thum-primary {
		width:100%;
		margin-bottom:30px;
	}
	#product-list-primary .list .thum-primary.sepalate {
		width:calc(100% + 10px);
	}
	#product-list-primary .list .thum-primary.sepalate img {
		width:calc(33.333% - 10px) !important;
		width:auto;
		display:block;
		margin-right:10px;
		float:left;
		margin-bottom:30px;
		margin-top:0 !important;
	}
	#product-list-primary .list .detail {
		width:100%;
		float:none;
	}
}

#product-list-primary .list .detail .table-content {
	width:calc(100% + 20px);
	margin-bottom:10px !important;
}

#product-list-primary .list .detail .table-content table:nth-of-type(1) {
	width:calc(30% - 20px);
	margin-right:20px;
	float:left;
	border:1px solid #b42121;
}

#product-list-primary .list .detail .table-content table:nth-of-type(2) {
	width:calc(70% - 20px);
	float:left;
	border:1px solid #ffda45;
}

#product-list-primary.espresso .list .detail p {
	margin-bottom:0;
	padding-bottom:0;
}

/* 生豆 start */

#product-list-primary.namamame .list .detail .table-content {
	width:100%;
}

#product-list-primary.namamame .list .detail .table-content table:nth-of-type(1) {
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:15px;
}
#product-list-primary.namamame .list .detail .table-content table:nth-of-type(1) th {
	width:21.7%;
	text-align:center;
}
#product-list-primary.namamame .list .detail .table-content table:nth-of-type(2) {
	width:100%;
	float:none;
}

@media screen and (max-width: 1220px) {
	#product-list-primary.namamame .list .detail .table-content table:nth-of-type(1) th, #product-list-primary.namamame .list .detail .table-content table:nth-of-type(1) td {
		width:100%;
		box-sizing:border-box;
		display:block;
		text-align:center !important;
	}
	#product-list-primary.namamame .list .detail .table-content table:nth-of-type(2) th, #product-list-primary.namamame .list .detail .table-content table:nth-of-type(2) td {
		display:block;
		text-align:center !important;
	}
}

/* 生豆 end */

/* エスプレッソ start */

#product-list-primary.espresso .list .detail .table-content {
	width:100%;
}

#product-list-primary.espresso .list .detail .table-content table {
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:15px;
}
#product-list-primary.espresso .list .detail .table-content table th {
	width:21.7%;
	text-align:center;
	padding:5px !important;
	border-bottom:1px solid #ffffff;
	border-color:#ffffff !important;
	box-sizing:border-box;
	font-size:13px;
}
#product-list-primary.espresso .list .detail .table-content table td {
	padding:5px !important;
	font-size:13px;
}

#product-list-primary.espresso .list .detail .price {
	padding-bottom:15px;
}

#product-list-primary.espresso .list .detail .price span {
	display:block;
}

#product-list-primary.espresso .list .detail .price strong {
	display:block;
	font-size:24px;
	color:#ff0000;
}

/* エスプレッソ end */

/* エスプレッソ備品 start */

#product-list-primary.espresso-option {
	width:calc(100% + 30px);
}

#product-list-primary.espresso-option .list {
	width:calc(50% - 30px);
	margin-right:30px;
	margin-bottom:30px;
	float:left;
}

@media screen and (max-width: 700px) {
	#product-list-primary.espresso-option {
		width:100%;
	}
	#product-list-primary.espresso-option .list {
		width:100%;
		margin-right:0;
		float:none;
	}
}

#product-list-primary.espresso-option .list .product-num {
	margin-bottom:10px;
	float:none;
	padding-top:6px;
	padding-bottom:3px;
	font-size:14px;
}

#product-list-primary.espresso-option .list h4 {
	font-size:18px !important;
	display:block !important;
	padding-bottom:0 !important;
}

@media screen and (max-width: 700px) {
	#product-list-primary.espresso-option .list .product-num {
		font-size:18px;
	}
	#product-list-primary.espresso-option .list h4 {
		font-size:22px !important;
	}
}

#product-list-primary.espresso-option .list img {
	width:auto;
	max-width:50%;
	height:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	float:none;
}

@media screen and (max-width: 1300px) {
	#product-list-primary.espresso-option .list img {
		max-width:70%;
	}
}

#product-list-primary.espresso-option .list .detail {
	width:100%;
}

#product-list-primary.espresso-option .list .detail .table-content {
	width:100%;
	margin-bottom:15px !important;
}

#product-list-primary.espresso-option .list .detail .table-content table {
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:0 !important;
}
#product-list-primary.espresso-option .list .detail .table-content table th {
	width:21.7%;
	text-align:center;
	padding:5px !important;
	padding-top:7px !important;
	border-bottom:1px solid #ffffff;
	box-sizing:border-box;
	font-size:15px;
}
#product-list-primary.espresso-option .list .detail .table-content table td {
	padding:5px !important;
	padding-top:7px !important;
	font-size:15px;
}

#product-list-primary.espresso-option .list .detail .price {
}

#product-list-primary.espresso-option .list .detail .price span {
	display:block;
}

#product-list-primary.espresso-option .list .detail .price strong {
	display:block;
	font-size:24px;
	color:#ff0000;
}

/* エスプレッソ備品 end */

/* 機器・器具・フィルター start */

#product-list-primary.machine-filter {
}

#product-list-primary.machine-filter .list {
	background-color:#ffffff;
}

.product-sub-list {
	border-bottom:2px dotted #cccccc;
	padding-bottom:30px;
	margin-bottom:30px;
}

.product-sub-list:last-of-type {
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:none;
}

/* 機器・器具・フィルター end */

@media screen and (max-width: 1400px) {
	#product-list-primary .list .detail .table-content {
		width:100%;
	}
	#product-list-primary .list .detail .table-content table:nth-of-type(1) {
		width:100%;
		float:none;
		margin-right:0;
		margin-bottom:15px;
	}
	#product-list-primary .list .detail .table-content table:nth-of-type(2) {
		width:100%;
		float:none;
	}
}

#product-list-primary .list .detail .table-content table:nth-of-type(1) th, #product-list-primary .list .detail .table-content table:nth-of-type(1) td {
	padding:2px;
	border-color:#b42121;
}

#product-list-primary .list .detail .table-content table:nth-of-type(2) th, #product-list-primary .list .detail .table-content table:nth-of-type(2) td {
	padding:2px;
	border-color:#ffda45;
}

#product-list-primary .list .detail .table-content table:nth-of-type(1) th {
	background-color:#b42121 !important;
	color:#ffffff;
	vertical-align:middle !important;
	text-align:center !important;
}

@media screen and (max-width: 1400px) {
	#product-list-primary .list .detail .table-content table:nth-of-type(1) th {
		width:21.7%;
		text-align:center;
	}
}

#product-list-primary .list .detail .table-content table:nth-of-type(2) th {
	background-color:#ffe372 !important;
}

@media screen and (max-width: 1400px) {
	#product-list-primary .list .detail .table-content table:nth-of-type(2) th {
		text-align:center;
	}
}

.product-button-primary {
	text-align:center;
	padding-top:20px;
}

.product-button-primary .button {
	display:inline-block;
}

@media screen and (max-width: 1400px) {
	.product-button-primary .button {
		display:block;
		margin-bottom:15px;
	}
}
@media screen and (max-width: 1000px) {
	.product-button-primary .button {
		display:inline-block;
	}
}

@media screen and (max-width: 700px) {
	.product-button-primary .button {
		display:block;
		margin-bottom:15px;
	}
}

.product-button-primary .button a {
	padding-left:70px;
	padding-right:40px;
	height:60px;
	line-height:60px;
	text-align:center;
	display:inline-block;
	background-color:#b42121;
	background-image:url(../image/contents/product/pdf-icon.png);
	background-position:left;
	background-repeat:no-repeat;
	border:2px solid #b42121;
	box-sizing:border-box;
	border-radius:3px;
	color:#ffffff !important;
	text-decoration:none !important;
	text-indent:-10px;
	transition:0.3s;
	position:relative;
	margin-left:15px;
	margin-right:15px;
}

@media screen and (max-width: 700px) {
	.product-button-primary .button a {
		width:100%;
		display:block;
		margin-left:0;
		margin-right:0;
	}
}

.product-button-primary .button:nth-of-type(1) a {
	background-image:url(../image/contents/product/cago-icon.png);
}
.product-button-primary .button:nth-of-type(2) a {
	background-image:url(../image/contents/product/tel-icon.png);
}

.product-button-primary .button:nth-of-type(1) a:hover {
	background-image:url(../image/contents/product/cago-icon_on.png);
}
.product-button-primary .button:nth-of-type(2) a:hover {
	background-image:url(../image/contents/product/tel-icon_on.png);
}

.product-button-primary .button a:hover {
	background-color:#ffffff;
	color:#b42121 !important;
}

.product-button-primary .button a:after {
	content:"〉";
	position:absolute;
	top:1px;
	right:4px;
}

.product-button-primary .button a:hover {
	color:#b42121 !important;
}

.chumon-table td, .chumon-table th {
	padding:5px !important;
}

.brand-primary {
}

.brand-primary .box {
	background-color:#ffffff !important;
	border:2px solid #a3624a !important;
}

.brand-primary .box h3 {
	border:none !important;
	margin-left:-20px !important;
}

.brand-primary .logo {
	width:250px;
	height:140px;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	float:left;
	margin-right:30px;
}

.brand-primary .box p {
	overflow:hidden;
}

.brand-primary .box .button a {
	padding-left:30px;
	padding-right:40px;
	height:60px;
	line-height:57px;
	text-align:center;
	display:inline-block;
	background-color:#b42121;
	border:2px solid #b42121;
	box-sizing:border-box;
	border-radius:3px;
	color:#ffffff !important;
	text-decoration:none !important;
	text-indent:-10px;
	transition:0.3s;
	position:relative;
}

.brand-primary .box .button a:after {
	content:"〉";
	position:absolute;
	top:1px;
	right:4px;
}

.brand-primary .box .button a:hover {
	background-color:#ffffff;
	color:#b42121 !important;
}

.bland-navi {
	padding-bottom:30px;
}

.bland-navi ul {
	list-style:none;
	margin:0;
	padding:0;
}

.bland-navi ul li a {
	display:inline-block;
	padding:10px;
	padding-left:13px;
	padding-right:32px;
	position:relative;
	border:2px solid #b42121;
	border-radius:3px;
	background-color:#b42121;
	color:#ffffff;
	text-align:center;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	text-decoration:none;
	transition:0.3s;
}

.bland-navi ul li a:hover {
	background-color:#ffffff;
	color:#b42121;
}

.bland-navi ul li a:after {
	content:"〉";
	position:absolute;
	top:11px;
	right:3px;
	color:#ffffff;
	display:block;
}

.bland-navi ul li a:hover:after {
	color:#b42121;
}

.inbox-movie {
	float:right;
	width:350px;
	height:197px;
	margin-left:30px;
}

.inbox-movie iframe {
	width:350px;
	height:197px;
}

@media screen and (max-width: 1130px) {
	.inbox-movie {
		display:block;
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
		overflow: hidden;
		margin-bottom: 50px;
		z-index:99;
		margin-left:0;
	}
	.inbox-movie iframe {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index:99;
	}
}

.movie-separate {
	width: calc(100% + 30px);
}

.resp-movie {
	display:block;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	margin-bottom: 50px;
	z-index:99;
	margin-left:0;
}

@media screen and (min-width: 851px) {
	.resp-movie {
		padding-bottom: 27%;
	}
}

.movie-separate .resp-movie {
	width: calc(50% - 30px);
	margin-right: 30px;
	margin-bottom: 50px;
	float: left;
	position: relative;
	overflow: visible;
}
.movie-separate .resp-movie .caption {
	position: absolute;
	bottom: -60px;
	width: 100%;
	height: 50px;
	text-align: center;
	display: block;
}

@media screen and (max-width: 850px) {
	.movie-separate {
		width: 100%;
	}
	.movie-separate .resp-movie {
		width: 100%;
		margin-right: 0;
		float: none;
	}
}

.resp-movie iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index:99;
}


.movie-separate .resp-movie iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index:99;
}

/*----------------------------------------------------------------------------
   orderform
------------------------------------------------------------------------------*/

.orderform .contact-list-primary ul li {
	padding-left:200px;
}

.order-list {
	border:1px solid #cccccc;
	padding:15px;
	margin-bottom:15px;
}

.orderform input, .orderform select {
	margin-right:15px;
	margin-bottom:10px;
}

.order-list br.sp {
	display:none;
}

@media screen and (max-width: 840px) {
	.order-list br.sp {
		display:block;
	}
}

@media screen and (max-width: 1374px) {
	.orderform .contact-list-primary ul li span {
		position:relative;
		top:inherit;
		left:inherit;
		display:block;
		margin-bottom:0;
		padding-bottom:10px;
		font-weight:bold;
	}
	.orderform .contact-list-primary ul li span span {
		display:inline !important;
	}
	.orderform .contact-list-primary ul li {
		padding-left:0;
		padding-top:20px;
		padding-bottom:20px;
	}
}

.orderform.kakunin .contact-list-primary ul li {
	padding-top:10px;
	padding-bottom:18px;
}

.orderform.kakunin .contact-list-primary ul li span {
	font-weight:bold;
	top:10px;
}

.order-list ul li ul {
	list-style:none;
}

.order-list ul li:last-of-type {
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
}


/*----------------------------------------------------------------------------
   post
------------------------------------------------------------------------------*/

#post {
}

#post h2 {
	height: inherit;
	box-sizing: border-box;
}

#post p {
	line-height: 32px;
	box-sizing: border-box;
	margin-bottom: 20px;
}

#post img {
	max-width: 100%;
}

#post .alignleft, #post .alignright {
	margin-bottom: 20px;
}

@media screen and (max-width: 1140px) {
	#post img {
		float: none;
		display: block;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		clear: both;
	}
}

#post .link-button {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 80px;
}

#post .list-primary {
	width: 100%;
	box-sizing: border-box;
	padding-right: 30px;
}

#post .list-primary .list {
	float: none !important;
	width: 100% !important;
	display: block !important;
	background-color: #ffffff !important;
	position: relative;
	padding-right: 350px;
	box-sizing: border-box;
	padding-bottom: 55px;
	border-bottom: 2px dotted #cccccc;
	margin-bottom: 30px;
}

@media screen and (max-width: 850px) {
	#post .list-primary .list {
		padding-right: 0;
	}
}

#post .list-primary .list .thum {
	width: 300px;
	float: right;
	position: absolute;
	top: 0;
	right: 0;
}

@media screen and (max-width: 850px) {
	#post .list-primary .list .thum {
		float: none;
		position: relative;
		top: inherit;
		right: inherit;
		margin-bottom: 20px;
		text-align: center;
		width: 100%;
	}
}

#post .list-primary .list .thum img {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#post .list-primary .list .date {
	display: block;
}

#post .list-primary .list .title {
	font-size: 24px;
	font-weight: bold;
}