/*
Theme Name: itcube
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: itcube
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

itcube is based on Underscores https://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@charset "UTF-8";
/* --------------------------------------------------
 * tags
 * -------------------------------------------------- */
html {
	font-size: 62.5%;
	height: 100%;
	box-sizing: border-box;
}

body {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: normal;
	font-size: 1.6rem;
	width: 100%;
	height: 100%;
	background: #FFF;
	color: #333;
	line-height: 1.8;
	font-feature-settings: "palt";
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	text-align: justify;
	text-justify: inter-ideograph;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: normal;
	line-break: strict;
	-webkit-text-size-adjust: 100%;
}

/*reset */
h1, h2, h3, h4, h5, h6, header, nav, main, aside, footer, article, section, div, p, ol, ul, li, dl, dt, dd {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1;
}

strong, em {
	font-weight: inherit;
	font-style: inherit;
}

li {
	list-style-type: none;
}

img {
    max-width: 100%;
    height: auto;
}

img, input, iframe {
	vertical-align: bottom;
}

button {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

input, textarea {
	color: inherit;
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 0.25em 0.44em 0.15em;
	border: 1px solid #CCC;
	margin-bottom: 0.5em;
	border-radius: 0;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #B2B2B2;
	font-size: 1.4rem;
	line-height: inherit;
}
input:-moz-placeholder, textarea:-moz-placeholder {
	opacity: 1;
	color: #B2B2B2;
	font-size: 1.4rem;
	line-height: inherit;
}
input::-moz-placeholder, textarea::-moz-placeholder {
	opacity: 1;
	color: #B2B2B2;
	font-size: 1.4rem;
	line-height: inherit;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #B2B2B2;
	font-size: 1.4rem;
	line-height: inherit;
}

/* <a> config */
a {
	transition: 0.2s ease-out;
}
a:link, a:visited {
	color: #808080;
	text-decoration: underline;
}
a:hover, a:active {
	text-decoration: none;
}
a img {
	border: none;
	text-decoration: none;
}
a img:hover {
	transition: 0.2s ease-out;
	opacity: 0.8;
}

/* --------------------------------------------------
 * classes
 * -------------------------------------------------- */
.cw {
	margin: auto;
	width: 96rem;
}
@media screen and (max-width: 1024px) {
	.cw {
	width: 90%;
	}
}

.lft {
	text-align: left;
}

.cen {
	text-align: center;
}

.rit {
	text-align: right;
}

.ind {
	text-indent: -0.5em;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.ib {
	display: inline-block;
	vertical-align: middle;
}

.cb {
	clear: both;
}

.posr {
	position: relative;
}

.posa {
	position: absolute;
}

/* clearfix */
.cf:before, .cf:after, .box:before, .box:after {
	content: "";
	display: table;
}

.cf:after, .box:after {
	clear: both;
}

.cf, .box {
	zoom: 1;
}

/* --------------------------------------------------
 * property class
 * -------------------------------------------------- */
/* --------------------------------------------------
 * #page_container(window height)
 * -------------------------------------------------- */
#page_container {
	width: 100%;
	height: auto;
	min-height: 100%;
	padding-top: 0;
	padding-bottom: 27rem;
}
@media screen and (max-width: 1024px) {
	#page_container {
	padding-bottom: 39.2rem;
	}
}

/* --------------------------------------------------
 * site_header
 * -------------------------------------------------- */
#site_header {
	width: 100vw;
	padding-right: 15px;
	transition: background 0.2s ease-out;
	background: transparent;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	background: #FFF;
}
#site_header .fr {
	line-height: 0;
}
@media screen and (max-width: 1024px) {
	#site_header {
	width: 100%;
	padding-right: 0;
	}
}
#site_header h1 {
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 700;
    padding: .5em 0 0 .6em;
}

#site_header h1 a {
    display: block;
}

#site_header h1 a img {
    height: 36px;
}

#site_header.is_changed {
	transition: background 0.2s ease-out;
	background: #fff;
	border-bottom: 1px solid #ccc;
}

#g_menu_btn {
	display: inline-block;
	vertical-align: top;
	width: 70px;
	height: 70px;
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	padding-top: 1.3em;
	line-height: 1;
	text-decoration: none;
	z-index: 101;
	border-radius: 0;
	transition: 0.1s ease-out;
	background: #000;
	vertical-align: bottom;
	display: none;
}
#g_menu_btn:hover {
	text-decoration: none;
	/* color: #808080; */
	/* background: #E5E5E5; */
	border-radius: 35px;
	transition: 0.1s ease-out;
}
#g_menu_btn:focus {
	outline: none;
}
#g_menu_btn .menu_btn_bar {
	display: block;
	width: 30px;
	height: 2px;
	margin: auto;
	margin-bottom: 7px;
	background: #fff;
}

/* --------------------------------------------------
 * global navigation (#gNav)
 * -------------------------------------------------- */
#gnav {
	display: none;
}

.modaal-inner-wrapper {
	padding: 5em 2em 2em;
}
.modaal-inner-wrapper .modaal-container {
	background-color: transparent;
	box-shadow: none;
	width: 100%;
	max-width: 32rem;
}
.modaal-inner-wrapper .modaal-container .modaal-close {
	position: absolute;
	right: 50%;
	top: -4em;
	margin-right: -25px;
}
.modaal-inner-wrapper .modaal-container .modaal-content-container {
	padding: 0;
}
.modaal-inner-wrapper .modaal-container .modaal-content-container .box {
	max-width: 320px;
	width: 100%;
	margin: auto;
}
.modaal-inner-wrapper .modaal-container .modaal-content-container .box ul li {
	background: #000;
	line-height: 1.1;
	margin-bottom: 0.3em;
	border-radius: 1.5em;
}
.modaal-inner-wrapper .modaal-container .modaal-content-container .box ul li:hover {
	background: #191919;
}
.modaal-inner-wrapper .modaal-container .modaal-content-container .box ul li a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0.5em 1.5em;
}
.modaal-inner-wrapper .modaal-container .modaal-content-container .box ul li a small {
	display: block;
	color: #CCC;
	font-weight: normal;
}
.modaal-inner-wrapper .modaal-container .modaal-content-container .box ul li .active {
	background: #E5E5E5;
	border-radius: 1.5em;
	color: #333;
}
.modaal-inner-wrapper .modaal-container .modaal-content-container .box ul li .active small {
	color: #333;
}

/* --------------------------------------------------
 * #sticky_footer
 * -------------------------------------------------- */
#sticky_footer {
	display: inline-table;
	width: 214px;
	height: 54px;
	height: 5.4rem;
	margin-right: .6em;
	vertical-align: top;
}

@media screen and (max-width:1024px) {
	#sticky_footer {
		position: fixed;
		bottom: 0;
		left: 0;
		display: table;
		width: 100%;
		margin-top: 0;
		margin-right: 0;
		border-top: 1px solid #b2b2b2;
		background: #333;
	}

}

#sticky_footer ul {
	display: table-row;
}

#sticky_footer ul li {
	line-height: 1.1;
	display: table-cell;
	width: 50%;
	height: 70px;
	padding: 0;
	vertical-align: middle;
	letter-spacing: 0;
}

#sticky_footer ul li a {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	display: block;
	width: 100%;
	height: 54px;
	height: 5.4rem;
	text-align: center;
	text-decoration: none;
	color: #333;
	border-radius: 5px;
	line-height: 1.4;
}

@media screen and (max-width:1024px) {
	#sticky_footer ul li a {
		color: #fff;
		border-radius: 0;
	}

}

#sticky_footer ul li a:hover {
	background: #e5e5e5;
}

@media screen and (max-width:1024px) {
	#sticky_footer ul li a:hover {
		background: #333;
	}

}

@media screen and (max-width:1024px) {
	#sticky_footer ul li a:active {
		background: #e5e5e5;
	}

}

#sticky_footer ul li a:before {
	line-height: 54px;
	line-height: 5.4rem;
	display: inline-block;
	height: 54px;
	height: 5.4rem;
}

#sticky_footer ul li a span {
	display: inline-block;
	padding-left: .6em;
	text-align: left;
	vertical-align: -.2em;
}

#sticky_footer ul li a span b {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	display: block;
	letter-spacing: .03em;
}

#sticky_footer ul li.item01 a:before {
	font-family: IonIcons;
	font-size: 32px;
	font-size: 3.2rem;
	content: '\f370';
}

#sticky_footer ul li.item02 {
	margin: 0 1px;
}

#sticky_footer ul li.item02 span {
	vertical-align: -.1em;
}

@media screen and (max-width:1024px) {
	#sticky_footer ul li.item02 {
		margin: 0;
		border-right: 1px solid #b2b2b2;
		border-left: 1px solid #b2b2b2;
	}

}

#sticky_footer ul li.item02 a:before {
	font-family: IonIcons;
	font-size: 35px;
	font-size: 3.5rem;
	content: '\f1ff';
}

#sticky_footer ul li.item03 span {
	vertical-align: -.35em;
}

#sticky_footer ul li.item03 a:before {
	font-family: IonIcons;
	font-size: 27px;
	font-size: 2.7rem;
	content: '\f4f0';
}

/* --------------------------------------------------
 * page contents(<main>)
 * -------------------------------------------------- */
main {
	width: 100%;
	min-height: calc(100vh - 60.7rem);
}
@media screen and (max-width: 1024px) {
	main {
	min-height: calc(100vh - 52.2rem);
	}
}

/* --------------------------------------------------
 * site_footer
 * -------------------------------------------------- */
#site_footer {
	background: #333;
	letter-spacing: 0;
	min-height: 27rem;
	margin-top: -27rem;
}
@media screen and (max-width: 1024px) {
	#site_footer {
	min-height: 39.2rem;
	margin-top: -39.2rem;
	padding-bottom: 5.4rem;
	}
}
#site_footer .cw {
	width: 114rem;
	padding-top: 1.5em;
	position: relative;
	overflow: hidden;
}
@media screen and (max-width: 1024px) {
	#site_footer .cw {
	width: 100%;
	font-size: 1.4rem;
	padding-top: 1em;
	}
}
#site_footer .site_footer_head {
	margin-bottom: 1.3em;
	text-align: center;
}

@media screen and (max-width:1024px) {
	#site_footer .site_footer_head {
		margin-bottom: 1.2em;
	}

}

#site_footer .site_footer_head h4 {
	display: inline-block;
	width: 139px;
	margin-right: 1em;
}

#site_footer .site_footer_head .social_icon {
	display: inline-block;
	margin-top: 10px;
	margin-top: 1rem;
}

#site_footer .site_footer_head .social_icon p a {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1;
	display: block;
	overflow: hidden;
	width: 1.25em;
	height: 1.25em;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	border: 1px solid #fff;
	border-radius: .2em;
}

#site_footer .site_footer_head .social_icon p a:before {
	vertical-align: -.05em;
}

#site_footer .site_footer_head .social_icon p a:hover {
	background: #666;
}

#site_footer .site_footer_head .social_icon p a span {
	display: block;
}

#site_footer > small {
	clear: both;
	display: block;
	background: #191919;
	width: 100%;
	font-size: 1.2rem;
	color: #999;
	letter-spacing: 0;
	line-height: 1;
	text-align: center;
	padding: 0.83em 0 0.66em;
}
@media screen and (max-width: 1024px) {
	#site_footer > small {
	background-color: transparent;
	margin-bottom: 1em;
	}
}

#footer_nav {
	margin-right: 1em;
	margin-bottom: 0.8em;
	float: left;
	width: 39.5em;
	display: inline-block;
}

@media screen and (max-width: 1024px) {
	#footer_nav {
		margin-bottom: 0.5em;
		width: 100%;
	}
}

#footer_nav ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-right: 0.3em;
}
#footer_nav ul li {
	width: 49.25%;
	margin-bottom: 0.6rem;
}
@media screen and (max-width: 1024px) {
	#footer_nav ul li {
	width: 49.8%;
	margin-bottom: 0.25rem;
	}
}
#footer_nav ul li a {
	display: block;
	color: #FFF;
	font-size: 1.2rem;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	height: 100%;
	background: #191919;
	padding: 0.75em 1em;
}
@media screen and (max-width: 1024px) {
	#footer_nav ul li a {
	font-size: 1.3rem;
	line-height: 1.3;
	text-align: left;
	}
}
#footer_nav ul li a small {
	color: #999;
	font-size: 1.2rem;
	font-weight: normal;
	padding-left: 0.5em;
}
@media screen and (max-width: 1024px) {
	#footer_nav ul li a small {
	display: block;
	padding-left: 0;
	}
}
#footer_nav ul li a:hover {
	background: #4C4C4C;
}

#site_footer_links {
	margin-bottom: 1em;
	width: 30.7em;
	float: left;
	max-width: inherit;
    margin: 0 auto;
    border-bottom: none;
}
@media screen and (max-width: 1024px) {
	#site_footer_links {
	margin-bottom: 0.5em;
	width: 100%;
	}
}
#site_footer_links > dt {
	width: inherit;
	padding: 0;
}
#site_footer_links > dt a {
	background: #191919;
	color: #FFF;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0.75em 1em;
	margin-bottom: 0;
	position: relative;
	transition: 0.3s ease-out;
	float: none;
	width: inherit;
	text-decoration: none;
	display: block;
	box-sizing: border-box;
	line-height: 1.8;
}
#site_footer_links > dt a:hover {
	background: #4C4C4C;
}
@media screen and (max-width: 1024px) {
	#site_footer_links > dt {
	padding: 0.8em 0;
	}
}
#site_footer_links > dt:active {
	background: #666;
}
#site_footer_links > dt small {
	color: #999;
	font-size: 1.2rem;
	font-weight: normal;
	padding-left: 0.5em;
}
@media screen and (max-width: 1024px) {
	#site_footer_links > dt::after {
	font-family: "IonIcons";
	font-size: 2rem;
	display: block;
	position: absolute;
	right: 0.5em;
	top: 0.5em;
	transition: 0.3s ease-out;
	transition-delay: 0.8s;
	transform: rotateZ(0deg);
	}
}
#site_footer_links > dt.clicked {
	background: #4C4C4C;
	transition: 0.3s ease-out;
}
#site_footer_links > dt.clicked:active {
	background: #666;
}
@media screen and (max-width: 1024px) {
	#site_footer_links > dt.clicked::after {
	top: 0.4em;
	transition: 0.3s ease-out;
	transform: rotateZ(-180deg);
	}
}
@media screen and (max-width: 1024px) {
	#site_footer_links > dd {
	display: none;
	}
}
#site_footer_links > dd dt {
	color: #FFF;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0.5em 0;
}
#site_footer_links > dd .cf {
	margin-right: 1.6em;
	width: 19.3em;
	float: left;
}
@media screen and (max-width: 1024px) {
	#site_footer_links > dd .cf {
	float: none;
	width: 90%;
	margin: auto;
	}
}
#site_footer_links > dd .cf .fl {
	margin-bottom: 0.8em;
	width: 19.3em;
}
@media screen and (max-width: 1024px) {
	#site_footer_links > dd .cf .fl {
	float: none;
	width: 100%;
	margin-right: 0;
	}
}
dl.site_footer_links_PR {
	width: 100%;
}
@media screen and (max-width: 1024px) {
	#site_footer_links > dd .cf .fl dl.site_footer_links_PR {
	width: 100%;
	margin: auto;
	float: none;
	}
}
#site_footer_links > dd .cf .fl dl.site_footer_links_PR dd {
	display: table;
	width: 100%;
	border-collapse: separate;
}
@media screen and (max-width: 1024px) {
	#site_footer_links > dd .cf .fl dl.site_footer_links_PR dd {
	display: block;
	}
}
#site_footer_links > dd .cf .fl dl.site_footer_links_PR dd ul {
	display: table-row;
}
@media screen and (max-width: 1024px) {
	#site_footer_links > dd .cf .fl dl.site_footer_links_PR dd ul {
	display: block;
	}
}
#site_footer_links > dd .cf .fl dl.site_footer_links_PR dd ul li {
	margin-bottom: 0.85rem;
	display: block;
	width: 100%;
	/*border-right: 6px solid transparent;*/
}
@media screen and (max-width: 1024px) {
	#site_footer_links > dd .cf .fl dl.site_footer_links_PR dd ul li {
	display: block;
	border: none;
	margin-bottom: 1em;
	}
}
#site_footer_links > dd .cf .fl dl.site_footer_links_PR dd ul li a {
	display: block;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	height: 100%;
	background: #4C4C4C;
	padding: 0.85em 1em;
	border-radius: 0.3rem;
	box-shadow: 0 0.3rem 0 #191919;
}
@media screen and (max-width: 1024px) {
	#site_footer_links > dd .cf .fl dl.site_footer_links_PR dd ul li a {
	font-size: 1.4rem;
	line-height: 1.3;
	}
	#site_footer_links > dd .cf .fl dl.site_footer_links_PR dd ul li a br {
	display: none;
	}
}
#site_footer_links > dd .cf .fl dl.site_footer_links_PR dd ul li a:hover {
	background: #666;
}
#site_footer_links > dd .cf .fl dl.site_footer_links_PR dd ul li a:active {
	box-shadow: none;
	position: relative;
	top: 0.3rem;
	transition: none;
}
@media screen and (max-width: 1024px) {
	#site_footer_links > dd .cf .fl + .fl {
	width: 100%;
	margin: auto;
	float: none;
	}
}
#site_footer_links > dd .cf .fl + .fl .site_footer_links_FB dd {
	margin-bottom: 0.85rem;
}
@media screen and (max-width: 1024px) {
	#site_footer_links > dd .cf .fl + .fl .site_footer_links_FB dd {
	width: 100%;
	height: 3.9rem;
	margin-bottom: 1em;
	}
}
#site_footer_links > dd .cf .fl + .fl .site_footer_links_FB dd a {
	display: block;
    color: #FFF;
    font-size: 1.85rem;
    font-weight: bold;
    text-align: left;
    background: #305097;
    padding: 0.35em 0.7em;
    border-radius: 0.3rem;
    box-shadow: 0 0.3rem 0 #191919;
}
#site_footer_links > dd .cf .fl + .fl .site_footer_links_FB dd a small {
	color: #edf2ff;
    font-size: 0.65em;
    font-weight: normal;
    margin-left: 0.5em;
}
#site_footer_links > dd .cf .fl + .fl .site_footer_links_FB dd a:link, #site_footer_links > dd .cf .fl + .fl .site_footer_links_FB dd a:visited {
	text-decoration: none;
}
#site_footer_links > dd .cf .fl + .fl .site_footer_links_FB dd a:hover {
	background: #3e68c4;
}
#site_footer_links > dd .cf .fl + .fl .site_footer_links_FB dd a:active {
	box-shadow: none;
	position: relative;
	top: 0.3rem;
	transition: none;
}
@media screen and (max-width: 1024px) {
	#site_footer_links > dd dl.site_footer_links_BRAND {
	width: 90%;
	margin: auto;
	float: none;;
	}
}
#site_footer_links > dd dl.site_footer_links_BRAND dd ul {
	letter-spacing: 0.5em;
	text-align: left;
}
#site_footer_links > dd dl.site_footer_links_BRAND dd ul li {
	display: inline-block;
	letter-spacing: 0;
	margin-bottom: 0.6rem;
}
@media screen and (max-width: 1024px) {
	#site_footer_links > dd dl.site_footer_links_BRAND dd ul li {
	width: 48%;
	max-width: 162px;
	}
}
#site_footer_links > dd dl.site_footer_links_BRAND dd ul li img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

/* --------------------------------------------------
 * common_parts
 * -------------------------------------------------- */
#back-to-top {
	display: block;
	cursor: pointer;
	border: none;
	width: 70px;
	height: 70px;
	color: #FFF;
	text-align: center;
	background: #4C4C4C;
	padding: 0;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 2px 0 #000;
	position: absolute;
	right: 0;
	top: 0;
	transition: 0.2s ease-out;
}
@media screen and (max-width: 1024px) {
	#back-to-top {
	border-radius: 0;
	box-shadow: none;
	}
}
#back-to-top:hover {
	background: #666;
	transition: 0.2s ease-out;
}
#back-to-top .ion-chevron-up {
	display: inline;
	font-size: 2.4rem;
	line-height: 1;
}
#back-to-top span {
	font-size: 1.1rem;
	font-weight: bold;
	display: block;
}
#back-to-top:focus {
	outline: none;
}

.common_btn {
	font-size: 2rem;
	font-weight: 300;
	text-align: center;
	line-height: 1;
	display: block;
	width: 29rem;
	height: 4rem;
	margin: auto;
	border: 1px solid #333;
	position: relative;
	letter-spacing: 0;
}
.common_btn span {
	vertical-align: -0.45em;
}
.common_btn:link, .common_btn:visited {
	color: #333;
	text-decoration: none;
}
.common_btn::before {
	content: "";
	display: block;
	width: 0%;
	height: 4rem;
	background: #333;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: width 0.2s ease-out;
}
.common_btn:hover {
	color: #FFF;
}
.common_btn:hover::before {
	width: 100%;
	transition: width 0.2s ease-out;
}
.common_btn::after {
	content: "\f3d3";
	font-family: "IonIcons";
	font-size: 2rem;
	display: block;
	width: 2rem;
	height: 2rem;
	margin-top: -0.9rem;
	position: absolute;
	top: 50%;
	right: 0.5rem;
}

.linkMore:after {
	font-family: IonIcons;
	font-size: 90%;
	display: inline-block;
	padding-left: 1em;
	content: '\f3d3';
	text-indent: 0;
}

.cat_tag {
	font-size: 1.4rem;
	color: #FFF;
	display: inline-block;
	padding: 0.4em 0.7em 0.5em;
	margin-bottom: 0.5em;
	background: #333;
}

.cat_event {
	background: #F39800;
}

.cat_recommend {
	background: #00A0E9;
}

.cat_features {
	background: #E5004F;
}

.cat_activities {
	background: #F499CC;
}

.cat_blog {
	background: #333333;
}

.cat_gallery {
	background: #009944;
}

.cat_special {
	background: #660099;
}
/* 店舗カテゴリー */
.cat_store_yanai,
.cat_store_ube {
	background: #191919;
}
.common_page_header {
	padding: 7rem 0 3em;
	border-bottom: 1px solid #CCC;
}
@media screen and (max-width: 1024px) {
	.common_page_header {
	padding: calc(7rem + 1.6em) 0 3em;
	}
}
.common_page_header h2 {
	font-size: 3.2rem;
	text-align: center;
}
.common_page_header h2 b {
	display: block;
}
.common_page_header h2 b::after {
	content: "\f209";
	font-family: "IonIcons";
	font-size: 3.2rem;
	display: block;
	line-height: 0.3;
	padding: 0.5em 0;
}
.common_page_header h2 small {
	font-size: 1.6rem;
	color: #333;
	font-weight: bold;
}

body.common-heading h3 {
	font-size: 3.2rem;
	text-align: center;
	font-weight: bold;
}
@media screen and (max-width: 1024px) {
	body.common-heading h3 {
	font-size: 2.4rem;
	text-align: left;
	width: 90%;
	margin: auto;
	}
}
body.common-heading h4 {
	font-size: 2.4rem;
	text-align: center;
	font-weight: bold;
}
@media screen and (max-width: 1024px) {
	body.common-heading h4 {
	text-align: left;
	width: 90%;
	margin: auto;
	}
}
/* カテゴリページ　子カテゴリー */
#category_list .category-list {
	text-align: center;
	margin-bottom: 3em;
}
@media screen and (max-width: 1024px) {
	#category_list .category-list {
		margin-top: 3em;
	}
}
#category_list .category-list li {
	display: inline-block;
}
#category_list .category-list li a {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #FFF;
		font-size: .9em;
		background: #333;
		padding: 0.15em 0.75em;
		text-decoration: none;
		-webkit-transition: all .3s;
		transition: all .3s;
}
#category_list .category-list li a:hover,
#category_list .category-list .current-cat a {
	color: #333;
	background: #FFF;
	position: relative;
}
#category_list .category-list li a:hover:after,
#category_list .category-list .current-cat a:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #333;
}
#category_list .category-list .current-cat a {
	cursor: pointer;
	pointer-events: none;
}
ul.common_article_list {
	width: 96rem;
	letter-spacing: 1.7rem;
	text-align: justify;
	margin: auto;
}
@media screen and (max-width: 1024px) {
	ul.common_article_list {
	width: 100%;
	letter-spacing: 0;
	text-align: left !important;
	}
}
ul.common_article_list li {
	display: inline-block;
	vertical-align: top;
	width: 31%;
	letter-spacing: 0;
	margin-bottom: 2.5em;
}
@media screen and (max-width: 1024px) {
	ul.common_article_list li {
	display: block;
	width: 100%;
	margin-bottom: 0;
	border-bottom: 1px solid #CCC;
	}
}
ul.common_article_list li a {
	color: #333;
	display: block;
	width: 100%;
	height: 100%;
}
ul.common_article_list li a:link {
	text-decoration: none;
}
ul.common_article_list li a:hover {
	padding: 0.8em;
	border-radius: 0.5rem;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 1024px) {
	ul.common_article_list li a:hover {
	padding: 0;
	border-radius: 0;
	box-shadow: none;
	}
}
ul.common_article_list li a article {
	position: relative;
}
@media screen and (max-width: 1024px) {
	ul.common_article_list li a article {
	letter-spacing: -0.3em;
	}
}
ul.common_article_list li a article figure {
	width: 100%;
	height: 19.8rem;
	line-height: 1;
	overflow: hidden;
	margin-bottom: 0.6em;
	white-space: nowrap;
	text-align: center;
}
/* おすすめバイク */
.category-recommend ul.common_article_list li a article figure {
	position: relative;
}
@media screen and (max-width: 1024px) {
	ul.common_article_list li a article figure {
	width: 9.6rem;
	height: 12rem;
	line-height: 1;
	margin-bottom: 0;
	display: inline-block;
	letter-spacing: 0;
	vertical-align: middle;
	}
}
ul.common_article_list li a article figure::before {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
ul.common_article_list li a article figure img {
	width: 102%;
	height: auto;
	/* margin-left: -1%; */
	vertical-align: middle;
}
/* おすすめバイク */
.category-recommend ul.common_article_list li a article figure img {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
	ul.common_article_list li a article figure img {
	width: auto;
	height: 100%;
	margin-left: 0;
	}
.category-recommend ul.common_article_list li a article figure img {
	width: 100%;
	height: auto;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
}
}
@media screen and (max-width: 1024px) {
	ul.common_article_list li a article .cont {
	display: inline-block;
	letter-spacing: 0;
	width: 62.5%;
	padding: 0 0.8em;
	vertical-align: middle;
	}
}
ul.common_article_list li a article .cont h3 {
	font-size: 2rem;
	font-weight: bold;
	text-align: justify;
	width: 100%;
}
@media screen and (max-width: 1024px) {
	ul.common_article_list li a article .cont h3 {
	font-size: 1.4rem;
	}
}
ul.common_article_list li a article .cont h3 time {
	display: block;
	font-size: 1.6rem;
	font-weight: normal;
	margin-bottom: 0.4em;
}
@media screen and (max-width: 1024px) {
	ul.common_article_list li a article .cont h3 time {
	font-size: 1.4rem;
	}
}
ul.common_article_list li a article .cont h3 + p {
	line-height: 1.5;
	height: 4.5rem;
	margin-top: 0.5em;
	overflow: hidden;
	display: none;
}
@media screen and (max-width: 1024px) {
	ul.common_article_list li a article .cont h3 + p {
	font-size: 1.4rem;
	}
}
ul.common_article_list li a article.new::before {
	content: "NEW";
	display: block;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	width: 7.8rem;
	height: 3.9rem;
	padding-top: 0.8em;
	background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #E60012 51%) no-repeat top left/50% 100%, linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #E60012 51%) no-repeat top right/50% 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	transform: translate(-2.5rem, -0.6rem) rotate(-45deg);
}
@media screen and (max-width: 1024px) {
	ul.common_article_list li a article.new::before {
	letter-spacing: 0;
	width: 5.8rem;
	height: 2.9rem;
	text-indent: -0.2em;
	font-size: 1.2rem;
	transform: translate(-1.9rem, -0.4rem) rotate(-45deg);
	}
}

.pagination {
	display: block;
	text-align: center;
}
.pagination ol li {
	display: inline-block;
	width: 2.3em;
	height: 2.3em;
	line-height: 2.2em;
	margin-right: 0.5em;
	position: relative;
	text-align: center;
	vertical-align: middle;
}
@media screen and (max-width: 1024px) {
	.pagination ol li {
	margin-right: 0.1em;
	}
}
.pagination ol li a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	color: #808080;
}
.pagination ol li a:hover {
	background: #E5E5E5;
	border: none;
}
.pagination ol .prev, .pagination ol .next {
	width: 1.9em;
	height: 1.9em;
}
.pagination ol .prev a, .pagination ol .next a {
	border-radius: 50%;
	text-decoration: none;
}
.pagination ol .prev a::before, .pagination ol .next a::before {
	display: block;
	text-align: center;
	line-height: 1.8;
	width: 100%;
	height: 100%;
}
.pagination ol .active a {
	color: #FFF;
	background: #808080;
}
.pagination ol .active a:link, .pagination ol .active a:visited {
	text-decoration: none;
}
.pagination ol .active a:hover, .pagination ol .active a:focus {
	text-decoration: none;
}

.article_nav {
	width: 100%;
	margin: auto;
	margin-bottom: 2em;
}
@media screen and (max-width: 1024px) {
	.article_nav {
	width: 90%;
	margin: auto;
	font-size: 1.4rem;
	}
}
@media screen and (max-width: 1024px) {
	.article_nav .prev {
	margin-bottom: 0.3em;
	}
}
.article_nav .prev::before {
	content: "\f3d2";
	font-family: "IonIcons";
	font-size: 1.4rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.7em;
}
.article_nav .next::after {
	content: "\f3d3";
	font-family: "IonIcons";
	font-size: 1.4rem;
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.7em;
}

.article_share_btn {
	background: #E5E5E5;
	height: 4rem;
	line-height: 4rem;
}
.article_share_btn h4 {
	font-size: 1.4rem;
	font-weight: bold;
	margin-right: 1em;
	vertical-align: 0.07em;
}
.article_share_btn ul {
	height: 100%;
	vertical-align: top;
}
.article_share_btn ul li {
	height: 100%;
	vertical-align: top;
}
.article_share_btn ul li button {
	background: #CCC;
	width: 5rem;
	height: 100%;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
	transition: 0.2s ease-out;
}
.article_share_btn ul li button a {
	color: #333;
}
.article_share_btn ul li button a:hover {
	background: #333;
	color: #FFF;
	transition: 0.2s ease-out;
	padding: 8px 0;
}
.article_share_btn ul li button .fb::before {
	content: "\f231";
	font-size: 3rem;
	font-family: "IonIcons";
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.article_share_btn ul li button .tw::before {
	content: "\f243";
	font-size: 3rem;
	font-family: "IonIcons";
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.article_share_btn ul li button .gplus::before {
	content: "\f235";
	font-size: 3rem;
	font-family: "IonIcons";
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

/* --------------------------------------------------
 * start TOP page
 * -------------------------------------------------- */
/* section #top_header */
#top_header {
	width: 100%;
	height: 90vh;
	position: relative;
	margin-bottom: 5rem;
	overflow: hidden;
	background-color: #000;
}
#top_header iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 56.25vw;
	min-width: 177.78vh;
	min-height: 100%;
	transform: translate(-50%, -50%) scale(1.25);
	pointer-events: none;
	border: 0;
	z-index: 1;
	opacity: 0;
}
#top_header iframe.is-playing {
	opacity: 1;
}
@media screen and (max-width: 1024px) {
	#top_header {
	background: url(img/top/bg_top_header_01.png) bottom no-repeat;
	height: 100vh;
	background-size: contain;
	border-bottom: 1px solid #CCC;
	}
	#top_header #tubular-container, #top_header #tubular-container iframe, #top_header #tubular-shield, #top_header iframe {
	display: none;
	}
}
#top_header h2 {
	position: absolute;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 370px;
    height: 140px;
	z-index: 10;
	text-align: center;
	font-size: 6.4rem;
	font-weight: bold;
	color: #FFF;
}
@media screen and (max-width: 1024px) {
	#top_header h2 {
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	font-size: 5.4rem;
	color: #333;
	margin-left: 0;
	margin-top: 15vh;
	}
}

/* section #top_about */
#top_about {
    margin-bottom: 3em;
    padding-bottom: 3em;
    border-bottom: 1px solid #ccc;
}

@media screen and (max-width:1024px) {
    #top_about {
        margin-bottom: 1em;
        padding-bottom: 2em;
    }

}

#top_about > h2 {
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 1em;
    text-align: center;
}

@media screen and (max-width:1024px) {
    #top_about > h2 {
        margin-bottom: .3em;
        padding-left: .4em;
    }

}

#top_about > h2 small {
    font-size: 2rem;
    font-weight: normal;
    display: block;
    color: #333;
}

#top_about > .service_list {
    display: flex;
    flex-direction: row;
    width: 90%;
    max-width: 830px;
    margin: auto;
    margin-bottom: 2em;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
}

#top_about > .service_list li {
    width: 260px;
    text-align: center;
}

@media print, screen and (max-width:1024px) {
    #top_about > .service_list li {
        width: 32%;
    }

}

@media print, screen and (max-width:480px) {
    #top_about > .service_list li {
        width: 100%;
        margin-bottom: 2em;
    }

    #top_about > .service_list li:last-child {
        margin-bottom: 0;
    }

}

#top_about > .service_list li a {
    display: block;
    text-decoration: none;
}

#top_about > .service_list li a:hover h3 {
    transition: .2s ease-out;
    background: #808080;
}

#top_about > .service_list li a:hover h3 span {
    color: #fff;
}

#top_about > .service_list li a figure {
    display: inline-block;
    width: 100%;
    height: auto;
}

#top_about > .service_list li a figure img {
    vertical-align: middle;
}

#top_about > .service_list li a h3 {
    font-size: 1.6rem;
    font-weight: normal;
    padding: 6px 0 7px;
    transition: .2s ease-out;
    text-indent: 1em;
    border: 1px solid #000;
    border-radius: 17px;
}

@media print, screen and (max-width:1024px) {
    #top_about > .service_list li a h3 {
        font-size: 1.4rem;
    }

}

#top_about > .service_list li a h3 span {
    color: #000;
}

/* section #top_news */
#top_news {
	padding-bottom: 3em;
	margin-bottom: 3em;
	border-bottom: 1px solid #CCC;
}
@media screen and (max-width: 1024px) {
	#top_news {
	padding-bottom: 2em;
	margin-bottom: 1em;
	}
}
#top_news h2 {
	font-size: 3.2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
	line-height: 1.5;
}
@media screen and (max-width: 1024px) {
	#top_news h2 {
	text-align: left;
	padding-left: 0.4em;
	margin-bottom: 0.3em;
	}
}
#top_news h2 small {
	font-size: 2rem;
	color: #333;
	font-weight: normal;
	display: block;
}
@media screen and (max-width: 1024px) {
	#top_news h2 small {
	display: inline-block;
	padding-left: 0.4em;
	}
}
#top_news .common_article_list {
	width: 90%;
	min-width: 960px;
	max-width: 1280px;
	text-align: center;
	letter-spacing: 1em;
}
@media screen and (max-width: 1024px) {
	#top_news .common_article_list {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	letter-spacing: 1.1rem;
	padding: 0 1em 0.5em;
	white-space: nowrap;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	}
}
#top_news .common_article_list > li {
	width: 31%;
}
@media screen and (max-width: 1024px) {
	#top_news .common_article_list > li {
	display: inline-block;
	width: 26rem;
	margin-bottom: 0;
	border-bottom: none;
	white-space: normal;
	}
}
#top_news .common_article_list > li article figure {
	width: 100%;
	height: 25.6rem;
	line-height: 1;
	overflow: hidden;
	margin-bottom: 0.6em;
	display: block;
	text-indent: 0;
	white-space: nowrap;
}
@media screen and (max-width: 1024px) {
	#top_news .common_article_list > li article figure {
	height: 17.2rem;
	line-height: 17.2rem;
	}
}
#top_news .common_article_list > li article figure::before {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
#top_news .common_article_list > li article figure img {
	width: 100%;
	height: auto;
	vertical-align: middle;
	display: inline-block;
}
#top_news .common_article_list > li article .cont {
	display: block;
	width: 100%;
	padding: 0;
}
#top_news .common_article_list > li article .cont h3 {
	font-size: 2rem;
	font-weight: bold;
	text-align: justify;
}
#top_news .common_article_list > li article .cont h3 time {
	display: block;
	font-size: 1.6rem;
	font-weight: normal;
	margin-bottom: 0.4em;
}
#top_news .common_article_list > li article .cont h3 + p {
	line-height: 1.5;
	height: 4.5rem;
	margin-top: 0.5em;
	overflow: hidden;
}
#top_news .common_article_list > li article.new::before {
	letter-spacing: 0;
	width: 7.8rem;
	height: 3.9rem;
	padding-top: 0.8em;
	font-size: 1.6rem;
	transform: translate(-2.5rem, -0.6rem) rotate(-45deg);
}


/* section #top_access */
#top_access {
	padding-bottom: 3em;
}

#top_access h2 {
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 1em;
	text-align: center;
}

@media screen and (max-width:1024px) {
	#top_access h2 {
		margin-bottom: .3em;
		padding-left: .4em;
		text-align: left;
	}

}

#top_access h2 small {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 400;
	display: block;
	color: #333;
}

@media screen and (max-width:1024px) {
	#top_access h2 small {
		display: inline;
		padding-left: .4em;
	}

}

#top_access > .access_map {
	width: 100%;
	height: 360px;
	height: 36rem;
	margin: 0 auto 2em;
}

#top_access > .shop-information {
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	width: 90%;
	max-width: 680px;
	margin: auto;
	-ms-flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: start;
	align-content: flex-start;
}

#top_access > .shop-information > dt {
	width: 206px;
	margin-right: 2em;
	text-align: center;
	color: #fff;
}

@media print, screen and (max-width:480px) {
	#top_access > .shop-information > dt {
		margin-right: auto;
		margin-left: auto;
	}

}

#top_access > .shop-information > dt img {
	height: 50px;
}

#top_access > .shop-information > dt span {
	font-size: 18px;
	font-size: 1.8rem;
	display: block;
	margin-top: 18px;
	padding: 2px 0 3px;
	letter-spacing: .1em;
	border-radius: 15px;
	background: #007ed2;
}

@media print, screen and (max-width:480px) {
	#top_access > .shop-information > dd {
		font-size: 1.4rem;
		width: 94%;
		margin: auto;
		padding-top: 1.5em;
	}

}

#top_access > .shop-information > dd > dl:after {
	display: table;
	clear: both;
	content: '';
}

#top_access > .shop-information > dd > dl dt, #top_access > .shop-information > dd > dl dd {
	padding: .3em 0 0;
}

#top_access > .shop-information > dd > dl dt {
	font-weight: 400;
	float: left;
	clear: both;
	width: 5em;
}

@media print, screen and (max-width:480px) {
	#top_access > .shop-information > dd > dl dt {
		float: none;
		width: 100%;
		margin-top: 1em;
		padding: .2em 0 .3em .5em;
		background-color: #f2f2f2;
	}

}

#top_access > .shop-information > dd > dl dd {
	float: left;
}

@media print, screen and (max-width:480px) {
	#top_access > .shop-information > dd > dl dd {
		float: none;
	}

}

/* --------------------------------------------------
 * start CONTACT page
 * -------------------------------------------------- */

input[type="text"],
input[type="email"],
input[type="tel"]{
		width: 29rem;
}
input[type="checkbox"]{
		display: inline-block;
		width: auto;
		vertical-align: middle;
		margin: 0;
	content: "";
	font-family: "IonIcons";
	font-size: 2rem;
	display: inline-block;
	margin-right: 0.4em;
	vertical-align: middle;
	line-height: 2rem;
}
textarea{
		height: 12.84rem;
}
@media screen and (max-width: 1024px) {
input[type="text"],
input[type="email"],
input[type="tel"]{
		width: 100%;
	}
}


/* body.contact */
body.contact h1 small, body.contact h2 small, body.contact h3 small, body.contact h4 small, body.contact h5 small, body.contact h6 small {
	color: #333;
}

/* section #contact_header */
#contact_header {
	margin-bottom: 1em;
}

/* section #contact_tel */
#contact_tel {
	padding: 3em 0 0;
}
@media screen and (max-width: 1024px) {
	#contact_tel {
	padding: 0.5em 0 0;
	}
}
#contact_tel h3 {
	font-size: 1.6rem;
	font-weight: normal;
	text-align: center;
	line-height: 1.8;
	margin-bottom: 2em;
}
@media screen and (max-width: 1024px) {
	#contact_tel h3 {
	font-size: 1.4rem;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	}
}
#contact_tel h4 {
	font-size: 3.2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}
@media screen and (max-width: 1024px) {
	#contact_tel h4 {
	font-size: 2.4rem;
	text-align: left;
	width: 90%;
	margin: auto;
	margin-bottom: 0.7em;
	}
}
#contact_tel p {
	width: 29rem;
	height: 10rem;
	margin: 0 auto 4em;
}
@media screen and (max-width: 1024px) {
	#contact_tel p {
	margin: 0 0 2em 5%;
	}
}
#contact_tel p a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 1rem 1.5rem;
	border: 1px solid #CCC;
	border-radius: 0.5rem;
	box-shadow: 0 0.5rem 0 #7F7F7F;
	position: relative;
	transition: none;
}
#contact_tel p a:link {
	color: #333;
	text-decoration: none;
}
#contact_tel p a:hover {
	top: 0.5rem;
	transition: none;
	box-shadow: none;
}
#contact_tel p a strong {
	display: block;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 0.3em;
}
#contact_tel p a b {
	font-size: 1.6rem;
	display: block;
	line-height: 1;
}
#contact_tel p a small {
	font-size: 1.4rem;
	display: block;
}
#contact_tel p a::after {
	content: "";
	display: block;
	font-family: "IonIcons";
	font-size: 4.6rem;
	line-height: 1;
	width: 4.6rem;
	height: 4.6rem;
	position: absolute;
	right: 0.6rem;
	top: 51%;
	margin-top: -2.3rem;
}
#contact_tel::after {
	content: "";
	display: block;
	width: 21.4rem;
	height: 1px;
	border-bottom: 1px solid #CCC;
	margin: auto;
}
@media screen and (max-width: 1024px) {
	#contact_tel::after {
	width: 100%;
	}
}

/* section #contact_form */
#contact_form {
	padding: 1.5em 0;
}
@media screen and (max-width: 1024px) {
	#contact_form {
		padding: 1em 0;
	}
}
#contact_form h3 {
	font-size: 3.2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}
@media screen and (max-width: 1024px) {
	#contact_form h3 {
		font-size: 2.4rem;
		text-align: left;
		margin: auto;
		margin-bottom: 0.2em;
	}
}
#contact_form h3 small {
	font-size: 2.4rem;
	padding-left: 0.3em;
	font-size: 1.8rem;
}
#contact_form .form {
	width: 61rem;
	margin: auto;
}

#contact_form .form label:nth-child(even) {
		margin-right: 3rem;
}

@media screen and (max-width: 1024px) {
	#contact_form .form {
		width: 90%;
		margin: auto;
	}
}
#contact_form .form .caution {
	font-size: 1.4rem;
	color: #E60012;
	margin-bottom: 0.5em;
}
#contact_form .form label {
	font-weight: normal;
	width: 28rem;
	vertical-align: top;
	line-height: 1.5;
	cursor: pointer;
}
#contact_form .form label[for="destination"] {
	margin-right: 0;
	width: 100%;
}
#contact_form .form label[for="message"] {
	width: 100%;
}
@media screen and (max-width: 1024px) {
	#contact_form .form label {
		display: block;
		width: 90%;
		margin-bottom: 0.8em;
	}
}
#contact_form .form small {
	color: #E60012;
}
#contact_form .form label input, #contact_form .form label textarea {
	margin-top: 0.2em;
	border: 1px solid #CCC;
}
#contact_form .form label textarea {
	resize: none;
}
#contact_form .form .ib {
	/* width: 29rem; */
}
@media screen and (max-width: 1024px) {
	#contact_form .form .ib {
		width: 100%;
		margin-bottom: 20px;
	}
}
#contact_form .form .ib h5 {
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.5;
}
#contact_form .form .ib ul {
	height: 12.84rem;
	border: 1px solid #CCC;
	padding: 0.2em 0.5em;
	margin-top: 0.2em;
	overflow-y: auto;
}
#contact_form .form .ib ul li {
	font-size: 1.4rem;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
#contact_form .form .ib ul li dl dt {
	font-weight: bold;
}
#contact_form .form .ib ul li dl dd {
	line-height: 1.5;
}
#contact_form .form label[for="privacy-check"] {
	text-align: center;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 2em;
}
#contact_form .form label[for="privacy-check"] > input[type="checkbox"] {
	display: none;
}
#contact_form .form label[for="privacy-check"] > input[type="checkbox"]:checked ~ span::before {
	content: "";
}
#contact_form .form label[for="privacy-check"] > span {
	display: inline-block;
	vertical-align: middle;
	line-height: 2rem;
}

#contact_form .form #confirm_btn {
	display: block;
	width: 29rem;
	height: 4rem;
	margin: 0 auto 2em;
	background: #333;
	color: #FFF;
	border-radius: 0.5rem;
	position: relative;
}
@media screen and (max-width: 1024px) {
	#contact_form .form #confirm_btn {
		margin-bottom: 1em;
		margin-top: 20px;
	}
	.contact #contact_form .form label {
		width: 100%;
	}
}

#contact_form .form #confirm_btn::after {
	content: "";
	font-family: "IonIcons";
	font-size: 2rem;
	display: block;
	width: 2rem;
	height: 2rem;
	margin-top: -0.9rem;
	position: absolute;
	top: 50%;
	right: 0.5rem;
	line-height: 1;
}
/* Contact Form 7 */
#contact_form {
	padding-bottom: 0;
}
span.wpcf7-not-valid-tip {
	font-size: 1.3rem;
}
.wpcf7-response-output {
		font-size: 1.4rem;
		display: block;
		width: 61rem;
		margin: auto!important;
		padding: 1em!important;
		text-align: center;
		border: none!important;
}
.wpcf7-validation-errors {
	color: #f00;
	background: #fffab2;
}
.wpcf7-mail-sent-ng {
	color: #d60000;
	background: #ffe7e7;
}
.contact .tel_wrap {
	display: flex;
}
.contact .cw.cw_extends {
	width: 72rem;
}
.contact #contact_tel {
	margin-bottom: 3em;
}
.contact #contact_tel p {
	width: 30.5rem;
	height: auto;
	margin: 0 2em;
}
.contact #contact_tel::after {
	content: none;
}
.contact #contact_form {
	padding-top: 0;
}
.contact #contact_form .form {
	width: 100%;
}
.contact #contact_form .form label {
	width: 35rem;
}
.contact #contact_form .form label[for="destination"],
.contact #contact_form .form label[for="message"],
.contact #contact_form .form label[for="privacy-check"] {
	width: 100%;
}
.contact #contact_form .form [name="destination"] {
	width: 100%;
	margin-top: 0.2em;
    border: 1px solid #CCC;
	color: inherit;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0.25em 0.44em 0.15em;
    border: 1px solid #CCC;
    margin-bottom: 0.5em;
    border-radius: 0;
}
.contact #contact_form .form label:nth-child(even) {
	margin-right: 0;
}
.contact #contact_form .form label input[type="text"],
.contact #contact_form .form label input[type="email"],
.contact #contact_form .form label input[type="tel"] {
	width: 100%;
}
.contact #contact_form .form label input[type="checkbox"] {
	margin-top: 0;
}

@media screen and (max-width: 1024px) {
	.contact #contact_form .form label {
		width: 90%;
		margin: 0 auto;
	}
	.contact #contact_form .form label:nth-child(even) {
		margin-right: inherit;
	}
}

@media(max-width:720px){
	.contact .cw.cw_extends {
		width: 90%;
	}
	.contact .tel_wrap {
		display: block;
	}
	.contact #contact_tel p {
		margin: 0 0 1em;
	}
	.contact #contact_form .form label {
		width: 100%;
	}
	.wpcf7-response-output {
		width: 100%;
	}
}
/* --------------------------------------------------
 * start CATEGORY page
 * -------------------------------------------------- */
/* section #category_header */
#category_header {
	margin-bottom: 0;
}

.category .common_article_list {
	width: 100%;
	max-width: 980px;
	letter-spacing: 1.1rem;
	padding: 0 1em 0.5em;
	margin: 0 auto;
	white-space: normal !important;
	overflow-y: visible !important;
}
/* section #category_list */
#category_list {
	padding: 0;
}

/* --------------------------------------------------
 * start EVENT page
 * -------------------------------------------------- */
/* body.event */
body.event .cw {
	width: 100rem;
}
@media screen and (max-width: 1024px) {
	body.event .cw {
		width: 100%;
	}
}

/* section #event_header */
#event_header {
	margin-bottom: 1em;
}

/* section #event_calender */
#event_calender {
	padding: 1.5em 0 3em;
}
@media screen and (max-width: 1024px) {
	#event_calender {
	padding: 0.3em 0;
	}
}
#event_calender > h3 {
	margin-bottom: 1em;
}
@media screen and (max-width: 1024px) {
	#event_calender > h3 {
	margin-bottom: 0.7em;
	}
}
#event_calender > .cw {
	letter-spacing: 1.6rem;
}
@media screen and (max-width: 1024px) {
	#event_calender > .cw {
	padding-top: 1em;
	}
}
#event_calender > .cw table {
	letter-spacing: 0;
	table-layout: fixed;
	width: 32rem;
	display: inline-block;
	border: none;
	border-collapse: separate;
	border-spacing: 2px;
}
@media screen and (max-width: 1024px) {
	#event_calender > .cw table {
	display: block;
	margin: auto;
	}
}
#event_calender > .cw table caption {
	color: #333;
	font-weight: bold;
	line-height: 1;
	display: block;
	text-align: center;
	margin-bottom: 0.6em;
	position: relative;
}
#event_calender > .cw table caption .year {
	display: inline-block;
	font-size: 2.4rem;
	padding-left: 0.6em;
	position: absolute;
	left: 0;
	bottom: 0.9rem;
}
#event_calender > .cw table caption .number {
	display: inline-block;
	font-size: 3.4rem;
}
#event_calender > .cw table caption small {
	display: inline-block;
	font-size: 1.6rem;
}
#event_calender > .cw table th, #event_calender > .cw table td {
	text-align: center;
	width: 4.4rem;
	border: 1px solid transparent;
}
#event_calender > .cw table th {
	font-weight: normal;
	font-size: 1.2rem;
	height: 2.5rem;
	vertical-align: top;
	line-height: 1;
}
#event_calender > .cw table .sun {
	color: #E60012;
}
#event_calender > .cw table .sat {
	color: #0068B7;
}
#event_calender > .cw table td {
	height: 4.4rem;
	background: #F2F2F2;
}
#event_calender > .cw table td .active {
	display: block;
	width: 3.8rem;
	height: 3.8rem;
	margin: auto;
	border-radius: 50%;
	background: #808080;
	font-weight: 300;
	padding-top: 0.3em;
}
#event_calender > .cw table td .active:link, #event_calender > .cw table td .active:visited {
	color: #FFF;
}
#event_calender > .cw table td .active:hover {
	background: #B2B2B2;
}
#event_calender > .cw .select_month {
	height: 3rem;
	margin: 1em 0 0;
	position: relative;
}
@media screen and (max-width: 1024px) {
	#event_calender > .cw .select_month {
	width: 90%;
	max-width: 32rem;
	margin: 0.8em auto;
	}
}
#event_calender > .cw .select_month button {
	background: #333;
	color: #FFF;
	display: block;
	width: 10.7rem;
	height: 3rem;
	border-radius: 1.5rem;
}
#event_calender > .cw .select_month .prev {
	position: absolute;
	left: 0;
	top: 0;
}
#event_calender > .cw .select_month .prev::before {
	content: "";
	font-family: "IonIcons";
	position: absolute;
	left: 1.2rem;
	top: 0.2rem;
}
#event_calender > .cw .select_month .next {
	position: absolute;
	right: 0;
	top: 0;
}
#event_calender > .cw .select_month .next::after {
	content: "";
	font-family: "IonIcons";
	position: absolute;
	right: 1rem;
	top: 0.2rem;
}

/* section #event_list */
#event_list {
	padding: 3em 0 2em;
}
@media screen and (max-width: 1024px) {
	#event_list {
	padding: 1.3em 0 0;
	}
}
#event_list > h3 {
	margin-bottom: 1em;
}
@media screen and (max-width: 1024px) {
	#event_list .common_article_list {
	border-top: 1px solid #CCC;
	}
}

/* --------------------------------------------------
 * start GALLERY page
 * -------------------------------------------------- */
/* section #gallery_header */
#gallery_header {
	margin-bottom: 1em;
}
@media screen and (max-width: 1024px) {
	#gallery_header {
	margin-bottom: 0;
	}
}

/* section #gallery_list */
#gallery_list {
	padding: 3em 0 2em;
}
@media screen and (max-width: 1024px) {
	#gallery_list {
	padding: 0;
	}
}

/* --------------------------------------------------
 * start GALLERY-DETAIL page
 * -------------------------------------------------- */
/* body.gallery-detail */
body.gallery-detail .article_cont {
	margin-bottom: 1.5em;
}
@media screen and (max-width: 1024px) {
	body.gallery-detail .article_cont {
	margin-bottom: 1em;
	}
}
body.gallery-detail .article_nav {
	width: 96rem;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 1024px) {
	body.gallery-detail .article_nav {
	width: 90%;
	margin-bottom: 1.4em;
	}
}

/* section #gallery-detail_header */
#gallery-detail_header {
	margin-bottom: 1em;
}
@media screen and (max-width: 1024px) {
	#gallery-detail_header {
	margin-bottom: 0;
	}
}

/* section #gallery-detail_cont */
#gallery-detail_cont {
	padding: 3em 0 0;
}
@media screen and (max-width: 1024px) {
	#gallery-detail_cont {
	padding: 1.2em 0 0;
	}
}
#gallery-detail_cont article .article_header {
	margin-bottom: 1.5em;
}
@media screen and (max-width: 1024px) {
	#gallery-detail_cont article .article_header {
	width: 90%;
	margin: 0 auto 1em;
	}
}
#gallery-detail_cont article .article_header h3 {
	font-size: 3.2rem;
	text-align: center;
	margin-bottom: 0.5em;
}
@media screen and (max-width: 1024px) {
	#gallery-detail_cont article .article_header h3 {
	font-size: 2.4rem;
	text-align: left;
	line-height: 1.3;
	}
}
#gallery-detail_cont article .article_header p {
	text-align: center;
}
@media screen and (max-width: 1024px) {
	#gallery-detail_cont article .article_header p {
	text-align: left;
	}
}
#gallery-detail_cont article #gallery_slider {
	width: 100%;
	margin: auto;
}
#gallery-detail_cont article #gallery_slider .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
	border: 3px solid red;
	height: 100%;
	z-index: 1;
	margin-top: 0;
}
@media screen and (max-width: 1024px) {
	#gallery-detail_cont article #gallery_slider .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
	border-width: 2px;
	}
}
#gallery-detail_cont article #gallery_slider .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
	display: none;
}
#gallery-detail_cont article #gallery_slider .sp-bottom-thumbnails.sp-has-pointer {
	margin-top: 10px;
}
@media screen and (max-width: 1024px) {
	#gallery-detail_cont article #gallery_slider .sp-bottom-thumbnails.sp-has-pointer {
	margin-top: 5px;
	}
}
#gallery-detail_cont article #gallery_slider .sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
	top: 0;
}
#gallery-detail_cont article #gallery_slider .sp-bottom-thumbnails .sp-thumbnail-container, #gallery-detail_cont article #gallery_slider .sp-top-thumbnails .sp-thumbnail-container {
	margin-left: 2px;
	margin-right: 2px;
}
@media screen and (max-width: 1024px) {
	#gallery-detail_cont article #gallery_slider .sp-bottom-thumbnails .sp-thumbnail-container, #gallery-detail_cont article #gallery_slider .sp-top-thumbnails .sp-thumbnail-container {
	margin-left: 1px;
	margin-right: 1px;
	}
}

/* --------------------------------------------------
 * start DETAIL page
 * -------------------------------------------------- */
/* body.detail */
body.detail #page_container {
	background: #F2F2F2;
}
@media screen and (max-width: 1024px) {
	body.detail #page_container {
	background-color: transparent;
	}
}
body.detail main {
	float: left;
	width: 65%;
	background: #FFF;
}
@media screen and (max-width: 1024px) {
	body.detail main {
	float: none;
	width: 100%;
	}
}

/* aside#detail_page_aside */
#detail_page_aside {
	float: right;
	width: 35%;
	height: 100%;
	padding-top: 3em;
	padding-left: 3rem;
	margin-top: 22.4rem;
}
@media screen and (max-width: 1024px) {
	#detail_page_aside {
	float: none;
	width: 100%;
	padding: 0;
	margin-top: 0.3em;
	border-top: 1px solid #CCC;
	}
}
#detail_page_aside h4 {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1em;
}
@media screen and (max-width: 1024px) {
	#detail_page_aside h4 {
	font-size: 2.4rem;
	width: 90%;
	margin: 0.7em auto 0.7em;
	}
}
#detail_page_aside h4 small {
	font-size: 1.6rem;
	padding-left: 0.5em;
	color: #333;
	font-weight: bold;
}
@media screen and (max-width: 1024px) {
	#detail_page_aside h4 small {
	font-size: 1.8rem;
	}
}
#detail_page_aside ul.common_article_list {
	width: 28.8rem;
	letter-spacing: 0;
	text-align: left;
	margin: 0;
	white-space: normal;
	overflow-y: visible;
	max-width: inherit;
	padding: 0;
}
@media screen and (max-width: 1024px) {
	#detail_page_aside ul.common_article_list {
	width: 100%;
	border-top: 1px solid #CCC;
	}
}
#detail_page_aside ul.common_article_list li {
	display: block;
	width: 100%;
	text-align: left;
	margin-bottom: 0.7em;
}
@media screen and (max-width: 1024px) {
	#detail_page_aside ul.common_article_list li {
	margin-bottom: 0;
	}
	#detail_page_aside ul.common_article_list li:last-child {
	border-bottom: none;
	}
}
#detail_page_aside ul.common_article_list li a {
	color: #333;
	display: block;
	width: 100%;
	height: 100%;
	background: #FFF;
}
#detail_page_aside ul.common_article_list li a:link {
	text-decoration: none;
}
#detail_page_aside ul.common_article_list li a:hover {
	padding: 0;
	border-radius: 0;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 1024px) {
	#detail_page_aside ul.common_article_list li a:hover {
	padding: 0;
	border-radius: 0;
	box-shadow: none;
	}
}
#detail_page_aside ul.common_article_list li a article {
	position: relative;
}
#detail_page_aside ul.common_article_list li a article figure {
	width: 9.6rem;
	height: 14rem;
	overflow: hidden;
	margin-bottom: 0;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	line-height: 14rem;
	/* text-indent: -4.2rem; */
}
#detail_page_aside ul.common_article_list li a article figure img {
	width: auto;
	height: 100%;
	display: inline-block;
	vertical-align: top;
}
#detail_page_aside ul.common_article_list li a article .cont {
	display: inline-block;
	width: 18.2rem;
	padding: 1rem;
	vertical-align: middle;
}
#detail_page_aside ul.common_article_list li a article .cont h3 {
	font-size: 1.4rem;
	font-weight: bold;
	text-align: left;
}
#detail_page_aside ul.common_article_list li a article .cont h3 .cat_tag {
	font-size: 1.2rem;
}
#detail_page_aside ul.common_article_list li a article .cont h3 time {
	display: block;
	font-size: 1.4rem;
	font-weight: normal;
	margin-bottom: 0.4em;
}
#detail_page_aside ul.common_article_list li a article.new::before {
	content: "NEW";
	display: block;
	font-size: 1.2rem;
	color: #FFF;
	text-align: center;
	width: 5.8rem;
	height: 2.9rem;
	padding-top: 0.8em;
	background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #E60012 50%) no-repeat top left/50% 100%, linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #E60012 50%) no-repeat top right/50% 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	transform: translate(-1.8rem, -0.4rem) rotate(-45deg);
}

/* section #detail_header */
#detail_header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: #FFF;
}
@media screen and (max-width: 1024px) {
	#detail_header {
	position: static;
	}
}

/* section #detail_cont */
#detail_cont {
	padding: 3em 3rem 1em 0;
	margin-top: 22.4rem;
}
#detail_cont iframe {
	max-width: 100%;
}
@media screen and (max-width: 1024px) {
	#detail_cont {
	padding: 1em 0;
	margin-top: 0;
	}
}
#detail_cont > article {
	width: 61.2rem;
	float: right;
}
@media screen and (max-width: 1024px) {
	#detail_cont > article {
	width: 100%;
	float: none;
	}
}
#detail_cont > article .article_header {
	margin-bottom: 1.5em;
}
@media screen and (max-width: 1024px) {
	#detail_cont > article .article_header {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	}
}
#detail_cont > article .article_header h3 {
	font-size: 3.2rem;
	text-align: left;
	font-weight: bold;
	margin-bottom: 0.5em;
}
@media screen and (max-width: 1024px) {
	#detail_cont > article .article_header h3 {
	font-size: 2.4rem;
	}
}
#detail_cont > article .article_header p {
	text-align: left;
}
#detail_cont > article .article_header + .article_share_btn {
	margin-bottom: 1em;
}
@media screen and (max-width: 1024px) {
	#detail_cont > article .article_header + .article_share_btn {
	margin-bottom: 0;
	}
}
@media screen and (max-width: 1024px) {
	#detail_cont > article .article_cont {
	width: 90%;
	margin: auto;
	font-size: 1.4rem;
	}
}
#detail_cont > article .article_cont img {
	margin-top: 2em;
	margin-bottom: 1em;
}
@media screen and (max-width: 1024px) {
	#detail_cont > article .article_cont img {
	margin-top: 1em;
	}
}
#detail_cont > article .article_cont img {
	max-width: 100%;
	height: auto;
}
#detail_cont > article .article_cont h4 {
	font-size: 2.4rem;
	font-weight: bold;
	padding-bottom: 0.6em;
	border-bottom: 2px solid #333;
	margin-top: 2em;
	margin-bottom: 0.8em;
}
@media screen and (max-width: 1024px) {
	#detail_cont > article .article_cont h4 {
	font-size: 2rem;
	margin-top: 1.1em;
	}
}
#detail_cont > article .article_cont h5, #detail_cont > article .article_cont h6 {
	font-size: 2rem;
	margin-top: 2em;
	margin-bottom: 1em;
}
@media screen and (max-width: 1024px) {
	#detail_cont > article .article_cont h5, #detail_cont > article .article_cont h6 {
	font-size: 1.6rem;
	margin-top: 2em;
	}
}
#detail_cont > article .article_cont p {
	margin-bottom: 1em;
}
#detail_cont > article .article_cont p strong, #detail_cont > article .article_cont p em, #detail_cont > article .article_cont p b {
	font-weight: bold;
}
#detail_cont > article .article_footer {
	margin-top: 3em;
}
@media screen and (max-width: 1024px) {
	#detail_cont > article .article_footer {
	margin-top: 1.8em;
	}
}
#detail_cont > article .article_footer .article_share_btn {
	margin-bottom: 1em;
}
#detail_cont > article .article_footer .article_nav {
	width: 100%;
}
@media screen and (max-width: 1024px) {
	#detail_cont > article .article_footer .article_nav {
	width: 90%;
	}
}
#detail_cont > article .article_header .author {
	margin-top: 1em;
	display: none;
}
#detail_cont > article .article_header .author a {
	display: inline-block;
	text-decoration: none;
}
#detail_cont > article .article_header .author a:hover .name {
	text-decoration: underline;
}
#detail_cont > article .article_header .author a:hover img {
	opacity: 0.8;
}
.wp-author-noicon,
.wp-author-icon {
	display: inline-block;
	width: 50px;
	height: 50px;
	vertical-align: middle;
	border-radius: 50px;
	margin-right: 0.5em;
}
.wp-author-noicon {
	background: url(img/noimage.png) no-repeat center center / 200%;
}
#event_calender > .cw table td a[title="定休日"] {
		text-decoration: none;
		background: #ffd5d9;
		pointer-events: none;
}
#event_calender > .cw table td a[title="定休日"]:link,
#event_calender > .cw table td a[title="定休日"]:visited {
	color: #333339;
}
#event_calender .text-holiday {
		margin-top: 1em;
		text-align: right;
		letter-spacing: normal;
}
#event_calender .ic-holiday {
		display: inline-block;
		width: 0.85em;
		height: 0.85em;
		background: #ffd5d9;
		vertical-align: middle;
		margin-right: 0.5em;
}
@media(max-width:1024px){
	#event_calender .text-holiday {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3em;
	}
}
/* --------------------------------------------------
 * start DETAIL page
 * -------------------------------------------------- */
.gallery {
	margin-left: -5%;
	margin-right: -5%;
}
/* Gallery Columns */
.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding-left: 5%;
	padding-right: 5%;
	width: 50%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	font-size: 0.85em;
	line-height: 1.25;
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
	.gallery {
		margin-left: -1em;
		margin-right: -1em;
	}
	/* Gallery Columns */
	.gallery-item {
		max-width: 25%;
		padding-left: 1em;
		padding-right: 1em;
	}

	.gallery-columns-1 .gallery-item {
		max-width: 100%;
	}

	.gallery-columns-2 .gallery-item {
		max-width: 50%;
	}

	.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
	}

	.gallery-columns-4 .gallery-item {
		max-width: 25%;
	}
	.gallery-columns-5 .gallery-item {
		max-width: 20%;
	}

	.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
	}

	.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
	}

	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
	}

	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
	}
}

/* --------------------------------------------------
  start make-movie page
  --------------------------------------------------*/
/* this page's body class and child tag styling */
@media print, screen and (max-width:480px) {
    body.make-movie {
        font-size: 1.4rem;
    }

}

body.make-movie .include-vimeo {
    position: relative;
    width: 100%;
    max-width: 1170px;
    margin-right: auto;
    margin-bottom: 3em;
    margin-left: auto;
    padding: 658px 0 0 0;
}

@media print, screen and (max-width:1170px) {
    body.make-movie .include-vimeo {
        padding: 56.25% 0 0 0;
    }
}

body.make-movie section .cw {
	width: 90%;
	max-width: 45em;
}

body.make-movie h2 {
    font-size: 4.6rem;
    margin-bottom: 1em;
    text-align: center;
}

@media print, screen and (max-width:480px) {
    body.make-movie h2 {
        font-size: 2.3rem;
        line-height: 1.5;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }

}

body.make-movie h3 {
    font-size: 3.4rem;
    line-height: 1.5;
    margin-bottom: .6em;
    text-align: center;
}

@media print, screen and (max-width:480px) {
    body.make-movie h3 {
        font-size: 1.8rem;
    }

}

body.make-movie p {
    line-height: 2;
    width: 90%;
    max-width: 45em;
    margin-right: auto;
    margin-left: auto;
}

body.make-movie p + body.make-movie p, + body.make-movie p {
    margin-top: 1.5em;
}

/* section #make-movie_image-slider */
#make-movie_image-slider {
    width: 1280px;
    margin: auto;
    margin-top: 9rem;
    margin-bottom: 5rem;
}

/* section #make-movie_intro-movie */
#make-movie_intro-movie .sample-movie-list {
    display: flex;
    flex-direction: row;
    margin-top: 4em;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
}

@media print, screen and (max-width:1024px) {
    #make-movie_intro-movie .sample-movie-list {
        flex-wrap: wrap;
    }

}

#make-movie_intro-movie .sample-movie-list li {
    position: relative;
    overflow: hidden;
    width: 25%;
    height: 15vw;
    transition: .2s ease-out;
    flex: auto;
}

@media print, screen and (max-width:1024px) {
    #make-movie_intro-movie .sample-movie-list li {
        width: 50%;
        height: 30vw;
    }

}

@media print, screen and (max-width:480px) {
    #make-movie_intro-movie .sample-movie-list li {
        width: 100%;
        height: 60vw;
    }

}

#make-movie_intro-movie .sample-movie-list li:hover {
    width: 30%;
    transition: .2s ease-out;
}

#make-movie_intro-movie .sample-movie-list li:hover .information {
    bottom: 0;
    transition: .2s ease-out;
    transition-delay: .3s;
}

#make-movie_intro-movie .sample-movie-list li a {
    display: block;
    width: 100%;
    height: 100%;
}

#make-movie_intro-movie .sample-movie-list li .information {
    position: absolute;
    bottom: -90px;
    left: 0;
    width: 100%;
    padding: 1em;
    transition: .2s ease-out;
    text-align: center;
    background-color: rgba(255, 255, 255, .8);
}

@media print, screen and (max-width:1024px) {
    #make-movie_intro-movie .sample-movie-list li .information {
        bottom: 0;
    }

}

#make-movie_intro-movie .sample-movie-list li .information h4 {
    margin-bottom: .5em;
}

#make-movie_intro-movie .sample-movie-list li .information h4, #make-movie_intro-movie .sample-movie-list li .information h5 {
    font-size: inherit;
    font-weight: normal;
}

#make-movie_intro-movie .sample-movie-list li .information h4 a, #make-movie_intro-movie .sample-movie-list li .information h5 a {
    text-decoration: none;
    color: inherit;
}

#make-movie_intro-movie .sample-movie-list li .information h4 a:hover, #make-movie_intro-movie .sample-movie-list li .information h5 a:hover {
    text-decoration: underline;
}

#make-movie_intro-movie .sample-movie-list li .information h4 a span:after, #make-movie_intro-movie .sample-movie-list li .information h5 a span:after {
    font-family: 'IonIcons';
    font-size: 90%;
    display: inline-block;
    padding-left: 1em;
    content: '\f3d3';
    text-indent: 0;
}

/* section #make-movie_content1 */
#make-movie_content1 {
    padding-top: 3em;
}

/* section #make-movie_content2 */
#make-movie_content2 {
    padding: 3.5em 0 3em;
    background-color: #f2f2f2;
    width: 100%;
}

#make-movie_content2 h3:before {
    display: block;
    width: 100px;
    margin: auto;
    margin-bottom: 3rem;
    content: url(img/make-movie/icon-concept-making.svg);
}

/* section #make-movie_content3 */
#make-movie_content3 .work_flow-list {
    margin-top: 3em;
}

#make-movie_content3 .work_flow-list li {
    display: flex;
    flex-direction: row;
    margin-bottom: 2em;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

#make-movie_content3 .work_flow-list li:before {
    display: block;
    width: 30%;
    padding: 0 8%;
    text-align: center;
}

@media print, screen and (max-width:480px) {
    #make-movie_content3 .work_flow-list li:before {
        width: 100%;
        padding: 0 35%;
        padding-bottom: 2rem;
    }

}

#make-movie_content3 .work_flow-list li:after {
    font-family: 'IonIcons';
    font-size: 5rem;
    line-height: 1;
    display: block;
    width: 100%;
    margin-top: 2rem;
    content: '\f3d0';
    text-align: center;
    letter-spacing: normal;
    color: #ccc;
}

#make-movie_content3 .work_flow-list li:last-child:after {
    content: normal;
}

#make-movie_content3 .work_flow-list li .inner {
    width: 65%;
}

@media print, screen and (max-width:480px) {
    #make-movie_content3 .work_flow-list li .inner {
        width: 100%;
    }

}

#make-movie_content3 .work_flow-list li .inner h4 {
    font-size: 1.8rem;
    margin-bottom: .4em;
    padding: .3em;
    background-color: #f2f2f2;
}

#make-movie_content3 .work_flow-list li .inner p {
    line-height: 1.5;
    width: 100%;
}

#make-movie_content3 .work_flow-list .flow01:before {
    content: url(img/make-movie/icon-concept-making.svg);
}

#make-movie_content3 .work_flow-list .flow01 h4:before {
    content: '1．';
}

#make-movie_content3 .work_flow-list .flow02:before {
    padding-right: 10.8%;
    padding-left: 9%;
    content: url(img/make-movie/icon-produce.svg);
}

@media print, screen and (max-width:480px) {
    #make-movie_content3 .work_flow-list .flow02:before {
        padding-right: 38%;
        padding-left: 36%;
    }

}

#make-movie_content3 .work_flow-list .flow02 h4:before {
    content: '2．';
}

#make-movie_content3 .work_flow-list .flow03:before {
    content: url(img/make-movie/icon-design.svg);
}

#make-movie_content3 .work_flow-list .flow03 h4:before {
    content: '3．';
}

#make-movie_content3 .work_flow-list .flow04:before {
    content: url(img/make-movie/icon-shooting.svg);
}

#make-movie_content3 .work_flow-list .flow04 h4:before {
    content: '4．';
}

#make-movie_content3 .work_flow-list .flow05:before {
    content: url(img/make-movie/icon-edit.svg);
}

#make-movie_content3 .work_flow-list .flow05 h4:before {
    content: '5．';
}

#make-movie_content3 .work_flow-list .flow06:before {
    padding-right: 10%;
    content: url(img/make-movie/icon-music.svg);
}

@media print, screen and (max-width:480px) {
    #make-movie_content3 .work_flow-list .flow06:before {
        padding-right: 39%;
    }

}

#make-movie_content3 .work_flow-list .flow06 h4:before {
    content: '6．';
}

/* section #make-movie_examples */
#make-movie_examples > h3 + p {
    margin-bottom: 1.5em;
}

#make-movie_examples article.example {
	margin-top: -72px;
	padding-top: 72px;
    padding-bottom: 8em;
}

@media print, screen and (max-width:480px) {
    #make-movie_examples article.example {
        padding-bottom: 4em;
    }

}

#make-movie_examples article.example:last-child {
    padding-bottom: 0;
}

#make-movie_examples article.example .information-list {
    display: flex;
    flex-direction: row;
    margin-top: 2em;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
}

#make-movie_examples article.example .information-list li {
    width: 31%;
    padding: .5em;
    padding-top: 1.5em;
    padding-bottom: 1em;
    text-align: center;
    border: 1px solid #333;
    border-radius: 5px;
}

#make-movie_examples article.example .information-list.li4n li {
	width: 23%;
}

@media print, screen and (max-width:1024px) {
	#make-movie_examples article.example .information-list.li4n li {
		width: 100%;
	}

	#make-movie_examples article.example .information-list li {
        display: flex;
        flex-direction: row;
        width: 100%;
        margin: auto;
        margin-bottom: 2em;
        padding: 0;
        text-align: left;
        border: none;
        border-radius: 0;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }

}

#make-movie_examples article.example .information-list li:before {
    display: block;
    margin-bottom: 2rem;
    padding: 0 30%;
}

@media print, screen and (max-width:1024px) {
    #make-movie_examples article.example .information-list li:before {
        width: 30%;
        margin: auto;
        padding: 0 7% 0 3%;
    }

}

@media print, screen and (max-width:1024px) {
    #make-movie_examples article.example .information-list li .inner {
        flex: auto;
    }
}

#make-movie_examples article.example .information-list.li4n {
	max-width: 980px;
}

#make-movie_examples article.example .information-list li .inner h3 {
	font-size: 1.4rem;
	font-weight: normal;
	border-radius: 10px;
	background-color: #f2f2f2;
}

@media print, screen and (max-width:480px) {
    #make-movie_examples article.example .information-list li .inner h3 {
        text-align: left;
        text-indent: .7em;
    }

}

#make-movie_examples article.example .information-list li .inner p {
    font-size: 1.4rem;
    margin-top: 0;
}

@media print, screen and (max-width:1024px) {
    #make-movie_examples article.example .information-list li .inner p {
        font-size: 1.2rem;
    }

}

#make-movie_examples article.example .information-list .type:before {
    content: url(img/make-movie/icon-type.svg);
}

#make-movie_examples article.example .information-list .content:before {
    content: url(img/make-movie/icon-content.svg);
}

#make-movie_examples article.example .information-list .use:before {
    content: url(img/make-movie/icon-use.svg);
}

#make-movie_examples article.example .information-list .drone:before {
	content: url(img/make-movie/icon-drone.svg);
}

/* --------------------------------------------------
  start lower page
  --------------------------------------------------*/
.lower h2 {
	font-size: 4.6rem;
	margin-bottom: 1em;
	text-align: center;
}

.lower h3 {
	font-size: 3.4rem;
	line-height: 1.5;
	margin-bottom: .6em;
	text-align: center;
}

.lower p {
	line-height: 2;
	width: 100%;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
}

.lower dl {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.lower dt {
	width: 20%;
	float: left;
	padding: 10px 0 10px;
	font-weight: normal;
}

.lower dd {
	width: 80%;
	float: right;
	padding: 10px 10px 10px 20px;
}

.lower section {
	padding: 60px 0;
	width: 90%;
	margin: 0 auto;
}

.lower section:last-of-type {
	padding: 60px 0 120px;
}

.lower .common_page_header {
	padding: 7rem 0 0 !important;
	width: inherit;
}

.lower .cw {
	width: 100%;
}

.lower .access_map {
    width: 100%;
    height: 360px;
    height: 36rem;
    margin: 0 auto;
}

.lower .information-list {
    display: flex;
    flex-direction: row;
    margin-top: 60px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    max-width: 960px;
}

.lower .information-list li {
    width: 31%;
    padding: .5em;
    padding-top: 1.5em;
    padding-bottom: 1em;
    margin-bottom: 0;
    text-align: center;
    border: 1px solid #333;
    border-radius: 5px;
}

.lower .information-list li:nth-of-type(-n+4) {
    margin-bottom: 22px;
}

.lower .information-list li img {
    height: 70px;
    margin-bottom: 20px;
}

.lower .information-list li .inner h3 {
    font-size: 1.4rem;
    font-weight: normal;
    border-radius: 10px;
    background-color: #f2f2f2;
}

.lower .i4n {
	width: 100%;
	padding: 0;
	font-size: 0;
}

.lower .i4n img {
	display: inline-block;
	width: 25%;
}

.lower .print-icon {
	margin: 0 auto 20px;
	height: 60px;
	display: block;
}

.lower .print-table-wrapper {
	overflow-y: auto;
}

.lower .print-table {
	width: 100%;
	max-width: 960px;
	margin: 40px auto 0;
}

.lower .print-table-wrapper .print-table {
	min-width: 528px;
}

.lower .print-table tbody tr {
	border-bottom: 1px solid #ccc;
}

.lower .print-table tbody tr:first-of-type {
	border-top: 1px solid #ccc;
}

.lower .print-table tbody tr th,
.lower .print-table tbody tr td {
	padding: 10px;
	font-weight: normal;
	border-right: 1px solid #ccc;
}

.lower .print-table tbody tr th:first-of-type,
.lower .print-table tbody tr td:first-of-type {
	padding: 10px 10px 10px 0;
}

.lower .print-table tbody tr th:last-of-type,
.lower .print-table tbody tr td:last-of-type {
	border-right: none;
}

.id-photo-50 {
	width: 50%;
}

.comments {
	font-size: 1.4rem;
	padding-left:1em;
	text-indent:-1em;
}

.lower .common_article_list {
	width: 100%;
    max-width: 980px;
    letter-spacing: 1.1rem;
    padding: 0;
    text-align: center;
    margin: 0 auto;
}

#contact_form br {
	display: none;
}

@media screen and (max-width: 1024px) {
	.lower .information-list li {
		width: 48%;
	}

	.lower .information-list li:nth-of-type(-n+8) {
		margin-bottom: 22px;
	}

	.lower .information-list li img {
		height: 50px;
		margin-bottom: 15px;
	}
}

@media print, screen and (max-width: 480px) {
	.lower {
		font-size: 1.4rem;
	}.lower h2 {
		font-size: 2.3rem;
		line-height: 1.5;
		width: 90%;
		margin-right: auto;
		margin-left: auto;
	}
	.lower h3 {
		font-size: 1.8rem;
	}
	.lower .common_page_header {
		width: inherit;
	}
	.lower .i4n img {
		width: 50%;
	}
}

/* --------------------------------------------------
  thumb
  --------------------------------------------------*/
.i_thumb {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#pc-navi {
	display: inline-block;
}
#pc-navi > ul {
	display: table;
	padding-left: 50px;
}
#pc-navi > ul > li {
	display: inline-block;
	margin-right: 0;
	height: 70px;
}
#pc-navi > ul > li a {
	color: #333;
	text-decoration: none;
	line-height: 1.5;
}
#pc-navi > ul > li:hover {
	color: #fff;
	background-color: #19192b;
}
#pc-navi > ul > li:hover > a {
	color: #fff;
	line-height: 1.5;
}
#pc-navi > ul > li:hover .menu {
	max-height: 9999px;
	opacity: 1;
}
#pc-navi > ul > li > a {
	display: block;
	padding: 14px 16px;
	transition: all .2s ease-in;
}
#pc-navi > ul > li > a span,
#pc-navi > ul .menu a span {
	display: block;
	font-size: 12px;
}
#pc-navi > ul .menu {
	transition: all .2s ease-in;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	width: 100%;
	left: 0;
	text-align: center;
	position: absolute;
	background-color: #19192b;
}
#pc-navi > ul .menu .menu_inner {
	padding: 1em 0;
}
#pc-navi > ul .menu .menu_inner li {
	display: inline-block;
	text-align: left;
	min-width: 10%;
	text-align: center;
	transition: 0.2s ease-out;
}
#pc-navi > ul .menu a {
	color: #fff;
	display: block;
	border-right: 1px solid #fff;
	padding: 0px 15px 0;
}
#pc-navi > ul .menu li:hover {
	opacity: 0.7;
}

@media screen and (max-width:1024px) {
	#pc-navi {
		display: none;
	}
	#g_menu_btn {
		display: inline-block;
	}
}