@charset "utf-8";
/*
Theme Name: gokujoumai.com
Template: CustomizeBase
*/

body,
input,
textarea {
	color: #444;
	font-family: "游明朝 Medium", "YuMincho Medium", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, serif;
	font-weight: 500;
}

.sitecolor {
	/* color: #efc31d! important; */
	color: #333 !important;
}
.bg-sitecolor,
.side_cat > li:before,
.entry-content h4:before {
	background: #056000 !important;
}
.border-sitecolor,
#grobal_nav .floatlist li a:hover,
.current_page_item a,
.current-menu-item a,
.single-post .menu-item-object-post a,
.single-blog .menu-item-object-blog a,
.single-item .menu-item-object-item a {
	border-color: #056000 !important;
}

.btn {
	border-radius: 3px;
}
.arrowlist li a:before,
#footer_nav .pagetop a span::before {
	border-color: #efc31d!important;
}

button[type="submit"] {
	color: #FFF;
}
.arrowright::after, .toggle::after {
	border-color: #FFF!important;
}

#news_list li span a, #news_slider li span a, .entry-meta span.term a {
	color: #fff;
}

.entry-title {
	font-size: 2.8rem;
}
.entry-content h2 {
	background: none;
	color: #000;
	font-size: 2.8rem;
	padding: 0.8rem 1.6rem;
	margin: 6rem 0 3rem;
}
.entry-content h3 {
	font-size: 2.3rem;
}
.entry-content h4 {
	font-size: 2.1rem;
}

h1, h2, h3, h4, h5, h6,
.entry-content h2, .entry-content h3, .entry-content h4 {
	-webkit-font-smoothing: initial;
	-moz-osx-font-smoothing: unset;
}


/* module */
.homebox .titlebox h2 {
	color: #000;
	font-size: 2.8rem;
	letter-spacing: 0.2em;
}
.homebox .titlebox small.title-en {
	letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
	.homebox .titlebox h2 {
		letter-spacing: .1em;
	}
}

.double-border-btn {
	display: block;
	position: relative;
	margin: auto;
	width: 210px;
	height: 55px;
	font-size: 1.5rem;
	text-align: center;
	line-height: 55px;
	letter-spacing: .1em;
}
.double-border-btn::before, 
.double-border-btn::after {
	content: '';
	position: absolute;
	z-index: 0;
	width: calc( 100% - 5px );
	height: calc( 100% - 5px );
	border: 1px solid #000;
	box-sizing: border-box;
}
.double-border-btn::before {
	top: 0;
	left: 0;
}
.double-border-btn::after {
	right: 0;
	bottom: 0;
}
a.double-border-btn {
	color: #000;
}
@media screen and (max-width: 767px) {
	a.double-border-btn {
		height: 60px;
		line-height: 60px;
		width: 230px;
	}
}


.titlebox.horizontal-title {
	font-size: 0;
}
.titlebox.horizontal-title .left {
	padding: 7px 0;
}
.titlebox.horizontal-title h2, 
.titlebox.horizontal-title small {
	display: inline-block;
	vertical-align: middle;
}
.titlebox.horizontal-title h2 {
	font-size: 2.8rem;
}
.titlebox.horizontal-title small {
	margin-left: 20px;
	font-size: 1.3rem;
}
.titlebox.horizontal-title .double-border-btn {
	font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
	.titlebox h2, 
	.titlebox small, 
	.titlebox.horizontal-title h2, 
	.titlebox.horizontal-title small {
		display: block;
	}
	.titlebox h2 {
		margin-bottom: 6px;
	}
	.titlebox.horizontal-title .left {
		float: none;
	}
}


/* header */
#header {
	z-index: 6;
}
#head_inner {
	padding: 10px 0 8px;
}
#head_top {
	margin-bottom: 10px;
	padding-bottom: 0;
}
#head_top h3 {
	display: none;
}
#head_top .h-contact-btn {
	display: block;
	width: 180px;
	padding: 0;
	box-sizing: border-box;
	color: #fff;
	font-size: 1.3rem;
	text-align: center;
	line-height: 31px;
	letter-spacing: .15em;
}
#sub-gnav {
	margin-right: 30px;
	padding: 6px 0;
	color: #000;
}
#head_top #sub-gnav li {
	margin-left: 2em;
}
#sub-gnav li a {
	padding-left: 1.8em;
	background: transparent no-repeat left center;
}
#sub-gnav li.h-login a {
	background-image: url('./images/common/menu_icon_01.png');
}
#sub-gnav li.h-register a {
	background-image: url('./images/common/menu_icon_02.png');
}
#sub-gnav li.h-cart a {
	background-image: url('./images/common/menu_icon_03.png');
}
#musthead {
	overflow: visible;
}
#site-title {
	margin-top: -17px;
	padding-top: 0;
	line-height: 0;
}
#site-title a {
	display: block;
}
#grobal_nav .floatlist li {
	padding: 0;
	font-size: 1.5rem;
}
#grobal_nav .floatlist li a, 
#grobal_nav .floatlist li a:hover {
	padding: 0.25em 1em !important;
	box-sizing: border-box;
}
#grobal_nav .floatlist li a {
	border-bottom: 3px solid transparent;
	color: #000;
}
@media screen and (max-width: 767px) {
	#head_inner {
		padding-bottom: 10px;
	}
	#site-title {
		margin-top: 0;
		padding: 6px 0;
	}
	.hamburger {
		right: 0;
	}
	#sp-menu .mm-listview li a {
		display: block;
		padding: 15px 10px 15px 28px;
	}
}

/* #footer */
#footer {
	padding-bottom: 540px;
	background: #fff no-repeat center bottom;
	background-image: url('./images/common/bg_footer.jpg');
}
@media screen and (min-width: 1921px) {
	#footer {
		background-size: 100% auto;
	}
}
#footer_nav {
	margin-bottom: 60px;
	background-color: transparent;
}
#footer_nav #menu-gnav-1 {
	display: none;
}
#footer_nav .pagetop {
	text-align: center;
}
#footer_nav .pagetop a {
	display: inline-block;
	background-color: transparent;
}
#footer_nav .pagetop a span {
	padding-top: 1.3em;
	padding-left: 0;
}
#footer_nav .pagetop a span:before {
	top: 0;
	left: 50%;
	margin-top: 0;
	margin-left: -0.3em;
	border-color: #000 !important;
}
#footer-title {
	margin-top: 0;
}
#colophon {
	padding: 0;
}
#colophon .cell {
	vertical-align: top;
	border-right: none;
}
#colophon .logo p {
	margin: 0 0 0.3em;
}
#colophon .logo p:last-child {
	margin-bottom: 0;
}
.footer-link {
	font-size: 0;
}
.footer-link .column {
	display: inline-block;
	vertical-align: top;
	margin-right: 50px;
	color: #000;
	font-size: 1.4rem;
}
.footer-link .column:last-child {
	margin-right: 0;
}
.footer-link li {
	margin-bottom: 6px;
	list-style-type: none;
}
.footer-link li:last-child {
	margin-bottom: 0;
}
.footer-link .child {
	margin-top: 6px;
}
.footer-link .child li {
	position: relative;
	padding-left: 1.5em;
}
.footer-link .child li::before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 10px;
	height: 1px;
	box-sizing: border-box;
	background: #000 no-repeat left top;
}
#copyrights {
	padding: 20px 0 0 0;
	background-color: transparent;
	color: #606060;
	font-size: 1.3rem;
	text-align: right;
	letter-spacing: .2em;
}
@media screen and (max-width: 767px) {
	#footer_nav .pagetop a span {
		padding: 1.3em 0 0;
	}
	#colophon .cell.logo {
		margin-bottom: 40px;
	}
	.footer-link li {
		text-align: left;
	}
	#copyrights {
		margin-top: 20px;
		text-align: center;
	}
}


/* #mainvisual */
#mainvisual .content-width.table .cell {
	text-align: right;
	vertical-align: top;
}
@media screen and (max-width: 767px) {
	#mainvisual .content-width.table .cell {
		vertical-align: middle;
	}
}
#mainvisual .table h2 {
	margin-top: 0;
	padding-top: 21vh;
	font-size: 4.2vh;
	letter-spacing: .25em;
	text-shadow: 0 0 3px #333, 0 0 3px #333, 0 0 3px #333, 0 0 3px #333, 0 0 3px #333;
	-webkit-font-smoothing: initial;
	-moz-osx-font-smoothing: unset;
}
	@media screen and (max-height: 700px) {
		#mainvisual .table h2 {
			padding-top: 150px;
		}
	}
	@media screen and (min-height: 850px) {
		#mainvisual .table h2 {
			font-size: 3.6rem;
		}
	}

#news_bottombox {
	display: none;
}
@media screen and (max-width: 767px) {
	#mainvisual .content-width.table .cell {
		text-align: center;
		padding-top: 71px;
	}
	#mainvisual .table h2 {
		padding: 0;
		font-size: 3rem;
	}
}

/* #firstvisual */
#firstvisual {
	background-image: url("./images/home/fix_bg_03.jpg");
	background-position: center bottom;
}
#firstvisual .inner {
	background: rgba( 0, 0, 0, 0.4 );
}
#firstvisual .titlebox {
	text-shadow: 0 0 3px #333;
}
#firstvisual .titlebox small {
	color: #ccc!important;
}

/* #home_about */
#home_about .contbox h3 {
	color: #000;
	font-size: 2.2rem;
	text-align: center;
	line-height: 1.65;
}


/* #home_item */
#home_item {
	background-image: none;
}
#home_item .content-width {
	padding-top: 0;
}
@media screen and (max-width: 767px) {
	#home_item .double-border-btn {
		margin-top: 30px;
	}
}

.rice-item-list {
	margin-bottom: 15px;
	font-size: 0;
	text-align: center;
}
.rice-item-list li {
	display: inline-block;
	vertical-align: top;
	margin-right: 35px;
	margin-bottom: 35px;
	width: 310px;
	height: 420px;
}
.rice-item-list li:nth-child(3n) {
	margin-right: 0;
}
.rice-item-list li a {
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
	background: transparent no-repeat center center;
	background-image: url('./images/home/img_shiozawa.jpg');
	background-size: cover;
	color: #fff;
	font-size: 2.8rem;
	letter-spacing: 0.2em;
	writing-mode: vertical-rl;
}
.rice-item-list .post-419 a {
	background-image: url('./images/home/img_shiozawa.jpg');
}
.rice-item-list .post-4 a {
	background-image: url('./images/home/img_hazakake.jpg');
}
.rice-item-list .post-98 a {
	background-image: url('./images/home/img_yukimuro.jpg');
}
.rice-item-list .post-236 a {
	background-image: url('./images/home/img_syouen.jpg');
}
.rice-item-list .post-100 a {
	background-image: url('./images/home/img_tanada.jpg');
}
.rice-item-list .post-102 a {
	background-image: url('./images/home/img_shiozawa.jpg');
}
.rice-item-list li a .inner {
	display: table-cell;
	vertical-align: middle;
	background: rgba( 0, 0, 0, 0.3 ) no-repeat left top;
}
.rice-item-list li a::after {
	content: '― more';
	position: absolute;
	z-index: 1;
	bottom: 20px;
	left: 20px;
	color: #fff;
	font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
	.rice-item-list {
		text-align: left;
	}
	.rice-item-list li,
	.rice-item-list li:nth-child(3n) {
		width: 215px;
		height: 350px;
		margin-right: 20px;
		margin-bottom: 20px;
		text-align: center;
	}
	.rice-item-list li:nth-child(2n) {
		margin-right: 0;
	}
	.rice-item-list li a {
		font-size: 2.4rem;
		letter-spacing: 0.15em;
		
	}
}


/* #home_blog */
#home_blog {
	background-image: none;
}
#home_blog .titlebox {
	margin-bottom: 30px;
}
#home_blog .double-border-btn {
	margin-top: 50px;
}
@media screen and (max-width: 767px) {
	#home_blog #blog_list {
		margin-bottom: 40px;
	}
}


/* .home-about-info */
.home-about-info .contbox.info .cell.imgbox {
	width: 430px;
}
.home-about-info .contbox.info .cell.cont {
	padding-left: 5rem;
}
.home-about-info .contbox.info .cont .headbox {
	margin-bottom: 2rem;
}
	.home-about-info .contbox.info .cont .headbox h3,
	.home-about-info .contbox.info .cont .headbox .floatlist {
		float: left;
	}
		.home-about-info .contbox.info .cont .headbox .floatlist {
			margin-left: 2.5rem !important;
			margin-top: 1rem;
		}
		#home_onigiriya.home-about-info .contbox.info .cont .headbox .floatlist {
			margin-top: 0.5rem;
		}
		.home-about-info .contbox.info .cont .headbox .floatlist li {
			margin-left: 0.5rem;
		}
		.home-about-info .contbox.info .cont .headbox .floatlist li:first-child {
			margin-left: 0;
		}
		.home-about-info .contbox.info .cont .headbox .floatlist li a {
			border-radius: 100%;
			display: block;
			font-size: 2rem;
			height: 3.3rem;
			text-align: center;
			width: 3.3rem;
		}
			.home-about-info .contbox.info .cont .headbox .floatlist li a .fa {
				line-height: 3.4rem;
			}
			.home-about-info .contbox.info .cont .headbox .floatlist li a .fa-instagram {
				line-height: 3.3rem;
			}
	
.home-about-info .contbox.info .cont dl {
	overflow: hidden;
	margin: 0.5rem 0 0;
	font-size: 1.4rem;
}
	.home-about-info .contbox.info .cont dt {
		float: left;
	}
	.home-about-info .contbox.info .cont dd {
		margin-left: 6em;
	}

@media screen and (max-width: 736px) {
	.home-about-info .contbox.info .table,
	.home-about-info .contbox.info .cell {
		display: block;
		width: 100%;
	}
	.home-about-info .contbox.info .cell.imgbox {
		width: 100%;
		text-align: center;
	}
	.home-about-info .contbox.info .cell.cont {
		padding: 2.5rem 0 0 0;
	}
}

.home-about-info .map {
	margin-top: 50px;
	line-height: 0;
}

.home-about-info .contbox.info .cont dl {
	border-bottom: 1px dotted #999;
}
.home-about-info .contbox.info .cont dt, 
.home-about-info .contbox.info .cont dd {
	line-height: 45px;
}
.home-about-info .contbox.info .cont dt {
	font-size: 1.6rem;
}
.home-about-info .contbox.info .cont dd {
	font-size: 1.5rem;
}
.home-about-info .double-border-btn {
	margin-top: 50px;
}


/* #home_news */
#home_news {
	background-image: none;
}
#home_news .inner {
	background-color: transparent;
}
@media screen and (max-width: 736px) {
	#home_news .inner {
		padding-bottom: 80px;
	}
}

#home_news .titlebox {
	margin-bottom: 20px;
}
#home_news .titlebox .right .double-border-btn {
	height: 50px;
	line-height: 50px;
}

#home_news #news_list li {
	border-color: #ccc!important;
}
#news_list {
	padding: 0;
}
#news_list li {
	padding: 1.5rem 0;
}


/* .home-sns-widget */
.home-sns-widget {
	margin-bottom: 90px;
}
.home-sns-widget .sns-box {
	width: 485px;
}
@media screen and (max-width: 767px) {
	.home-sns-widget .sns-box {
		margin-bottom: 50px;
		width: 100%;
	}
	.home-sns-widget .sns-box:last-child {
		margin-bottom: 0;
	}
}


/* .home-fix-bg */
.home-fix-bg {
	content '';
	height: 340px;
	box-sizing: border-box;
	background: #fff no-repeat center center;
	background-image: url('./images/home/fix_bg_01.jpg');
	background-attachment: fixed;
}
.fix-bg-01 {
	background-image: url('./images/home/fix_bg_01.jpg');
}
.fix-bg-02 {
	background-image: url('./images/home/fix_bg_02.jpg');
}
.fix-bg-03 {
	background-image: url('./images/home/fix_bg_03.jpg');
}
.fix-bg-04 {
	background-image: url('./images/home/fix_bg_04.jpg');
}

@media screen and (max-width: 767px) {
	.home-fix-bg {
		background: #555;
		height: 1px;
	}
}

#sp_header_icon {
	position: absolute;
	right: 75px;
	top: 3px;
}
#sp_header_icon li {
	margin-left: 25px;
	width: 32px;
}