/*--共通パーツ--*/
html {
	scroll-behavior: smooth
}
body {
	font-weight: 300;
	color: #565e5b;
	line-height: 1.8;
	overflow-x: hidden;
	min-height: 100vh;
	text-rendering: optimizeSpeed;
}
*, *::before, *::after {
	box-sizing: border-box
}
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
	margin: 0
}
ul[role="list"], ol[role="list"] {
	list-style: none
}
a:not([class]) {
	text-decoration-skip-ink: auto
}
img, picture {
	max-width: 100%;
	display: block
}
input, button, textarea, select {
	font: inherit
}
a:hover {
	text-decoration:none;
}
ul {
	margin:0;
}
li {
	list-style:none;
}
@media(prefers-reduced-motion:reduce) {
*, *::before, *::after {
	animation-duration: .01ms !important;
	animation-iteration-count: 1 !important;
	transition-duration: .01ms !important;
	scroll-behavior: auto !important
}
}
body {
	font-size: 16px;
}
img {
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: 400;
}
a {
	text-decoration: none;
	color: #000;
}
li {
	list-style-type: none;
}
/*--------------------
 グローバルナビ
--------------------*/
.ec-headerNaviRole {
	display:none;
}
.gnav {
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	width:100%;/*background-color:rgba(255,255,255,0.8);*/
}
.gnav .innerbox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: flex-end;
}
.gnav .innerbox .logobox {
	position:relative;
	margin:1.5rem 0 0 3rem;
	filter: drop-shadow(0 1px 1px rgba(0,0,0,.5));
}
.gnav .innerbox .logobox a {
	position:absolute;
	top:0;
	left:0;
	width:120px;
}
.gnav .innerbox .logobox a img {
	max-width:100%;
}
.gnav .innerbox .nav_menu {
	width:800px;
	max-width:100%;
	margin:0 0 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:rgba(255,255,255,1);
	padding:0 0 0 3rem;
}
.gnav .innerbox .nav_menu ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	width:100%;
	padding:0;
}
.gnav .innerbox .nav_menu ul li {
	width:16.6666666667%;
}
.gnav .innerbox .nav_menu ul li:nth-child(1) {
	width:14%;
}
.gnav .innerbox .nav_menu ul li:nth-child(2) {
	width:20%;
}
.gnav .innerbox .nav_menu ul li:nth-child(3) {
	width:17%;
}
.gnav .innerbox .nav_menu ul li:nth-child(4) {
	width:18%;
}
.gnav .innerbox .nav_menu ul li:nth-child(5) {
	width:14%;
}
.gnav .innerbox .nav_menu ul li:nth-child(6) {
	width:17%;
}
.gnav .innerbox .nav_menu ul li a {
}
.gnav .innerbox .nav_menu ul li a span {
	display:block;
	text-align:left;
	font-size:0.9em;
	line-height:0.9em;
}
.gnav .innerbox .nav_menu ul li a .jptext {
	font-family: noto-sans-cjk-jp, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;
	font-weight:600;
	color:#000000;
	margin:0 auto 0.5rem;
}
.gnav .innerbox .nav_menu ul li a .entext {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:600;
	letter-spacing:1px;
	color:#a38118;
}
.gnav .innerbox .nav_icon {
	width:260px;
	max-width:100%;
	margin:0;
	background-color:#fff;
	padding:1.5rem 2rem 1.5rem 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.gnav .innerbox .nav_icon ul {
	width:100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	padding: 0;
}
.gnav .innerbox .nav_icon ul li {
	width:20%;
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
}
.gnav .innerbox .nav_icon ul li:nth-child(1) {
	width:17%;
}
.gnav .innerbox .nav_icon ul li:nth-child(2) {
	width:17%;
	margin-left:4%;
}
.gnav .innerbox .nav_icon ul li:nth-child(3) {
	width:17%;
	margin-left:4%;
}
.gnav .innerbox .nav_icon ul li:nth-child(4) {
	width:37%;
	margin-left:4%;
}
.gnav .innerbox .nav_icon ul li a {
	color:#000;
	font-family: 'Josefin Sans', sans-serif;
	font-size:0.9em;
	letter-spacing:1px;
}
.gnav .innerbox .nav_icon ul li .ec-headerSearch {
	width:180px;
	position:absolute;
	left:0;
	bottom:0;
	transform: translate(0%, 100%);
	display:none;
}
.gnav .innerbox .nav_icon ul li:hover .ec-headerSearch {
	display:block;
}
.gnav .innerbox .nav_icon ul li .ec-headerSearch .ec-headerSearch__category {
	display:none;
}
.gnav .innerbox .nav_icon ul li .ec-headerSearch .ec-headerSearch__keyword {
	width: 180px;
	border-bottom-left-radius: inherit;
	border-radius:10px;
}
.ec-cartNavi {
	padding: 0px;
	color: #000;
	background: none;
	width: auto;
	min-width: 0;
}
.ec-cartNaviWrap {
	position:relative;
}
.ec-cartNaviWrap a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}
.ec-cartNavi .ec-cartNavi__icon {
	display: flex;
	justify-content: right;
	align-items: center;
}
.ec-cartNavi .ec-cartNavi__badge {
	position: relative;
	left: 0;
	top: 0;
	transform: translate(-50%, -50%);
}
.ec-cartNavi .ec-cartNavi__label {
	display:none;
}
/*スマホグローバルナビ*/
.sp_gnavbox {
}
.sp_gnavbox ul {
	padding:0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
.sp_gnavbox ul li {
	width:50%;
	background-color:#fff;
	border-bottom:1px solid #ccc;
}
.sp_gnavbox ul li:nth-child(odd) {
	border-right:1px solid #ccc;
}
.sp_gnavbox ul li:nth-last-child(1),.sp_gnavbox ul li:nth-last-child(2) {
	border-bottom:0px solid #ccc;
}
.sp_gnavbox ul li a {
    padding: 1.0rem 0.5rem;
    display: block;
}
.sp_gnavbox ul li a span {
	display:block;
	text-align:center;
	font-size:0.9em;
	line-height:0.9em;
}
.sp_gnavbox ul li a .jptext {
	font-family: noto-sans-cjk-jp, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;
	font-weight:600;
	color:#000000;
	margin:0 auto 0.5rem;
}
.sp_gnavbox ul li a .entext {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:600;
	letter-spacing:1px;
	color:#a38118;
}
.ec-headerSearch .ec-headerSearch__category .ec-select select {
    background: #c08048;
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
    background-color: #c08048;
}
.ec-drawerRole .ec-headerLinkArea {
	background:#EBEBEB;
    padding-bottom: 60px;
}
.kogawaya_banner {
	position:fixed;
	top:74px;
	right:0;
	width:400px;
	z-index:100;
}
/*簡易アニメ*/
.set_ani01 {
	transform: translateY(2rem);
	opacity: 0;
	transition: .7s all ease;
}
.set_ani01.on {
	opacity: 1;
	transform: translateY(0);
}
/*TOPページ*/
#top_fv {
	width:100%;
	height:100vh;
	overflow:hidden;
	position:relative;
}
#top_fv .hojyokin {
	position:absolute;
	right:5%;
	bottom:5%;
	font-size:18px;
	color:#f6e275;
	text-shadow:0 0 1px #000;
}
#top_fv .textbox {
	position:absolute;
	top:60%;
	left:50%;
	transform: translate(-50%, -50%);
	width:1400px;
	max-width:90%;
	margin:0 auto;
	text-align:right;
}
#top_fv .textbox h1 {
	display:inline-block;
	text-align:left;
	font-family: 'Noto Serif JP', serif;
	font-size: 3.0rem;
	line-height: 6.0rem;
	font-weight: 300;
	letter-spacing: 4px;
	color:#fff;
	text-shadow:0 0 2px rgba(000,000,000,0.3), 0 0 5px rgba(000,000,000,0.2);
}
#top_fv .textbox h1 span {
	display:block;
	opacity:1;
}
#top_fv .textbox h1 span:nth-child(1) {
	transition:all ease 1.8s 0.5s;
	-webkit-transition:all ease 1.8s 0.5s;
	-moz-transition:all ease 1.8s 0.5s;
	-ms-transition:all ease 1.8s 0.5s;
}
#top_fv .textbox h1 span:nth-child(2) {
	transition:all ease 1.8s 1.0s;
	-webkit-transition:all ease 1.8s 1.0s;
	-moz-transition:all ease 1.8s 1.0s;
	-ms-transition:all ease 1.8s 1.0s;
}
#top_fv.on .textbox h1 span {
	opacity:1;
}
.inner {
	width: 1400px;
	max-width: 95%;
	margin: 0 auto;
	padding: 0;
}
.top_intro {
	padding: 15rem 0 10rem;
}
.top_intro .inner {
	display: flex;
	flex-flow: wrap;
}
.top_intro .box_text {
	width: 64%;
	padding: 0 36px;
}
.top_intro .box_img {
}
.top_intro .box_img.on {
}
.top_intro .box_img {
	width: 36%;
}
.title_t21 {
	font-size: 30px;
	line-height: 1.65;
	letter-spacing: .11em;
	font-family: "游明朝", YuMincho, 'Yu Mincho', "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 54px;
}
.title_t21 .dec01 {
	line-height: 1;
	font-size: 12px;
	font-family: 'Source Sans Pro', sans-serif;
	padding-top: 4px;
	display: block;
}
.text01 {
	font-size: 16px;
	line-height: 2.7;
	letter-spacing: .13em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
}
.top_video {
	padding: 0 0 15rem 0;
}
.top_video .inner {
	padding: 0 10.5%;
	position: relative;
	z-index: 0;
	display: flex;
}
.top_video .inner::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: -1;
}
.top_video video {
	max-width: 100%;
	width: 100%;
	height: 100%;
}
.title_t22 {
	font-size: 17px;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 1;
	letter-spacing: .15em;
	text-align: center;
	margin-bottom: 10rem;
	color: #000;
	overflow:hidden;
}
.title_t22 .dec01 {
	font-size: 45px;
	letter-spacing: .2em;
	position: relative;
	font-family: "游明朝", YuMincho, 'Yu Mincho', "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 0 16px;
	z-index: 0;
}
.title_t22 .dec02 {
	padding-top: 9px;
	display: block;
}
.title_t22 .dec01::before, .title_t22 .dec01::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -216px;
	transform: translateY(-50%);
	width: 216px;
	height: 11px;
	/*  	background-image: url("image/icon_top01_1.png");*/
  background-image: url("/html/user_data/assets/img/user/icon_top01_1.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: -1
}
.title_t22 .dec01::after {
	left: auto;
	right: -216px;
	background-image: url("/html/user_data/assets/img/user/icon_top01_2.png");
}
.top_ranking .title_t22 .dec01::before {
	background-image: url("/html/user_data/assets/img/user/icon_top02_1.png");
	width: 172px;
	left:-172px;
}
.top_ranking .title_t22 .dec01::after {
	right: -178px;
	width: 178px;
	background-image: url("/html/user_data/assets/img/user/icon_top02_2.png");
}
.top_p_list .title_t22 .dec01::before {
	background-image: url("/html/user_data/assets/img/user/icon_top03_1.png");
	width: 240px;
	left:-240px;
}
.top_p_list .title_t22 .dec01::after {
	right: -240px;
	width: 240px;
	background-image: url("/html/user_data/assets/img/user/icon_top03_2.png");
}
.top_recommended {
	padding: 160px 0 164px;
	position: relative;
	z-index: 0;
}
.top_recommended::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: repeating-linear-gradient(-60deg, #fff6e8, #fff6e8 60px, #fdf8f1 60px, #fdf8f1 120px);
	z-index: -1;
	background-attachment: fixed;
}
.top_recommended .box_img {
	text-align: center;
	margin-bottom: 60px;
}
.top_recommended .box_img img {
	display:block;
	margin:0 auto;
}
.top_recommended .inner {
	display: flex;
	flex-flow: wrap;
	width:1024px;
}
.top_recommended .inner li {
	width: calc(100% / 2);
}
.itemdate01 {
	display: flex;
	flex-flow: wrap;
	width: 390px;
	margin: 0 auto 25px;
}
.itemdate01 dt {
	width: 100%;
	padding: 0 0 0 0;
	color: #a38118;
	font-size: 10px;
	line-height: 1;
	letter-spacing: .1em;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
}
.itemdate01 dt .dec01 {
	display: block;
	color: #000;
	font-size: 30px;
	line-height: 1.5;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.itemdate01 dd {
	width: 50%;
	font-size: 27px;
	color: #000;
}
.itemdate01 dd:nth-child(2) {
	text-align:right;
}
.itemdate01 dd .dec02 {
	font-size: 14px;
	padding: 0 8px 0 0;
}
.parts_link01 {
	text-align: center;
}
.parts_link01 a {
	font-size: 18px;
	color: #424242;
	padding: 23px 34px;
	display: inline-block;
	border: 1px solid #000;
	text-align: center;
	position: relative;
	z-index: 0;
	transition: .3s all ease;
	line-height: 1;
}
.parts_link01 a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -37px;
	transform: translateY(-50%);
	width: 56px;
	height: 1px;
	background-color: #000;
	transition: .3s all ease;
}
.parts_link01 a::after {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	right: -7px;
	width: 100%;
	height: 100%;
	border: 1px solid #c5c5c5;
	z-index: -1;
	transition: .3s all ease;
}
.parts_link01 a:hover {
	color: #000;
	background-color: rgba(255,255,255,.7);
}
.parts_link01 a:hover::before {
	right: -30px;
}
.parts_link01 a:hover::after {
	top: 0px;
	right: 0px;
}
.top_ranking {
	position:relative;
	overflow:hidden;
	padding: 15rem 0;
	z-index:0;
}
.top_ranking::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: repeating-linear-gradient(-60deg, #fff6e8, #fff6e8 60px, #fdf8f1 60px, #fdf8f1 120px);
	z-index: -1;
	background-attachment: fixed;
}
.top_ranking .inner {
	display: grid;
	grid-row-gap: 53px;
	grid-template-columns: 1fr 1fr;
}
.top_ranking .r_box00 {
	display: flex;
	flex-flow: wrap;
}
.top_ranking .r_box00:first-of-type {
	grid-row-start: 1;
	grid-row-end: 3;
	padding-right: 53px;
}
.top_ranking .r_box00 .box_img {
	width: 45%;
}
.top_ranking .r_box00 .r_date {
	width: 55%;
	align-items: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding:0 0 0 20px;
}
.top_ranking .r_box00 .box_img {
	position:relative;
	border-radius: 20px;
	overflow: hidden;/*padding-right: 23px;*/
}
.top_ranking .r_box00 .box_img::before {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 30px;
	border-radius: 10px;
	text-align: center;
	font-size: 4.5rem;
	color: #fff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝";
	font-weight: 600;
}
.top_ranking .r_box00:nth-child(1) .box_img::before {
	content:"1";
	background: linear-gradient(-60deg, #a8946a, #bebc9d);
	background: -moz-linear-gradient(-60deg, #a8946a, #bebc9d);
	background: -webkit-linear-gradient(-60deg, #a8946a, #bebc9d);
}
.top_ranking .r_box00:nth-child(2) .box_img::before {
	content:"2";
	background: linear-gradient(-60deg, #a0abb8, #c6cdd7);
	background: -moz-linear-gradient(-60deg, #a0abb8, #c6cdd7);
	background: -webkit-linear-gradient(-60deg, #a0abb8, #c6cdd7);
}
.top_ranking .r_box00:nth-child(3) .box_img::before {
	content:"3";
	background: linear-gradient(-60deg, #ac7113, #ac7113);
	background: -moz-linear-gradient(-60deg, #ac7113, #ac7113);
	background: -webkit-linear-gradient(-60deg, #ac7113, #ac7113);
}
.top_ranking .r_box00:first-of-type .box_img {
	padding-right: 0;
	width: 100%;
}
.top_ranking .r_box00 .box_img img {
	height: 100%;
	object-fit: cover;
}
.top_ranking .r_box00:first-of-type .r_date {
	width: 100%;
	padding:20px 0 0;
}
.top_ranking .r_box00 .r_name {
	display: block;
	color: #000;
	font-size: 35px;
	letter-spacing: .1em;
	line-height: 1.5;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	grid-column: 1 / 3;
}
.top_ranking .r_box00 .r_name .dec01 {
	display: block;
	padding: 0 0 0 0;
	color: #a38118;
	font-size: 15px;
	line-height: 1;
	font-family: 'Source Sans Pro', sans-serif;
}
.top_ranking .r_box00 .r_text {
	padding: 23px 0 50px;
	font-size: 15px;
	line-height: 2;
	letter-spacing: .25em;
	grid-column: 1 / 3;
}
.top_ranking .r_box00 .r_cash {
	font-size: 27px;
	color: #000;
	font-weight: 700;
}
.top_ranking .r_box00 .r_link {
}
.top_ranking .r_box00:nth-of-type(n+2) .parts_link01 a {
	font-size: 16px;
}
.top_p_list {
	padding: 15rem 0;
	position: relative;
	z-index: 0;
}
.top_p_list::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: repeating-linear-gradient(-60deg, #efefef, #efefef 60px, #f7f7f7 60px, #f7f7f7 120px);
	z-index: -1;
	background-attachment: fixed;
}
.top_p_list .inner {
	width: 1200px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
	grid-gap: 16px;
}
.top_p_list .p_item00 {
	padding: 0 0 57px;
	display: flex;
	flex-flow: column;
}
.top_p_list .box_img {
	text-align: center;
	width:75%;
	margin:0 auto -4rem;
}
.top_p_list .box_img .dec01 {
	display: inline-block;
	position: relative;
}
.top_p_list .box_img .dec01::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	clip-path: circle(calc(37% + 2px) at 50% 50%);
	background-color: #c08048;
	z-index: -1;
	transition: .3s all ease;
}
.top_p_list .p_item00 .box_img:hover .dec01::before {
	clip-path: circle(calc(42% + 2px) at 50% 50%);
}
.top_p_list .box_img img {
	clip-path: circle(37% at 50% 50%);
	position: relative;
	transition: .3s all ease;
}
.top_p_list .p_item00 .box_img:hover img {
	clip-path: circle(42% at 50% 50%);
}
.top_p_list .i_date {
	padding: 32px 0 27px;
}
.top_p_list .i_name {
	display: block;
	color: #000;
	font-size: 20px;
	letter-spacing: .1em;
	line-height: 1.5;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	text-align: center;
	padding: 0 0 1rem;
}
.top_p_list .i_name .dec01 {
	display: block;
	padding: 0 0 0 0;
	color: #a38118;
	font-size: 15px;
	line-height: 1;
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
}
.top_p_list .i_cash {
	font-size: 27px;
	color: #000;
	text-align: center;
	font-weight: 700;
}
.top_p_list .parts_link01 {
	margin:auto 0 0 0;
}
.parts_link02 {
	width: 1200px;
	max-width: 95%;
	margin: 0 auto;
	padding-top: 60px;
}
.parts_link02 a {
	display: block;
	text-align: center;
	padding: 23px 0 20px;
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	background-color: #000;
	letter-spacing: .1em;
	line-height: 1;
	transition: .3s all ease;
	border: 2px solid #000;
}
.parts_link02 a:hover {
	background-color: rgba(0, 0, 0, .5);
}
.top_news {
	width:100%;
	overflow:hidden;
	padding: 15rem 0;
}
.top_news .innerbox {
	width: 1200px;
	max-width: 95%;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
.submidh2 {
	margin: 0 auto 1rem;
}
.top_news .innerbox .submidh2 {
	position: relative;
	width: 30%;
}
.submidh2 .en_text {
	position:relative;
	display: block;
	color: #565e5b;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.9rem;
	line-height: 0.9rem;
	font-weight: 500;
	letter-spacing: 0.5px;
	margin: 0.8rem auto 0;
}
.top_news .innerbox .submidh2 .en_text::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	max-width: 100%;
	height: 170px;
	background-image: url("/html/user_data/assets/img/user/top_news_img001.png");
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	transform: translate(-15%, 10%);
	-webkit-transform: translate(-15%, 10%);
 m -moz-transform: translate(-15%, 10%);
	-ms-transform: translate(-15%, 10%);
}
.top_news .innerbox ul {
	width: 70%;
}
.top_news .innerbox ul li {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
.top_news .innerbox ul li:not(:last-child) {
	margin-bottom: 5%;
}
.top_news .innerbox ul li .news_cat a {
	color: #ec8159;
}
.top_news .innerbox ul li .news_title::before {
	content: "";
	position: absolute;
	top: 0.9rem;
	left: 1rem;
	width: 6rem;
	height: 1px;
	background-color: #d7e2de;
}
.top_news .innerbox ul li .news_title a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.top_news .innerbox ul li .news_title {
	width: calc(100% - 80px);
	position: relative;
	padding: 0 0 0 8rem;
}
.top_news .innerbox ul li .news_cat {
	width: 80px;
	text-align: right;
}
/*元からあるスライドの上下のマージン削除、*/
.ec-layoutRole__contents {
	margin: 0 0;
}

/*--フッター--*/
.footer {
	overflow:hidden;
	position:relative;
	background-image: url("/html/template/default/assets/img/common/footerbg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding:15rem 0 5rem;
	color:#fff;
}
.footer .innerbox {
	width:1024px;
	max-height:95%;
	margin:0 auto;
	display: flex;
	flex-flow: wrap;
	align-items: center;
	max-width: 95%;
}
.footer .innerbox .logobox {
	text-align:center;
	width:25%;
	padding:0 1%;
}
.footer .innerbox .logobox img {
	max-width:95%;
}
.footer .innerbox .menubox {
	/*margin:5rem auto;*/
    width:75%;
}
.footer .innerbox .menubox ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	padding: 0;
	justify-content: flex-end;
}
.footer .innerbox .menubox ul li {
	/*width:23%;
	margin:1%;*/
	width:23%;
	text-align:center;
	list-style:none;
	margin-bottom:1rem;/*padding-left:5%;*/
}
.footer .innerbox .menubox ul li a {
	color:#fff;
	padding: 1rem 1.5rem;
}
.footer .innerbox .copybox {
	text-align:center;
	font-size:1em;
	font-family: noto-sans-cjk-jp, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;
	width: 100%;
	padding-top:2rem;
}
@media screen and (max-width:1400px) {
/*--------------------
 トップページ
--------------------*/
.parts_link01 a {
    padding: 23px 30px;
}
}
@media screen and (max-width:1300px) {
/*--------------------
 グローバルナビ
--------------------*/
.gnav .innerbox .nav_menu {
    width: 670px;
}
.gnav .innerbox .nav_menu ul li:nth-child(1) {
    width: 14%;
}
.gnav .innerbox .nav_menu ul li:nth-child(2) {
    width: 20%;
}
.gnav .innerbox .nav_menu ul li:nth-child(3) {
    width: 17%;
}
.gnav .innerbox .nav_menu ul li:nth-child(4) {
    width: 19%;
}
.gnav .innerbox .nav_menu ul li:nth-child(5) {
    width: 13%;
}
.gnav .innerbox .nav_menu ul li:nth-child(6) {
    width: 17%;
}
/*.gnav .innerbox .nav_menu ul li:nth-child(1) {
	width:15%;
}
.gnav .innerbox .nav_menu ul li:nth-child(2) {
	width:20%;
}
.gnav .innerbox .nav_menu ul li:nth-child(3) {
	width:15%;
}
.gnav .innerbox .nav_menu ul li:nth-child(4) {
	width:20%;
}
.gnav .innerbox .nav_menu ul li:nth-child(5) {
	width:13%;
}
.gnav .innerbox .nav_menu ul li:nth-child(6) {
	width:17%;
}*/
.gnav .innerbox .nav_menu ul li a span {
    font-size: 0.85em;
    line-height: 0.85em;
}
/*--------------------
 トップページ
--------------------*/
.top_ranking .r_box00 .r_name {
    font-size: 32px;
    letter-spacing: 0.05em;
}
.parts_link01 a {
    padding: 20px 25px;
    font-size: 15px;
}
.top_ranking .r_box00:nth-of-type(n+2) .parts_link01 a {
    font-size: 15px;
}
}
@media screen and (max-width:1200px) {
/*--------------------
 グローバルナビ
--------------------*/
.gnav .innerbox .logobox {
    margin: 1.0rem 0 0 2rem;
}
.gnav .innerbox .logobox a {
    width: 100px;
}
.gnav .innerbox .nav_menu {
    width: 630px;
}
.gnav .innerbox .nav_menu ul li a .entext {
    font-size: 0.8em;
}
.gnav .innerbox .nav_icon {
    width: 250px;
    padding: 1.0rem 0rem;
}
.gnav .innerbox .nav_icon ul {
    padding: 0 15px;
}
.kogawaya_banner {
    top: 64px;
}
/*--------------------
 トップページ
--------------------*/
.top_ranking .r_box00 .r_name {
    font-size: 28px;
    letter-spacing: 0.05em;
}
.top_ranking .r_box00:first-of-type {
    grid-row-start: 1;
    grid-row-end: 2;
}
.top_ranking .r_box00:nth-child(odd) {
	padding:0 5% 0 0;
}
.top_ranking .r_box00:nth-child(even) {
	padding:0 0 0 5%;
}
.top_ranking .r_box00 .box_img {
    width: 100%;
}
.top_ranking .r_box00 .r_date {
    width: 100%;
    padding: 20px 0 0;
}
.top_ranking .r_box00 .r_text {
    padding: 20px 0 30px;
}
}
@media screen and (max-width:1024px) {
/*--------------------
 グローバルナビ
--------------------*/
.gnav .innerbox .logobox {
    width: 110px;
}
.gnav .innerbox .nav_menu {
    padding: 1.0rem 0rem 1.0rem 2rem;
}
.gnav .innerbox .nav_icon {
    padding: 0.5rem 0rem;
}
.kogawaya_banner {
    top: 100px;
}
/*--------------------
 トップページ
--------------------*/
.top_intro .box_text {
    width: 64%;
    padding: 0 3rem 0 0;
}
.top_intro .box_img {
    width: 36%;
}
.title_t21 {
    font-size: 26px;
    line-height: 1.5;
    letter-spacing: .1em;
}
.text01 {
    font-size: 15px;
    line-height: 2.3;
    letter-spacing: .12em;
}
.top_ranking::before {
    background-attachment: inherit;
}
.title_t22 .dec01 {
    font-size: 35px;
	letter-spacing: 0.1em;
}
.top_ranking .inner {
    display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
    grid-row-gap: 0;
    grid-template-columns: 0;
}
.top_ranking .r_box00 {
    width: 50%;
	display:block;
}
.top_ranking .r_box00:nth-child(odd) {
	padding:0 2.5% 5% 0;
}
.top_ranking .r_box00:nth-child(even) {
	padding:0 0 5% 2.5%;
}
.top_ranking .r_box00 .r_name {
    font-size: 23px;
    letter-spacing: 0.05em;
    font-weight: 600;
}
.top_ranking .r_box00 .box_img img {
    height: 100%;
    object-fit: cover;
    display: block;
    max-width: 100%;
}
}
@media screen and (max-width:767px) {
/*--------------------
 グローバルナビ
--------------------*/
.ec-headerNaviRole {
	display: block;
	padding-top: 0px;
}
.kogawaya_banner {
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
    width: 250px;
}
/*--------------------
 トップページ
--------------------*/
}
@media screen and (max-width:640px) {
/*--------------------
 トップページ
--------------------*/
#top_fv {
    height: 45vh;
}
#top_fv .hojyokin {
	font-size:16px;
}
#top_fv .textbox h1 {
    font-size: 2.3rem;
    line-height: 4rem;
    letter-spacing: 2px;
}
.top_intro {
    padding: 6rem 0;
}
.top_intro .box_text {
    width: 100%;
    padding: 0 0 3rem;
}
.title_t21 {
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: 0;
    margin: 0 auto 2rem;
}
.title_t22 .dec01 {
    font-size: 25px;
    letter-spacing: 1px;
}
.title_t22 .dec02 {
    font-size: 15px;
    letter-spacing: 0.5px;
}
.top_intro .box_img {
    width: 60%;
    margin: 0 auto;
}
.top_video {
    padding: 0 0 6rem 0;
}
.top_ranking {
    padding: 6rem 0;
}
.top_ranking .title_t22 {
    margin-bottom: 5rem;
}
.top_ranking .r_box00 {
    width: 100%;
    padding: 0!important;
}
.top_ranking .r_box00:not(:last-child) {
	margin:0 auto 5rem;
}
.top_ranking .r_box00 .box_img {
    width: 80%!important;
	margin:0 auto;
}
.top_ranking .r_box00 .box_img img {
	width:100%;
	margin:0 auto;
    height: auto;
}
.top_ranking .r_box00 .box_img::before {
    padding: 5px 25px;
    font-size: 3.5rem;
}
.top_ranking .r_box00 .r_name {
    font-size: 22px;
    letter-spacing: 1px;
}
.top_p_list {
    padding: 6rem 0;
}
.top_p_list .title_t22 {
    margin-bottom: 3rem;
}
.top_p_list .box_img {
    width: 70%;
    margin: 0 auto;
}
.top_p_list .box_img .dec01 {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
	border: 1px solid #c08048;
}
.top_p_list .box_img .dec01::before {
	display:none;
}
.top_p_list .box_img img {
    clip-path: none;
}
.top_news {
    padding: 6rem 0;
}
.top_news .innerbox .submidh2 {
    width: 100%;
	margin:0 auto 2rem;
}
.top_news .innerbox .submidh2 .en_text::before {
    width: 120px;
    height: 110px;
    transform: translate(-15%, -50%);
    -webkit-transform: translate(-15%, -80%);
    m -moz-transform: translate(-15%, -80%);
    -ms-transform: translate(-15%, -80%);
}
.top_news .innerbox ul {
    width: 100%;
    padding: 0 0 0;
}
.top_news .innerbox ul li {
    border-left: 1px solid #ccc;
    padding: 0 0 0 0.5rem;
}
.top_news .innerbox ul li .news_cat {
    width: 100%;
    text-align: left;
}
.top_news .innerbox ul li .news_title {
    width: 100%;
    position: relative;
    padding: 0.5rem 0 0;
}
.top_news .innerbox ul li .news_title::before {
    display: none;
}
body.front_page .ec-layoutRole__contents {
    margin: 0;
}
/*--------------------
 フッター
--------------------*/
.footer {
	padding: 5rem 0 3rem;
}
.footer .innerbox .logobox {
	width: 100%;
}
.footer .innerbox .logobox img {
    display: block;
    width: 200px;
    max-width: 95%;
    margin: 0 auto 3rem;
}
.footer .innerbox .menubox {
	width: 100%;
}
.footer .innerbox .menubox ul {
	justify-content: flex-start;
}
.footer .innerbox .menubox ul li {
	margin-bottom: 1rem;
	width: 48%;
}