@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900|Noto+Serif+JP:200,300,400,500,600,700,900&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
@font-face {
    font-family: 'rounded-mplus-1p';
    src: url('../fonts/rounded-mplus-1p-regular.eot');
    src: url('../fonts/rounded-mplus-1p-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/rounded-mplus-1p-regular.woff') format('woff'),
    url('../fonts/rounded-mplus-1p-regular.ttf') format('truetype');
}

/*	レイアウト
---------------------------------*/
body {
	width: 100%;
	background: url(../img/cmn/bg_body.png);
	line-height: 1.8;
	counter-reset: section;
}
.fade_group div ,
.fade_group2 div {
    content: '';
    position: fixed;
    top: 0;
    left: -100vw;
    width: 100vw;
    height: 100%;
    pointer-events: none;
}
.fade_group div {
    z-index: 9999;
    transition: .6s;
}
.fade_group2 div {
    z-index: 9998;
    transition: .8s;
}
.fade_group div:nth-of-type(1) {
    background: rgba(244,178,50,.3);
}
.fade_group div:nth-of-type(2) {
    background: rgba(244,178,50,.5);
    transition-delay:.1s;
}
.fade_group div:nth-of-type(3) {
    background: rgba(244,178,50,.7);
    transition-delay:.2s;
}
.fade_group div:nth-of-type(4) {
    background: rgba(244,178,50,1);
    transition-delay:.3s;
}
.fade_group2 div:nth-of-type(1) {
    background: rgba(244,178,50,.8);
    transition-delay: .2s;
}
.fade_group2 div:nth-of-type(2) {
    background: rgba(244,178,50,.8);
    transition-delay: .3s;
}
body.fo .fade_group div{
    left: 0;
}
body.fo .fade_group2 div{
    left: 100vw;
}

#wrapper {
	overflow: hidden;
}
#sub_contents p.bold-large {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    padding: 30px 20px;
    background: #fff1e6bd;
}

/*	ヘッダー
---------------------------------*/
header {
	top: 0;
	width: 100%;
	z-index: 1002;
}
.hd-top {
	margin: 0 auto;
	padding: 20px 0 5px;
	width: 100%;
	max-width: 1680px;
	font-size: 0.875rem;
}
.hd-top-search form {
	display: inline-block;
}
.hd-top-search span:nth-of-type(1) {
	padding: 7px 0 7px 20px;
	width: 160px;
	background: #f4b232;
	border-radius: 100px 0 0 100px;
	color: #fff;
}
.hd-top-search span select {
	background: none;
	border: none;
	color: #fff;
}
.hd-top-search span:nth-of-type(2) {
	padding: 0 20px;
	background: #fff;
	border-radius: 0 100px 100px 0;
}
.hd-top-search span input {
	margin: 0 15px 0 0;
	background: none;
	border: none;
}
.hd-top-search span button {
	background: url(../img/cmn/icon_search.png) no-repeat center center /contain;
	width: 20px;
	height: 20px;
	border: none;
}
.hd-top-nav p {
	margin: 0 20px 0 0;
}
.hd-top-nav p:last-of-type {
	margin: 0 10px 0 0;
}
.hd-top-nav p a {
	position: relative;
	padding: 0 0 0 25px;
}
.hd-top-nav p a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin: -10px 0 0;
	width: 20px;
	height: 20px;
	background: no-repeat center center /contain;
}
.hd-top-nav p.nav01 a:before {
	background-image: url(../img/cmn/icon_nav01.png);
}
.hd-top-nav p.nav02 a:before {
	background-image: url(../img/cmn/icon_nav02.png);
}
.hd-top-nav p.nav03 a:before {
	background-image: url(../img/cmn/icon_nav03.png);
}
.hd-top-cart {
	padding: 10px 15px;
	width: 140px;
	background: #fff;
	border-radius: 100px;
}
.hd-top-cart > span {
	position: relative;
	padding: 0 0 0 30px;
}
.hd-top-cart > span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin: -10px 0 0;
	width: 23px;
	height: 20px;
	background: no-repeat center center /contain;
	background-image: url(../img/cmn/icon_nav04.png);
}
.hd-top-cart span span {
	display: block;
	width: 18px;
	line-height: 18px;
	background: #e7891b;
	border-radius: 20px;
	text-align: center;
	font-size: 12px;
	color: #fff;
}
.hd-nav {
	margin: 0 0 0 auto;
}
.hd-inr {
	margin: 0 auto;
	padding: 30px 10px 45px;
	width: 100%;
	max-width: 1680px;
}
.hd-logo {
	margin: 0;
}
@media screen and (max-width:1680px) {
.hd-top,
.hd-inr {
	padding-left: 15px;
	padding-right: 15px;
}
}
@media screen and (max-width: 1279px) {
.hd-logo {
	margin: 0;
	max-width: 36%;
}
}
@media screen and (max-width: 1023px) {
.hd-top {
	padding: 15px;
}
.hd-top .hd-top-search {
	display: none;
}
.hd-top-search {
	margin: 0 0 10px;
	width: 100%;
}
.hd-inr {
	padding-top: 0;
	padding-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
.hd-top {
	padding: 15px 10px;
}
.hd-top-search {
	margin: 30px 0 0;
}
.hd-top-search span:nth-of-type(1) {
	padding: 10px 0 10px 20px;
	width: 120px;
}
.hd-top-search span:nth-of-type(2) {
	padding: 0 10px;
}
.hd-top-search span input {
	margin: 0 10px 0 0;
}
.hd-top-search span button {
	background: url(../img/cmn/icon_search.png) no-repeat center center /contain;
	width: 15px;
	height: 15px;
}
.hd-top-menu {
	display: block;
}
.hd-top-nav {
	margin: 0 0 10px;
}
.hd-top-nav p {
	margin: 0 10px 0 0;
	font-size: 0.75rem;
}
.hd-top-nav p a {
	position: relative;
	padding: 0 0 0 18px;
}
.hd-top-nav p a:before {
	margin: -7px 0 0;
	width: 15px;
	height: 15px;
}
.hd-top-cart {
	padding: 5px 15px;
	width: 180px;
}
.hd-top-cart > span {
	position: relative;
	padding: 0 0 0 20px;
}
.hd-top-cart > span:before {
	width: 18px;
	height: 20px;
}
.hd-inr {
	display: block;
}
.hd-logo {
	margin: 0 auto;
	max-width: 50%;
}
}

/*	フッター
---------------------------------*/
footer {
	position: relative;
	background: #f4b232;
	color: #fff;
}
.ft-nav {
	margin: 0;
	padding: 70px 0 35px;
}
.ft-nav li {
	position: relative;
	margin: 0 25px 25px 0;
	padding: 0 25px 0 0;
	border-right: 1px solid #fff;
	font-size: 0.9378rem;
	line-height: 1;
}
.ft-nav li:last-of-type {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
.ft-nav li strong {
	font-weight: 400;
}
.ft-copyright {
	position: relative;
	padding: 0 0 30px;
	text-align: center;
	font-size: 0.8125rem;
}
@media screen and (max-width: 1023px) {
.ft-copyright {
	text-align: center;
}
}
@media screen and (max-width: 767px) {
.ft-nav {
	display: none;
}
.ft-copyright {
	padding: 20px 0;
	font-size: 0.75rem;
}
}

/*	グローバナビ（PC用）
---------------------------------*/
.pc-nav {
	margin: 0;
	padding: 0;
}
.pc-nav > ul {
	flex-wrap: nowrap;
	margin: 0 auto;
}
.pc-nav > ul > li {
	flex-grow: 1;
	position: relative;
	margin: 0;
	padding: 0 0 0 55px;
	flex-shrink: 0;
	transition: .3s;
}
.pc-nav > ul > li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 1;
}
.pc-nav > ul > li a span {
	display: block;
	margin: 0;
	font-weight: 500;
	line-height: 1;
}
.pc-nav > ul > li a span strong {
	display: block;
	margin: 0 0 10px;
	font-size: 15px;
}
.pc-nav > ul > li a span small {
	display: block;
	font-size: 12px;
	color: #f4b232;
	font-family: 'Roboto', sans-serif;
}
.pc-nav > ul > li.current a,
.pc-nav > ul > li a:hover {
	opacity: 1;
}
.pc-nav > ul > li.parent div {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	padding: 30px 10px 10px;
	width: 100%;
	min-width: 140px;
	max-height: 0;
	background: rgba(0,0,0,0.75);
	text-align: center;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index: 100;
}
.pc-nav > ul > li.parent div ul {
	display: inline-block;
	text-align: left;
}
.pc-nav > ul > li.parent div ul.center {
	text-align: center;
}
.pc-nav > ul > li.parent div li {
	display: inline-block;
	margin: 0 0 20px;
}
.pc-nav > ul > li.parent div li a {
	display: inline-block;
	position: relative;
	padding: 0 0 0 20px;
	text-align: left;
	font-size: 17px;
}
.pc-nav > ul > li.parent div li a:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 15px;
	height: 1px;
	background: #8b7b3e;
}
.pc-nav > ul > li.parent:hover div {
	max-height: 300px;
	opacity: 1;
}
@media screen and (max-width:1279px) {
.pc-nav > ul > li {
	padding: 0 0 0 30px;
}
}
@media screen and (max-width:1023px) {
.pc-nav {
	display: none;
}
}


/*	グローバナビ（スマホ用）
---------------------------------*/
header .navToggle,
header nav.sp-nav {
	display:none;
}
@media screen and (max-width: 768px) {
header nav.sp-nav {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	padding: 10% 15%;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	font-size: 0.875rem;
	font-weight: 400;
	z-index: 1002;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}
/* ナビゲーション アニメーション */
header.open nav.sp-nav {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}
header nav.sp-nav a {
	color:#fff;
}
header nav.sp-nav a * {
	transition: 0s;
}
header nav.sp-nav > ul {
	display: block;
	position :absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 100%;
}
header nav.sp-nav > ul > li {
	padding: 12px 0;
	overflow: hidden;
	text-align: center;
	line-height: 1;
}
header nav.sp-nav > ul > li.parent {
	padding: 0;
}
header nav.sp-nav > ul > li.parent > a {
	display: none;
}
header nav.sp-nav > ul > li li {
	padding: 12px 0;
}
header nav.sp-nav > ul li small,
header nav.sp-nav > ul li br {
	display: none;
}
/*ハンバーガーボタン*/
header .navToggle {
	display: block;
	position: fixed;
	right: 10px;
	top: 17px;
	margin: auto;
	width: 40px;
	height: 40px;
	background: #f4b232;
	cursor: pointer;
	z-index: 10001;
}
header .navToggle div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	width: 25px;
	height: 16px;
}
header .navToggle span {
	display: block;
	position: absolute;
	height:2px;
	width:100%;
	background: #fff;
	left:0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
header .navToggle span:nth-child(1) {
	top: 0;
}
header .navToggle span:nth-child(2) {
	top: 7px;
}
header .navToggle span:nth-child(3) {
	top: 14px;
}
/* ハンバーガーボタン 切り替えアニメーション */
header.open .navToggle span {
}
header.open .navToggle span:nth-child(1) {
	top: 7px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
header.open .navToggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
header.open .navToggle span:nth-child(3) {
	top: 7px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
}
@media screen and (max-width: 767px) {
header .navToggle {
	top: 19px;
}
}

/*	基本レイアウト
---------------------------------*/
.contents-inr {
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
}
.contents-inr.small {
	max-width: 1000px;
}
.contents-inr.large {
	max-width: 1440px;
}
.contents-inr.full {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}
@media screen and (max-width:1000px) {
.contents-inr.small {
	padding-left: 15px;
	padding-right: 15px;
}
}
@media screen and (max-width:1200px) {
.contents-inr {
	padding-left: 15px;
	padding-right: 15px;
}
}
@media screen and (max-width:1440px) {
.contents-inr.large {
	padding-left: 15px;
	padding-right: 15px;
}
}

/*	汎用タイトル
---------------------------------*/
.ttl-cmn01 {
	position: relative;
	margin: 0 0 50px;
	padding: 0;
	text-align: center;
	line-height: 1;
}
.ttl-cmn01:before {
	display: block;
	content: "";
	position: relative;
	margin: 0 auto 25px;
	width: 64px;
	height: 49px;
	background: url(../img/cmn/icon_ttl01.png) no-repeat center center;
}
.ttl-cmn01.left {
	text-align: left;
}
.ttl-cmn01 strong {
	display: block;
	font-size: 3.125rem;
	font-weight: 500;
	font-family: 'rounded-mplus-1p', sans-serif;
}
.ttl-cmn01.col01 strong {
	color: #fff;
}
.ttl-cmn01 small {
	display: block;
	margin: 25px 0 0;
	font-size: 1rem;
	text-transform: uppercase;
	color: #f4b232;
	font-family: 'Montserrat', sans-serif;
}
.ttl-cmn02 {
	position: relative;
	margin: 0 0 40px;
	padding: 0;
	line-height: 1;
}
.ttl-cmn02:before {
	display: block;
	content: "";
	position: absolute;
	top: calc(50% - 6px);
	right: 0;
	margin: 0;
	width: calc(100% - 200px);
	height: 13px;
	background: url(../img/cmn/icon_ttl02.png) no-repeat right center;
}
.ttl-cmn02 strong {
	display: block;
	margin: 0;
	font-size: 1.875rem;
	font-weight: 500;
	font-family: 'rounded-mplus-1p', sans-serif;
}
.ttl-cmn02 small {
	display: block;
	margin: 0 0 0 20px;
	font-size: 1rem;
	text-transform: uppercase;
	color: #f4b232;
	font-family: 'Montserrat', sans-serif;
}
@media screen and (max-width:767px) {
.ttl-cmn01 {
	margin: 0 0 30px;
}
.ttl-cmn01:before {
	margin: 0 auto 15px;
	width: 32px;
	height: 25px;
	background-size: contain;
}
.ttl-cmn01 strong {
	font-size: 1.5rem;
}
.ttl-cmn01 small {
	margin: 15px 0 0;
	font-size: 0.875rem;
}
.ttl-cmn02 {
	margin: 0 0 20px;
}
.ttl-cmn02:before {
	display: block;
	content: "";
	position: absolute;
	top: calc(50% - 6px);
	right: 0;
	margin: 0;
	width: calc(100% - 200px);
	height: 13px;
	background: url(../img/cmn/icon_ttl02.png) no-repeat left center;
}
.ttl-cmn02 strong {
	font-size: 1.5rem;
}
.ttl-cmn02 small {
	margin: 0 0 0 10px;
	font-size: 0.875rem;
}
}

/*	汎用ボタン
---------------------------------*/
.btn-list .btn-cmn01 {
	margin: 0 15px;
}
.btn-cmn01 {
	margin: 0 auto;
	width: 100%;
	max-width: 330px;
}
.btn-cmn01.left {
	margin-left: 0;
}
.btn-cmn01.right {
	margin-right: 0;
}
.btn-cmn01 span {
	display: block;
	position: relative;
	padding: 0;
	width: 100%;
	border: 3px solid #f4b232;
	border-radius: 100px;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	line-height: 54px;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.btn-cmn01.col01 span {
	color: #222;
}
.btn-cmn01 span:hover {
	background: #f4b232;
	color: #fff;
	opacity: 1;
}
.btn-cmn01.col01 span:hover {
	background: #f4b232;
	color: #fff;
}
@media screen and (max-width:1023px) {
.btn-list .btn-cmn01 {
	margin: 0 auto 20px;
}
}
@media screen and (max-width:767px) {
.btn-cmn01 {
	margin: 0 auto;
	max-width: 260px;
}
.btn-cmn01.left {
	margin-left: auto;
}
.btn-cmn01.right {
	margin-right: auto;
}
.btn-cmn01 span {
	font-size: 16px;
	line-height: 38px;
}
}

/*	メインイメージ
---------------------------------*/
.main-img-otr {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1440px;
	z-index: 100;
}
.main-img-otr .bx-wrapper {
	margin: 0 auto;
}
.main-img {
	position: relative;
	margin: 0;
	background: no-repeat center top;
	height: 644px;
	overflow: hidden;
}
.main-img.img01 {
	background-image: url(../img/top/img_main01.png);
}
.main-img.img02 {
	background-image: url(../img/top/img_main02.png);
}
.main-img.img03 {
	background-image: url(../img/top/img_main03.png);
}
.main-cap {
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 100%;
	max-width: 1040px;
	text-align: right;
	z-index: 1001;
}
@media screen and (max-width:1440px) {
.main-img {
	height: 44.72vw;
	background-size: contain;
}.main-cap {
	position: absolute;
	bottom: -1.7vw;
}
.main-cap img {
	width: 30vw
}
}


/*	トップページ
---------------------------------*/
/*	動画	*/
.top-movie {
	padding: 75px 0 80px;
}
.top-movie h3 img {
	position: relative;
	top: 15px;
	z-index: 10;
}
.top-movie figure {
	display: block;
	position: relative;
	padding-top: 53%;
	border-radius: 25px;
	overflow: hidden;
}
.top-movie figure iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 767px) {
.top-movie {
	padding: 35px 0 40px;
}
.top-movie h3 img {
	top: 5px;
	max-width: 200px;
}
}

/*	当店について	*/
.top-about {
	padding: 85px 0;
	background: url(../img/top/bg_about.png) no-repeat center top;
	min-height: 668px;
	color: #fff;
}
.top-about p {
	margin: 0 0 60px;
	text-align: center;
	font-size: 1.0625rem;
	line-height: 2.35;
}
.top-about figure {
	position: relative;
	margin: 0;
}
@media screen and (max-width: 1279px) {
.top-about {
	background-size: auto 100%;
}
}
@media screen and (max-width: 767px) {
.top-about {
	padding: 35px 0;
	min-height: initial;
}
.top-about p {
	margin: 0 0 20px;
	font-size: 0.875rem;
}
}

/*	商品ランキング	*/
.top-item {
	position: relative;
	padding: 70px 0 120px;
	background: #fff;
}
.top-item:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 350px;
	background: url(../img/top/bg_recommend.png) no-repeat center center;
}
.top-item ul {
	margin: 0;
}
.top-item li {
	display: block;
	position: relative;
	margin: 0 5% 0 0;
	width: 30%;
	max-width: 360px;
	border-radius: 26px;
	overflow: hidden;
}
.top-item li:nth-of-type(3n) {
	margin-right: 0;
}
.top-item figure {
	position: relative;
}
.top-item figure:before {
	display: block;
	content: "";
	position: relative;
	margin: 0 auto 18px;
	width: 80px;
	height: 80px;
	background: url(../img/top/icon_item01.png) no-repeat center center;
}
.top-item li:nth-of-type(2) figure:before {
	background-image: url(../img/top/icon_item02.png);
}
.top-item li:nth-of-type(3) figure:before {
	background-image: url(../img/top/icon_item03.png);
}
.top-item-about {
	padding: 25px 40px;
	background: #fff;
}
.top-item li h4 {
	margin: 0 0 5px;
}
.top-item li h4 span {
	display: block;
	margin: 0;
	font-size: 1.125rem;
}
.top-item li p span {
	display: block;
	margin: 0;
	font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
.top-item {
	padding: 30px 0 35px;
}
.top-item ul {
	margin: 0;
}
.top-item li {
	display: block;
	position: relative;
	margin: 0 auto 30px;
	width: 100%;
	max-width: 500px;
	box-shadow: 5px 5px 0 #eee;
}
.top-item li:nth-of-type(3n) {
	margin-right: auto;
}
.top-item figure {
	position: relative;
	margin: 0;
	text-align: center;
}
.top-item figure img {
	width: 100%;
}
.top-item-about {
	padding: 15px 20px;
}
.top-item li h4 span {
	font-size: 1rem;
}
.top-item li p span {
	font-size: 0.875rem;
}
}

/*	商品一覧	*/
.top-list {
	padding: 75px 0;
	background: #fff;
}
.top-list ul {
	margin: 0 0 50px;
}
.top-list li {
	display: block;
	position: relative;
	margin: 0 1.66% 0 0;
	width: 23.75%;
	max-width: 285px;
}
.top-list li:nth-of-type(4n) {
	margin-right: 0;
}
.top-list li figure {
	margin: 0 0 15px;
}
.top-list li figure img{
    border-radius: 30px;
}
.top-list li h4 {
	font-size: 1rem;
}
@media screen and (max-width: 767px) {
.top-list {
	padding: 40px 0;
}
.top-list ul {
	margin: 0 0 20px;
}
.top-list li {
	display: block;
	position: relative;
	margin: 0 4% 4% 0;
	width: 48%;
	max-width: 48%;
}
.top-list li:nth-of-type(2n) {
	margin-right: 0;
}
.top-list li figure {
	margin: 0 0 10px;
}
.top-list li h4 {
	margin: 0 0 10px;
	font-size: 0.875rem;
}
}

/*	新着情報	*/
.top-news {
	padding: 55px 0 130px;
	background: #fff;
}
.top-news-list {
	width: 100%;
}
.top-news-list ul {
	margin: 0 0 80px;
}
.top-news-list li {
	position: relative;
	margin: 0 0 25px;
	padding: 0 0 25px;
	border-bottom: 2px dashed #e5dfd2;
	font-size: 0.875rem;
}
.top-news-date {
	margin: 0 0 5px;
	font-size: 0.9378rem;
}
.top-news-ttl {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
@media screen and (max-width:767px) {
.top-news {
	padding: 35px 0 120px;
}
.top-news-list ul {
	margin: 0 0 25px;
}
.top-news-list li {
	margin: 0 0 10px;
	padding: 0 0 10px;
	font-size: 0.8125rem;
}
.top-news-date {
	font-size: 0.875rem;
}
#sub_contents p.bold-large {
    font-size: 16px;
    padding: 20px 15px;
}
}

/* main_visual
-------------------------*/
#sub_visual{height:205px;position: relative;}
#sub_visual h2{text-align: center; padding-top: 30px;}
#sub_visual h2 strong { display: block; font-size: 2.625rem; font-weight: bold; font-family: 'rounded-mplus-1p', sans-serif; position: relative; text-shadow: 1px 1px #fff;color: #222;}
#sub_visual h2 small { display: block; margin: 0px 0 0; font-size: 24px; text-transform: uppercase; color: #f4b232; font-family: 'Montserrat', sans-serif;text-shadow: 1px 1px#fff;line-height: 60px;}

/* sub_contents
-------------------------*/
#sub_contents{font-size: 16px;background: #fff; padding-bottom: 100px;}
#sub_contents section{ max-width: 1200px; margin: 70px auto 50px;}
#sub_contents h3{ position: relative; margin: 0 0 40px; padding: 0; line-height: 1; }
#sub_contents h3:before { display: block; content: ""; position: absolute; top: calc(50% - 6px); right: 0; margin: 0; width: calc(100% - 350px); height: 13px; background: url(../img/cmn/icon_ttl02.png) no-repeat right center; }
#sub_contents h3 strong { display: block; margin: 0; font-size: 1.875rem; font-weight: 500; font-family: 'rounded-mplus-1p', sans-serif; }
#sub_contents h3 small { display: block; margin: 0 0 0 20px; font-size: 1rem; text-transform: uppercase; color: #f4b232; font-family: 'Montserrat', sans-serif;}
#sub_contents .ulbox{padding:0px 20px 0px 0px;font-size:16px;margin:0px 0px 10px 0px;}
#sub_contents .ulbox li{padding:5px 0px;list-style-type:disc;overflow:visible; list-style-position: inside;}
#sub_contents hr{ border-color:#ddd; border-style:solid; border-width:0.01px; margin:80px 0px 80px;}
#sub_contents p{ margin-bottom:10px; font-size:16px;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 50px;}
#sub_contents .mb100{margin-bottom:100px;}
#sub_contents .sp{display: none;}

/* bread_crumb_List
-------------------------*/
#sub_contents .bread_crumb_list{font-size: 14px;padding:20px 0px;}
#sub_contents .bread_crumb{text-align:left;max-width: 1200px; margin: 0 auto;}
#sub_contents .bread_crumb li { display:inline; }
#sub_contents .bread_crumb li:after {content : '―';padding-left:10px;padding-right: 10px;}
#sub_contents .bread_crumb li:last-child:after { content : '';}
#sub_contents .bread_crumb li a {text-decoration:underline;}
#sub_contents .bread_crumb li a:hover{ text-decoration:none;}
#sub_contents .bread_crumb li.current { font-weight: normal;}

/* about
------------------------------*/
#sub_contents .txt_cen{text-align: center; font-size: 24px; font-weight: bold;font-family: 'rounded-mplus-1p', sans-serif;}
#sub_contents .area_about .txt_area {width: 56%;}
#sub_contents .area_about figure {width: 41%;}
#sub_contents .area_about figure img{border-radius: 50px;}
#sub_contents .area_about .txt_area span{font-size: 22px; font-weight: bold;font-family: 'rounded-mplus-1p', sans-serif; margin-bottom: 15px;border-bottom: 2px dashed #e5dfd2; display: block; padding-bottom: 10px;}
#sub_contents .area_about .txt_area span b{font-size: 32px; font-weight: bold; display: block;color: #f4b232; }
#sub_contents .area_about .txt_area span small{ font-size: 16px; font-weight: bold; color: #b48a3a;}

/* guide
------------------------------*/
#sub_contents ul.faq_list li dl{margin-bottom: 30px; border-bottom: 1px solid #f6e6cf;padding: 20px 0px;}
#sub_contents ul.faq_list li dl dt{ position: relative; padding:24px 25px 24px 95px; line-height: 1.3em;font-size: 19px; font-weight: bold;background: url(../img/cmn/bg_body.png);}
#sub_contents ul.faq_list li dl dd{ position: relative; padding:24px 25px 24px 95px; line-height: 1.3em;}
#sub_contents ul.faq_list li dl dt:before{position: absolute;content: "Q";display:inline-block; background: #f4b232; color: #fff;font-weight:bold; font-size:23px;left: 30px; width: 40px; height: 40px; line-height:45px; text-align:center; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);font-family: 'Montserrat', sans-serif; border-radius: 20px;}
#sub_contents ul.faq_list li dl dd:before{position: absolute;content: "A";display:inline-block; background: #f19f92; color: #fff;font-weight:bold; font-size:23px;left: 30px; width: 40px; height: 40px; line-height:45px; text-align:center; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);font-family: 'Montserrat', sans-serif;border-radius: 20px;}
#sub_contents ul.faq_list li dl dd a{text-decoration: underline; color: #f4b232;}

/* transaction
----------------------------------- */
#sub_contents .img_shop li{width: 32%;}

/* transaction
----------------------------------- */
#sub_contents table.tbl_transaction {width: 100%;}
#sub_contents table.tbl_transaction tr{padding: 28px 20px; display:block;}
#sub_contents table.tbl_transaction tr:nth-child(odd){background: url(../img/cmn/bg_body.png) repeat;}
#sub_contents table.tbl_transaction tr th{font-weight: bold; text-align: left; width: 30%;vertical-align: middle; padding-left: 100px;}
#sub_contents table.tbl_transaction tr th::before{content: "●";margin-right: 10px; color: #f4b232; font-weight: normal;}
#sub_contents table.tbl_transaction tr td{width:820px;}
#sub_contents table.tbl_transaction tr td a{color: #f4b232; font-weight: bold;}
#sub_contents table.tbl_transaction tr td a.tel{color: inherit;font-weight: normal;}

/* sitemap
------------------------------*/
#sub_contents ul.sitemap_list{margin-bottom: 10px;}
#sub_contents ul.sitemap_list li{width:48.5%;}
#sub_contents ul.sitemap_list li a{position: relative;border: solid 1px #f4b232;overflow: hidden; display: block;box-sizing: border-box;padding: 30px 50px 30px 65px; font-size: 18px;text-align:left;box-sizing: border-box;font-weight: bold;box-shadow: 10px 10px #f4b232;margin-bottom: 35px;line-height: 100%; background: #fff;border-radius: 50px;}
#sub_contents ul.sitemap_list li a:hover{color: #fff;border: solid 1px #fff; background: #f4b232;box-shadow: 0px 0px #ddd; transition: 1.0s;}
#sub_contents ul.sitemap_list li a:after{content: ""; position: absolute; top: 35px;right: 40px; width: 8px; height: 8px; margin: auto; border-bottom: 2px solid #f4b232; border-right: 2px solid #f4b232; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#sub_contents ul.sitemap_list li a:hover:after{border-bottom: 2px solid #fff; border-right: 2px solid #fff; transition: 1.0s;top: 45px;}

/* privacy
----------------------------------- */
#sub_contents.privacy h3:first-child{ margin-top: 40px;}
#sub_contents.privacy h3{text-align:left; font-size: 1.4rem; font-weight: bold;margin-bottom:40px; width:100%;position: relative;display: inline-block; margin-top:20px;font-weight: bold;text-align: left;padding: 0px;letter-spacing: 0.05em;}
#sub_contents.privacy h3:before {top:inherit;background: none; content: '';position: absolute;bottom: -15px;display: inline-block;width:100px;height:3px;left:0%;-moz-transform: translateX(0%);-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);background-color:#f4b232;}
#sub_contents.privacy h3:before, #sub_contents h3.privacy:after{border-top: solid 3px #f4b232; border-bottom:none;}
#sub_contents.privacy h3::after{display: none;}
#sub_contents.privacy hr{border:0.1px solid #f1eadf;margin: 70px auto 40px;line-height: 100%;}

/* wp-pagenavi
------------------------------*/
#sub_contents .wp-pagenavi {clear: both;text-align:center;margin-top:50px;}
#sub_contents .wp-pagenavi a,.wp-pagenavi span { border:none;display: inline-block;color: #000;border: 1px solid #ddd;padding: 8px 12px;margin: 0 2px 5px;white-space: nowrap;text-align: center;text-decoration: none;}
#sub_contents .wp-pagenavi span.pages {display: none;}
#sub_contents .wp-pagenavi a:hover{color: #fff;background-color: #e71972; opacity: 1.0; transition: 1.0s;border: 1px solid #e71972;}
#sub_contents .wp-pagenavi span.current{color: #fff;background-color: #e71972;font-weight: bold; border: 1px solid #e71972;}

@media screen and (max-width: 767px) {

/* main_visual
-------------------------*/
#sub_visual{height:120px;position: relative;}
#sub_visual h2{text-align: center; padding-top: 10px;}
#sub_visual h2 strong { display: block; font-size: 24px; font-weight: bold; font-family: 'rounded-mplus-1p', sans-serif; position: relative; text-shadow: 1px 1px #fff;color: #222;}
#sub_visual h2 small { display: block; margin: 0px 0 0; font-size: 17px; text-transform: uppercase; color: #f4b232; font-family: 'Montserrat', sans-serif;text-shadow: 1px 1px#fff;line-height: 38px;}

/* sub_contents
-------------------------*/
#sub_contents{font-size: 14px;background: #fff; padding-bottom: 50px;}
#sub_contents section{ max-width: 94%; margin: 20px auto 30px;}
#sub_contents h3{ position: relative; margin: 0 0 20px; padding: 0; line-height: 1; }
#sub_contents h3:before { display: block; content: ""; position: absolute; top: calc(50% - 6px); right: 0; margin: 0; width: calc(100% - 350px); height: 13px; background: url(../img/cmn/icon_ttl02.png) no-repeat center bottom; }
#sub_contents h3 strong { display: block; margin: 0; font-size: 17px; font-weight: 500; font-family: 'rounded-mplus-1p', sans-serif; }
#sub_contents h3 small { display: block; margin: 0 0 0 5px; font-size: 13px; text-transform: uppercase; color: #f4b232; font-family: 'Montserrat', sans-serif; display: block;}
#sub_contents .ulbox{padding:0px 20px 0px 0px;font-size:16px;margin:0px 0px 10px 0px;}
#sub_contents .ulbox li{padding:5px 0px;list-style-type:disc;overflow:visible; list-style-position: inside;}
#sub_contents hr{ border-color:#ddd; border-style:solid; border-width:0.01px; margin:80px 0px 80px;}
#sub_contents p{ margin-bottom:10px; font-size:14px;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 15px;}
#sub_contents .mb30{margin-bottom: 20px;}
#sub_contents .mb50{margin-bottom: 30px;}
#sub_contents .mb100{margin-bottom:50px;}
#sub_contents .pc{display: none;}
#sub_contents .sp{display: block;}

/* bread_crumb_List
-------------------------*/
#sub_contents .bread_crumb_list{font-size: 14px;padding:15px 0px;}
#sub_contents .bread_crumb{text-align:left;max-width: 94%; margin: 0 auto;}
#sub_contents .bread_crumb li { display:inline; }
#sub_contents .bread_crumb li:after {content : '―';padding-left:5px;padding-right:5px;}
#sub_contents .bread_crumb li:last-child:after { content : '';}
#sub_contents .bread_crumb li a {text-decoration:underline;}
#sub_contents .bread_crumb li a:hover{ text-decoration:none;}
#sub_contents .bread_crumb li.current { font-weight: normal;}

/* about
------------------------------*/
#sub_contents .txt_cen{text-align: left; font-size:14px; font-weight: bold;font-family: 'rounded-mplus-1p', sans-serif;}
#sub_contents .area_about .txt_area {width: 100%;}
#sub_contents .area_about figure {width: 100%; margin-bottom: 10px;}
#sub_contents .area_about figure img{border-radius: 50px;}
#sub_contents .area_about .txt_area span{font-size: 18px; font-weight: bold;font-family: 'rounded-mplus-1p', sans-serif; margin-bottom: 10px;border-bottom:1px dashed #e5dfd2; display: block; padding-bottom: 5px;}
#sub_contents .area_about .txt_area span b{font-size: 21px; font-weight: bold; display: block;color: #f4b232; }
#sub_contents .area_about .txt_area span small{ font-size: 14px; font-weight: bold; color: #b48a3a; display: block;}
#sub_contents iframe{height: 300px;}

/* guide
------------------------------*/
#sub_contents ul.faq_list li dl{margin-bottom: 15px; border-bottom: 1px solid #f6e6cf;padding: 15px 0px;}
#sub_contents ul.faq_list li dl dt{ position: relative; padding:15px 5px 15px 50px; line-height: 1.3em;font-size: 15px; font-weight: bold;background: url(../img/cmn/bg_body.png);}
#sub_contents ul.faq_list li dl dd{ position: relative; padding:15px 5px 5px 50px; line-height: 1.3em;}
#sub_contents ul.faq_list li dl dt:before{position: absolute;content: "Q";display:inline-block; background: #f4b232; color: #fff;font-weight:bold; font-size:17px;left: 10px; width: 30px; height: 30px; line-height:35px; text-align:center; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);font-family: 'Montserrat', sans-serif; border-radius: 20px;}
#sub_contents ul.faq_list li dl dd:before{position: absolute;content: "A";display:inline-block; background: #f19f92; color: #fff;font-weight:bold; font-size:17px;left: 10px; width: 30px; height: 30px; line-height:35px; text-align:center; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);font-family: 'Montserrat', sans-serif;border-radius: 20px;}
#sub_contents ul.faq_list li dl dd a{text-decoration: underline; color: #f4b232;}

/* transaction
----------------------------------- */
#sub_contents .img_shop li{width: 100%; margin-bottom: 15px;}

/* transaction
----------------------------------- */
#sub_contents table.tbl_transaction {width: 100%;}
#sub_contents table.tbl_transaction tr{padding: 0px 0px; display:block;}
#sub_contents table.tbl_transaction tr:nth-child(odd){background:none;}
#sub_contents table.tbl_transaction tr th{font-weight: bold; text-align: left; width: 100%; display: block; vertical-align: middle; padding: 10px;background: url(../img/cmn/bg_body.png) repeat;}
#sub_contents table.tbl_transaction tr th::before{content: "●";margin-right: 10px; color: #f4b232; font-weight: normal;}
#sub_contents table.tbl_transaction tr td{width: 100%; display: block;padding: 10px;}
#sub_contents table.tbl_transaction tr td a{color: #f4b232; font-weight: bold;}
#sub_contents table.tbl_transaction tr td a.tel{color: inherit;font-weight: normal;}

/* sitemap
------------------------------*/
#sub_contents ul.sitemap_list{margin-bottom: 10px;}
#sub_contents ul.sitemap_list li{width:100%;}
#sub_contents ul.sitemap_list li a{position: relative;border: solid 1px #f4b232;overflow: hidden; display: block;box-sizing: border-box;padding: 15px 30px 15px 45px; font-size: 14px;text-align:left;box-sizing: border-box;font-weight: bold;box-shadow: 4px 4px #f4b232;margin-bottom: 15px;line-height: 100%; background: #fff;border-radius: 30px;}
#sub_contents ul.sitemap_list li a:hover{color: #fff;border: solid 1px #fff; background: #f4b232;box-shadow: 0px 0px #ddd; transition: 1.0s;}
#sub_contents ul.sitemap_list li a:after{content: ""; position: absolute; top: 15px;right: 40px; width: 8px; height: 8px; margin: auto; border-bottom: 2px solid #f4b232; border-right: 2px solid #f4b232; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#sub_contents ul.sitemap_list li a:hover:after{border-bottom: 2px solid #fff; border-right: 2px solid #fff; transition: 1.0s;top: 20px;}

/* privacy
----------------------------------- */
#sub_contents.privacy h3:first-child{ margin-top: 10px;}
#sub_contents.privacy h3{text-align:left; font-size:18px; font-weight: bold;margin-bottom:25px; width:100%;position: relative;display: inline-block; margin-top:10px;font-weight: bold;text-align: left;padding: 0px;letter-spacing: 0.05em;}
#sub_contents.privacy h3:before {top:inherit;background: none; content: '';position: absolute;bottom: -10px;display: inline-block;width:70px;height:2px;left:0%;-moz-transform: translateX(0%);-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);background-color:#f4b232;}
#sub_contents.privacy h3:before, #sub_contents h3.privacy:after{border-top: solid 2px #f4b232; border-bottom:none;}
#sub_contents.privacy h3::after{display: none;}
#sub_contents.privacy hr{border:0.1px solid #f1eadf;margin: 40px auto 30px;line-height: 100%;}

/* wp-pagenavi
------------------------------*/
#sub_contents .wp-pagenavi {clear: both;text-align:center;margin-top:50px;}
#sub_contents .wp-pagenavi a,.wp-pagenavi span { border:none;display: inline-block;color: #000;border: 1px solid #ddd;padding: 8px 12px;margin: 0 2px 5px;white-space: nowrap;text-align: center;text-decoration: none;}
#sub_contents .wp-pagenavi span.pages {display: none;}
#sub_contents .wp-pagenavi a:hover{color: #fff;background-color: #e71972; opacity: 1.0; transition: 1.0s;border: 1px solid #e71972;}
#sub_contents .wp-pagenavi span.current{color: #fff;background-color: #e71972;font-weight: bold; border: 1px solid #e71972;}


}