@charset "UTF-8";

/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 3.0
*/


/*---------------------------------

 リセット
  
  コンテンツ入れ替え

  SNSボタン

  サイト全体

  タイトル周り

  ラベル

  テーブル

  ヘッダー

  ナビゲーション

  マスタースライダー

  WHAT'S NEW

  イベント情報

  サイドバナー

  コンテンツ

  フォーム

  ピックアップ

  PR

  フッターナビ

  ナビドロワー

  ウィジェット

  ランキング

  パンくず

  イベント情報

  アーカイブ

  スマートフォン

  各ブラウザ

---------------------------------*/

/*---------------------------------

 ウェルカート

---------------------------------*/

/*---------------------------------

  リセット

---------------------------------*/
/* Box sizing rules */
/* Box sizingの定義 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
/* デフォルトのpaddingを削除 */
ul[class],
ol[class] {
  padding: 0;
}

/* Remove default margin */
/* デフォルトのmarginを削除 */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core body defaults */
/* bodyのデフォルトを定義 */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
/* class属性を持つul、ol要素のリストスタイルを削除 */
ul[class],
ol[class] {
  list-style: none;
}

/* A elements that don't have a class get default styles */
/* classを持たない要素はデフォルトのスタイルを取得 */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Natural flow and rhythm in articles by default */
/* article要素内の要素に自然な流れとリズムを定義 */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
/* inputやbuttonなどのフォントは継承を定義 */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
/* 見たくない人用に、すべてのアニメーションとトランジションを削除 */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.no-opacity:hover{
	opacity:1 !important;
}

/*---------------------------------

  bootstrap

---------------------------------*/

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5, .col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5, .col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
	position: relative;
	min-height: 1px;
}


/* スマホ（767px以下） */

.col-xs-1-5 {
	width: 20%;
	float: left;
}

.col-xs-2-5 {
	width: 40%;
	float: left;
}

.col-xs-3-5 {
	width: 60%;
	float: left;
}

.col-xs-4-5 {
	width: 80%;
	float: left;
}

/* IE対策 */

/* Windows */
@font-face {
  font-family: YuGothicM;
  font-weight: normal;
  src: local('YuGothic-Medium'),  /* Mediumを明示的に指定 */
       local('Yu Gothic Medium'), /* Chrome用 */
       local('YuGothic-Regular'); /* Windows8.1ではMediumがないのでRegularを指定 */
}
@font-face {
  font-family: YuGothicM;
  font-weight: bold;
  src: local('YoGothic-Bold'), /* Boldはそのまま */
       local('Yu Gothic');     /* Chrome用 */
}

/* タブレット（768px～991px） */

@media (min-width: 768px) {
	.col-sm-1-5 {
		width: 20%;
		float: left;
	}
	.col-sm-2-5 {
		width: 40%;
		float: left;
	}
	.col-sm-3-5 {
		width: 60%;
		float: left;
	}
	.col-sm-4-5 {
		width: 80%;
		float: left;
	}
}


/* PC（992px～1119px） */

@media (min-width: 992px) {
	.col-md-1-5 {
		width: 20%;
		max-width: 20%;
		flex: 0 0 20%;
	}
	.col-md-2-5 {
		width: 40%;
		float: left;
	}
	.col-md-3-5 {
		width: 60%;
		float: left;
	}
	.col-md-4-5 {
		width: 80%;
		float: left;
	}
}


/* PC大画面（1200px以上）*/

@media (min-width: 1200px) {
	.col-lg-1-5 {
		width: 20%;
		float: left;
	}
	.col-lg-2-5 {
		width: 40%;
		float: left;
	}
	.col-lg-3-5 {
		width: 60%;
		float: left;
	}
	.col-lg-4-5 {
		width: 80%;
		float: left;
	}
}


/*---------------------------------

  コンテンツ入れ替え

---------------------------------*/

.widget {
	margin: 0 !important;
}


/*========= 1030px〜の場合 =========*/

@media (min-width: 1030px) {
	.d-2of7 {
		float: right !important;
		width: 25% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.d-5of7 {
		float: right !important;
		width: 75% !important;
		padding-left: .75em !important;
		padding-right: 0 !important;
	}
	.d-5of7 {
		padding-left: 30px !important;
		padding-right: 0 !important;
	}
}


/*========= 768px〜1029pxの場合 =========*/

@media (max-width: 1029px) and (min-width: 768px) {
	.d-2of7 {
		float: right !important;
		width: 25% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.d-5of7 {
		float: right !important;
		width: 75% !important;
		padding-left: .75em !important;
		padding-right: 0 !important;
	}
	.d-5of7 {
		padding-left: 30px !important;
		padding-right: 0 !important;
	}
	.side_conts .pickup-post img {
		height: 140px;
	}
}


/*---------------------------------

  SNSボタン

---------------------------------*/

.share {
	margin-top: 5px;
}

.share ul {
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0;
	list-style: none;
}

.share li a {
    position: relative;
    height: 20px;
    box-sizing: border-box;
    padding: 2px 8px 2px 6px;
    color: #fff;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer;
	font-size:12px;
}

/*マウスオーバー時の挙動*/

.share li a:hover {
	text-decoration: none;
	opacity:0.6;
}

.share li a:visited {
	color: #fff;
}

.share ul:after {
	content: "";
	display: block;
	clear: both;
}


/*各SNSボタンの色設定*/

.tweet a {
	background-color: #1b95e0;
}

.facebook a {
	background-color: #4555ab;
}

.hatena a {
	background-color: #008be2;
}

.lines a {
	background-color: #00c030;
}

.pocket a {
	background-color: #ec2136;
}

.feedly a {
	background-color: #6cc655;
}


/*各SNSボタンの配列*/

.share li {
	float: left;
	margin: 0.5% 0.5% 0.5% 0.5%;
	margin-top: 5px;
}


/*Font Awesomeのサイズ変更*/

.fa-big {
	font-size: 12px !important;
	margin-right: 5px;
}


/*---------------------------------

  サイト全体

---------------------------------*/

html {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif !important;
	font-feature-settings: "pkna" 1;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif !important;
	font-feature-settings: "pkna" 1;
	font-size: 15px;
	line-height: 1.6;
}

h1, h2, h3, h4, h5, h6, strong {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif !important;
	font-feature-settings: "pkna" 1;
	font-weight: 700;
}
p {
	font-size: 15px;
	line-height: 1.6;
}
.page-section p {
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
}
.widget {
	background: transparent;
}

.entry-content li {
	padding: 0;
}

.pc-none {
	display: none;
}

.n2-ss-slider .n2-ss-layer {
	font-family: "游ゴシック体", YuGothic, "Yu Gothic", sans-serif !important;
}

div#n2-ss-2 .nextend-arrow img {
	max-width: 40px;
}
a:hover {
	color:inherit;
}
#entry a {
	color:#408254;
}
.entry-content a {
	color:#408254;
}

/*---------------------------------

  タイトル周り

---------------------------------*/

.ttl-wrap {
	position: relative;
	width: 100%;
	border-bottom: 1px dashed #000;
	margin-bottom: 20px;
}

.list-btn {
	position: absolute;
	right: 0;
	top: 3px;
	font-size: 12px;
	font-weight: 700;
	padding: 2px 10px 1px 10px;
	border-radius: 3px;
}

a.list-btn {
	color: #fff !important;
}

.fa-caret-right {
	margin-right: 5px;
}

.green {
	background: #408254 !important;
}

.orange {
	background: #de7f11 !important;
}

.blue {
	background: #1e6486 !important;
}

.brown {
	background: #986452 !important;
}

.red {
	background: #c94648 !important;
}

.purple {
	background: #734cae !important;
}
.sakura {
 	background:#de749e; !important;
}
.txt-green {
	color: #408254 !important;
}

.txt-orange {
	color: #de7f11 !important;
}

.txt-blue {
	color: #1e6486 !important;
}

.txt-brown {
	color: #986452 !important;
}

.txt-red {
	color: #c94648 !important;
}

.txt-purple {
	color: #734cae !important;
}
.txt-sakura {
 	color: #de749e !important;
}

.list-btn:hover {
	text-decoration: none;
	opacity: 0.7;
	color: #fff !important;
}

.main-ttl {
	font-size: 18px;
	margin-bottom: 8px;
	letter-spacing: 1px;
}

.main-ttl-en {
	font-size: 18px;
	margin-bottom: 8px;
	letter-spacing: 1px;
}

.ttl-icon {
	height: 20px !important;
	margin-right: 10px;
	margin-bottom: 4px;
}
.page-ttl {
    position: relative;
    color: #FFF;
    font-size: 20px;
    margin: 0;
    padding: 8px 15px;
    text-align: left;
	margin-bottom:20px !important;
}
.page-ttl {
    position: relative;
    color: #FFF;
    font-size: 20px;
    margin: 0;
    padding: 8px 15px;
    text-align: left;
	margin-bottom:20px !important;
}
.page-subttl{
	border-left:none !important;
	margin:0 auto !important;
	padding:0 !important;
    position: relative;
    font-size: 20px !important;
    font-weight: bold;
    border-bottom: 5px solid #ccc !important;
	padding-bottom:5px !important;
    margin-bottom: 20px !important;
}

/*---------------------------------

  ラベル

---------------------------------*/
.category_wrap {
	width:100%;
	margin: 0;
    padding: 0;
    padding-bottom: 10px;
    margin-bottom: 18px;
    border-bottom: 1px solid #ccc
}
.label {
	display: inline-block;
	padding: 0 8px;
	color: #888;
	font-size: 14px;
	border: 1px solid #888;
	background-color: #fff;
	text-decoration: none;
	line-height: 1.8;
	margin-right: 5px;
	margin-bottom: 10px;
}

.archive-label span {
	display: inline-block;
	padding: 0 8px;
	color: #888;
	font-size: 14px;
	border: 1px solid #888;
	background-color: #fff;
	text-decoration: none;
	line-height: 1.8;
	margin-right: 5px;
	margin-bottom: 10px;
}

.tag:hover {
	text-decoration: none !important;
}

.hatta:hover {
	color: #fff;
	background: #5DBCDD;
	border: 1px solid #5DBCDD;
}

.kushigata:hover {
	color: #fff;
	background: #BA79C6;
	border: 1px solid #BA79C6;
}

.kousai:hover {
	color: #fff;
	background: #FB9054;
	border: 1px solid #FB9054;
}

.wakakusa:hover {
	color: #fff;
	background: #76C641;
	border: 1px solid #76C641;
}

.shirane:hover {
	color: #fff;
	background: #E87296;
	border: 1px solid #E87296;
}

.ashiyasu:hover {
	color: #fff;
	background: #938676;
	border: 1px solid #938676;
}

.spa:hover {
	color: #fff;
	background: #408254;
	border: 1px solid #408254;
}

.meal:hover {
	color: #fff;
	background: #de7f11;
	border: 1px solid #de7f11;
}

.play:hover {
	color: #fff;
	background: #1e6486;
	border: 1px solid #1e6486;
}

.mountain:hover {
	color: #fff;
	background: #986452;
	border: 1px solid #986452;
}

.fruits:hover {
	color: #fff;
	background: #c94648;
	border: 1px solid #c94648;
}
.page-ttl span{
    position: absolute;
    display: block;
    color: #FFF;
    font-size: 13px;
    line-height: 31px;
    background: url(/WP/images/bg/dot-black.svg) repeat left top;
    padding: 8px 10px;
    top: 0;
    right: 0;
}
.grade-tag {
	padding: 8px 30px !important;
}

/*---------------------------------

  テーブル

---------------------------------*/
.entry-content tr:not(:last-child) {
    border-bottom: none
}
.entry-content td {
    border-right: none;
}
table.grading {
    width: 100%;
    font-size: 14px;
    border: 1px solid #D5D5D5;
    border-collapse: collapse;
    margin-bottom: 30px;
}
table.grading th {
    color: #FFF;
    background-color: #c94648;
    padding: 6px 0;
	border: 1px solid #D5D5D5;
    border-collapse: collapse;
	text-align: center;
	width: auto;
}
table.grading th, table.grading td {
    width: auto;
    border: 1px solid #D5D5D5;
    border-collapse: collapse;
}
table.grading td {
    padding: 3px 0;
    text-align: center;
}
table.grading td:nth-child(1) {
    font-weight: bold;
    padding-left: 15px;
    text-align: left;
}
table.grading tr:nth-child(odd) td {
    background-color: #EEE;
}
table.grading td.filter {
    color: #c94648;
	font-size:15px;
}
table.detail{
    border:none;
	margin-bottom: 30px !important;

}
table.detail tr:nth-of-type(odd) {
    background-color: #f6f6f6;
}
table.detail th {
    position: relative !important;
    font-weight: 700 !important;
	border:none;
	background-color:inherit;
	width: 30%;
}
table.detail th, table.detail td {
    padding: 15px 10px;
    vertical-align: top;
    line-height: 1.7;
    font-size: 14px;

}
table.detail th:after {
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 10px;
    width: 1px;
    background-color: #d5d5d5;
}
.td-white {
	padding:0 !important;
	background-color: #fff;
	text-align: justify;
}


/*---------------------------------

  ヘッダー

---------------------------------*/

.header {
	background-color: #fff;
	padding-top: 15px;
	padding-bottom: 20px;
	box-shadow: none;
	border-bottom: 1px solid #b5b5b5;
}

#inner-header {
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
}

.header-right-top {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
}

.header-right-top ul {
	margin: 0 auto;
}

.header-right-top li {
	display: inline-block;
}


select {
	/* styling */
	background-color: white;
	border: thin solid #c7c7c7;
	border-radius: 4px;
	display: inline-block;
	font: inherit;
	line-height: 1.5em;
	padding: 0.3em 2.5em 0.3em 2.5em;
	/* reset */
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}


/* arrows */

select.classic {
	background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%), linear-gradient(to right, #408254, #408254);
	background-position: calc(100% - 20px) calc(1em + 0px), calc(100% - 15px) calc(1em + 0px), 100% 0;
	background-size: 5px 3px, 5px 3px, 2.5em 2.5em;
	background-repeat: no-repeat;
	text-align: center;
	width: 170px;
	height: 37px;
	margin-left: 10px;
	margin-right: 10px;
	color: #000;
	font-family: "游ゴシック体", YuGothic, "Yu Gothic", sans-serif !important;
	font-weight: 700;
}

.subtitle {
	margin: 0 !important;
	letter-spacing: 1px;
	color: #000;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	width: 340px;
	margin-bottom: 8px !important;
}

.info-txt {
	font-size: 12px;
	font-weight: 700;
	margin-top: 5px;
}

.tel-txt {
	font-size: 18px;
	letter-spacing: 1px;
	color: #c94648;
}

#logo {
	height: auto;
	line-height: normal;
}

#logo img {
	width: 360px;
	height: auto;
	padding: 0 !important;
}

.header-bn {
    position: absolute;
    left: 400px;
    top: 0;
    text-align: right;
}

.header-bn a:hover{
    opacity: 0.6;
}

@media only screen and (max-width: 1239px) {
	.header-bn img{
    width: 160px;
}
.header-bn {
    left: 330px;
}
#logo img {
    width: 100%;
}
}
@media only screen and (max-width: 1149px) {
.header-bn {
    display:none;
}
}

/*---------------------------------

  ナビゲーション

---------------------------------*/

ul.topNav {
	overflow: hidden;
	margin: 0 auto;
	list-style-type: none;
	border: none;
	width: 100%;
	position: absolute;
	top: -65px;
	left: 0;
	right: 0;
	z-index: 9999;
	margin-bottom: 40px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#drawer__content {
    max-width: 360px !important;
}


ul.topNav li {
	margin-right: 15px;
}

.no-magin {
	margin-right: 0 !important;
}

ul.topNav li a {
	display: block;
	padding: 15px 5px;
	text-align: center;
	text-decoration: none;
	color: white;
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
	text-align: center;
}

ul.topNav li:hover {
	opacity: 0.9;
}

ul.topNav li a span {
	font-size: 10px;
	font-weight: 500;
}

.nav-icon {
	height: 35px;
	float: left;
	display: block;
	margin: 5px 5px 0 10px;
}

.nav-txt {
	display: block;
	overflow: auto;
}

.wrap {
	position: relative;
}

.pagination ul {
	display: inline-block;
	clear: both;
	margin: 0 auto;
	padding: 0;
	border-radius: 3px;
	text-align: center;
}

.pagination ul li {
	float: left;
	margin: 0 5px 5px 5px;
	list-style: none;
	line-height: 38px;
	text-align: center;
}

.pagination ul li a {
	display: block;
	width: 40px;
	height: 40px;
	background-color: #fff;
	border: #aaa 1px solid;
	color: #333;
	font-size: 15px;
	text-decoration: none;
	line-height: 39px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.pagination a, .pagination span {
	display: block;
	width: 40px;
	height: 40px;
	font-size: 15px;
	text-decoration: none;
	line-height: 39px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.pagination .current {
	cursor: default !important;
	background-color: #333 !important;
	border-color: #333 !important;
	color: #fff !important;
}

.pagination a:hover {
	background-color: #333 !important;
	border-color: #333 !important;
	color: #fff !important;
}

.prev.page-numbers, .next.page-numbers {
	display: inline-block;
	max-width: 100%;
	width: 60px;
	margin-bottom: 5px;
	font-weight: bold;
	border: none;
	color: #333;
}

.prev.page-numbers:hover, .next.page-numbers:hover {
	color: #333 !important;
}

.prev.page-numbers {
	margin-right: 10px;
}

.next.page-numbers {
	margin-left: 10px;
}

/*---------------------------------

  マスタースライダー

---------------------------------*/
.ms-wrap {
	widows: 100%;
	display:block;
	margin-bottom: 30px;
}
.ms-nav-next {
	display:none;
}
.ms-nav-prev {
	display:none;
}
.ms-bullets-count{
	display:none;
}
.ms-slide {
	width: 100% !important;
}
.ms-view {
	width: 100% !important;
}
.ms-container {
	width: 100% !important;
    margin-bottom: 15px !important;
}
.ms-thumb-frame {
    margin-right: 15px !important;
}

.outdoor-section .ms-slide{
    margin-right: 15px !important;
}
.outdoor-section .ms-thumb-frame {
    margin-right: 0 !important;
	margin-left: 10px;
	margin-bottom: 10px !important;
}

/*---------------------------------

  WHAT'S NEW、イベント情報

---------------------------------*/

.news-wrap {
	margin-top: 15px;
}

dl.recent-posts {
	margin: 0 0 30px 0;
	padding: 0;
	display: block;
}

dl.recent-posts dd, dl.recent-posts dt {
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-family: "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif !important;
	font-feature-settings: "pkna" 1;
}

dl.recent-posts dt {
	clear: both;
	display: block;
	font-weight: 700;
	font-size: 14px;
}

dl.recent-posts dd {
	overflow: hidden;
	display: block;
	border-bottom: 1px dotted #000;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 14px;
}

dl.recent-posts dd:last-child {
	border-bottom: none;
}

dl.recent-posts dd a {
	color: #000;
	text-decoration: underline;
	font-weight: 700;
}

dl.recent-posts dd a:hover {
	text-decoration: none;
}

dl.recent-posts span.recent-posts-new {
	padding: 2px 8px 3px 8px;
	margin-left: 8px;
	vertical-align: middle;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif !important;
	background-color: #c94648;
}

.new-icon {
	position: absolute;
	top: 0;
	padding: 2px 8px 3px 8px;
	vertical-align: middle;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif !important;
	background-color: #c94648;
}
searchsubmit, #toc_container .toc_title:before, .cat-name, .pre_tag > span, .pagination .current, #submit, .withtag_list > span, .main-bc-before li:before {
    background-color: #408254 !important;
}
.list-blog-item {
	padding:0 10px;
	width:100%;
	margin-bottom: 30px;
}
.list-blog-item .row {
	margin-right: -15px;
    margin-left: -15px;
}
.list-blog {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	width: 100%;
	position: relative;
}
.add_New{
    position: absolute;
    top: 0;
    padding: 2px 8px 3px 8px;
    vertical-align: middle;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif !important;
    background-color: #c94648;
	z-index: 3;
}
.list-blog a{
	width: 100%;
	position: relative;
    background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.125);
	display: block;
}
.list-blog a:hover{
	text-decoration: none;
	opacity:0.6;
	
}
.list-blog-img{
	display:block;
	width: 100%;
}
.list-blog-img img{
	height: 200px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
    overflow: hidden;
}
.list-blog-date{
	display:block;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 1;
    color: #737373;
	margin-bottom: 8px;
}
.list-blog-textArea {
	//padding:20px;
	padding:20px 20px 0px 20px;
}
.list-blog-textArea p{
	margin-bottom: 0;
}
.list-blog-textArea h2 {
	color:#000;
	margin-top: 20px !important;
	font-size:18px;
}
.getPostContent {
	color:#000;
	text-align: justify;
}


/*---------------------------------

  サイドバナー

---------------------------------*/

.side-link {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.side-bn ul {
	border: none;
	list-style: none;
	padding: 0;
}

.widget .textwidget {
	padding: 0;
}

.bn-01 {
	background-image: url("/WP/images/banner/bn_bg01.jpg");
	background-size: cover;
}

.bn-02 {
	background-image: url("/WP/images/banner/bn_bg02.jpg");
	background-size: cover;
}

.bn-03 {
	background-image: url("/WP/images/banner/bn_bg03.jpg");
	background-size: cover;
}

.bn-04 {
	background-image: url("/WP/images/banner/bn_bg04.jpg");
	background-size: cover;
}

.bn-05 {
	background-image: url("/WP/images/banner/bn_bg05.jpg");
	background-size: cover;
}

.bn-06 {
	background-image: url("/WP/images/banner/bn_bg06.jpg");
	background-size: cover;
}

.bn-07 {
	background-image: url("/WP/images/banner/bn_bg07.jpg");
	background-size: cover;
}

.bn-08 {
	background-image: url("/WP/images/banner/bn_bg08.jpg");
	background-size: cover;
}

.bn-09 {
	background-image: url("/WP/images/banner/bn_bg09.jpg");
	background-size: cover;
}

.side-bn li {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0 7px !important;
	margin-bottom: 15px !important;
}

.side-bn li a {
	color: #fff !important;
	text-align: center;
	font-size: 15px;
	line-height: 20px;
	padding: 18px 0 !important;
}
.side-bn li a:hover {
	opacity:0.7;
}
.side-bn2 li {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0 !important;
	margin-bottom: 15px !important;
}

.side-bn2 li a {
	color: #fff !important;
	text-align: center;
	font-size: 15px;
	line-height: 20px;
	padding: 18px 0 !important;
}
.side-bn2 li a:hover {
	opacity:0.7;
}
.subtxt {
	font-size: 11px !important;
	letter-spacing: 1px;
	font-weight: 400;
}



/*---------------------------------

  コンテンツ

---------------------------------*/

#content.page-forfront {
	background: transparent;
}

#bg-light {
	background: url(/WP/images/bg/dot-light.png) repeat left top;
}

#bg-light2 {
	background: url(/WP/images/bg/dot-light2.png) repeat left top;
}

#bg-light3 {
	background: url(/WP/images/bg/dot-light3.png) repeat left top;
}

#bg-light4 {
	background: url(/WP/images/bg/dot-light4.png) repeat left top;
}

#bg-light5 {
	background: url(/WP/images/bg/dot-light5.png) repeat left top;
}

#bg-line {
	background: url(/WP/images/bg/bg_line.png);
	overflow: hidden;
}

#bg-insta {
	position: relative;
	margin-top: 20px;
	margin-bottom: -60px;
	z-index: 1;
}

.fb-frame {
	display: block;
}

.banner-wrap {
	margin-top: 30px;
	width: 100%;
}

.main-bn img {
	width: 100%;
	display: block;
	margin-bottom: 18px;
	height: auto;
	max-height: 263px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.main-bn img:hover {
	opacity: 0.7;
}

.test-instagram__title img {
	width: 151px;
}

.test-instagram__title:before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	margin-left: -12px;
	background: url(/WP/images/common/icn_instagram_2.png) center/contain no-repeat;
}

.test-instagram__title {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}

.test-instagram__lead {
	margin-top: 14px;
	text-align: center;
}

.main-bdr, #inner-content .main-bdr {
	border: none;
}

#archive_header {
	margin: 0 0 10px;
	padding: 0 0 5px;
}

#archive_header h1 {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc !important;
}

.archive_wrap {
	width: 100%;
	position: relative;
}

.archive_num {
	position: absolute;
	right: 0;
	bottom: 0;
}

.post_num {
	font-size: 13px;
	margin-bottom: 10px;
}
.map-img {
	height: auto !important;
	padding:5px;
	border: 1px #cccccc solid;
}
.outdoor img{
    height: 250px !important;
    object-fit: cover !important;
	font-family: 'object-fit: cover;';
	margin-bottom: 0 !important;
}
#searchsubmit, #toc_container .toc_title:before, .cat-name, .pre_tag > span, .pagination .current, #submit, .withtag_list > span, .main-bc-before li:before {
    background-color: #408254 !important
}
input#s {
    padding-right: 48px;
    border-bottom: none;
    background: #efefef;
    outline: none;
    box-shadow: none;
    transition: .3s ease-in-out;
    -webkit-appearance: none;
}
.cat-blog img{
	display:none;
}
.mannar_bn {
	/* display:block; */
	display:flex;
	width: 100%;
	margin-bottom: 15px;
}
.mannar_bn img{
	display:block;
	width: 100%;
}

/*---------------------------------

  フォーム

---------------------------------*/
.contact_form table {
    table-layout: fixed;
    margin: 0 0 20px;
	margin-top:40px;
    width: 100%;
    font-size: 14px;
	border-collapse: collapse;
	border-spacing: 0;
	border:none !important;
}
.contact_form table th {
    background: #ebeef0;
	padding: 15px;
	border: 1px solid white;
	width: 25%;
	text-align: left;
	padding-left: 20px;
}
.contact_form table td {
    background: #f2f4f5;
	padding: 15px;
	border: 1px solid white;
}
.must {
    float: right !important;
    display: inline-block !important;
    font-size: 11px !important;
    color: white !important;
    font-family: SourceHanSans-Bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
    line-height: 1 !important;
    font-weight: 400 !important;
    margin: 0px 0px 13px !important;
    padding: 5px 10px 6px !important;
    background: #c94648 !important;
}
.contact_form button, .contact_form input, .contact_form select, .contact_form textarea {
    margin: 12px 0 !important;
    padding: 10px !important;
    border: solid 1px #cdcdcd !important;
	background: #FFF !important;

}
.radio input{
	width: auto !important;
}
.name input{
	width: 45% !important;
}
.zip input{
	width: 20% !important;
}
.zip span{
	margin-right:10px;
}
input[type="submit"] {
	width: 80% !important;
}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea, .field {
    color: #000 !important;
	display: inline-block !important;
}
@media only screen and (max-width: 767px) {
	.contact_form table th {
    display:block !important;
	width: 100% !important;
}
	.contact_form table td {
    display:block !important;
	width: 100% !important;
	
}
}

/*---------------------------------

  ピックアップ

---------------------------------*/

.pickup-wrap {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.pickup-post {
	width: 25%;
	padding: 0 15px;
	float: left;
	position: relative;
}

.pickup-post:last-child {
	margin-right: 0;
}

.pickup-post:hover {
	opacity: 0.7;
}

.pickup-post img {
	border: 1px solid #000;
	width: 100%;
	height: 180px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.pickup-ttl {
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	display: block;
	margin: 0 !important;
	padding: 10px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	color: #fff;
	font-size: 15px !important;
}


/*---------------------------------

  PR

---------------------------------*/

.pr-wrap {

}

.pr-wrap ul {
	list-style: none;
	padding: 0;
	border: none;
}

.pr-wrap ul li a {
	
}

.pr-wrap ul li a:hover {
	opacity: 0.7;
	background-color: transparent;
}

.pr-wrap ul li img {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #000;
}
.sbi_follow_btn a {
    width: 160px;
}
#sb_instagram svg:not(:root).svg-inline–fa {
	height: auto !important;
}


/*---------------------------------

  固定ページ

---------------------------------*/
.page-section p{
	margin-bottom: 30px;
}
.page-section img{
	margin-bottom: 30px;
}
.page-list-item {
	margin-bottom: 30px;
    border-bottom: 1px dotted #000 !important;
}
.page-list-item img{
	width: 100%;
}
.page-list-item a{
	color:#000 !important;
}
.page-list-item a:hover{
	text-decoration: none;
}
.page-list-item :hover{
	opacity: .8;
}
.page-list-item h3{
	margin:0 auto;
	padding:0;
	border:none;
	margin-bottom: 10px;
}
.page-list-ttl{
    font-size: 22px !important;
    font-weight: bold;
	margin-bottom: 5px !important;
}
.page-section ul {
	border:none;
	padding:0;
	margin:0 -10px;
}
ul.list li img {
    width: 100%;
    margin-bottom: 20px;
}
ul.list li {
    font-size: 13px;
    vertical-align: top;
	padding:10px;
}
table.basic {
    width: 100%;
    font-size: 14px;
    border: 1px solid #D5D5D5;
    border-collapse: collapse;
    margin-bottom: 30px;
}
table.basic th {
    color: #FFF;
    background-color: #c94648;
    padding: 6px 0;
	border: 1px solid #D5D5D5;
    border-collapse: collapse;
	text-align: center;
	width: auto;
}
table.basic th, table.basic td {
    width: auto;
    border: 1px solid #D5D5D5;
    border-collapse: collapse;
}
table.basic td {
    padding: 8px 0;
    text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
table.basic td:nth-child(1) {
    font-weight: bold;
    text-align: left;
}
table.basic tr:nth-child(even) td {
    background-color: #EEE;
}
table.basic td.filter {
    color: #c94648;
}
table.shop-name a {
	transition: none !important;
}
table.shop-name span{
    font-size: 14px !important;
	color: #000 !important;
	font-weight: normal!important;
}
table.shop-name a span{
    font-size: 14px !important;
	color: #de7f11 !important;
	font-weight: normal!important;
}
table.shop-name a:hover {
    color: #de7f11 !important;
    text-decoration: underline;
	text-decoration-color:#de7f11 !important;
}
table.shop-name p{
    margin-bottom: 0 !important;
}
table.nouen td{
	font-weight: normal !important;
}
.list img{
	height: 200px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.list a img:hover{
	opacity:.8;
}
.list h3 {
	position: relative;
	display: block;
	border:none;
	margin:0 auto;
	padding:0;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 8px;
}
.list h3 span {
	position: absolute;
	top:3px;
	right:0;
	width: auto !important;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    background-color: #FFEDF3;
    border: 1px solid #FF5A91;
    margin: 0 5px 0 0 !important;
    padding: 0 5px;
}
.tag-brown {
	background-color: #e8d4ce !important;
    border: 1px solid #986452 !important;
}
.page-conts article {
    padding-bottom: 20px;
    text-align: center;
}
.page-conts article .artInn {
    position: relative;
}
.page-conts article img {
    width: 100%;
	height:400px !important;
    object-fit: cover;
	font-family: 'object-fit: cover;';
	margin-bottom: 0 !important;
}
.page-conts article .box {
    position: absolute;
    top: 50%;
    left: auto;
    right: 35px;
    width: 380px;
    max-width: 100%;
    background:rgba(255,255,255,0.8);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.page-conts article h5 {
    margin: 0;
    padding: 40px;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px dashed #000;
}
.page-conts article .description {
    padding: 20px;
    text-align: center;
}
.page-conts article .description .text {
    margin: 0 0 30px;
    color: #000;
    font-size: 15px;
    text-align: left;
    line-height: 1.8;
}
.page-conts article .description a {
    min-width: 260px;
	margin:0 auto !important;
	margin-bottom: 20px !important;
}
.btn-lg {
    padding: 15px 15px;
    font-size: 16px;
	color:#fff;
}
.btn-lg:hover {
    opacity:0.7;
	color:#fff;
}
.nav_local ul {
    padding: 0 !important;
	margin:0 auto!important;
    list-style: none;
}
.nav_local .shtb2 {
    margin:0 auto;
}
.nav_local li {
    font-weight: bold;
	margin-bottom: 20px;
	display:block;
}
.nav_local ul li a {
    color: #fff !important;
	width: 100%;
	display:block;
    text-align: center;
    font-size: 20px;
    line-height: 22px;
	padding:40px 0;
}
.nav_local li a:hover{
    text-decoration: none;
}
.nav_local li:hover {
    text-decoration: none;
	opacity:.8;
}
.nav_local li.nav_1{
    background: url(/WP/images/page/kitadake_bn.jpg);
	background-position: center;
	background-size: cover;
}
.nav_local li.nav_2{
    background: url(/WP/images/page/minamialps_bn.jpg);
	background-position: center;
	background-size: cover;
}
.nav_local li.nav_3{
    background: url(/WP/images/page/tozanlink_bn.jpg);
	background-position:bottom;
	background-size: cover;
}
.nav_local li.nav_4{
    background: url(/WP/images/page/nav_04.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_5{
    background: url(/WP/images/page/nav_05.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_6{
    background: url(/WP/images/page/nav_06.jpg);
	background-position:bottom;
	background-size: cover;
}
.nav_local li.nav_7{
    background: url(/WP/images/page/nav_07.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_8{
    background: url(/WP/images/page/nav_08.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_9{
    background: url(/WP/images/page/nav_09.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_10{
    background: url(/WP/images/page/nav_10.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_11{
    background: url(/WP/images/page/nav_11.jpg);
	background-position:bottom;
	background-size: cover;
}
.nav_local li.nav_11 a{
    font-size: 24px;
    line-height: 28px;
	padding:70px 0;
}
.nav_local li.nav_12{
    background: url(/WP/images/page/nav_12.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_13{
    background: url(/WP/images/page/nav_13.jpg);
	background-position:bottom;
	background-size: cover;
}
.nav_local li.nav_14{
    background: url(/WP/images/page/nav_14.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_15{
    background: url(/WP/images/page/nav_15.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_16{
    background: url(/WP/images/page/nav_16.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_17{
    background: url(/WP/images/page/nav_17.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_18{
    background: url(/WP/images/page/nav_18.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_19{
    background: url(/WP/images/page/nav_19.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_20{
    background: url(/WP/images/page/nav_20.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_21{
    background: url(/WP/images/page/nav_21.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_22{
    background: url(/WP/images/page/nav_22.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_23{
    background: url(/WP/images/page/nav_23.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_24{
    background: url(/WP/images/page/nav_24.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_25{
    background: url(/WP/images/page/nav_25.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_26{
    background: url(/WP/wp-content/uploads/2021/04/maintenance05.png);
	background-position: center;
	background-size: cover;
}
.nav_local li.nav_27{
    background: url(/WP/wp-content/uploads/2021/07/nav_27.png);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_28{
    background: url(/WP/wp-content/uploads/2021/09/nav_28.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_29{
    background: url(/WP/wp-content/uploads/2021/10/nav_29.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_30{
    background: url(/WP/wp-content/uploads/2021/09/nav_30.jpg);
	background-position:center;
	background-size: cover;
}

.nav_local li.nav_31{
    background: url(/WP/wp-content/uploads/2021/09/%E4%B8%89%E5%A5%BD%E5%A0%82%E2%91%A0.jpg);
	background-position:center;
	background-size: cover;
}
.nav_local li.nav_32{
    background: url(/WP/wp-content/uploads/2021/09/かえで①.jpg);
	background-position:center;
	background-size: cover;
}

.access-conts a{
	color:#986452 !important;
	font-weight: normal !important;
}
.access-conts a img:hover{
	opacity:0.8;
}
.txt-pdf{
	display: block;
	font-size:16px;
    padding: 0 0 0 25px;
	margin-bottom:20px;
    background: url(/WP/images/pdf/icon_pdf.gif) no-repeat left center;
}
.kouyou img {
	height:340px !important;
}
.onsenkyou {
	margin-top:30px;
}

/*---------------------------------

  フッターナビ

---------------------------------*/

.footNav-wrap {
	width: 100%;
}

.footNav-wrap a:hover {
	text-decoration: none !important;
}

.footNav-wrap ul {
	list-style: none;
	padding: 0;
	border: none;
}

.footNav-wrap ul li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.footNav-wrap ul li:hover {
	opacity: 0.7;
}

.footNav-wrap ul li img {
	width: 50%;
	/* 20200904 height: 100%; */
	height: 200px;
	float: left;
}

.footNav-img {
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.dotline {
	height: auto !important;
	margin: 20px 0;
	padding: 0 25px;
}

.footNav-icon {
	height: 40px !important;
	margin: 0 auto;
	text-align: center;
	margin-top: 30px;
}

.footNav-txt {
	color: #fff !important;
	text-align: center !important;
	font-size: 16px !important;
	margin: 0 auto !important;
	padding: 30px 0;
	line-height: 20px !important;
}

.txt-line {
	border-top: dotted 2px #fff;
	padding-top: 15px;
}

#footer-menu nav {
	width: 100%;
	border-bottom: 1px solid #EDEDED;
	padding-bottom: 10px;
}

#footer-menu {
	padding: 0;
}

#footer-menu a {
	color: black;
	font-weight: 700;
	padding-right: 5px;
}

#footer-menu li {
	border-right: 1px solid #000;
	line-height: 16px;
}

#footer-menu li:last-child {
	border: none;
}

.footer-links a{
    color:#000 !important;
}

.footer-logo {
	width: 360px;
	margin: 0 auto;
	text-align: center;
	margin-top: 60px;
	margin-bottom: 30px;
}

.copyright {
	padding: 10px 0;
	background: #000 !important;
	z-index: 9999;
	opacity: 1;
	margin-top: 60px;
}

.close {
	opacity: 1;
}


/*---------------------------------

  ナビドロワー

---------------------------------*/

#drawer__open {
	color: #000 !important;
}

.drawer__title .close span, .drawer__title .close span:before {
	background: #000 !important;
}

.drawer__title .close {
	padding: 16px 3px;
}

#drawer__open {
	width: 60px;
	font-size: 26px;
	line-height: 78px;
}

#custom_html-6 {
	margin-bottom: 0 !important;
}

.widget-menu li {
	float: left;
	width: 50%;
	border-bottom: solid 1px #EFEFEF;
	font-size: 13px;
	vertical-align: middle;
	background: transparent;
}

#custom_html-6 ul li a {
	padding: 12px 7px;
	color: white;
}

.widget-menu li:nth-child(even) {
	border-left: solid 1px #EFEFEF;
}

#nav_menu-2 li a {
	color: #000;
	border-bottom: solid 1px #EEE;
	font-size: 14px;
	padding: 12px 0;
	padding-left: 15px;
}

#menu-item-292 a {
	background: #000;
	color: #fff !important;
}

#custom_html-7 {
	text-align: center;
	margin-bottom: 20px !important;
}

#drawer__content {
	top: 0;
}

.drawer-logo {
	width: 260px;
	margin: 30px 0 8px 0;
	text-align: center;
}

.drawer-txt {
	font-size: 12px;
	padding: 0 10px;
}

.drawer-tel {
	font-size: 14px !important;
}

.drawer-select {
	position: absolute;
	top: 15px;
	z-index: 99;
}

#custom_html-10 {
	margin-bottom: 40px !important;
}

.icon-center {
	margin: 0 auto !important;
	text-align: center !important;
	display: flex !important;
}

.d-flex {
	margin: 0 auto !important;
	text-align: center !important;
}

.mr-3 {
	margin-right: 1rem !important;
	text-align: center;
}

.sns {
	background-color: #408254;
	color: #FFF;
	font-size: 20px;
	text-align: center;
	height: 35px;
	width: 35px;
	line-height: 25px;
}

.rounded-circle {
	border-radius: 50%;
}

.widget-menu {
	margin-top: 20px !important;
}


/*---------------------------------

  ウィジェット

---------------------------------*/

.side_wrap {
	display: flex !important;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.side_conts .pickup-post {
	width: 100%;
	display: block;
	padding: 0;
	position: relative;
	margin-bottom: 15px;
}

.side_conts .pickup-ttl {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.widgettitle {
	margin-bottom: 15px;
	padding: 7px 13px;
	font-size: 16px;
}

#custom_html-2 .widgettitle, #custom_html-3 .widgettitle, #custom_html-4 .widgettitle, #custom_html-5 .widgettitle {
	display: none;
}

.sidebar .widgettitle:before {
	display: none;
}

#custom_html-12 {
	margin-top: 30px !important;
}
/*---------------------------------

  ランキング

---------------------------------*/
.my-widget li a .my-widget__img {
    display: table-cell;
    width: 100px;
    height: 100px;
    vertical-align: middle;
	margin:0;
	padding:0;
}
.my-widget__img img {
    width: 100%;
    border: none;
    transition: .3s ease-in-out;
}
.my-widget li a .my-widget__text {
    display: table-cell;
    width: 140px;
    width: calc(100% - 100px);
    font-size: 13px;
	color:#000;
    vertical-align: text-top;
    line-height: 1.5;
	padding-left:20px;
}
.widget .my-widget li a {
    margin-bottom: 10px;
}
.widget .my-widget li a:hover {
    opacity:0.6;
}
.widget h4 + * {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}
.show_num li .rank {
    display: inline-block;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
	border-radius: 0;
	border-bottom-right-radius: 5px;
    color: #fff;
    text-align: center;
    line-height: 25px;
}
.widget .my-widget li a {
    padding:0;
}
.my-widget li a:hover .my-widget__img img {
    transform: scale(1.00); 
}
.my-widget li a .post-date, .views {
    display: block;
    color: #a0a0a0;
    font-size: 14px;
    font-weight: 500;
}
.accent-bc {
    background-color: #000 !important;
	color:#fff !important;
}
.show_num li:first-child .accent-bc{
	background-color: #E99F13 !important;
	color:#fff !important;
}
.show_num li:nth-child(2) .accent-bc{
	background-color: #899799 !important;
	color:#fff !important;
}
.show_num li:nth-child(3) .accent-bc{
	background-color: #B1490D !important;
	color:#fff !important;
}

.header-btn {
	background: #000 !important;
	border-radius: 20px !important;
	padding: 10px 35px !important ;
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #fff !important;
	letter-spacing: 1px !important;
	margin-bottom: 30px !important;
	display:inline-block;
}
.top-bn01{
	position: relative;
	display: block;
}
.top-bn01::before{
	content:"";
	background-color: rgba(0, 0, 0, .3);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
}
.top-bn01 span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
}
.top-bn01 a{
	color:#fff;
	/* font-size: 14px; */
	font-size: 11px;
	font-weight: bold;
}
.top-bn01 img{
	/* max-height: 42.5px; */
	max-height: 28.3px;
}
@media only screen and (max-width: 1200px) {
	.top-bn01 img{
		max-height: 36px;
	}
}

.top-bn02{
	position: relative;
	display: block;
}
.top-bn02::before{
	content:"";
	background-color: rgba(0, 0, 0, .3);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
}
.top-bn02 span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
}
.top-bn02 a{
	color:#333;
	/* font-size: 14px; */
	font-size: 12px;
	font-weight: bold;
}
.top-bn02 img{
	max-height: 42.5px;
	/* max-height: 28.3px; */
}
@media only screen and (max-width: 1200px) {
	.top-bn02 img{
		max-height: 36px;
	}
}

.fa-envelope {
	margin-right: 15px;
}

.header-btn:hover {
	opacity: 0.7;
	text-decoration: none;
	color: #fff !important;
}

.widget-bn li a {
	padding:0 !important;
	color:#fff !important;
	width: 100%;
    max-height: auto;
}
.widget-bn .top-bn01 img {
	width:  100%;
    max-height: auto;
}
.widget-bn .top-bn01::before {
    background-color: rgba(0, 0, 0, 0);
}


/*---------------------------------

  パンくず

---------------------------------*/

.breadcrumbs {
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(/WP/images/bg/dot-black.svg) repeat left top;
	font-size: 13px;
}

#breadcrumb ul {
	margin: 0 15px;
}

#breadcrumb li {
	color: #fff;
}

#breadcrumb li a {
	text-decoration: underline;
	color: #fff;
	font-size: 13px;
}

#breadcrumb li a:hover {
	text-decoration: none;
	color: #fff;
}

#breadcrumb li:after {
	padding: 0 8px;
	color: white;
}

#breadcrumb li:last-child::after {
	content: none !important;
}

#breadcrumb {
	margin: 0;
	padding: 0;
	background: none;
}


/*---------------------------------

  イベント情報

---------------------------------*/

.post-thumbnail {
	display: none;
}

.single-title, .page-title, .entry-title {
	font-family: "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif !important;
	color: #000;
	font-size: 22px;
	font-weight: bold;
	padding: 0;
	margin-bottom: 10px;
}

.event-days {
	font-size: 18px;
	font-weight: bold;
	line-height: 2rem;
	font-family: "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif !important;
	font-feature-settings: "pkna" 1;
	margin-bottom: 5px;
	color: #000;
}

.article-header {
	margin: 0 !important;
	margin-bottom: 15px !important;
}

.entry-content {
	padding: 0 !important;
	font-size: 14px;
	color: #000;
	margin-bottom: 30px;
}

.info-list-content {
	margin: 0;
	font-size: 14px;
	margin-bottom: 30px;
	color: #000;
}

.info-name {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
}

.info-top-line {
	height: 3px;
	border: none;
	margin-top: 0px;
	background-color: #000000;
}

.info-list-line {
	height: 1px;
	border: none;
	background-color: #E5E5E5;
}

.info-list-content dt, .info-list-content dd {
	margin: 2px 0;
}

.event-header img{
	width:100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	background-size: cover;
	background-position: center;
	height: 250px;
	opacity:0.6;
	z-index: -9999;
}
.bg-bk {
	background-color: rgba(0, 0, 0, 1);
	height: 250px !important;
	z-index: 8888;
}
.pageheader-wrap {
	position: absolute;
	right:0;
	left:0;
	z-index: 1;
}

.header-title {
	color: #fff;
	display: table-cell;
	vertical-align: middle;
	height: 250px;
	padding: 15px;
}

.mod-data {
	font-size: 14px;
	margin-bottom: 5px;
	color: #767676;
}
.event-end {
	background: #c94648 !important;
	color:white !important;
	display:inline-block;
	font-size:16px;
	text-align: center;
	padding:1px 10px;
	margin-right: 2px;
	vertical-align: middle;
}

/*---------------------------------

  アーカイブ

---------------------------------*/

.thumbnails img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

.cards {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.card-inner {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0px;
	margin-bottom: 20px;
}

.card-box {
	padding: 15px;
}

.cards h2 {
	color: #000;
	font-size: 16px;
}

.cards a:hover {
	text-decoration: none !important;
	opacity: 0.6;
}

.post-eve-title {
	font-family: "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif !important;
	color: #000;
	line-height: 1.6rem;
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	margin-bottom: 10px;
}


/*---------------------------------

  スマートフォン

---------------------------------*/

@media only screen and (max-width: 481px) {
	.pc-none {
		display: block;
	}
	.header {
		padding-top: 0;
		padding-bottom: 0;
	}
	#logo:before {
		height: auto;
	}
	.subtitle {
		width: 100%;
		display: block;
		margin-top: 10px !important;
	}
	#logo img {
		width: 200px;
		height: auto;
		padding: 0 !important;
		margin-bottom: 15px;
	}
	.widget {
		margin: 0 0 0.5em;
	}
	dl.recent-posts dd {
		margin-bottom: 5px;
		padding-bottom: 5px;
	}
	dl.recent-posts dd a {
		font-weight: 700;
		text-decoration: none;
	}
	.main-bn img {
		height: auto;
	}
	.pickup-post {
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}
	.pickup-post img {
		height: 220px;
	}
	.footNav-txt {
		font-size: 14px !important;
		padding: 0;
		padding-bottom: 20px;
	}
	.footNav-icon {
		height: 30px !important;
		margin-top: 15px;
	}
	.dotline {
		height: auto !important;
		margin: 15px 0;
		padding: 0 20px;
	}
	#footer-menu li, .privacy-policy-link {
		padding: 0 6px;
		font-size: 13px;
	}
	.footer-logo {
		width: 320px;
		margin-top: 30px;
	}
	.footer p {
		padding: 0 15px;
		text-align: center;
	}
	.copyright {
		padding: 15px !important;
		margin-top: 30px;
	}
	ul.topNav2 {
		overflow: hidden;
		margin: 0 auto;
		list-style-type: none;
		border: none;
		width: 100%;
		z-index: 9999;
		margin-bottom: 20px;
		margin-top: 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	ul.topNav2 li {
		margin-right: 0;
	}
	.no-magin2 {
		margin-right: 0 !important;
	}
	ul.topNav2 li a {
		display: block;
		padding: 15px 5px;
		text-align: center;
		text-decoration: none;
		color: white;
		font-size: 12px;
		font-weight: 700;
		line-height: 22px;
		text-align: center;
	}
	ul.topNav2 li:hover {
		opacity: 0.9;
	}
	ul.topNav2 li a span {
		font-size: 10px;
		font-weight: 500;
	}
	.nav-icon {
		height: 30px;
		float: none;
		display: block;
		margin: 0 auto;
		margin-bottom: 5px;
		text-align: center;
	}
	.nav-txt {
		display: block;
		overflow: auto;
	}
	.txt-none {
		display: none;
		margin-bottom: 0;
	}

	.thumbnails img {
    width: 100%;
    height: 120px;
    object-fit: cover;
	font-family: 'object-fit: cover;'
}
	.cards h2 {
    color: #000;
    font-size: 13px;
	line-height: 1.2rem;
}
	.post_num {
    font-size: 13px;
    margin-bottom: 10px;
}
	.archive_num {
    position: relative;
	text-align: right;
}
	.archive-label {
		display:none;
	}
		.mod-data {
		font-size:10px;
	}
	.side-bn li a {
    color: #fff !important;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    padding: 10px 0 !important;
}
	.subtxt {
    font-size: 10px !important;
    letter-spacing: 1px;
    font-weight: 400;
}
	.side-bn2 li {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0 7px !important;
	margin-bottom: 15px !important;
}
	.header-title {
	color: #fff;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	height: 180px;
	padding: 15px;
	text-align: center;
	}
	.event-header img {
    width: 100%;
    height: 180px;
	}
	.bg-bk {
    background-color: rgba(0, 0, 0, 1);
    height: 180px !important;
    z-index: 5;
	}
#wpfront-scroll-top-container img{
   width: 40px !important;
	height:40px !important;
	border-right:none !important;
}
#wpfront-scroll-top-container {
    right:10px !important;
	bottom:10px !important;
}

}
/*---------------------------------

  各ブラウザ

---------------------------------*/


/*========= 481~576pxの場合 =========*/

@media only screen and (min-width: 481px) and (max-width: 576px) {
	.pc-none {
		display: block;
	}
	.pickup-post {
		width: 100%;
		margin-bottom: 15px;
	}
	.pickup-post img {
		height: 260px;
	}
	.main-bn img {
		height: auto;
		object-fit: fill;
		font-family: 'object-fit: fill;'
	}
	.widget {
		margin: 0 0 0.5em;
	}
	ul.topNav2 {
		overflow: hidden;
		margin: 0 auto;
		list-style-type: none;
		border: none;
		width: 100%;
		z-index: 9999;
		margin-bottom: 20px;
		margin-top: 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	ul.topNav2 li {
		margin-right: 0;
	}
	.no-magin2 {
		margin-right: 0 !important;
	}
	ul.topNav2 li a {
		display: block;
		padding: 15px 5px;
		text-align: center;
		text-decoration: none;
		color: white;
		font-size: 12px;
		font-weight: 700;
		line-height: 22px;
		text-align: center;
	}
	ul.topNav2 li:hover {
		opacity: 0.9;
	}
	ul.topNav2 li a span {
		font-size: 10px;
		font-weight: 500;
	}
	.nav-icon {
		height: 30px;
		float: none;
		display: block;
		margin: 0 auto;
		margin-bottom: 10px;
		text-align: center;
	}
	.nav-txt {
		display: block;
		overflow: auto;
	}
	.txt-none {
		font-size: 9px;
		margin-bottom: 0;
	}
	.txt-none span {
		display: none !important;
	}
	.entry-content {
	padding: 0 15px !important;
}
	.article-header {
	padding: 0 15px !important;
}
	.side-bn2 li {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0 7px !important;
	margin-bottom: 15px !important;
}
		.header-title {
	color: #fff;
	width: 100% !important;
	display: table-cell;
	vertical-align: middle;
	height: 180px;
	padding: 15px;
	text-align: center;
	}
	.event-header img {
    width: 100%;
    height: 180px;
	}
	.bg-bk {
    background-color: rgba(0, 0, 0, 1);
    height: 180px !important;
    z-index: 5;
	}
#wpfront-scroll-top-container img{
   width: 40px !important;
	height:40px !important;
}
}


/*========= ~768pxの場合 =========*/

@media only screen and (max-width: 768px) {
	.sm-none {
		display: none;
	}
	#logo img {
		width: 220px;
	}
	.subtitle {
		width: 220px;
		margin: 0 auto !important;
		margin-top: 5px !important;
		margin-bottom: 5px !important;
		text-align: center;
	}
	.header {
		padding: 0;
	}
	.entry-content {
	padding: 0 15px !important;
}
	.article-header {
	padding: 0 15px !important;
}
	.side-bn2 li {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0 7px !important;
	margin-bottom: 15px !important;
}
}


/*=========576 〜1020pxの場合 =========*/

@media (min-width: 576px) and (max-width: 1020px) {
	.pc-none {
		display: block;
	}
	.nav-none {
		display: none;
	}
	.pickup-post {
		width: 50%;
		margin-bottom: 20px;
	}
	.pickup-post img {
		height: 220px;
	}
	.main-bn img {
		height: auto;
		object-fit: fill;
		font-family: 'object-fit: fill;'
	}
	.widget {
		margin: 0 0 0.5em;
	}
	ul.topNav2 {
		overflow: hidden;
		margin: 0 auto;
		list-style-type: none;
		border: none;
		width: 100%;
		z-index: 9999;
		margin-bottom: 20px;
		margin-top: 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	ul.topNav2 li {
		margin-right: 0;
	}
	.no-magin2 {
		margin-right: 0 !important;
	}
	ul.topNav2 li a {
		display: block;
		padding: 15px 5px;
		text-align: center;
		text-decoration: none;
		color: white;
		font-size: 12px;
		font-weight: 700;
		line-height: 22px;
		text-align: center;
	}
	ul.topNav2 li:hover {
		opacity: 0.9;
	}
	ul.topNav2 li a span {
		font-size: 10px;
		font-weight: 500;
	}
	.nav-icon {
		height: 30px;
		float: none;
		display: block;
		margin: 0 auto;
		margin-bottom: 10px;
		text-align: center;
	}
	.nav-txt {
		display: block;
		overflow: auto;
	}
	.txt-none {
		margin-bottom: 0;
	}
}
.sm-bn {
	padding:15px;
}
.sm-bn img{
	width: 100%;
}

/*========= 〜971pxの場合 =========*/

@media only screen and (max-width: 971px) {
	.info-txt {
		font-size: 13px;
	}
	.tel-txt {
		font-size: 16px;
	}
	#logo img {
		width: 240px;
	}
	.subtitle {
		width: 240px;
	}
	.header-btn {
		padding: 10px 25px;
		font-size: 13px;
	}
	select.classic {
		width: 90%;
	}
	select {
		padding: 0.3em 3.5em 0.3em 3.5em;
	}
	.info-txt {
		margin-top: 8px;
	}
	.header-right-top {
		top: -3px;
	}
}

/*---------------------------------

 ウェルカート

---------------------------------*/
#inside-cart .no_cart {
    text-align: center;
    width: auto;
    margin-top: 60px;
    font-size: 16px !important;
    font-weight: normal !important;
    color: #000 !important;
    margin-bottom: 60px;
}
.skuform input[type="text"] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
}
.itemimg {
	display:none;
}
#itempage .skuform {
    width: 100%;
	text-align: left !important;
	font-size: 16px;
}

.skubutton:hover {
    opacity:0.7;
}
#itempage .skuform .skuquantity {
    text-align: center !important;
    width: 5em;
    margin: 0 5px;
	display:inline-block !important;
}
#itempage .skuform .skuquantity {
    font-size: 18px;
    border-radius: 5px;
    height: 50px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 8px;
    border: 1px solid #ccc;
    padding: 4px 6px;
}
#itempage h3{
    margin: 0 0 30px 0 !important;
	padding-bottom: 15px;
    font-size: 24px;
	border:none !important;
	border-bottom: 1px solid #ccc !important;
	background-color:transparent !important;
	color:#000 !important;
}
#itempage .exp {
	padding:20px 0;
	border-top: 1px solid #e2e0de;
	border-bottom: 1px solid #e2e0de;
    margin-bottom: 10px;
}
.field_name {
	display: inline-block;
	font-size: 18px;
    font-weight: bold;
}
.field_name:after {
	content:'：';
}
.field_price {
	display: inline-block;
	font-size: 28px;
    font-weight: bold;
	color:#c94648;
}
.item-zaiko{
	margin-top: 10px;
    display: inline-block;
    background-color: #006C3E;
    border-radius: 5px;
    margin-right: 12px;
    padding: 4px 12px;
    color: #FFFFFF;
    font-size: 14px;
    letter-spacing: 0.06em;
	font-weight: bold;
}
.item-stock{
    display: inline-block;
    font-size: 16px;
    transform: translateY(1px);
	font-weight: bold;
}

.usccart_navi {
	display: block;
	border:none;
	background: none !important;
	width:  100% !important;
}
div.usccart_navi li.usccart_cart {
    background-image: none !important;
    color: #fff !important;
    background-color: #006C3E !important;
    border-color: #006C3E !important;
	border-left:2px #fff solid !important;
	border-right:2px #fff solid !important;
}
div.usccart_navi li.usccart_customer {
    background-image: none !important;
    color: #fff !important;
    background-color: #006C3E !important;
    border-color: #006C3E !important;
	border-left:2px #fff solid !important;
	border-right:2px #fff solid !important;
}
div.usccart_navi li.usccart_delivery{
    background-image: none !important;
    color: #fff !important;
    background-color: #006C3E !important;
    border-color: #006C3E !important;
	border-left:2px #fff solid !important;
	border-right:2px #fff solid !important;
}
div.usccart_navi li.usccart_confirm{
    background-image: none !important;
    color: #fff !important;
    background-color: #006C3E !important;
    border-color: #006C3E !important;
	border-left:2px #fff solid !important;
	border-right:2px #fff solid !important;
}
.entry-content ol {
    border: none;
	padding:0;
	margin:0;
	display:flex;
	flex-wrap:wrap;
}
div.usccart_navi ol.ucart {
    list-style-image: none;
    list-style-type: none;
    display: flex !important;
    height: auto !important;
    margin-top: 0 !important;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
div.usccart_navi ol.ucart  {
    width: 100% !important;
    margin-bottom: 1em !important;
}
li.ucart {
	border-left:2px #fff solid !important;
	border-right:2px #fff solid !important;
	font-size: 0;
	margin:0 10px;
    padding: 15px 10px;
    box-sizing: border-box;
    float: none !important;
    position: relative;
    background-color: #f0f0f0 !important;
    border-radius: 5px !important;
    text-align: center;
    font-size: 13px;
    color: #aaa !important;
	width: 100% !important;
	margin-bottom: 10px !important;
}
#cart .upbutton {
    text-align: right;
    padding-right: 0 !important;
	margin-bottom: 15px;
	letter-spacing: 1px;
}
#cart table {
    border: none !important;
}
#cart table th{
    border: none !important;
}
#cart table td{
    border: none !important;
}
.upbutton input {
	display: inline-block;
    width: auto;
    background-color: #000 !important;
    margin: .3845em 0 0;
    padding: 10px 1.1535em !important;
    background: none;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: center;
	border-radius: 5px;
	color:#fff !important;
	font-weight: normal !important;
}
#cart input.delButton {
	display: inline-block;
    width: auto !importantimportant;
	line-height: 0 !important;
    background-color: #ddd !important;
    padding: 16px 1.7em !important;
    background: none;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: center;
	border-radius: 5px;
	color:#000 !important;
}
#cart thead th{
    color: #fff !important;
    background-color:#c94648 !important;
	padding: .5714em .357em !important;
	border:none;
	font-size:14px;
	font-weight: bold;
}
#cart tfoot th{
    color: #000;
    background-color: #fff !important;
	padding: .5714em .357em !important;
	border:none !important;
	font-size:14px;
}
#cart td {
    padding: .5714em .357em !important;
}
#cart thead th em.tax {
    font-size: 14px;
}
#cart tfoot th em.tax {
    font-size: 14px;
}
#cart .unitprice {
   font-weight: bold;
}
#cart .subtotal {
    font-weight: bold;
}
#cart tfoot .subtotal{
    font-size: 16px !important;
}
#cart_table .quantity input {
    width: 45px !important;
	height: 35px !important;
    padding: 0 5px;
    border: 1px solid #aaa;
    text-align: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	background: #fff;
	color:#000;
	margin:0 auto !important;
}
#inside-cart .send {
    border:none !important;
}
.send input[type="button"], input[type="submit"], input[type="reset"] {
    padding: 15px 2.142em;
    background: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	color: #000 !important;
    background-color: #ddd !important;
	border-radius: 5px;
	border:none;
	font-weight: normal;
}
.send input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
    opacity:0.7;
}
.send input.to_customerinfo_button{
    color: #fff !important;
    background-color: #c94648 !important;
	font-weight: bold !important;
}
input.skubutton {
    display: inline-block;
    color: #fff!important;
    text-align: center;
    background-color: #c94648 !important;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	border:none !important;
	margin: 24px 26px;
    font-size: 24px;
    padding: 14px 32px !important;
    text-align: center;
    font-weight: bold;
    min-width: 200px;
	letter-spacing: 2px;
	height: auto !important;
}
.item-img:hover{
	opacity:0.7;
}
.item-img img{
    width: 100% !important;
	display:block !important;
    height: 300px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
    border: 0;
    vertical-align: middle;
	margin-bottom: 15px;
}
.item-tag {
	font-size: 14px;
	margin-bottom: 5px;
	display:block;
}
.price-tag {
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: bold;
	color:#c94648;
	display:block;
}
.price-tag em.tax {
    font-size: 14px;
    color:#000;
}
#customer-info table {
    border:none !important;
}
#customer-info th {
	border:none !important;
    background-color: #f6f6f6 !important;
	vertical-align: top !important;
    padding: 20px !important;
    border: 1px solid #d6d6d6 !important;
    text-align: left !important;
	width: 30% !important;
	color:#000 !important;
	font-size:14px !important;
}
#customer-info td {
	border:none !important;
    vertical-align: top !important;
    padding: 20px !important;
    border: 1px solid #d6d6d6 !important;
    background-color: #ffffff !important;
    text-align: left !important;
	color:#000 !important;
	font-size:14px !important;
	width: auto !important;
}
#customer-info .customer_form input[type="text"], #customer-info .customer_form input[type="email"], #customer-info .customer_form input[type="mail"], #customer-info .customer_form input[type="tel"], #customer-info .customer_form textarea {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100% !important;
    padding: 10px 17px;
    border: 1px solid #B3B3B3;
    border-radius: 2px;
    line-height: 1.3;
	color:#000 !important;
	margin-bottom: 5px;
}
#customer-info .customer_form tr.inp1 input {
    display:inline-block;
	margin-left: 8px;
}
#customer-info .customer_form tr.inp1 input{
	width: 90% !important;
}
#customer-info .send {
    border:none !important;
}

#delivery-info table {
    border:none !important;
}
#delivery-info th {
	border:none !important;
    background-color: #f6f6f6 !important;
	vertical-align: top !important;
    padding: 20px !important;
    border: 1px solid #d6d6d6 !important;
    text-align: left !important;
	width: 30% !important;
	color:#000 !important;
	font-size:14px !important;
}
#delivery-info td {
	border:none !important;
    vertical-align: top !important;
    padding: 20px !important;
    border: 1px solid #d6d6d6 !important;
    background-color: #ffffff !important;
    text-align: left !important;
	color:#000 !important;
	font-size:14px !important;
	width: auto !important;
}
#delivery-info .customer_form input[type="text"], #delivery-info .customer_form input[type="email"], #delivery-info .customer_form input[type="mail"], #delivery-info .customer_form input[type="tel"], #delivery-info .customer_form textarea {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100% !important;
    padding: 10px 17px;
    border: 1px solid #B3B3B3;
    border-radius: 2px;
    line-height: 1.3;
	color:#000 !important;
	margin-bottom: 5px;
}
#delivery-info .customer_form tr.inp1 input {
    display:inline-block;
	margin-left: 8px;
}
#delivery-info .customer_form tr.inp1 input{
	width: 90% !important;
}
#delivery-info .send {
    border:none !important;
}

#info-confirm table {
    border:none !important;
}
#info-confirm th {
	border:none !important;
    background-color: #f6f6f6 !important;
	vertical-align: top !important;
    padding: 20px !important;
    border: 1px solid #d6d6d6 !important;
    text-align: left !important;
	width: 30% !important;
	color:#000 !important;
	font-size:14px !important;
}
#info-confirm td {
	border:none !important;
    vertical-align: top !important;
    padding: 20px !important;
    border: 1px solid #d6d6d6 !important;
    background-color: #ffffff !important;
    text-align: left !important;
	color:#000 !important;
	font-size:14px !important;
	width: auto !important;
}
#info-confirm .customer_form input[type="text"], #info-confirm .customer_form input[type="email"], #info-confirm .customer_form input[type="mail"], #info-confirm .customer_form input[type="tel"], #info-confirm .customer_form textarea {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100% !important;
    padding: 10px 17px;
    border: 1px solid #B3B3B3;
    border-radius: 2px;
    line-height: 1.3;
	color:#000 !important;
	margin-bottom: 5px;
}
#info-confirm .customer_form tr.inp1 input {
    display:inline-block;
	margin-left: 8px;
}
#info-confirm .customer_form tr.inp1 input{
	width: 90% !important;
}
#info-confirm .send {
    border:none !important;
}

.customer_form label {
    font-size:14px !important;
	font-weight: normal !important;
}
.customer_form input[type="checkbox"], .customer_form input[type="radio"] {
    margin-right: 8px !important;
}
.customer_form select {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100% !important;
    padding: 10px 17px;
    border: 1px solid #B3B3B3;
    border-radius: 2px;
    line-height: 1.3;
	color:#000 !important;
	margin-bottom: 5px;
}
.send input.to_deliveryinfo_button{
    color: #fff !important;
    background-color: #c94648 !important;
	font-weight: bold !important;
}
.send input.to_confirm_button{
    color: #fff !important;
    background-color: #c94648 !important;
	font-weight: bold !important;
}
.send input.checkout_button{
    color: #fff !important;
    background-color: #c94648 !important;
	font-weight: bold !important;
}
#customer-info .customer_form input#search_zipcode, #delivery-info #delivery_table input#search_zipcode {
    display: inline-block;
    width: auto !importantimportant;
    line-height: 0 !important;
    background-color: #ddd !important;
    padding: 16px 1.7em !important;
    background: none;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: center;
    border-radius: 5px;
    color: #000 !important;
	margin-top: 10px;
}
#customer-info .customer_form input#search_zipcode:hover, #delivery-info #delivery_table input#search_zipcode:hover {
    opacity:0.7
}
.total_full_price th, .total_full_price td{
    font-weight: bold !important;
	font-size:16px !important;
}
#confirm_table h3 {
    padding: .5714em .357em !important;
	margin:0;
    border: none;
    font-size: 14px;
    font-weight: bold;
	color:#fff !important;
}
#confirm_table .ttl td{
	padding:0 16px!important;
   	background: #c94648 !important;
}
#confirm_table td.ttl{
	padding:0 16px!important;
   	background: #c94648 !important;
}
.itempage {
	position:relative
}
.cartbtn {
    position: fixed;
    z-index: 110;
    top: 440px;
    right: 0;
	border:#fff 1px solid;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	border-right:none !important;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	z-index: 9999;
}
.cartbtn a {
    font-size: 15px;
    position: relative;
    display: block;
    width: 50px;
    height: 200px;
    padding-top: 35px;
    padding-left: 15px;
    cursor: pointer;
    -ms-writing-mode: tb-lr;
    color: #fff;
    background-color: #c94648;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
	font-weight: bold;
	letter-spacing: 1px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.cartbtn a:hover {
	text-decoration: none;
	opacity:0.7;
}
.cartbtn i {
	font-size:22px;
	margin-bottom: 10px;
}

@media only screen and (max-width: 600px) {
	
	#itempage .exp {
    margin:0 auto;
	text-align: center;
	}
	#itempage .skuform {
    margin:0 auto !important;
	text-align: center !important;
}
	#cart th.num {
	display:none;
	}
	#cart .num {
    display:none;
}
		#cart .stock {
    display:none;
}
#cart .thumbnail {
    display:none;
}
#cart .upbutton {
    text-align: center !important;
    padding-right: 0;
	display:block;
	font-size: 13px;
}
.upbutton input {
    display: block;
    width: 300px;
	margin:0 auto;
	margin-top:15px;
	margin-bottom: 15px;
}
	#cart input.delButton {
    padding: 16px 1.0em !important;

}
td.aright {
   width: 10%;
}
#cart td.productname {
    font-size:13px;
}
#cart th {
    font-size:13px !important;
}
th.productname{
	width:30%;	
	}
#customer-info th {
	display: block;
	width:100% !important;
	padding:10px !important;
	}
#customer-info td {
	display: block;
	width:100% !important;
	padding:10px !important;
	}
#delivery-info th {
	display: block;
	width:100% !important;
	padding:10px !important;
	}
#delivery-info td {
	display: block;
	width:100% !important;
	padding:10px !important;
	}
#info-confirm #cart_table th {
	padding:5px !important;
}
#info-confirm #cart_table td {
	padding:5px !important;
}
#info-confirm #confirm_table th {
    display: block;
	width:100% !important;
	padding:10px !important;
}
#info-confirm #confirm_table td {
    display: block;
	width:100% !important;
	padding:10px !important;
}
#confirm_table h3 {
    padding:0 !important;
}
.send input[type="button"], .send input[type="submit"], .send input[type="reset"] {
	margin:0 auto;
	text-align: center;
    margin-bottom:15px;
	display:block !important;
	width: 300px;
}
.cartbtn {
    top: 200px;
}
.cartbtn a {
	width: 60px;
    height: 160px;
    padding-top: 15px;
    padding-left: 22px;
}
.cartbtn i {
	font-size: 22px;
	padding-right: 8px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

.btn-esys-flat-border {
  background: #CC0000;
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: white;
  transition: .4s;
  border: solid 2px #CC0000;
  border-radius: 3px;
  line-height: 1em;
}

.btn-esys-flat-border:hover {
  background: white;
  color: #CC0000;
  border: solid 2px #CC0000;
  border-radius: 3px;
}