@charset "UTF-8";

/*********************
clearfix
*********************/

.clearfix:before,
.clearfix:after {
		display: table;
		content: " ";
}

.clearfix:after {
		clear: both;
}


/*********************
COLOR
*********************/

a {
		color: #0951bd;
		padding: 0 2px;
		transition: .25s;
}

a:hover {
		color: #3bc8fe;
}
a.no-decoration {
		color: #222;
		text-decoration: none;
}
.color-red {
		color: #cd5c5c;
}

.color-blue {
		color: #4169e1;
}

.color-purple {
		color: #9370db;
}

.color-white {
		color: white;
}

.color-yellow {
		color: yellow;
}
.strong {
		font-weight: bold;
}


/*********************
BUTTON
*********************/

.btn a {
		text-decoration: none;
		display: inline-block;
		padding: 1em 2em;
		color: white;
		background: #444;
		background-image: -moz-linear-gradient(top, #444444, #222222);
		background-image: -ms-linear-gradient(top, #444444, #222222);
		background-image: -o-linear-gradient(top, #444444, #222222);
		background-image: -webkit-linear-gradient(top, #444444, #222222);
		background-image: linear-gradient(top, #444444, #222222);
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		font-weight: bold;
}

.btn a:hover {
		background: #000;
		box-shadow: 0px 5px 15px #999;
}
.btn-large {
		text-align: center;
}
.btn-large a {
		border-radius: 3px;
		padding: 20px 25px;
		background: #074097;
		color: white;
		font-weight: bold;
		box-shadow: 0px 2px 5px #EEE;
		transition: .25s;
		text-decoration: none;
		display: inline-block;
		width: 60%;
		font-size: 1.2em;
}
.btn-large a:hover {
		background: #0f5cdd;
		box-shadow: 0px 5px 15px #999;
		cursor: pointer;
}
@media screen and (max-width: 800px) {
		.btn-large a {
				width: 90%;
		}
}

.btn-img-white a {
		text-decoration: none;
		display: block;
		padding: 15px 0;
		background: white;
		border-radius: 3px;
		box-shadow: 0px 2px 5px #EEE;
		border: 1px solid #EEE;
}

.btn-img-white a:hover {
		box-shadow: 0px 5px 15px #CCC;
}

/*********************
ELEMENTS
*********************/

body {
		/* font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, "メイリオ", Meiryo, sans-serif;
		color: #222; */
}

@media screen and (min-width: 991px) {
		body {
				font-size: 14px;
		}
}

@media screen and (max-width: 990px) {
		body {
				font-size: 13px;
		}
}

h2 {
		line-height: 1;
		font-size: 1.8em;
}

h5 {
		font-size: .85em;
}

th {
		text-align: left;
}

dt {
		font-weight: bold;
}

dd {
		margin: 0 0 30px;
}

h3.title-style01 {
		padding: 10px;
		margin-bottom: 0;
		background: #777;
		text-align: center;
		color: white;
		font-size: 1.6rem;
		font-weight: 700;
}

@media screen and (max-width: 767px) {
	h3.title-style01 {
		font-size: 3.2rem;
	}
}

h3.title-style02 {
		overflow: hidden;
		text-align: center;
		padding-bottom: 40px;
		margin: 0;
		font-size: 1.3em;
}
h3.title-style02 span {
		position: relative;
		display: inline-block;
		margin: 0 2.5em;
		padding: 0 1em;
		text-align: left;
}
h3.title-style02 span::before,
h3.title-style02 span::after {
		position: absolute;
		top: 50%;
		content: '';
		width: 800%;
		height: 1px;
		background-color: #222;
}
h3.title-style02 span::before {
		right: 100%;
}
h3.title-style02 span::after {
		left: 100%;
}
section p.paragraph {
		line-height: 1.8;
		font-size: 15px;
}

em {
		font-style: normal;
		font-weight: bolder;
}

ul,
li {
		padding: 0;
		margin: 0;
}


/*********************
LAYOUT
*********************/

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

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

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

.container {
		margin: 0 auto;
}

article {
		padding: 0;
		margin: 0;
}

.box-height-wrapper {
		display: -wbkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
}

.lh0 {
		line-height: 0;
}

.mt0 {
		margin-top: 0;
		padding-top: 0;
}

.mb10 {
		margin-bottom: 10px !important;
}

.mb20 {
		margin-bottom: 20px !important;
}

.mb30 {
		margin-bottom: 30px !important;
}

.mb40 {
		margin-bottom: 40px !important;
}

.mb50 {
		margin-bottom: 50px !important;
}

.mb60 {
		margin-bottom: 60px !important;
}

.mb80 {
		margin-bottom: 80px !important;
}

@media screen and (max-width: 767px) {
  .content-wrapper.en_type02 {
    padding: 60px 0 0;
  }
		.container {
				width: 90%;
				margin: 0 auto;
		}
		.s-center {
				text-align: center;
		}
		.s-mb10 {
				margin-bottom: 10px !important;
		}
		.s-left {
				text-align: left;
		}
		.s-mb20 {
				margin-bottom: 20px !important;
		}
		.s-mb30 {
				margin-bottom: 30px !important;
		}
		.s-mb40 {
				margin-bottom: 40px !important;
		}
		.s-mb50 {
				margin-bottom: 50px !important;
		}
		.s-mb60 {
				margin-bottom: 60px !important;
		}
		.s-mb80 {
				margin-bottom: 80px !important;
		}
}

@media screen and (min-width: 768px) and (max-width: 990px) {
		.container {
				width: 730px;
		}
		.s-center {
				text-align: center;
		}
		.s-mb10 {
				margin-bottom: 10px !important;
		}
		.s-mb20 {
				margin-bottom: 20px !important;
		}
		.s-mb30 {
				margin-bottom: 30px !important;
		}
		.s-mb40 {
				margin-bottom: 40px !important;
		}
		.s-mb50 {
				margin-bottom: 50px !important;
		}
		.s-mb60 {
				margin-bottom: 60px !important;
		}
		.s-mb80 {
				margin-bottom: 80px !important;
		}
}

@media screen and (min-width: 991px) and (max-width: 1100px) {
		.container {
				width: 900px;
		}
}

@media screen and (min-width: 1101px) and (max-width: 1200px) {
		.container {
				width: 1000px;
		}
}

@media screen and (min-width: 1201px) {
		.container {
				width: 1100px;
		}
}

@media screen and (min-width: 991px) {
		.content-left {
				float: left;
				width: 47%;
				margin-right: 6%;
		}
		.content-right {
				float: left;
				width: 47%;
		}
		.content-left-col3 {
				float: left;
				width: 57%;
				margin-right: 6%;
		}
		.content-right-col2 {
				float: left;
				width: 37%;
		}
		.content-left-col4 {
				float: left;
				width: 77%;
				margin-right: 6%;
		}
		.content-right-col1 {
				float: left;
				width: 17%;
		}
		.content-left-col1 {
				float: left;
				width: 17%;
				margin-right: 6%;
		}
		.content-right-col4 {
				float: left;
				width: 77%;
		}
		.width8 {
				width: 80%;
				margin: 0 auto;
		}
		.width6 {
				width: 60%;
				margin: 0 auto;
		}
		.width7 {
				width: 70%;
				margin: 0 auto;
		}
}

@media screen and (max-width: 990px) {
		br.m-display {
				display: none;
		}
		.width8,
		.width6,
		.width7 {
				width: 100%;
				margin: 0;
		}
		article {
				padding: 0;
		}
		.content-left,
		.content-right,
		.content-left-col3,
		.content-right-col2,
		.content-left-col4,
		.content-right-col1,
		.content-left-col1,
		.content-right-col4 {
				width: 100%;
		}
}
@media screen and (min-width: 600px) {
		.xxs-only {
				display: none;
		}
}
@media screen and (min-width: 769px) {
		br.xs-display {
				display: none;
		}
		.xs-only {
				display: none;
		}
}
@media screen and (max-width: 768px) {
		br.xs-hide {
				display: none;
		}
		.xs-hide {
				display: none;
		}
}
@media screen and (min-width: 981px) {
		.pc-only {
				display: block;
		}
}
@media screen and (max-width: 980px) {
		.pc-only {
				display: none;
		}
}
@media screen and (min-width: 981px) {
		.sp-only {
				display: none;
		}
}
@media screen and (max-width: 980px) {
		.sp-only {
				display: block;
		}
}


/*********************
DESIGN
*********************/

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

.fade {
		color: #999;
}

.height-max {
		height: 100%;
}

@media screen and (min-width: 991px) {
		.image-fit {
				width: 100%;
		}
}

@media screen and (max-width: 990px) {
		.image-fit {
				max-width: 70%;
		}
}

.box,
.box-gray {
		padding: 1em 1.8em;
		background: #FAFAFA;
		width: 100%;
}

.bg-secondary .box {
		padding: 1em 1.8em;
		background: white;
}

.box-line {
		border: 1px solid #DDD;
		padding: 1em 1.6em;
		border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
}

.box-white {
		background: white;
		padding: 1.8em;
		border: 1px solid #CCC;
}
.box-card {
		box-shadow: 0px 1px 5px #EEE;
		background: white;
		padding: 15px 25px 20px;
}

.box.caution {
		border: 5px solid #daa520;
}

@media screen and (min-width: 768px) {
		.minimum-area {
				min-height: 550px;
		}
}

.bg-secondary {
		background: #FAFAFA;
}
.bg-white {
		background: white;
}

ul.list-important {
		padding-left: 20px;
}

ul.list-important li {
		list-style: decimal outside none;
		margin-bottom: 1em;
}

.shadow {
		box-shadow: 0px 0px 16px #CCC;
}

.font-small {
		font-size: .85em;
}
.font-large {
		font-size: 1.25em;
}
a.link-style-ar {
		text-decoration: none;
		color: black;
}
a.link-style-ar:hover {
		color: #666;
}
a.link-style-ar:before {
		font-family: FontAwesome;
		content: '\f0da';
		margin-right: 3px;
		font-size: 11px;
}
a.link-style-ar02 {
		text-decoration: none;
		color: black;
}
a.link-style-ar02:hover {
		color: #999;
}
a.link-style-ar02:after {
		font-family: FontAwesome;
		content: '\f0da';
		margin-left: 5px;
		font-size: 11px;
}

@media screen and (max-width: 990px) {
		.point,
		.box,
		.box-line,
		.box-white {
				width: 100%;
				margin: 0 0 10px;
		}
}

.out-link:after {
		font-family: FontAwesome;
		text-decoration: none;
		font-size: 12px;
		content: '\f08e';
		margin-left: 3px;
}
img.img100 {
		width: 100%;
		height: auto;
}
img.img70 {
		width: 70%;
		height: auto;
}

/*********************
FORM
*********************/

.form .format-info {
		padding: 5px 0 0;
		font-size: .8em;
}
dl.form dt,
dl.form dd {
		display: block;
		padding: 0;
		margin: 0;
}

.form input,
.form textarea {
		border: 1px solid #DDD;
		border-radius: 3px;
		font-size: 1em;
		background: #FCFCFC;
		padding: 0.7em;
		width: 100%;
}
.form select {
		border: 1px solid #DDD;
		border-radius: 3px;
		font-size: 1em;
		background: #FCFCFC;
		padding: 0.5em 0.7em;
}
.form input[type="email"]:focus,
.form input[type="text"]:focus,
.form textarea:focus {
		background: white;
		border: 1px solid #1e90ff;
}
.form input[type="checkbox"] {
		display: inline-block;
		width: inherit;
}
.form-btn {
		text-align: center;
}
.form-btn input {
		font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, "メイリオ", Meiryo, sans-serif;
		border-radius: 3px;
		padding: 15px 25px;
		background: #074097;
		color: white;
		font-weight: bold;
		box-shadow: 0px 2px 5px #EEE;
		transition: .25s;
}
.form-btn input:hover {
		background: #0f5cdd;
		box-shadow: 0px 5px 15px #999;
		cursor: pointer;
}
.mwform-zip-field {
		letter-spacing: 5px;
}

/* CATALOGUE */
.catalogue-thumb-wrapper {
		font-size: 0;
		background: #FAFAFA;
		border: 1px solid #EEE;
		padding: 20px;
		text-align: center;
		border-radius: 5px;
}
.catalogue-thumb-wrapper h4 {
		font-weight: bold;
		font-size: 15px;
		margin: 0;
		padding: 10px 0 15px;
		color: #666;
}
.catalogue-thumb {
		display: inline-block;
		width: 40%;
		padding: 10px 5%;
		text-align: center;
}
.catalogue-thumb div {
		font-size: 12px;
		font-weight: bold;
		margin-top: 5px;
}
.catalogue-thumb a img {
		box-shadow: 0px 1px 5px #CCC;
		transition: .25s;
		width: 50%;
		max-width: 150px;
}
.catalogue-thumb a img:hover {
		box-shadow: 0px 3px 10px #AAA;
}

@media screen and (max-width: 769px) {
		.catalogue-thumb {
				display: block;
				width: 100%;
				padding: 10px 0;
		}
}

/*********************
NAVIGATION
*********************/

.head-inner {
		width: 100%;
		margin: 0 auto;
}

.head-inner:after {
		content: "";
		clear: both;
		display: block;
}


/* header */

#head-wrapper {
		background: #074097;
}
#head-bar {
		font-size: 74%;
		background: #f5f5f5;
		color: #222;
		padding: 14px;
  align-items: center;
    display: flex;
    justify-content: space-between;
}

#head-bar #head-left {
		float: left;
}

#head-bar #head-right {
		float: right;
		font-size: 0;
}

#head-bar #head-right nav li {
		display: inline-block;
		padding: 0 7px;
}

#head-bar #head-right nav a {
		font-weight: bold;
		font-size: 12px;
		color: #222;
}

#head-bar #head-right nav a:hover {
		color: #999;
}

#top-head {
		top: -100px;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		line-height: 1;
		z-index: 999;
}

#top-head .logo {
		height: 40px;
		margin-left: 16px;
		display: inline-block;
}

#top-head a,
#top-head {
		text-decoration: none;
}

#global-nav ul {
		list-style: none;
		overflow: hidden;
		font-size: 0;
}

#global-nav ul#menu li {
		list-style: none;
		display: inline-block;
		line-height: 1.4;
}

#global-nav ul#menu li a {
		display: block;
		padding: 0 12px;
		font-weight: bold;
		font-size: 14px;
		color: white;
		border-right: 1px solid #4b7ac1;
}
#global-nav.nav_en ul#menu li a {
    font-size: 20px;
  }
#global-nav ul#menu li:last-child a {
		border-right: none;
}

#global-nav #menu-mobile {
		display: none;
}

/* Dropdown */
#global-nav ul#menu li.dropdown ul {
		position: relative;
}
#global-nav ul#menu li.dropdown span {
		display: block;
		padding: 0 12px;
		font-weight: bold;
		font-size: 14px;
		color: white;
		border-right: 1px solid #4b7ac1;
}
#global-nav ul#menu li.dropdown {
		color: #333;
}
#global-nav ul#menu li.dropdown ul {
		position: absolute;
		top: 42px;
	left: 17%;
		visibility: hidden;
		opacity: 0;
		transition: .2s ease-in-out;
		transform: translateY(-10px);
}
#global-nav ul#menu li.dropdown ul li {
		float: none;
		display: block;
}
#global-nav ul#menu li.dropdown ul li a {
		border: none;
		border-top: 1px solid #999;
		color: white;
		font-weight: normal;
		background: #666;
		display: block;
		font-size: 14px;
		padding: 15px;
}
#global-nav ul#menu li.dropdown ul li a:hover {
		color: white;
		background: #777;
}
#global-nav ul#menu li.dropdown:hover > ul {
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
		z-index: 9999;
}


/* Toggle Button */

#nav-toggle {
		display: none;
		position: absolute;
		right: 16px;
		top: 12px;
		width: 30px;
		height: 36px;
		cursor: pointer;
		z-index: 101;
}

#nav-toggle div {
		position: relative;
}

#nav-toggle span {
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: #CCC;
		left: 0;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
}

#nav-toggle span:nth-child(1) {
		top: 0;
}

#nav-toggle span:nth-child(2) {
		top: 8px;
}

#nav-toggle span:nth-child(3) {
		top: 16px;
}

#nav-toggle div#toggle-menu {
		top: 24px;
		font-size: 10px;
		color: white;
}

@media screen and (min-width: 1226px) {
		#head-wrapper {
				position: relative;
		}
		#mobile-head,
		#mobile-head h1 {
				display: inline-block;
				margin: 0;
		}
		#mobile-head {
				padding-top: 20px;
				position: relative;
				height: 75px;
		}
		#global-nav {
				right: 160px;
				position: absolute;
				padding-top: 30px;
				height: 75px;
		}
  #global-nav.nav_en {
    left: 460px;
    right: auto;
  }
		#global-nav,
		#global-nav ul#menu {
				display: inline-block;
		}
		#global-shop-btn {
				display: inline-block;
				text-align: center;
				right: 0;
				position: absolute;
				background: white;
				height: 75px;
				transition: .25s;
				color: #074097;
		}

		#global-shop-btn a {
				display: block;
				color: #074097;
				font-weight: bold;
				font-size: 12px;
				padding: 15px 20px;
				height: 100%;
				letter-spacing: -1px;
		}
		#global-shop-btn:hover,
		#global-shop-btn a:hover {
				background: #c19a0f;
				color: white;
		}
		#global-shop-btn a:before {
				display: block;
				font-family: FontAwesome;
				text-decoration: none;
				font-weight: normal;
				font-size: 28px;
				content: '\f07a';
				margin-bottom: 8px;
		}
}

@media screen and (min-width: 1021px) and (max-width: 1225px) {
		#head-wrapper {
				position: relative;
		}
		#mobile-head,
		#mobile-head h1 {
				display: inline-block;
				margin: 0;
		}
		#top-head .logo {
				height: 30px;
		}
		#mobile-head,
		#global-nav {
				padding-top: 20px;
				position: relative;
				height: 60px;
		}
		/**/
		#global-nav {
				padding-top: 25px;
				right: 120px;
				position: absolute;
		}
		/**/
		#global-nav,
		#global-nav ul#menu {
				display: inline-block;
		}
		#global-nav ul#menu li a,
		#global-nav ul#menu li.dropdown span {
				padding: 0 10px;
				font-size: 12px;
				border-right: 1px solid #4b7ac1;
		}
		#global-nav ul#menu li.dropdown ul li a {
				font-size: 13px;
				padding: 12px;
		}
		#global-shop-btn {
				display: inline-block;
				text-align: center;
				right: 0;
				position: absolute;
				background: white;

				height: 60px;
				transition: .25s;
		}
		#global-shop-btn:hover {
				background: #c19a0f;
		}
		#global-shop-btn a {
				display: block;
				color: #074097;
				font-weight: bold;
				font-size: 10px;
				padding: 10px 10px;
				height: 100%;
				letter-spacing: -1px;
		}
		#global-shop-btn a:before {
				display: block;
				font-family: FontAwesome;
				text-decoration: none;
				font-weight: normal;
				font-size: 20px;
				content: '\f07a';
				margin-bottom: 8px;
		}
}

@media screen and (max-width: 1020px) {
		#global-nav #menu-mobile {
				display: block;
		}
		#global-nav ul#menu,
		#head-bar {
				display: none;
		}
		#top-head,
		.head-inner {
				width: 100%;
				padding: 0;
		}
		#top-head {
				top: 0;
				position: fixed;
				margin-top: 0;
		}
		#top-head .head-inner {
				text-align: center;
		}
		/* Fixed reset */
		#top-head.fixed {
				padding-top: 0;
				background: transparent;
		}
		#mobile-head {
				background: #074097;
				color: white;
				width: 100%;
				height: 60px;
				z-index: 999;
				position: absolute;
		}
		#top-head.fixed .logo,
		#top-head .logo {
				position: absolute;
				left: 0;
				top: 8px;
				height: 40px;
		}
		#global-nav {
				position: absolute;
				top: -600px;
				background: #DDD;
				width: 100%;
				padding: 10px 0;
				-webkit-transition: .5s ease-in-out;
				-moz-transition: .5s ease-in-out;
				transition: .5s ease-in-out;
				overflow: auto;
		}
		#global-nav ul {
				font-size: 0;
				list-style: none;
				position: static;
				right: 0;
				bottom: 0;
		}
		#global-nav ul li {
				float: none;
				position: static;
				font-size: 13px;
				font-weight: bold;
				text-align: left;
		}
		/*#top-head #global-nav ul li a,
		#top-head.fixed #global-nav ul li a {
				width: 100%;
				display: block;
				color: #fff;
				padding: 18px 0;
		}*/
		#global-nav #menu-mobile li.list,
		#global-nav #menu-mobile li.list-shop {
				display: block;
				margin: 5px 15px;
				box-shadow: 0px 0px 5px #CCC;
		}
		#global-nav #menu-mobile li.has-child:after {
				clear: both;
		}
		#global-nav #menu-mobile li.has-child:before,
		#global-nav #menu-mobile li.has-child:after {
				display: table;
				content: " ";
		}
		#global-nav #menu-mobile li.list a,
		#global-nav #menu-mobile li.list-shop a {
				width: 100%;
				padding: 10px 15px;
				display: block;
				background: white;
				color: #074097;
		}

		/* has-child */
		#global-nav #menu-mobile li.has-child > ul,
		#global-nav #menu-mobile li.has-child > ul li {
				margin: 0;
				padding: 0;
		}
		#global-nav #menu-mobile li.has-child {
				background: white;
		}
		#global-nav #menu-mobile li.has-child h3 {
				margin: 0;
				padding: 10px 15px;
				font-size: 13px;
				background: white;
				float: left;
				width: 40%;

		}
		#global-nav #menu-mobile li.has-child > ul {
				float: left;
				width: 59%;
				border-left: 1px solid #E0E0E0;
		}
		#global-nav #menu-mobile li.has-child > ul li a {
				font-size: 12px;
				font-weight: normal;
				margin-top: 1px;
				border-top: 1px solid #E0E0E0;
		}
		#global-nav #menu-mobile li.has-child > ul li:first-child a {
				border: none;
		}

		#global-nav #menu-mobile li.list-shop a {
				color: #c19a0f;
		}
		#nav-toggle {
				display: block;
		}
		#top-head.fixed .logo {
				margin-left: 0;
		}
		.open #nav-toggle span:nth-child(1) {
				top: 11px;
				-webkit-transform: rotate(315deg);
				-moz-transform: rotate(315deg);
				transform: rotate(315deg);
		}
		.open #nav-toggle span:nth-child(2) {
				width: 0;
				left: 50%;
		}
		.open #nav-toggle span:nth-child(3) {
				top: 11px;
				-webkit-transform: rotate(-315deg);
				-moz-transform: rotate(-315deg);
				transform: rotate(-315deg);
		}
		.open #global-nav {
				-moz-transform: translateY(660px);
				-webkit-transform: translateY(660px);
				transform: translateY(660px);
		}
		.content-first {
				margin-top: 56px;
		}
}

.head-fixed {
		display: none;
}

#top-head.fixed .head-load {
		display: none;
}

#top-head.fixed .head-fixed {
		display: inline-block;
}


/*********************
FOOT-BANNER
*********************/

#foot-banner-wrapper {
		background: url('../images/stripe_bg.png') top left;
		background-size: 10px 10px;
		border-top: 1px solid #EAEAEA;
		border-bottom: 1px solid #EAEAEA;
		text-align: center;
		padding: 40px 0;
}
#foot-banner-wrapper ul li {
		list-style: none;
}
.banner-slide img {
		padding: 10px;
		width: 100%;
		height: auto;
}
.tab-only {
		display:none;
}
@media all and (min-width: 521px) {
		#foot-banner-wrapper ul li {
				display: inline-block;
				margin: 5px;
		}
}
@media all and (min-width: 521px) and (max-width: 1080px) {
		.tab-only {
				display:block;
		}
}
@media all and (max-width: 520px) {
		#foot-banner-wrapper ul li {
				display: block;
				margin: 5px 0;
		}
}


/*********************
FOOTER
*********************/

#foot-container {
		background: #6F6F6F;
		padding: 50px 0 70px;
		color: white;
}

#foot-container ul,
#foot-container ul li {
		list-style: none;
		display: inline-block;
		margin: 0;
		padding: 0;
		font-size: 0;
}

.foot-logo {
		margin-bottom: 30px;
}
.foot-logo img {
		width: 150px;
}
#foot-container #foot-menu ul li{
		margin: 0 auto;
}
#foot-container #foot-menu ul li a {
		text-decoration: none;
		color: #EEE;
		font-size: 13px;
}

#foot-container #foot-menu ul li a:hover {
		color: white;
}
.foor_en .foot-logo {
  margin-bottom: 0;
}

.copyright {
		font-size: 11px;
		color: #CCC;
		text-align: center;
}

@media all and (min-width: 1001px) {
		.foot-logo {
				float: left;
		}
		#foot-menu {
				float: right;
				margin-top: 5px;
		}
		#foot-menu ul li {
				border-right: 1px solid #999;
		}
		#foot-menu ul {
				border-left: 1px solid #999;
		}
		#foot-sp {
				display: none;
		}
}

@media all and (max-width: 1141px) {
		#foot-container {
				text-align: center;
		}
		#foot-menu ul li {
				border-right: 1px solid #999;
		}
		#foot-menu ul {
				border-left: 1px solid #999;
		}
		#foot-container .container {
				margin-top: 0;
				margin-bottom: 20px;
		}
}

@media all and (max-width: 980px) {
		#foot-sp ul li {
				font-size: 13px;
		}
		#foot-sp {
				display: block;
				margin-bottom: 20px;
		}
		#foot-sp ul li a {
				text-decoration: none;
				color: white;
		}
}

@media all and (min-width: 981px) and (max-width: 1140px) {
		#foot-menu ul li {
				border-right: 1px solid #999;
		}
		#foot-menu ul {
				border-left: 1px solid #999;
		}
		#foot-sp ul li a {
				padding: 5px 15px;
				background: #626262;
				margin: 0 2px;
				border-radius: 5px;
				color: white;
		}
}

@media all and (max-width: 980px) {
		#foot-menu ul,
		#foot-sp ul {
				width: 100%;
				border: none;
		}
		#foot-menu ul li {
				display: block;
				border: none;
		}
		#foot-menu ul li a {
				background: #555;
				display: block;
				padding: 15px !important;
				margin-bottom: 5px !important;
				border-radius: 5px;
		}
		#foot-sp {
				border-top: 1px solid #555;
		}
		#foot-sp ul li {
				width: 80%;
		}
		#foot-sp ul li a {
				padding-top: 15px;
				padding-bottom: 15px;
				width: 100%;
				display: block;
				border-right: 1px solid #555;
				border-left: 1px solid #555;
				border-bottom: 1px solid #555;
		}
	#foot-sp ul.nav{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -ms-flex-wrap: wrap;
      justify-content: center;
			flex-wrap: wrap;
      margin-bottom: 1em;
		}
	#foot-sp ul.nav li {
				width: 33.33%;
		}
		#foot-sp ul.nav li a {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 68px;
		}
	#foot-menu{
		margin-top: 1.5em;
	}
}


/* to_top */

#pageTop {

		position: fixed;
		bottom: 20px;
		right: 10px;
}
#pageTop a {
		display: block;
		z-index: 999;
		padding: 4px 8px 0;
		border-radius: 30px;
		width: 35px;
		height: 35px;
		background-color: #074097;
		color: white;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
}
#pageTop a:hover {
		text-decoration: none;
		opacity: 0.7;
}


/*********************
TITLE
*********************/

#page-title {
		border-top: 1px solid #EEE;
		border-bottom: 1px solid #EEE;
		padding: 15px 20px;
}

#page-title ul.breadcrumb li {
		display: inline-block;
		font-size: 13px;
}

#page-title ul.breadcrumb li:after {
		font-family: FontAwesome;
		font-size: 10px;
		content: '\f105';
		margin: 0 3px 5px;
}

#page-title ul.breadcrumb li:last-child:after {
		content: "";
}

#page-title ul.breadcrumb li.selected {
		font-weight: bold;
}

/* @media screen and (max-width: 900px) {
		#page-title {
				margin-top: 11.7rem;
				background: #FAFAFA;
				padding: 10px 20px;
		}
} */


/*********************
INFORMATION
*********************/


/*********************
SHOP-SPEC
*********************/

#shop-head .container {
		margin-top: 0;
		margin-bottom: 0;
}

#shop-head {
		margin-top: 40px;
		margin-bottom: 20px;
}

#shop-head .shop-jopro {
		font-size: 12px;
		font-weight: bold;
		color: #666;
		margin-bottom: 5px;
}

h2#shop-title {
		font-size: 160%;
		font-weight: bold;
		margin: 0 0 15px;
		padding: 0;
}

h2#shop-title span {
		font-size: 70%;
		font-weight: normal;
		margin-left: 15px;
}

#info-primary > .tel-wrapper > .tel {
		display: inline-block;
		margin-right: 15px;
}
#info-primary > .tel-wrapper > .tel a {
		font-size: 140%;
		font-weight: bold;
		margin-bottom: 5px;
		text-decoration: none;
		color: #222;
}

#info-primary > .tel-wrapper > .tel a:before {
		font-family: FontAwesome;
		font-size: 94%;
		font-weight: normal;
		content: '\f095';
		margin-right: 3px;
}
#info-primary > .tel-wrapper > .shop-fax {
		font-size: 112%;
		font-weight: bold;
		color: #333;
		display: inline-block;
}
#info-primary > .tel-wrapper > .shop-fax span {
		font-size: 72%;
		line-height: 1;
		color: white;
		background-color: #AAA;
		display: inline-block;
		padding: 1px 5px;
		margin-right: 5px;
		margin-bottom: 2px;
}

#info-primary > .add {
		font-weight: bold;
		margin-bottom: 7px;
}

#info-secondary > .access {
		margin-bottom: 10px;
}

#info-secondary > .access dl {
		margin: 0;
		padding: 0 0 5px;
}

#info-secondary > .access dt,
#info-secondary > .access dd {
		display: inline;
		margin: 0;
		padding: 0;
}

#info-primary > .time table th,
#info-secondary > .access dt {
		padding-right: 0.8em;
		vertical-align: top;
}

#info-primary > .time table th {
	min-width: 5em;
}

#info-primary > .time table tr.sale {
		color: crimson;
}

#info-primary .info-note {
	color: red;
}

#info-secondary > ul.shop-point,
#info-secondary > ul.shop-point li {
		list-style: none;
		margin: 0;
		padding: 0;
		display: inline-block;
		font-size: 0;
}

#info-secondary > ul.shop-point li {
		margin-left: 2px;
}

#info-secondary > ul.shop-point li {
		padding: 10px 7px;
		color: white;
		font-size: 11px;
		font-weight: bold;
		line-height: 1;
}

#info-secondary > ul.shop-point li.shop-point01 {
		background: #009688;
}

#info-secondary > ul.shop-point li.shop-point02 {
		background: #c19a0f;
}

#info-secondary > ul.shop-point li.shop-point03 {
		background: #9370db;
}

#info-secondary > ul.shop-point li.shop-point04 {
		background: #e91e63;
}

#info-secondary > ul.shop-point li.shop-point05 {
		background: #607d8b;
}

#info-secondary > ul.shop-point li.shop-point06 {
		background: #2196f3;
}

#info-secondary > ul.shop-point li.shop-point07 {
		display: none;
}

@media all and (min-width: 1001px) {
		#info-primary {
				display: inline-block;
				float: left;
		}
		#info-secondary {
				display: inline-block;
				float: right;
		}
		#info-primary > .time {
				border: 1px solid #ececec;
				background: #fafafa;
				padding: 10px 15px 7px;
				border-radius: 5px;
				display: inline-block;
		}
		.school-template-theme-school-sg-clug #info-primary > .time {
			width: 574px;
		}
		#info-secondary {
			text-align: right;
			margin-top: -40px;
		}
		#info-secondary > .page-print a {
				border-radius: 5px;
				box-shadow: 0px 2px 5px #999;
				background-image: -moz-linear-gradient(top, #555, #333);
				background-image: -ms-linear-gradient(top, #555, #333);
				background-image: -o-linear-gradient(top, #555, #333);
				background-image: -webkit-linear-gradient(top, #555, #333);
				background-image: linear-gradient(top, #555, #333);
				background-clip: padding-box;
				display: inline-block;
				padding: 8px 15px;
				color: #EEE;
				text-decoration: none;
				font-size: 12px;
				font-weight: bold;
				margin-bottom: 20px;
		}
		#info-secondary > .page-print a:before {
				font-family: FontAwesome;
				font-size: 14px;
				font-weight: normal;
				content: '\f02f';
				margin-right: 5px;
		}
}

@media all and (max-width: 1000px) {
		#info-primary {
				margin-bottom: 10px;
		}
		.shop-head-inner {
				background: #f6f6f6;
				padding: 10px 20px 15px;
		}
		#info-secondary > .page-print {
				display: none;
		}
		ul#shop-point {
				margin-bottom: 20px;
		}
}

@media all and (min-width: 1001px) and (max-width: 1100px) {
		#info-secondary {
				width: 350px;
		}
		.school-template-theme-school-sg-clug #info-secondary {
				width: 366px;
		}
		#info-secondary > ul.shop-point li {
				/*width: 45%;*/
				margin-bottom: 2px;
				text-align: center;
		}
		#info-secondary > .page-print a {
				margin-bottom: 10px;
		}
}

@media all and (max-width: 600px) {
		ul.shop-point {
				width: 100%;
		}
		ul.shop-point > li {
				font-size: 11px;
				text-align: center;
				padding: 10px 5px;
				width: 49%;
				margin-bottom: 2px;
				display: inline-block;
		}
}

@media all and (min-width: 768px) {
		a[href^="tel:"] {
				pointer-events: none;
		}
}

@media all and (max-width: 767px) {
		#info-primary > .tel-wrapper > .tel a {
				border-radius: 5px;
				box-shadow: 0px 2px 5px #999;
				background-image: -moz-linear-gradient(top, #555, #333);
				background-image: -ms-linear-gradient(top, #555, #333);
				background-image: -o-linear-gradient(top, #555, #333);
				background-image: -webkit-linear-gradient(top, #555, #333);
				background-image: linear-gradient(top, #555, #333);
				background-clip: padding-box;
				display: inline-block;
				padding: 5px 15px;
				color: #EEE;
				text-decoration: none;
				font-weight: bold;
				margin: 10px 0;
		}
}

@media all and (max-width: 400px) {
		#info-primary > .time table th,
		#info-primary > .time table td {
				width: 100%;
				display: block;
		}
		#info-primary > .time table th {
			min-width: auto;
		}
		#info-primary > .time table {
				margin-bottom: 20px;
		}
}

/* #shop-map .shop-map-inner {
		width: 90%;
		height: 420px;
		margin: 0 auto 40px;
		margin-bottom: 40px;
		background: #EEE;
} */
#shop-map .shop-map-inner iframe {
		width: 100%;
		height: 100%;
}


/* fixes potential theme css conflict */

#shop-map .shop-map-inner img {
		max-width: inherit !important;
}

@media screen and (max-width: 767px) {
		#shop-map .shop-map-inner {
				margin: 0 auto 20px;
		}
}

#shop-qr {
		display: none;
}


/*********************
SHOP-EVENT
*********************/

#shop-event {
		box-shadow: 0px 5px 10px #CCC;
		background: url("../images/event-banner_bg.png") #e73428;
}

#shop-event > .event-banner,
#shop-event > .flyer {
		display: inline-block;
}

#shop-event > .flyer a {
		box-shadow: 0px 3px 10px #9f1811;
		display: block;
		text-decoration: none;
		font-weight: bold;
		font-size: 13px;
		color: #222;
		background: white;
		text-align: center;
}

#shop-event > .flyer a:after {
		font-family: FontAwesome;
		font-size: 15px;
		font-weight: normal;
		content: '\f138';
		margin-left: 8px;
}

#shop-event > .flyer a:hover {
		background: #c19a0f;
		color: white;
}

@media all and (min-width: 1100px) {
		#shop-event {
				width: 1000px;
				margin: 0 auto 40px;
				font-size: 0;
		}
		#shop-event > .event-banner {
				width: 700px;
		}
		#shop-event > .flyer {
				width: 260px;
				margin: 20px;
		}
		#shop-event > .flyer a {
				padding: 30px 10px;
				width: 100%;
		}
}

@media all and (max-width: 1099px) {
		#shop-event {
				width: 700px;
				margin: 0 auto 40px;
		}
		#shop-event > .event-banner img {
				width: 100%;
				max-width: 700px;
		}
		#shop-event > .flyer {
				padding: 15px;
				width: 100%;
		}
		#shop-event > .flyer a {
				padding: 15px;
				width: 100%;
		}
}

@media all and (max-width: 799px) {
		#shop-event {
				width: 90%;
				margin: 0 auto 40px;
		}
}


/*********************
SHOP-INFO
*********************/

#shop-info > .shop-photo,
#shop-info > .shop-voice {
		display: block;
}

#shop-info > .shop-voice {
		background: #F6F6F6;
}

#shop-info > .shop-voice .staff-photo img {
		width: 150px;
		height: 150px;
		border-radius: 75px;
}

#shop-info > .shop-voice h3 {
		padding: 0;
		margin: 0 0 10px;
		line-height: 1;
		font-style: italic;
		font-weight: bolder;
		font-size: 13px;
		letter-spacing: 2px;
}

#shop-info > .shop-voice h4 {
		padding: 0;
		margin: 0 0 10px;
		font-size: 14px;
		line-height: 1;
}

#shop-info > .shop-voice .voice-title {
		text-align: center;
}

@media all and (min-width: 1100px) {
		#shop-info,
		#line-at {
				width: 1000px;
				margin: 0 auto 40px;
				font-size: 0;
		}
		#shop-info > .shop-photo,
		#shop-info > .shop-voice {
				width: 50%;
				float: left;
		}
		#shop-info > .shop-voice {
				font-size: 14px;
				height: 300px;
		}
		#shop-info > .shop-voice .shop-voice-inner {
				padding: 40px 30px 0;
		}
		#shop-info > .shop-photo img {
				width: 100%;
		}
		#shop-info > .shop-voice .voice-title {
				width: 150px;
				margin-right: 30px;
				float: left;
		}
		#shop-info > .shop-voice .voice-body {
				width: 250px;
				float: left;
		}
}

@media all and (max-width: 1099px) {
		#shop-info,
		#line-at {
				width: 700px;
				margin: 0 auto 40px;
		}
		#shop-info > .shop-photo img {
				width: 100%;
				max-width: 700px;
		}
		#shop-info > .shop-voice .voice-title {
				margin-bottom: 20px;
		}
		#shop-info > .shop-voice .shop-voice-inner {
				padding: 40px;
		}
		#shop-info > .shop-voice h4 {
				text-align: center;
		}
}

@media all and (max-width: 799px) {
		#shop-info,
		#line-at {
				width: 90%;
				margin: 0 auto 40px;
		}
}

/*---- LINE@ ----*/

#line-at {
		background: #00c402;
		font-size: 0;
		text-align: center;
		vertical-align: top;
}
#line-at div.title dl {
		width: 270px;
		margin-right: 40px;
		text-align: center;
}
#line-at div.title dt img {
		width: 160px;
		height: auto;
}
#line-at div.title dd {
		background: white;
		border-radius: 15px;
		font-weight: bold;
		font-size: 16px;
		padding: 2px 10px;
		margin: 15px 0 0;
}

.line-body {
		color: white;
		font-size: 14px;
		font-weight: bold;
}

.line-qr img {
		width: 100%;
		height: auto;
}
.line-qr {
		width: 100px;
		margin: 0;
		padding: 0;
}
.line-btn p {
		display: inline-block;
}
.line-btn {
		background: white;
}

@media all and (min-width: 1100px) {
		#line-at {
				padding: 30px;
		}
		#line-at article {
				width: 900px;
				margin: 0 auto;
		}
		#line-at .title,
		#line-at .line-body,
		#line-at .line-btn {
				float: left;
		}
		.line-body {
				text-align: left;
				margin-right: 40px;
				margin-top: 1em;
				width: 420px;
				font-size: 15px;
		}
		.line-btn .line-add {
				display: none;
		}
}
@media all and (min-width: 800px) and (max-width: 1099px) {
		#line-at {
				padding: 30px;
		}
		#line-at .title,
		#line-at .line-body,
		#line-at .line-btn {
				float: left;
		}
		#line-at div.title dl {
				margin-right: 20px;
		}
		.line-body {
				text-align: left;
				margin-right: 20px;
				margin-top: 1em;
				width: 230px;
		}
		.line-btn .line-add {
				display: none;
		}
}
@media all and (max-width: 799px) {
		#line-at {
				padding-top: 30px;
				border: 4px solid #00c402;
		}
		#line-at div.title dl {
				margin: 0 auto 20px;
		}
		.line-body {
				text-align: left;
				margin: 0 30px 20px;
		}
		.line-btn {
				padding: 10px;
		}
		.line-btn p {
				margin: 10px;
		}
		.line-btn .line-qr {
				display: none;
		}
}


/*********************
SQ_SLIDE
*********************/

#sq-banner-wrapper {
		background: url('../images/stripe_bg.png') top left;
		background-size: 10px 10px;
		border-top: 1px solid #EAEAEA;
		border-bottom: 1px solid #EAEAEA;
}

.banner-slide {
		width: 1000px;
		margin: 15px auto;
}

.banner-slide a {
		margin: 0;
		padding: 0;
}
.banner-slide a:hover {
		opacity: 0.7;
}

.banner-slide img {
		padding: 10px;
		width: 100%;
		height: auto;
}

@media all and (max-width: 1099px) {
		.banner-slide {
				width: 90%;
				margin: 15px auto;
		}
}

@media all and (max-width: 800px) {
		.slick-prev::before,
		.slick-next::before {
				display: none;
		}
}


/*********************
BLOG-INFORMATION
*********************/

#blog-information {
		padding-top: 60px;
		padding-bottom: 40px;
		font-size: 0;
		background: #FBFBFB;
}

#blog-information h3 {
		text-align: center;
		font-size: 20px;
		margin-bottom: 40px;
}

ul#shop-blog-wrapper li {
		display: inline-block;
		width: 23%;
		margin: 0 1%;
		background: white;
		box-shadow: 0px 2px 5px #CCC;
		transition: .25s;
}

ul#shop-blog-wrapper li:hover {
		box-shadow: 0px 5px 15px #AAA;
}

ul#shop-blog-wrapper li a {
		text-decoration: none;
		color: #222;
		display: inline-block;
		padding: 0;
		height: 100%;
}

ul#shop-blog-wrapper dl {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		position: relative;
}

ul#shop-blog-wrapper dl dd {
		padding: 5px 15px 15px;
		margin: 0;
}

ul#shop-blog-wrapper dl dt img {
		width: 100%;
		height: auto;
		padding-bottom: 10px;
}

ul#shop-blog-wrapper dl h4 {
		font-size: 16px;
		margin: 0;
		padding: 0;
}

ul#shop-blog-wrapper dl p {
		padding: 0;
		margin: 0;
}
ul#shop-blog-wrapper dl p.blog-valid {
		font-size: 11px;
		font-weight: bold;
		color: crimson;
		margin-bottom: 15px;
}
ul#shop-blog-wrapper dl p.blog-cat {
		font-size: 11px;
		font-weight: bold;
		color: white;
		padding: 6px 10px;
		line-height: 1;
		display: inline-block;
		background: #333;
		right: 0;
		top: 0;
		position: absolute;
}

ul#shop-blog-wrapper dl p.blog-cat01 {
		background: #8f4c4f;
}

ul#shop-blog-wrapper dl p.blog-cat02 {
		background: #c19a0f;
}

ul#shop-blog-wrapper dl p.blog-cat03 {
		background: #095dcf;
}

ul#shop-blog-wrapper dl p.blog-cat04 {
		background: #00734b;
}

ul#shop-blog-wrapper dl p.blog-date {
		font-size: 11px;
		color: #666;
		letter-spacing: 2px;
		margin-bottom: 5px;
}

ul#shop-blog-wrapper dl p.blog-body {
		font-size: 14px;
		margin: 10px 0 15px;
}

ul#shop-blog-wrapper li a p.blog-btn {
		font-size: 12px;
		font-weight: bold;
		border-radius: 3px;
		color: #222;
		text-decoration: none;
		text-align: center;
		padding: 10px;
		background: #ece8e0;
		display: block;
		transition: .25s;
}

ul#shop-blog-wrapper li a:hover p.blog-btn {
		background: #d8d3c8;
}

@media all and (min-width: 601px) and (max-width: 1000px) {
		ul#shop-blog-wrapper li {
				width: 46%;
				margin: 0 2% 20px;
		}
}

@media all and (min-width: 441px) and (max-width: 600px) {
		ul#shop-blog-wrapper li {
				width: 100%;
				margin: 10px 0;
				font-size: 0;
				padding-top: 30px;
				border-top: 1px solid #DDD;
				background: none;
				box-shadow: none;
		}
		ul#shop-blog-wrapper li a {
				display: inline;
		}
		ul#shop-blog-wrapper li:hover {
				box-shadow: none;
		}
		ul#shop-blog-wrapper dl dt {
				width: 28%;
				margin-right: 4%;
				display: inline-block;
				vertical-align: top;
		}
		ul#shop-blog-wrapper dl dd {
				width: 66%;
				display: inline-block;
		}
}

@media all and (max-width: 440px) {
		ul#shop-blog-wrapper li {
				width: 100%;
				margin-bottom: 20px;
		}
}


/*********************
SHOP_FRONT
*********************/

#shop-front-head {
		margin-bottom: 50px;
}

#shop-front-head h3 {
		margin: 0 0 20px;
		padding: 0;
}

#search-map h3 i,
#search-point h3 i {
		font-size: 24px;
		color: #CCC;
		font-weight: normal;
		padding-right: 5px;
		z-index: -1;
}

#search-map,
#search-point {
		/*width: 48%;*/
		float: left;
}

#search-map {
		margin-right: 4%;
		width: 60%;
}
#search-point {
		width: 36%;
}
#search-map img {
		width: 100%;
		max-width: 400px;
}
#search-map area {
		cursor: pointer;
}

#search-point ul {
		background: #f6f6f6;
		padding: 20px;
		font-size: 0;
		border-radius: 15px;
}

/*#search-point ul li {
		display: inline-block;
		list-style: none;
		width: 48%;
		margin: 3px 1%;
}*/
#search-point ul li {
		display: block;
		list-style: none;
		width: 100%;
		margin: 5px 0;
}

#search-point ul li a {
		display: block;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		padding: 15px 0;
		color: #222;
		background: white;
		border: 1px solid white;
		box-shadow: 0px 1px 5px #CCC;
		transition: .25s;
		font-size: 13px;
}

#search-point ul li a:hover {
		box-shadow: 0px 3px 10px #AAA;
		background: #FAFAFA;
}

#shop-front-onlineshop {
		text-align: center;
		background: #FAFAFA;
		padding: 20px 15px;
}

#shop-front-onlineshop h3 {
		display: inline-block;
}

#shop-front-onlineshop h3 img {
		width: 180px;
}

#shop-ec-banner {
		list-style: none;
		display: inline-block;
		margin-left: 20px;
}

#shop-ec-banner img {
		box-shadow: 0px 1px 5px #CCC;
		transition: .25s;
		width: 100%;
}

#shop-ec-banner img:hover {
		box-shadow: 0px 3px 10px #AAA;
}

@media all and (max-width: 960px) {
		#shop-front-onlineshop h3 {
				margin: 0;
				padding: 0;
		}
		#shop-front-onlineshop h3 img {
				width: 100%;
				max-width: 180px;
		}
		#shop-ec-banner {
				display: block;
				margin: 10px 0;
				width: 100%;
		}
		#shop-ec-banner img {
				width: 100%;
				max-width: 270px;
		}
}
/*
#shop-front-onlineshop {
		text-align: center;
		background: #FAFAFA;
		padding: 20px 15px 40px;
}

#shop-front-onlineshop h3 {
		margin-bottom: 20px;
}

#shop-front-onlineshop h3 img {
		width: 180px;
}

#shop-front-onlineshop ul li {
		list-style: none;
		display: inline-block;
		width: 30%;
		margin: 0 1%;
}

#shop-front-onlineshop ul li img {
		box-shadow: 0px 1px 5px #CCC;
		transition: .25s;
		width: 100%;
}

#shop-front-onlineshop ul li img:hover {
		box-shadow: 0px 3px 10px #AAA;
}

@media all and (max-width: 960px) {
		#shop-front-onlineshop ul li {
				display: block;
				margin: 10px 0;
				width: 100%;
		}
		#shop-front-onlineshop ul li img {
				width: 100%;
				max-width: 270px;
		}
}
*/
@media all and (min-width: 781px) and (max-width: 1000px) {
		#search-point ul li {
				display: block;
				width: 100%;
				margin: 5px 0;
		}
		#search-point ul li a {
				padding: 8px 0;
		}
}

@media all and (max-width: 780px) {
		#search-map,
		#search-point {
				width: 100%;
				float: none;
		}
		#search-map {
				text-align: center;
				margin-bottom: 50px;
		}
		#search-map img {
				width: 95%;
				max-width: 350px;
		}
		#search-point h3 {
				text-align: center;
		}
		#page-id-212 #secondary-container_pull {
				display: none;
		}
		h3.line {
				overflow: hidden;
				text-align: center;
				margin-bottom: 40px;
		}
		h3.line span {
				position: relative;
				display: inline-block;
				margin: 0 2.5em;
				padding: 0 1em;
				text-align: left;
		}
		h3.line span::before,
		h3.line span::after {
				position: absolute;
				top: 50%;
				content: '';
				width: 400%;
				height: 1px;
				background-color: #CCC;
		}
		h3.line span::before {
				right: 100%;
		}
		h3.line span::after {
				left: 100%;
		}
}


/*********************
SHOP_ARCHIVE
*********************/

#primary-container_pull {
		width: 73%;
		margin-left: 5%;
		float: right;
}

#secondary-container_pull {
		width: 22%;
		float: left;
}


/* primary */

.shop-archive h4.title {}

.shop-archive ul,
.shop-archive li {
		list-style: none;
}

.shop-archive li {
		border-top: 1px solid #DDD;
		padding: 20px 0;
}

.shop-archive ul {
		border-bottom: 1px solid #DDD;
		margin-bottom: 80px;
}

.shop-archive dl,
.shop-archive dt,
.shop-archive dd {
		margin: 0;
		padding: 0;
}

.shop-archive dl {
		vertical-align: top;
		font-size: 0;
}

.shop-archive dt {
		width: 23%;
		padding-right: 2%;
		font-size: 16px;
		line-height: 1;
}

.shop-archive dd {
		width: 75%;
		font-size: 13px;
}

.shop-archive dt,
.shop-archive dd {
		display: inline-block;
}

.shop-archive .access {
		padding-bottom: 10px;
		color: #666;
		font-size: 12px;
}

.shop-archive .time table th {
		padding-right: 0.8em;
		vertical-align: top;
}

.shop-archive .time table tr.sale {
		color: crimson;
}

@media all and (max-width: 780px) {
		#primary-container_pull {
				width: 100%;
				float: none;
				margin: 0 0 40px;
		}
		#secondary-container_pull {
				width: 100%;
				float: none;
		}
		.shop-archive dd,
		.shop-archive dt {
				width: 100%;
		}
}
@media all and (max-width: 480px) {
		.shop-archive .time table th,
		.shop-archive .time table td {
				width: 100%;
				display: block;
		}
}

/*********************
BLOG_SINGLE
*********************/

#blog-wrapper {
		margin-top: 40px;
		margin-bottom: 40px;
}

#primary-container {
		width: 73%;
		margin-right: 5%;
		float: left;
}

#secondary-container {
		width: 22%;
		float: left;
}


/* primary */

.blog-content h2 {
		margin: 0 0 10px;
		font-size: 24px;
}

.blog-content .blog-cat {
		display: inline-block;
		font-size: 12px;
		background: #F0F0F0;
		padding: 3px 10px;
		border-radius: 3px;
		margin-bottom: 15px;
}
.blog-content .blog-valid {
		font-weight: bold;
		color: crimson;
		margin: 0 0 10px;
}

.blog-content .blog-date {
		font-size: 12px;
		color: #666;
		letter-spacing: 1px;
		border-top: 1px solid #EAEAEA;
		margin-bottom: 40px;
		padding-top: 10px;
}

.blog-content .blog-body {
		font-size: 15px;
		line-height: 1.8;
}

.blog-content .blog-body img {
		margin-bottom: 20px;
		max-width: 100%;
		height: auto;
}
.blog-content .blog-body img {
		box-shadow: 0px 2px 5px #CCC;
		transition: .25s;
}

.blog-content .blog-body a img:hover {
		box-shadow: 0px 5px 15px #AAA;
}

/* secondary */

#blog-side h3 {
		border-bottom: 1px solid #CCC;
		margin: 0;
		padding-bottom: 5px;
}

#blog-side .latest,
#blog-side .side-category,
#blog-side .side-monthly {
		margin-bottom: 40px;
}

#blog-side li {
		list-style: none;
}

#blog-side li a {
		text-decoration: none;
		display: block;
		color: #222;
}

#blog-side li a:hover {
		color: #3bc8fe;
		background: #FAFAFA;
}

#blog-side .border-list li,
#blog-side .side-category li a,
#blog-side .side-monthly li a {
		border-bottom: 1px solid #EAEAEA;
		padding: 10px 0;
}

#blog-side .border-list .info-date {
		font-size: 12px;
		color: #666;
		display: inline-block;
		margin-right: 4px;
}

#blog-side .border-list .side-blog-cat {
		font-size: 10px;
		font-weight: bold;
		color: white;
		background: #666;
		padding: 4px 7px;
		line-height: 1;
		display: inline-block;
		border-radius: 3px;
}

#blog-side .border-list li p {
		margin: 5px 0 0;
}

@media all and (max-width: 780px) {
		#primary-container {
				width: 100%;
				float: none;
				margin-bottom: 40px;
		}
		#secondary-container {
				width: 100%;
				float: none;
				padding: 20px;
				background: #FAFAFA;
		}
}


/*********************
BLOG ARCHIVE
*********************/

.blog-archive ul {
		font-size: 0;
		display: -wbkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
}

.blog-archive ul {
		width: 100%;
}

.blog-archive li {
		display: inline-block;
		width: 31%;
		margin: 0 1% 20px;
		background: white;
		box-shadow: 0px 2px 5px #CCC;
		transition: .25s;
}

.blog-archive li:hover {
		box-shadow: 0px 5px 15px #AAA;
}

.blog-archive li a {
		text-decoration: none;
		color: #222;
		display: inline-block;
		padding: 0;
		height: 100%;
}

.blog-archive dl {
		display: inline-block;
		vertical-align: top;
		width: 100%;
}

.blog-archive dl dd {
		padding: 5px 15px 15px;
		margin: 0;
		position: relative;
}

.blog-archive dl img {
		width: 100%;
		height: auto;
		padding-bottom: 10px;
}

.blog-archive dl h4 {
		font-size: 16px;
		margin: 10px 0 5px;
}

.blog-archive dl p {
		padding: 0;
		margin: 0;
}

.blog-archive dl p.blog-date {
		font-size: 12px;
		color: #666;
		letter-spacing: 2px;
		margin-bottom: 10px;
}

.blog-archive dl p.blog-cat {
		font-size: 11px;
		font-weight: bold;
		color: white;
		padding: 3px 7px;
		margin-left: 3px;
		line-height: 1;
		display: inline-block;
		background: #666;
		position: absolute;
		top: 3px;
		right: 0;
}
.blog-archive dl p.blog-valid {
		font-size: 12px;
		font-weight: bold;
		color: crimson;
		margin: 0 0 10px;
}
.blog-archive dl p.blog-body {
		font-size: 14px;
		margin: 10px 0 15px;
}

.blog-archive li a p.blog-btn {
		font-size: 12px;
		font-weight: bold;
		border-radius: 3px;
		color: #222;
		text-decoration: none;
		text-align: center;
		padding: 10px;
		background: #ece8e0;
		display: block;
		transition: .25s;
}

.blog-archive li a:hover p.blog-btn {
		background: #d8d3c8;
}

@media all and (min-width: 601px) and (max-width: 980px) {
		.blog-archive li {
				width: 46%;
				margin: 0 2% 20px;
		}
}

@media all and (min-width: 441px) and (max-width: 600px) {
		.blog-archive li {
				width: 100%;
				margin: 10px 0;
				font-size: 0;
				padding-top: 30px;
				border-top: 1px solid #EEE;
				background: none;
				box-shadow: none;
		}
		.blog-archive li a {
				display: inline;
		}
		.blog-archive li:hover {
				box-shadow: none;
		}
		.blog-archive dl dt {
				width: 28%;
				margin-right: 4%;
				display: inline-block;
				vertical-align: top;
		}
		.blog-archive dl dd {
				width: 66%;
				display: inline-block;
		}
}

@media all and (max-width: 440px) {
		.blog-archive li {
				width: 100%;
				margin-bottom: 20px;
		}
}


/*********************
school
*********************/

.school-link a {
		/*color: #222;
		background: #fafafa;*/
		color: white;
		background: #074097;
		text-decoration: none;
		font-weight: bold;
		padding: 5px 15px;
		border-radius: 3px;
		box-shadow: 0px 1px 5px #CCC;
		display: inline-block;
}
.school-link a:hover {
		background: #2679f5;
}
.school-link a:before {
		font-family: FontAwesome;
		content: '\f0da';
		margin-right: 2px;
}
#school-photo-wrapper {
		margin-bottom: 20px;
}
.school-photo img {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
		padding-right: 1px;
}
.slick-prev:before,
.slick-next:before {
		color: #CCC !important;
}
.school-spec h3 {
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #EBEBEB;
}
.school-spec dl dt,
.school-spec dl dd {
		float: left;
		display: block;
}
.school-spec dl dt {
		margin-right: 1em;
		clear: left;
}

@media all and (min-width: 1100px) {
		.container-secondary {
				width: 1000px;
				margin: 0 auto 40px;
		}
}

@media all and (max-width: 1099px) {
		.container-secondary {
				width: 90%;
				margin: 0 auto 40px;
		}
}

.enter-fee {
		display: inline-block;
		background: white;
		padding: 10px 30px;
		margin-bottom: 20px;
		font-size: 120%;
		font-weight: bold;
}
.school-price {
		background: #f6f6f6;
		padding: 30px;
		margin-bottom: 40px;
}
.school-timetable {
		text-align: center;
}
.school-timetable img {
		width: 100%;
		max-width: 480px;
}

.sc_price-PC table {
		width: 100%;
}
.sc_price-PC th {
		background: #9d9d9d;
		color: white;
		padding: 10px;
		text-align: center;
		border-right: 1px solid #e8e8e8;
		border-bottom: 1px solid #e8e8e8;
}
.sc_price-PC th.bg-secondary {
		background: #777;
}
.sc_price-PC td {
		background: white;
		padding: 10px;
		text-align: center;
		border-right: 1px solid #e8e8e8;
		border-bottom: 1px solid #e8e8e8;
}
.sc_price-PC th:last-child, .sc_price-PC td:last-child {
		border-right: none;
}
.sc-member-a {
		font-weight: bold;
		color: #27abeb;
}
.sc-member-b {
		font-weight: bold;
		color: #d0558f;
}
.sc-member-j {
		font-weight: bold;
		color: #daa520;
}
.sc-member-v {
		font-weight: bold;
		color: #228b22;
}

.sc_price-SP dl {
		background: white;
		padding: 20px;
		margin: 0 0 10px;
}
.sc_price-SP dd {
		border-bottom: 1px solid #e8e8e8;
		padding: 0 0 10px;
		margin: 0 0 10px;
}
.sc_price-SP dd:last-child {
		border-bottom: none;
		margin: 0;
}

@media all and (min-width: 701px) {
		.sc_price-SP {
				display: none;
		}

}

@media all and (max-width: 700px) {
		.sc_price-PC {
				display: none;
		}
}

#school-information,
#school-instructor {
		padding-top: 60px;
		padding-bottom: 40px;
		font-size: 0;
}

#school-information h3,
#school-instructor h3 {
		text-align: center;
		font-size: 20px;
		margin-bottom: 40px;
}

#school-information li img {
		width: 100%;
}
#instructor-wrapper li img {
		width: 100%;

}
#instructor-wrapper li {
		list-style: none;
		background: white;
		display: inline-block;
		padding: 15px;
		width: 46%;
		margin: 2%;
}

#instructor-wrapper li dt {
		width: 40%;
		margin-right: 4%;
		padding: 0;
		display: inline-block;
		vertical-align: top;
}
#instructor-wrapper li dd {
		width: 56%;
		display: inline-block;
		vertical-align: top;
		margin: 0;
}
#instructor-wrapper li dd h4 {
		margin: 0 0 10px;
		padding: 0;
		font-size: 16px;
}
#instructor-wrapper li dd p {
		font-size: 14px;
		line-height: 1.6;
}


@media all and (max-width: 940px) {
		#instructor-wrapper li {
				width: 100%;
				margin-bottom: 20px;
		}
}

@media all and (max-width: 680px) {
		#instructor-wrapper li dt {
				width: 100%;
				margin: 0 0 20px;
				display: block;
				text-align: center;
		}
		#instructor-wrapper li dt img {
				max-width: 340px;
		}
		#instructor-wrapper li dd {
				width: 100%;
				display: block;
		}
		#instructor-wrapper li dd h4 {
				text-align: center;
		}
}

/*********************
SCHOOL-INDEX
*********************/

.school-container li {
		list-style: none;
		float: left;
		box-shadow: 0px 2px 5px #CCC;
		transition: .25s;
}
.school-container li:hover {
		box-shadow: 0px 5px 15px #AAA;
}

.school-container li a {
		display: block;
		padding: 0;
		text-decoration: none;
		color: #222;
}
.school-container li img {
		width: 100%;
		display: block;
		margin-bottom: 5px;
}
.school-container li h3 {
		padding: 0 20px 10px;
		margin: 0;
}
.school-container li p {
		padding: 0 20px 15px;
		margin: 0;
}
@media all and (min-width: 941px) {
		.school-container li {
				width: 32%;
				margin: 0 2% 40px 0;
		}
		.school-container li:nth-child(3n) {
				margin: 0 0 40px 0;
		}
}
@media all and (max-width: 940px) {
		.school-container li {
				width: 48%;
				margin: 0 4% 30px 0;
		}

		.school-container li:nth-child(2n) {
				margin: 0 0 30px 0;
		}
}
@media all and (max-width: 680px) {
		.school-container li {
				width: 100%;
				margin: 0 0 30px 0;
		}
}

/*********************
404
*********************/

.notfound {
		text-align: center;
		margin-top: 100px;
		min-height: 400px;
}

/*********************
SINGLE
*********************/

.column-wrapper {
		position: relative;
}
#side-nav ul {
		box-shadow: 0px 0px 15px #DDD;
}
#side-nav ul li {
	margin: 0;
	font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
	#side-nav ul li {
		font-size: 2.6rem;
		line-height: normal;
	}
}
#side-nav a {
		text-decoration: none;
		color: black;
		background: #FAFAFA url(../images/ar-01.png) 97% center no-repeat;
		background-size: 6px auto;
		padding: 15px 10px;
		display: block;
		border-bottom: 1px solid #EEE;
}
#side-nav a:hover {
		background-color: white;
		color: darkblue;
}
#side-nav a.selected {
		background: #999 url(../images/ar-02.png) 97% center no-repeat;
		background-size: 6px auto;
		color: white;
}
#main-content {
		float: right;
		position: relative;
}
#side-wrapper {
		float: left;
		position: absolute;
}
#side-wrapper .xs-hide a {
		padding: 0;
}

@media screen and (min-width: 801px) and (max-width: 990px) {
		#main-content {
				width: 520px;
				margin-left: 40px;
		}
		#side-wrapper, #side-nav {
				width: 170px;
		}
		#side-wrapper .xs-only,
		.repair-banner {
				display: none;
		}
}
@media screen and (min-width: 991px) and (max-width: 1100px) {
		#main-content {
				width: 670px;
				margin-left: 40px;
		}
		#side-wrapper, #side-nav {
				width: 190px;
		}
		#side-wrapper .xs-only,
		.repair-banner {
				display: none;
		}
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
		#main-content {
				width: 740px;
				margin-left: 40px;
		}
		#side-wrapper, #side-nav {
				width: 220px;
		}
		#side-wrapper .xs-only,
		.repair-banner {
				display: none;
		}
}

@media screen and (min-width: 1201px) {
		#main-content {
				width: 820px;
				margin-left: 40px;
		}
		#side-wrapper, #side-nav {
				width: 240px;
		}
		#side-wrapper .xs-only,
		.repair-banner {
				display: none;
		}
}

@media all and (max-width: 800px) {
		#main-content {
				width: 100%;
				margin-left: 0;
				float: none;
		}
		#side-wrapper, #side-nav {
				width: 100%;
				float: none;
				position: relative !important;
		}
		#side-wrapper .xs-hide {
				display: none;
		}
		#side-wrapper .xs-only,
		.repair-banner {
				display: block;
				text-align: center;
		}
		#side-wrapper .xs-only img,
		.repair-banner img {
				max-width: 580px;
		}
		#side-wrapper .xs-only {
				margin: 0 0 -30px;
		}
}
.st-content h3 {
		margin-top: 60px;
		font-size: 20px;
}
.content-wrapper {
		padding: 100px 0 30px;
}
.content-wrapper.en_type02 {
		padding: 60px 0 0;
}
h3.title {
		text-align: center;
		font-size: 20px;
		font-weight: 700;
		margin: 0 0 40px;
}
@media screen and (max-width: 767px) {
	h3.title {
		font-size: 4rem;
	}
}
ul.list-style {
		border-left: 4px solid #EEE;
		padding-left: 20px;
		margin-left: 10px;
}
ul.list-style li {
		list-style-position: inside;
		margin: 8px 0;
}

table.table-cell {
		width: 100%;
		border-bottom: 1px solid #DDD;
}
table.table-cell .lead {
		background: #FAFAFA;
		font-weight: bold;
		color: #999;
}
table.table-cell .lead * {
	vertical-align: middle;
	font-weight: 700;
}
table.table-cell th,
table.table-cell td {
		border-top: 1px solid #DDD;
		margin: 0;
		padding: 14px;
		font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
	table.table-cell th,
	table.table-cell td {
		font-size: 2.6rem;
		line-height: normal;
	}
}

table.table-cell tr.last td {
		padding: 14px 14px 40px;
}
table.table-cell th.title {
		font-weight: bold;
		background: #F5F5F5;
		color: black;
}
table.table-cell th.title-style01 {
		padding: 10px;
		margin-bottom: 0;
		background: #777;
		text-align: center;
		color: white;
}
.repair-table .xs-hide{
	width: 23%;
}
.repair-table .shaft{
	width: 57%;
}

@media screen and (max-width: 769px) {
		table.table-cell th.title {
				background: #FAFAFA;
				color: #0458ca;
				border-top: 5px solid #DDD;
		}
	.repair-table .shaft{
	width: 75%;
	}
}

dl.table-cell dt.title,
dl.table-cell dd.title {
		border-top: 3px solid #CCC;
		font-weight: bold;
		color: #0458ca;
}
dl.table-cell dt,
dl.table-cell dd {
		border-top: 1px solid #DDD;
		display: block;
		margin: 0;
		padding: 14px 0;
}
dl.table-cell dt {
		float: left;
		clear: left;
		width: 26%;
}
dl.table-cell dd {
		width: 74%;
		float: left;
}
dl.table-cell li.col-left,
dl.table-cell li.col-right {
		list-style: none;
		display: inline-block;
		width: 49%;
		vertical-align: top;
}
dl.table-cell li.col-left {
		border-right: 1px dashed #CCC;
		padding-right: 20px;
}
dl.table-cell li.col-right {
		padding-left: 20px;
}

ul.data-timeline {
		list-style: none;
		border-top: 1px dashed #DDD;
}
ul.data-timeline li {
		position: relative;
		overflow: hidden;
		margin: 0;
		border-bottom: 1px dashed #DDD;
}
ul.data-timeline dl {
		margin: 0 !important;
}
ul.data-timeline dt {
		float: left;
		width: 90px;
		margin: 0;
		padding: 8px 0 0;
		font-size: 24px;
		color: #AAA;
		font-weight: normal;
}
ul.data-timeline dd {
		border-left: 3px solid #EEE;
		margin: 0;
		padding: 15px 0 15px 30px;
		float: left;
}
ul.data-timeline dd:before {
		content: '';
		width: 12px;
		height: 12px;
		background: #999;
		position: absolute;
		left: 86px;
		top: 20px;
		border-radius: 100%;
}
#school-information ul#shop-blog-wrapper li {
		margin-bottom: 20px;
}
table.table-cell tr.keiryou th.title {
	background-color: #f2f0dd;
}
table.table-cell tr.keiryou td{
	background-color: #fbfaf0;
}

@media all and (max-width: 680px) {
		dl.table-cell dt,
		dl.table-cell dd {
				float: none;
				width: 100%;
		}
		dl.table-cell dt.title,
		dl.table-cell dd.title {
				border-bottom: none;
		}
		dl.table-cell dt {
				padding: 15px 0 10px;
		}
		dl.table-cell dd.title {
				border: none;
				font-weight: normal;
		}
		dl.table-cell dd {
				padding: 0 0 15px;
				border: none;
		}
		ul.data-timeline dt {
				float: none;
				font-size: 18px;
				padding-bottom: 0;
				font-weight: bold;
		}
		ul.data-timeline dd {
				border-left: none;
				width: 100%;
				margin: 0;
				padding: 5px 0 15px;
				float: none;
		}
		ul.data-timeline dd:before {
				content: none;
		}
		#school-information ul#shop-blog-wrapper li {
				box-shadow: 0px 2px 5px #CCC;
				transition: .25s;
		}

		#school-information ul#shop-blog-wrapper li:hover {
				box-shadow: 0px 5px 15px #AAA;
		}

}

/*********************
COMPANY
*********************/

.lead-voice-photo {
		width: 30%;
		margin-right: 5%;
		float: left;
}
.lead-voice-photo img {
		width: 100%;
}
.lead-voice-body {
		width: 65%;
		float: left;
}
#company-outline {
		position: relative;
}

.bg-company {
		background-color: #ebf7fc;
}

#company-photo {
		width: 100%;
		background: white;
		text-align: right;
		background: #ebf7fc;
}
#company-photo img {
		width: 100%;
		max-width: 700px;
		opacity: .9;
}
/*@media screen and (min-width: 768px) {
		#company-photo {
				display: none;
		}
		.bg-company {
				background-image: url(/images/office_building.jpg);
				background-repeat: no-repeat;
				background-position: top right;
		}
		.bg-company .bg-company-inner {
				background-color: rgba(235, 247, 252, 0.6);
		}
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
		.bg-company {
				background-size: 70% auto;
		}

}
@media screen and (max-width: 767px) {
		#company-photo {
				display: block;
		}
		#company-photo img {
				width: 100%;
		}
}*/

@media all and (max-width: 680px) {
		.lead-voice-photo,
		.lead-voice-body {
				width: 100%;
				float: none;
		}
		.lead-voice-photo {
				text-align: center;
				margin: 0 0 20px;
		}
		.lead-voice-photo img {
				width: 80%;
				max-width: 400px;
		}
}

/*********************
HOME
*********************/

/*
.slides li a {
		margin: 0;
		padding: 0 !important;
}*/
.home-photo {
		width: 100%;
}
#home-slider article img {
		width: 100%;
		max-width: 1300px;
		margin: 0 auto;
}
#home-slider .home-photo img {
		padding: 0;
		margin: 0;
		width: 100%;
}
#home-slider .home-photo a {
		padding: 0;
		margin: 0;
}
#home-slider .slick-prev,
#home-slider .slick-next
{
		width: 40px !important;
		height: 40px !important;
		/*text-shadow: 0px 0px 5px #000;*/
}
#home-slider .slick-prev:before,
#home-slider .slick-next:before
{
		font-size: 40px !important;
		opacity: .4;
		color: #F0F0F0 !important;
}
#home-slider .flex-prev:hover {
		opacity: 1;
		color: #00bfff !important;
}

#home-slider .home-photo li:not(.slick-active) {
		opacity: .4;
}

.slick-prev
{
		left: 15px !important;
		z-index: 999;
}
[dir='rtl'] .slick-prev
{
		right: 15px !important;
		left: auto;
}
.slick-next
{
		right: 15px !important;
}
[dir='rtl'] .slick-next
{
		right: auto;
		left: 15px !important;
}

@media screen and (max-width: 900px) {
		#home-slider {
				margin-top: 60px;
		}
}
@media all and (min-width: 901px) {
		#home-slide-SP {display: none;}
		#home-slide-PC li.slick-active a:hover {
				opacity: 0.6 !important;
		}
		/*#home-slide-PC .slick-active a:hover {
				opacity: 0.6 !important;
		}*/
}
@media all and (max-width: 900px) {
		#home-slide-PC {display: none;}
		#home-slider {
				margin-top: 40px;
		}
}

#home-shop,
#home-information,
#home-facility {
		padding: 25px 0 0;
		border-bottom: 1px solid #E0E0E0;
}
#home-shop, #home-service {
		padding: 25px 0;
}
#home-information {
		padding: 20px 0;
}

#home-shoplist {
		width: 63%;
		margin-right: 2%;
		float: left;
		background: #EEE url(/images/shoplist-bg.jpg) no-repeat;
		background-size:cover;
		border-radius: 5px;
		padding: 30px;
}
#home-shoplist h3 {
		width: 20%;
		margin-left: 33%;
		margin-right: 7%;
		float: left;
}
#home-shoplist h3 img {
		width: 100%;
}
#home-shop-btns {
		float: left;
		width: 35%;
}
#home-shop-btn a {
		display: block;
		background: #0e4296;
		color: white;
		text-decoration: none;
		padding: 15px;
		margin-bottom: 20px;
		text-align: center;
		box-shadow: 0px 2px 5px #4375ac;
		font-weight: bold;
		letter-spacing: 2px;
}
#home-shop-btn a:hover {
		background: #0f5cdd;
}
#home-shoparea form {
		padding: 0;
		margin: 0;
}
#home-shoparea form select {
		background: white;
		padding: 5px;
		width: 100%;
}
#home-shoparea form select option {
		padding: 5px;
}
#home-ecshop {
		width: 35%;
		float: left;
		background: #F5F5F5;
		/*padding: 20px;*/
		padding: 25px;
		border-radius: 5px;
}
#ec-banner01 a {
		display: block;
		width: 100%;
		background: #222;
		background: -moz-linear-gradient(top,  #555555 0%, #0e0e0e 100%);
		background: -webkit-linear-gradient(top,  #555555 0%,#0e0e0e 100%);
		background: linear-gradient(to bottom,  #555555 0%,#0e0e0e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#0e0e0e',GradientType=0 );
		padding: 40px 0;
		text-align: center;
		border: 1px solid #EEE;
}
#ec-banner01 a img {
		max-width: 140px;
		width: 80%;
}
#ec-banner01 {
		display: block;
		float: left;
		transition: .25s;
		box-shadow: 0px 1px 8px #999;
		width: 100%;
}
#ec-banner01:hover {
		opacity: 0.7;
}

/*
#home-ecshop li {
		list-style: none;
}
#ec-banner01 a {
		display: block;
		width: 100%;
		background: #222;
		background: -moz-linear-gradient(top,  #555555 0%, #0e0e0e 100%);
		background: -webkit-linear-gradient(top,  #555555 0%,#0e0e0e 100%);
		background: linear-gradient(to bottom,  #555555 0%,#0e0e0e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#0e0e0e',GradientType=0 );
		padding: 18px 0;
		text-align: center;
		border: 1px solid #EEE;
}
#ec-banner01 a img {
		max-width: 140px;
		width: 80%;
}
#ec-banner01,
#ec-banner02,
#ec-banner03 {
		display: block;
		float: left;
		box-shadow: 0px 1px 5px #CCC;
		transition: .25s;
}
#ec-banner01 {
		box-shadow: 0px 1px 8px #999;
}
#ec-banner01:hover,
#ec-banner02:hover,
#ec-banner03:hover {
		opacity: 0.7;
}
#ec-banner02,
#ec-banner03 {
		width: 49%;
		background: white;
		padding: 5px 15px;
}
#ec-banner01 {
		margin-bottom: 10px;
		width: 100%;
}
#ec-banner02 {
		margin-right: 2%;
		clear: left;
}
#ec-banner02 img,
#ec-banner03 img {
		width: 100%;
}
*/
#home-information h3 {
		margin-top: 0;
		padding-top: 0;
}
#home-information li {
		list-style: none;
		margin: 0 0 10px;
		padding: 0;
}
#home-information .home-blog-cat,
#home-information .home-blog-date,
#home-information .home-blog-title {
		display: inline-block;
		margin: 0;
		padding: 0;
}
#home-information .home-blog-date {
		color: #666;
		width: 90px;
}
#home-information .home-blog-cat {
		background: #666;
		color: white;
		font-weight: bold;
		padding: 2px;
		text-align: center;
		width: 90px;
		font-size: 10px;
		margin-right: 10px;
}
#home-information .home-blog-title a {
		color: black;
		text-decoration: none;
}
#home-information .home-blog-title a:hover {
		color: #AAA;
}

@media all and (max-width: 767px) {
		#home-shoplist,#home-shop-btns,
		#home-ecshop {
				width: 100%;
				float: none;
		}
		#home-shoplist {
				margin-bottom: 20px;
				padding: 40px;
				background: #EEE url(/images/shoplist-bg.jpg) no-repeat;
				background-size: 120% auto;
		}
		#home-shoplist h3 {
				margin: 0 0 20px;
				float: none;
				text-align: center;
				width: 100%;
		}
		#home-shoplist h3 img {
				width: 25%;
		}
		#ec-banner01 a {
				padding: 18px 0;
		}
		#ec-banner01,
		#ec-banner02,
		#ec-banner03 {
				text-align: center;
		}
		#ec-banner02 img,
		#ec-banner03 img {
				width: 60%;
		}
}
@media all and (max-width: 480px) {
		#home-shoplist {
				margin-bottom: 20px;
				padding: 40px;
				background: #EEE url(/images/shoplist-bg.jpg) no-repeat;
				background-size: 150% auto;
		}
		#home-shoplist h3 img {
				width: 45%;
		}
		#ec-banner02 img,
		#ec-banner03 img {
				width: 100%;
		}
}
@media all and (max-width: 700px) {
		#home-information .home-blog-title {
				display: block;
				margin: 10px 0 0;
		}
		#home-information li {
				padding: 10px 0;
				border-top: 1px dashed #CCC;
		}
}

#home-information li,
#home-facility li,
#home-service li {
		list-style: none;
}
#home-facility li h4,
#home-service li h4 {
		margin: 0;
		padding: 15px 0 5px;
}
#home-facility li p,
#home-service li p {
		margin: 0;
		padding: 0;
}
#home-facility li img,
#home-service li img {
		width: 100%;
		box-shadow: 0px 2px 5px #CCC;
		transition: .25s;
}
#home-facility li img:hover,
#home-service li img:hover {
		box-shadow: 0px 5px 15px #AAA;
		opacity: 0.6;
}

@media all and (min-width: 767px) {
		#home-facility li,
		#home-service li {
				float: left;
		}
		#home-facility li {
				/*width: 23.5%;*/
			width: 18.4%;
				margin-right: 2%;
		}
		#home-service li {
		width: 18.4%;
		margin-right: 2%;
		}
		#home-facility li:last-child,
		#home-service li:last-child {
				margin-right: 0;
		}
}

/*********************
BRAND
*********************/

#product-slider {
		padding: 20px 0;
		margin-bottom: 40px;
		background: #FAFAFA;
		border-bottom: 1px solid #EEE;
}
.product-photo {
		margin-bottom: 10px;
}
.product-photo img {
		width: 100%;
}
.product-photo li a,
.thumb-item-nav li a {
		padding: 0;
}
.thumb-item-nav li {
		margin-right: 3px;
}
/*.thumb-item-nav li:not(.slick-current) {
		opacity: 0.7;
}*/
.thumb-item-nav li:last-child {
		margin-right: 0;
}
.thumb-item-nav li img {
		width: 100%;
		transition: .25s;
}
.thumb-item-nav li img:hover {
		opacity: 0.7;
		cursor: pointer;
}
@media screen and (max-width: 800px) {
		.thumb-item-nav {
				display: none;
		}
}
.brand-wrapper dl dt {
		background: #f6f6f6;
		padding: 40px 0;
		margin-bottom: 20px;
		text-align: center;
}
.brand-wrapper dl dt img {
		width: 90%;
		max-width: 194px;
}
.brand-wrapper dl dd h3 {
		font-size: 18px;
		margin: 0 0 10px;
		padding: 0;
		line-height: 1.6;
}
.brand-wrapper dl dd h3 span {
		font-size: 13px;
		margin: 10px 0;
		display: block;
}
.brand-wrapper dl dd p {
		line-height: 1.6;
		margin-bottom: 20px;
}
.brand-wrapper dl dd ul {
		padding: 15px;
		border-radius: 5px;
		background-color: #999;
}
.brand-wrapper dl dd ul li {
		list-style: none;
		margin:5px 0;
}
.brand-wrapper dl dd ul li a {
		color: white;
		text-decoration: none;
}
.brand-wrapper dl dd ul li a:hover {
		color: #EEE;
}
.brand-wrapper dl dd ul li a:before {
		font-family: FontAwesome;
		content: '\f0da';
		margin-right: 3px;
		font-size: 11px;
}
.brand-wrapper dl dd ul.prev {
		background-color: #FAFAFA !important;
		border: 1px solid #EEE;
}
.brand-wrapper dl dd ul.prev li a {
		color: #666 !important;
}
.brand-wrapper dl dd ul.prev li a:hover {
		color: #CCC !important;
}

@media screen and (min-width: 991px) {
		.brand-wrapper dl {
				width: 30%;
				margin-right: 5%;
				float: left;
		}
		.brand-wrapper dl:last-child {
				margin-right: 0;
		}
}

@media screen and (max-width: 990px) {
		.brand-wrapper dl {
				width: 100%;
				margin-bottom: 40px;
		}
}

#product-mind {
		background: black url(/images/product-bg_new.jpg) bottom left;
		background-size:contain;
		background-repeat: no-repeat;
}
#product-mind article{
		padding: 30px 0 30px 40%;
		color: white;
}
#product-mind article h3 {
		font-size: 16px;
		margin-bottom: 30px;
}
#product-mind article h3 span {
		display: block;
		margin-bottom: 20px;
		font-size: 22px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
#product-mind article div {
		line-height: 1.6;
		padding: 15px 30px;
		background-color: rgba(0, 0, 0, 0.6);
	width: 530px;
}
.banner-catalogue {
		padding: 40px 0;
		max-width: 330px;
		display: inline-block;
}
.banner-catalogue dl{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
}
.banner-catalogue dl dt{
	font-weight: normal;
	width:5.5em;
}
.banner-catalogue dl dt::after{
	content:"：";
	display: inline-block;
	margin-left: 0.2em;
}
.banner-catalogue dl dd{
	width:calc(100% - 5.5em);
	margin-bottom: 0;
}
.banner-catalogue dl dd ul{
	list-style: none;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
}
.banner-catalogue dl dd ul li{
	margin: 0 0.5em 0.5em;
}
.banner-catalogue dl dd ul li a{
	color: inherit;
}
.banner-catalogue dl dd ul li a:hover{
	text-decoration: none;
}
.banner-catalogue img {
		width: 100%;
		/*box-shadow: 0px 2px 5px #CCC;*/
		transition: .25s;
}
.banner-catalogue a img:hover {
	/*box-shadow: 0px 5px 15px #AAA;*/
	opacity: .7;
}

.banner-catalogue.banner-catalogue-box_wrap {
	max-width: 384px;
}
.banner-catalogue-box_wrap .banner-catalogue-box {
	position: relative;
}
.banner-catalogue-box_wrap .undefined {
  position: relative;
  pointer-events: none
}
.banner-catalogue-box_wrap .undefined::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 2px;
  background-color: rgba(0,0,0,0.8);
  z-index: 2;
  width: 100.2%;
}
.banner-catalogue-box_wrap .catalogue-jp {
	width: 42.2%;
	position: absolute;
	top: 69%;
	left: 4%;
}
.banner-catalogue-box_wrap .catalogue-en {
	width: 42.2%;
	position: absolute;
	top: 69%;
	left: 54%;
}
.banner-catalogue-box_wrap p {
	margin-bottom: 5px;
	text-align: left;
}
.banner-catalogue-box_wrap dl {
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.banner-catalogue-box_wrap dl dt {
	position: relative;
}
.banner-catalogue-box_wrap dl dt::after {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.banner-catalogue-box_wrap dl dd ul li {
	margin-bottom: 0.2em;
}

@media screen and (max-width: 900px) {
		#product-mind article {
				padding: 20px 0;
		}
}
@media screen and (max-width: 767px) {
	#product-mind article div {
		width: auto;
	}
}


/*********************
ENTRY
*********************/

ul.entry-btn li {
		width: 200px;
		height: auto;
		list-style: none;
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 10px;
		text-align: center;
}
ul.entry-btn li img {
		width: 80%;
}

/*********************
REPAIR
*********************/

.repair-logo {
		display: block;
		padding: 20px 0;
		text-align: center;
}
.repair-logo img {
		width: 90%;
		max-width: 200px;
		max-height: 50px;
}
.repair-logo img.large {
		width: 90%;
		max-width: 240px;
		max-height: 60px;
}

/*********************
PRO
*********************/

.pro-profile-wrapper {
		margin-top: 120px;
		background: #666;
		color: white;
		position: relative;
}

.pro-photo img {
		width: 100%;
		box-shadow: 0px 5px 15px #555;
}
.pro-profile h4 {
		font-size: 19px;
		margin: 0;
		padding: 30px 0 5px;
}
.pro-profile h4.name {
		font-size: 26px;
		padding-bottom: 10px;
}
.pro-profile h4.name span {
		font-size: 12px;
		letter-spacing: 1px;
		color: #CCC;
}
.pro-record ul {
		margin: 20px 0 10px;
}
.pro-record li {
		list-style: none;
		margin-bottom: 10px;
}
.pro-record {
		background: #F0F0F0;
		color: black;
}
.pro-profile dl {
		margin: 0 40px 10px 0;
		display: inline-block;
}
.pro-profile dl dt,
.pro-profile dl dd {
		display: inline-block;
}
.pro-profile dl dt {
		margin: 0 10px 0 0;
		font-size: 12px;
		color: #CCC;
}
.pro-profile dl dd {
		margin: 0;
}
.pro-profile-body {
		background: white;
		padding: 30px;
		box-shadow: 0px 3px 10px #EEE;
}

@media all and (min-width: 991px) {
		.pro-photo {
				width: 30%;
				position: absolute;
				left: 0;
				bottom: 0;
		}
		.pro-profile {
				padding: 0 25px 10px 32%;
		}
		.pro-record {
				padding: 15px 0 35px 32%;
				min-height: 170px;
		}
}
@media all and (min-width: 741px) and (max-width: 990px)  {
		.pro-photo {
				width: 40%;
				position: absolute;
				left: 0;
				bottom: 0;
		}
		.pro-profile {
				padding: 0 25px 10px 42%;
		}
		.pro-record {
				padding: 15px 15px 35px 42%;
		}
		.pro-profile dl {
				margin: 0 40px 5px 0;
				display: inline-block;
		}
}

@media all and (max-width: 740px) {
		.pro-profile-wrapper {
				margin-top: 50px;
		}
		.pro-photo,
		.pro-profile {
				width: 100%;
				position: relative;
		}
		.pro-photo {
				text-align: center;
		}
		.pro-photo img {
				max-width: 400px;
				margin-top: 25px;
		}
		.pro-profile {
				padding: 20px 25px;
		}
		.pro-profile h4 {
				font-size: 19px;
				margin: 0;
				padding: 20px 0 10px;
		}
		.pro-profile h4.name {
				font-size: 20px;
				padding-bottom: 20px;
		}
		.pro-record {
				padding: 20px 25px;
		}
}
@media all and (max-width: 480px) {
		.pro-photo img {
				margin-top: 0;
		}
}

/*********************
OUR STANCE
*********************/

#stance-wrapper {
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		text-align: center;
		color: black;
		font-size: 1.6em;
		line-height: 2.8;
}
#stance-head-photo {
		position: relative;
}
#stance-head-photo h2 {
		position: absolute;
		top: 40%;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
}
#stance-wrapper h3 {
		color: #004098;
}
@media all and (min-width: 801px) {
		#stance-wrapper p {
				font-size: 0.8em;
		}
		#stance-head-photo h2 {
				width: 600px;
		}
		#stance-head-photo h2 img {
				width: 100%;
		}
}
@media all and (min-width: 681px)  and (max-width: 800px) {
		#stance-wrapper p {
				font-size: 0.8em;
		}
		#stance-head-photo h2 {
				width: 500px;
		}
		#stance-head-photo h2 img {
				width: 100%;
		}
		#stance-wrapper h3 {
				line-height: 1.6;
		}
}
@media all and (max-width: 680px) {
		#stance-wrapper {
				text-align: left;
				font-size: 1.2em;
				line-height: 1.8;
		}
		#stance-head-photo h2 {
				width: 80%;
				max-width: 460px;
		}
		#stance-head-photo h2 img {
				width: 100%;
		}
}

/*********************
FACTORY
*********************/

#factory-head-photo {
		position: relative;
}
#factory-head-photo h2 {
		position: absolute;
		top: 40%;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		/*display: none;*/
}
@media all and (min-width: 1101px) {
		#factory-head-photo h2 {
				width: 580px;
				right: -480px;
		}
		#factory-head-photo img {
				width: 100%;
		}
}
@media all and (min-width: 701px)  and (max-width: 1100px) {
		#factory-head-photo h2 {
				width: 460px;
				right: -380px;
		}
		#factory-head-photo h2 img {
				width: 100%;
		}
}
@media all and (min-width: 769px)  and (max-width: 1100px) {
		#factory-head-photo h2 {
				width: 400px;
				right: -340px;
		}
		#factory-head-photo h2 img {
				width: 100%;
		}
}
@media all and (max-width: 768px) {
		#factory-head-photo h2 {
				display: none;
		}
		#factory-head-photo h2 img {
				width: 100%;
		}
}

#factory-lead {
		line-height: 1.8;
		font-size: 1.3em;
}
#factory-nav li {
		display: inline-block;
		margin: 10px;
		width: 40%;
}
#factory-nav li a img {
		border-radius: 50%;
		transition: .25s;
		width: 90%;
}
#factory-nav li a:hover img {
		opacity: 0.7;
}
#factory-lead .btn_en {
  text-align: right;
}
#factory-lead .btn_en a:hover img {
  opacity: 0.7;
}

@media all and (min-width: 1001px) {
		#factory-nav li {
				width: 30%;
		}
}
@media all and (max-width: 700px) {
		#factory-nav li a img {
				width: 100%;
		}
}

#fac01 h2,
#fac02 h2 {
		font-size: 1.8em;
		text-align: center;
		margin-bottom: 50px;
}
#fac01 h2 span,
#fac02 h2 span {
		font-size: 0.6em;
}
#fac01 h3 {
		background: white;
}
#fac02 h3 {
		background: #FAFAFA;
}
#fac01 ul li,
#fac02 ul li {
		list-style: none;
		margin-bottom: 60px;
		background: #F6F6F6;
}
#fac01 ul.type_en_mb li {
  margin-bottom: 0;
}
#fac02 ul li {
		background: white;
}
#fac01 ul li p,
#fac02 ul li p {
		padding: 20px;
		margin: 0;
		font-size: 1.1em;
		line-height: 1.8;
}
#fac02 ul li p strong {
		font-weight: bold;
		display: block;
		margin: 0;
		padding: 0;
		font-size: 1.1em;
}

/*********************
SAKURA SC
*********************/

#sakura-lead {
		line-height: 1.8;
		font-size: 1.3em;
		background-color: #f2faff;
		padding: 45px 0;
}
#sakura-lead h2 span {
		font-size: 0.5em;
		margin-top: 10px;
		display: block;
}
.bg-sc_holes {
		background: #b2b7b8;
}
#panels h3 {
		font-size: 1.8em;
		margin: 5px 0 10px;
}
#sc_tomo {
		background: #faf0f4;
		padding: 30px;
		margin-bottom: 40px;
}
#sc_tomo h2 {
		color: #790a3a;
}
dl#sc_price-lead {
		background: #790a3a;
		color: white;
		display: inline-block;
		padding: 20px 40px 20px 10px;
		font-size: 1.2em;
		margin-bottom: 30px;
}
dl#sc_price-lead dt,
dl#sc_price-lead dd {
		display: inline-block;
		margin: 0;
		padding: 0;
}
dl#sc_price-lead dt {
		padding-left: 40px;
}
dl#sc_price-lead dd {
		padding-left: 10px;
}
#sc_member-melit {
		font-weight: bold;
		font-size: 0px;
		margin-bottom: 40px;
}
#sc_member-melit li {
		list-style: none;
		background: white;
		display: inline-block;
		font-size: 15px;
		box-shadow: 0px 1px 8px #eedbe4;
}
#sc_member-melit h3 {
		color: white;
		background-color: #790a3a;
		display: inline-block;
		padding: 3px 10px;
		margin: 0;
		font-size: 0.9em;
}
#sc_member-melit p {
		padding: 0 30px 15px 30px;
}
#sc_member-melit p strong {
		font-size: 1.4em;
		color: #cb0465;
}
#sc_member-melit p .caption {
		font-size: 0.7em;
		color: #cb0465;
}
#sc_tomo th {
		background-color: #790a3a;
}
#sc_tomo .gensoku {
		margin-top: 30px;
		padding-top: 10px;
		border-top: 3px solid #f1e3e9;
}
#sc_tomo .gensoku ul li {
		list-style-position: inside;
		margin-bottom: 10px;
}
#scourse_price {
		padding: 30px 0 40px;
}
.hole-photo .slick-slide img {
		width:auto !important;
		height:auto !important;
		max-width:100% !important;
		max-height:100% !important;
}

@media all and (min-width: 1001px) {
		#sc_member-melit li {
				width: 24.2%;
				margin-right: 1%;
		}
		#sc_member-melit li:last-child {
				margin-right: 0;
		}
}
@media all and (min-width: 681px)  and (max-width: 1000px) {
		#sc_member-melit li {
				width: 48%;
				margin-left: 1%;
				margin-right: 1%;
				margin-bottom: 10px;
		}
}
@media all and (max-width: 680px) {
		#sc_member-melit li {
				width: 100%;
				margin-bottom: 10px;
		}
}
@media screen and (min-width: 769px) {
		#factory-head-photo > #main-photo-sp {
				display: none;
		}
}
@media screen and (max-width: 768px) {
		#factory-head-photo > #main-photo {
				display: none;
		}
}

/*********************
top-txt-area ADD180911
*********************/

#top-txt-area{
	padding: 2em 0;
}
#top-txt-area .container{
	padding: 1.3em 0 ;
	border:1px solid #E0E0E0;
	padding: 0 1.3em;
	box-sizing: border-box;
}
#top-txt-area .container .tit{
	padding:0 0.5em 0.5em;
	display: inline-block;
	border-bottom: 1px solid #E0E0E0;
	letter-spacing: 0.2em;
	margin-bottom: 0;
}

/*********************
our-stance ADD181023
*********************/
.medal-wrap{
	margin-bottom: 50px;
}
.medal-wrap .medal{
	width: 700px;
	margin: 0 auto;
}
.medal-wrap .medal_list{
		display: flex;
	justify-content: space-between;
}
.medal-wrap .medal p{
	text-align: right;
		font-size: 12px;
}
@media (max-width: 767px){
	.medal-wrap .medal{
	width: 90%;
	}
	.medal-wrap .medal img{
	width: 27%;
	height: 27%;
	}
	.medal-wrap .medal p{
	text-align: center;
		font-size: 11px;
	}
}
/*********************
follow_bnr ADD181023
*********************/
.follow_bnr{
		position: fixed;
		bottom: 80px;
		right: 30px;
	}
	.follow_bnr .bnr_img{
		position: relative;
	}
	.follow_bnr .bnr_img p{
		padding: 0;
		margin: 0;
	}
	.follow_bnr .bnr_img .close{
		position: absolute;
		top: -15px;
		right: -15px;
	}
	.follow_bnr .bnr_img .bnr_img_inner img{
		box-sizing: border-box;
		box-shadow: 2px 2px 8px gray;
	}
	.follow_bnr .bnr_img .bnr_img_inner a:hover{
		opacity: 0.7;
	}
	.follow_bnr .pc{
		display: inherit;
	}
	.follow_bnr .sp{
		display: none;
	}

@media (max-width: 767px){
	.follow_bnr .pc{
		display: none;
	}
	.follow_bnr .sp{
		display: inherit;
	}
	.follow_bnr {
		bottom: 5px;
		right:inherit;
		text-align: center;
	}
	.follow_bnr .bnr_img .bnr_img_inner img{
	width: 95%;
	}
	.follow_bnr p.close img{
	width: 8vw;
	}
	.follow_bnr .bnr_img .close {
		top: -15px;
		right: 0px;
	}
}
@media (max-width: 450px){
	.follow_bnr .bnr_img .close {
		top: -10px;
		right: 0px;
	}
}


/*********************
https://www.tsuruyagolf.co.jp/school/sg-club-fitting/　
お客様の間違いのないクラブ選びのために。背景変更
*********************/
.main--fitting-grandfront .club-selection--sg-club {
		color: #000;
		background-color: #fff;
		background-image: url(../images/sg-club/club_selection_fitting_bg.jpg);
}

/*********************
メインナビゲーション修正　オリジナルブランドの英語タイトル入れる「TSURUYA PRODUCTS」
*********************/
#global-nav #menu-mobile li.list span{
	margin-left: .5em;
		font-size: 11px;
}
#global-nav ul#menu{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
@media screen and (min-width: 1021px){
#global-nav {
	padding-top: 0;
	height: auto;
	top: 19px;
}
}
@media screen and (max-width: 1225px){
#global-nav {
	top: 12px;
}
}
@media screen and (max-width: 1020px){
#global-nav ul#menu {
	display: none;
}
#global-nav {
	top: -600px;
}
}


#global-nav ul#menu > li {
	line-height: 1;
	height: 40px;
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-right: 1px solid #4b7ac1;
}
_:-ms-lang(x)::-ms-backdrop, #global-nav ul#menu > li {
	padding-top: 6px;
}
#global-nav ul#menu li li{
	height: auto;
}
#global-nav ul#menu li a{
	border: none;
}
#global-nav ul#menu li.dropdown span {
	border-right:none;
}
#global-nav ul#menu li:last-child {
	border-right:none;
}
#global-nav.nav_en ul#menu li:last-child {
	border-right: 1px solid #4b7ac1;
}
#global-nav.nav_en ul#menu li:first-child {
  border-left: 1px solid #4b7ac1;
}
.two-line{
	text-align: center;
}
.two-line span{
	font-size: 11px;
}
@media screen and (max-width: 1225px){
.two-line span{
	font-size: 10px;
}
}

/*********************
スクールコロナ対策表示
*********************/
.covid{
	text-align: center;
    border: 1px red solid;
    width: 600px;
    margin: 0 auto;
    margin-bottom: 1.5em;
    padding: .5em;
}
@media screen and (max-width: 990px) and (min-width: 768px){
	.covid {
		width: 730px;
	}
}
@media screen and (max-width: 767px){
	.covid {
		width: 90%;
	}
}


section.content-wrapper.formBtn {
  padding: 0 0 40px;
  text-align: center;
}
section.content-wrapper.formBtn a {
  border: 3px #074097 solid;
  text-decoration: none;
  font-weight: bold;
  padding: .6em 1.5em;
  font-size: 18px;
  box-shadow: 0px 1px 5px #ccc;
  display: inline-block;
  width: 400px;
  letter-spacing: 2px;
  position: relative;
  color: #000;
}
section.content-wrapper.formBtn a:hover {
  color: #fff;
  background: #0f5cdd;
  border: 3px #0f5cdd solid;
}
section.content-wrapper.formBtn a::after {
  content: '';
  position: absolute;
  top: 42%;
  right: 13px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
}
section.content-wrapper.formBtn a:hover::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
@media screen and (max-width: 767px) {
  section.content-wrapper.formBtn {
    padding: 10px 0 30px;
  }
  section.content-wrapper.formBtn a {
    width: 85%;
  }
}

/* 
https://www.tsuruyagolf.co.jp/shop/hirakata/
ショップ情報のチラシ
*/
.shopFlyer {
  margin: 50px 0 40px;
}
.shopFlyer .shopFlyer-title {
  font-size: 20px;
  margin: 0 0 20px;
  text-align: center;
}
.shopFlyer .shopFlyer-content {
  display: flex;
  justify-content: center;
	gap: 1rem 1%;
	flex-wrap: wrap;
}
.shopFlyer .shopFlyer-content a {
  position: relative;
  width: 49%;
  transition: all ease-in-out .3s;
}
.shopFlyer .shopFlyer-content figure {
  margin: 0;
  width: 50%;
}
.shopFlyer .shopFlyer-content figure img {
  width: 100%;
}
.shopFlyer .shopFlyer-content a:hover {
  opacity: .6;
}
.shopFlyer .shopFlyer-content a::after {
  /* content: "クリックで拡大表示";
  text-decoration: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 20px 40px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  white-space: nowrap; */
}
.shopFlyer .shopFlyer-content a img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .shopFlyer {
    margin: 40px 0;
  }
  .shopFlyer .shopFlyer-title {
    margin: 0 0 20px;
  }
  .shopFlyer .shopFlyer-content {
    flex-wrap: wrap;
  }
  .shopFlyer .shopFlyer-content a {
    width: 100%;
  }
  .shopFlyer .shopFlyer-content figure {
    width: 100%;
  }
}

/* 英語用のヘッダー固定 */
#top-head.enHead {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
}
#top-head.enHead + * {
  margin-top: 75px;
}
@media screen and (max-width: 767px) {
  #top-head.enHead + * {
    margin-top: 60px;
  }
}

#side-wrapper + .content-wrapper {
  padding-top: 0;
}
.repair-banner-top a {
  transition: all ease-in-out .3s;
}
.repair-banner-top a:hover {
  opacity: .7;
}