@charset "UTF-8";

/* ----------------------------------------------------------------------------------------------------
*  基本情報
* --------------------------------------------------------------------------------------------------*/

html,
body {
	height: 100%;
}

html {
	font-size: 62.5%;
	overflow-y: scroll;
	overflow-x: hidden;
}

body {
	-webkit-text-size-adjust: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
address,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
img,
form {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 100%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
	text-align: left;
	color: #333333;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
address,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
img,
form {
	font-size: 1.6rem;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

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

a {
	text-decoration: none;
	color: #333;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease;
}

@media screen and (min-width: 769px) {
	a:hover {
		opacity: 0.8;
	}

	a[href^="tel:"] {
		pointer-events: none;
	}
}

body {

	background-image: url(../img/common/bg_main_pc.jpg);
	background-size: 100% auto;

}

main {
	overflow: hidden;
	background-color: #fff;
}

.wrap {
	max-width: 1000px;
	margin: 0 auto;
}

.container {
	position: relative;
	max-width: 1360px;
	margin: 30px auto 0;
}

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

.container .wrap {
	float: right;
	width: 100%;
	margin: 0;
}

.bg_white {
	background: #fff;
}

.bg_yellow {
	position: relative;
}

.bg_yellow::before {
	content: '';
	position: absolute;
	left: -50vw;
	top: 0;
	background: #fcdf80;
	width: 200vw;
	height: 100%;
	z-index: -1;
}


@media screen and (max-width: 1360px) {
	.container .wrap {
		width: calc(100vw - 200px);
		padding-right: 2%;
	}
}

@media screen and (min-width: 769px) {

	.sp {
		display: none !important;
	}
}

@media screen and (max-width: 768px) {
	body {
		background-image: url(../img/common/bg_main_sp.jpg);
	}

	.wrap,
	.container .wrap {
		width: 100%;
		padding-right: 0;
	}

	.pc {
		display: none !important;
	}

	.wrap {
		width: 100%;
	}

	.container {
		display: flex;
		flex-direction: column-reverse;
		margin: 0;
	}

	.bg_yellow {
		background: #fcdf80;
	}

	.bg_yellow::before {
		display: none;
	}
}



/* ----------------------------------------------------------------------------------------------------
*  ヘッダー
* --------------------------------------------------------------------------------------------------*/
header img {
	vertical-align: bottom;
}

header .logo {
	/*	width: 64.167%;*/
	text-align: center;
}

header .logo a {
	display: block;
}

header .head_wrap {
	position: relative;
}

header .under_wrap .logo {
	width: 100%;
	max-width: 1360px;
	margin: 0 auto;
}

header .wrap {
	position: relative;
	width: 100%;
	height: 100%;
	max-width: inherit;
}

header .head_box {
	height: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

@media screen and (min-width: 769px) {
	.logo a:hover {
		opacity: 0.9;
	}
}

@media screen and (min-width: 1921px) {
	header img{
		max-width: 100%;
	}
}

@media screen and (max-width: 1360px) {
	header .wrap {
		padding: 0;
	}

	header .anniv {
		padding-left: 1.5%;
	}

	.ie header .anniv {
		margin-left: 0;
	}

	header .lead .rabbit {
		left: 2%;
		width: 13%;
	}

	header .period {
		top: 18vw;
		right: 3%;
	}

	header .lead {
		padding: 2vw 3% 1vw;
	}

	header .lead .txt {
		width: 84%;
	}
}


@media screen and (max-width: 768px) {
	header .head_bar {
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 13.33334vw;
		background: #fff;
		border-radius: 0 0 2.67vw 2.67vw;
		z-index: 9999;
	}

	header .head_bar .logo {
		position: absolute;
		left: 5.33vw;
		z-index: 100;
		width: 20.8vw;
		top: 3.4vw;
		padding: 0;
	}

	header .head_bar .btn_menu {
		position: absolute;
		top: 50%;
		right: 5.33vw;
		z-index: 100;
		transform: translateY(-50%);
		width: 8vw;
		height: 8vw;
	}

	header .head_bar .btn_menu::before {
		content: "";
		width: 10.67vw;
		height: 2.67vw;
		background: url(../img/common/head_btn_menu.png) no-repeat center / 100% auto;
		position: absolute;
		left: -13vw;
		top: 2.4vw;
	}

	header .head_bar .btn_menu span {
		position: absolute;
		left: 0;
		display: block;
		width: 100%;
		height: 2px;
		background: #c50018;
		transition: all 0.4s;
	}

	header .head_bar .btn_menu span:nth-child(1) {
		top: 0;
	}

	header .head_bar .btn_menu span:nth-child(2) {
		top: calc(50% - 1px);
	}

	header .head_bar .btn_menu span:nth-child(3) {
		bottom: 0;
	}

	header .head_bar .btn_menu.active span:nth-of-type(1) {
		-webkit-transform: translateY(calc(3.95vw - 1px)) rotate(145deg);
		transform: translateY(calc(3.95vw - 1px)) rotate(45deg);
	}

	header .head_bar .btn_menu.active span:nth-of-type(2) {
		left: 50%;
		opacity: 0;
		-webkit-animation: active-menu-bar .8s forwards;
		animation: active-menu-bar .8s forwards;
	}

	@-webkit-keyframes active-menu-bar {
		100% {
			height: 0;
		}
	}

	@keyframes active-menu-bar {
		100% {
			height: 0;
		}
	}

	header .head_bar .btn_menu.active span:nth-of-type(3) {
		-webkit-transform: translateY(calc(-3.95vw + 1px)) rotate(-45deg);
		transform: translateY(calc(-3.95vw + 1px)) rotate(-45deg);
	}

	header .head_bar_menu {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		width: 100%;
		height: 100%;
		padding: 16vw 8vw 10vw;
		overflow: scroll;
		background: #fff;
	}

	header .head_bar_menu.active {
		display: block;
	}

	header .head_bar_menu .btn_wrap {
		position: relative;
		margin: 4vw 0;
		border-radius: 3.8vw;
		overflow: hidden;
	}


	header .head_bar_menu .btn_wrap.cs::before {
		content: "Coming Soon…";
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .7);
		position: absolute;
		left: 0;
		top: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		text-align: center;
		font-weight: bold;
		font-size: 5vw;
		z-index: 1;
	}

	header .head_bar_menu .btn_wrap .btn {
		position: static;
		display: block;
		margin-top: 1.3vw;
	}

	header .head_bar_menu .btn_wrap.w100 {
		margin: 3vw -8vw;
		border-radius: 0;
	}

	header .head_bar_menu .item_support {
		padding-bottom: 0;
		margin: 5.6vw 0;
	}

	header .head_bar_menu .item_support .ttl {
		width: 74.133vw;
		margin: 0 auto 2.133vw;
	}

	header .head_bar_menu .bnr_wrap .bnr {
		width: 40vw;
		margin: 0 0.5vw;
	}

	header .head_bar_menu .bnr_wrap .bnr img {
		width: 100%;
	}

	header .head_bar_menu .bnr_wrap {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	header .head_bar_menu .bnr_wrap .bnr {
		margin: 0 0.5vw;
	}

	header .head_bar_menu img {
		vertical-align: bottom;
	}

	header .head_bar_menu a {
		position: relative;
		display: block;
	}


	header .head_bar_menu .box_link_osusume {
		margin-top: 5.33vw;
	}

	header .head_bar_menu .box_link_osusume a {
		display: flex;
		align-items: center;
		height: 9.6vw;
		padding-left: 13.87vw;
		font-weight: bold;
		font-size: 6.13vw;
		color: #000;
		background: #ebcd00;
		border-radius: 2.67vw;
		overflow: hidden;
	}

	header .head_bar_menu .box_link_osusume a::after {
		position: absolute;
		top: 50%;
		right: 2.67vw;
		content: "";
		width: 5.33vw;
		height: 5.33vw;
		background: url(../img/common/sidebar_arrow_icon01.svg) no-repeat;
		transform: translateY(-50%);
	}

	header .head_bar_menu .box_link_osusume a .txt {
		line-height: 1;
	}

	header .head_bar_menu .box_link_osusume a .icon {
		position: absolute;
		top: 50%;
		left: 4vw;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 6.13vw;
		height: 6.13vw;
		transform: translateY(-50%);
	}

	header .head_bar_menu .box_link_osusume a .icon img {
		max-width: 100%;
		max-height: 100%;
	}

	header .head_bar_menu .box_link_category {
		position: relative;
		padding-left: 13.87vw;
		border-radius: 2.67vw;
		overflow: hidden;
		background-color: #ebebeb;
		margin-top: 1.87vw;
	}

	header .head_bar_menu .box_link_category .title {
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 13.87vw;
		height: 100%;
	}

	header .head_bar_menu .box_link_category .title .txt {
		display: block;
		width: 5.33vw;
	}

	header .head_bar_menu .box_link_category .title .txt img {
		width: 100%;
	}

	header .head_bar_menu .list_category li a::after,
	header .head_bar_menu .box_link_search a::after {
		position: absolute;
		top: 50%;
		right: 2.67vw;
		content: "";
		width: 5.33vw;
		height: 5.33vw;
		background: url(../img/common/sidebar_arrow_icon01.svg) no-repeat;
		transform: translateY(-50%);
	}

	header .head_bar_menu .list_category li a {
		display: flex;
		align-items: center;
		height: 11.2vw;
		padding-left: 10.67vw;
		font-weight: bold;
		font-size: 5.33vw;
		color: #000;
		background: #fff;
		border-radius: 0;
	}

	header .head_bar_menu .list_category li:nth-child(odd) a {
		background: #f2f2f2;
	}

	header .head_bar_menu .list_category li:nth-child(odd) a::after {
		background-image: url(../img/common/sidebar_arrow_icon02.svg);
	}

	header .head_bar_menu .list_category li a .icon {
		position: absolute;
		top: 50%;
		left: 2.13vw;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 6.4vw;
		height: 6.4vw;
		transform: translateY(-50%);
	}

	header .head_bar_menu .list_category li a .icon img {
		max-width: 100%;
		max-height: 100%;
	}

	header .head_bar_menu .box_link_point {
		position: relative;
		padding-left: 13.87vw;
		border-radius: 2.67vw;
		overflow: hidden;
		background-color: #ebebeb;
		margin-top: 1.87vw;
	}

	header .head_bar_menu .box_link_point .title {
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 13.87vw;
		height: 100%;
		background: #84B292;
	}

	header .head_bar_menu .box_link_point .title .txt {
		display: block;
		width: 5.33vw;
	}

	header .head_bar_menu .box_link_point .title .txt img {
		width: 100%;
	}

	header .head_bar_menu .list_point {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 2.67vw 2.67vw 2.67vw 0;
		background: #84B292;
	}

	header .head_bar_menu .list_point li {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 31.73vw;
		overflow: hidden;
	}

	header .head_bar_menu .list_point li:nth-of-type(n+3) {
		margin-top: 1.33vw;
	}

	header .head_bar_menu .list_point a {
		display: block;
		width: 100%;
		height: 100%;
	}

	header .head_bar_menu .list_point .txt {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
	}

	header .head_bar_menu .box_link_allitem {
		margin-top: 1.87vw;
	}

	header .head_bar_menu .box_link_allitem a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 9.6vw;
		background-color: #84B292;
		border-radius: 2.67vw;
	}

	header .head_bar_menu .box_link_allitem a img {
		width: 49.6vw;
	}

	header .head_bar_menu .box_link_btn {
		margin-top: 4.8vw;
	}

	header .head_bar_menu .box_link_btn a {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 10.67vw;
		background-color: #000;
		border-radius: 2.67vw;
		overflow: hidden;
		color: #fff;
		font-size: 4.8vw;
	}

	header .head_bar_menu .box_link_btn a::after {
		position: absolute;
		top: 50%;
		right: 12.8vw;
		content: "";
		width: 3.47vw;
		height: 3.47vw;
		background: url(../img/common/sidebar_arrow_icon01.svg) no-repeat;
		transform: translateY(-50%);
	}

	header .head_bar_menu .box_link_search {
		margin-top: 4.8vw;
	}

	header .head_bar_menu .box_link_search .bnr_search {
		position: relative;
		display: flex;
		align-items: center;
		height: 10.67vw;
		padding: 0 22vw;
		background: #e71f19;
		border-radius: 2.67vw;
	}

	header .head_bar_menu .box_link_search .bnr_search::after {
		position: absolute;
		top: 50%;
		right: 12.8vw;
		content: "";
		width: 3.47vw;
		height: 3.47vw;
		background: url(../img/common/sidebar_arrow_icon01.svg) no-repeat;
		transform: translateY(-50%);
	}

	header .head_bar_menu .box_link_search .bnr_search .img {
		position: absolute;
		bottom: 0;
		left: 3vw;
		width: 16vw;
	}

	header .head_bar_menu .box_link_search .bnr_search .txt {
		line-height: 1.25;
		font-weight: bold;
		font-size: 4.8vw;
		color: #fff;
	}

	header .head_bar_menu .menu_logo {
		margin-top: 5.4vw;
	}

	header .head_bar_menu .menu_logo p {
		text-align: center;
		font-weight: 600;
		font-size: 3.07vw;
		letter-spacing: -0.05em;
		;

	}

	header .head_bar_menu .logo_usamart {
		width: 80vw;
		margin: 0 auto;

	}

	body.fixed {
		position: fixed;
		width: 100%;
		height: 100vh;
		top: 0;
	}

	header .head_wrap {
		height: 59.2vw;
		padding-top: 13.33334vw;
	}

	header .under_wrap {
		height: auto;
	}

	header .head_box {
		height: 100%;
		display: block;
	}

	header .logo {
		width: 100%;
		max-width: inherit;
		left: 0;
		transform: translateY(0);
		padding: 0;
		/*		margin-bottom: -3.8vw;*/
	}

	header .logo img {
		width: 100%;
	}
}

@keyframes flash-anime {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  サイドメニュー
* --------------------------------------------------------------------------------------------------*/
.sidebar_wrap {
	float: left;
	position: relative;
	width: 300px;
	max-width: 300px;
	z-index: 100;
}

.sidebar_wrap.fixed {
	position: fixed;
	top: 0;
	float: none;
}

.sidebar_wrap.footer_fixed {
	position: fixed;
	top: auto;
	bottom: 60px;
	float: none;
}

.sidebar_wrap img {
	vertical-align: bottom;
}

.sidebar_wrap a {
	position: relative;
}


.sidebar_wrap .box_link_osusume a {
	display: flex;
	align-items: center;
	height: 30px;
	padding-left: 50px;
	font-weight: bold;
	font-size: 2.1rem;
	color: #000;
	background: #ebcd00;
	border-radius: 10px;
	overflow: hidden;
}

.sidebar_wrap .box_link_osusume a::after {
	position: absolute;
	top: 50%;
	right: 10px;
	content: "";
	width: 20px;
	height: 20px;
	background: url(../img/common/sidebar_arrow_icon02.svg) no-repeat;
	transform: translateY(-50%);
}

.sidebar_wrap .box_link_osusume a .txt {
	line-height: 1;
}

.sidebar_wrap .box_link_osusume a .icon {
	position: absolute;
	top: 50%;
	left: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	transform: translateY(-50%);
}

.sidebar_wrap .box_link_osusume a .icon img {
	max-width: 100%;
	max-height: 100%;
}

.sidebar_wrap .box_link_category {
	position: relative;
	padding-left: 50px;
	border-radius: 10px;
	overflow: hidden;
	background-color: #ebebeb;
}

.sidebar_wrap .box_link_category .title {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 100%;
}

.sidebar_wrap .box_link_category .title .txt {
	display: block;
	width: 20px;
}

.sidebar_wrap .list_category li a {
	display: flex;
	align-items: center;
	height: 42px;
	padding-left: 40px;
	font-weight: bold;
	font-size: 2.1rem;
	color: #000;
	background: #fff;
}

.sidebar_wrap .list_category li a::after {
	position: absolute;
	top: 50%;
	right: 10px;
	content: "";
	width: 20px;
	height: 20px;
	background: url(../img/common/sidebar_arrow_icon01.svg) no-repeat;
	transform: translateY(-50%);
}

.sidebar_wrap .list_category li:nth-child(odd) a {
	background: #ebebeb;
}

.sidebar_wrap .list_category li:nth-child(odd) a::after {
	background-image: url(../img/common/sidebar_arrow_icon02.svg);
}

.sidebar_wrap .list_category li a .txt {
	line-height: 1;
}

.sidebar_wrap .list_category li a .icon {
	position: absolute;
	top: 50%;
	left: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	transform: translateY(-50%);
}

.sidebar_wrap .list_category li a .icon img {
	max-width: 100%;
	max-height: 100%;
}

.sidebar_wrap .box_link_point {
	position: relative;
	padding-left: 50px;
	border-radius: 10px;
	overflow: hidden;
}

.sidebar_wrap .box_link_point .title {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 100%;
	background: #84B292;
}

.sidebar_wrap .box_link_point .title .txt {
	display: block;
	width: 20px;
}

.sidebar_wrap .list_point {
	display: flex;
	flex-wrap: wrap;
	padding: 5px 10px 5px 0;
	background: #84B292;
}

.sidebar_wrap .list_point li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 115px;
	max-width: 48%;
	overflow: hidden;
}

.sidebar_wrap .list_point li:nth-of-type(n+3) {
	margin-top: 4px;
}

.sidebar_wrap .list_point li:nth-of-type(odd) {
	margin-right: 10px;
}

.sidebar_wrap .list_point a {
	display: block;
	width: 100%;
	height: 100%;
}

.sidebar_wrap .list_point .txt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}


@media screen and (max-width: 1360px) {
	.sidebar_wrap {
		min-width: 190px;
		width: calc(100vw - 1020px);
	}

	.sidebar_wrap .list_point li {
		/*		margin: 2px 0;*/
	}

	.sidebar_wrap .box_link_osusume a {
		font-size: 1.7rem;
	}

	.sidebar_wrap .list_category li a {
		font-size: 1.5rem;
		height: 30px;
	}

	.sidebar_wrap .box_link_category {
		padding-left: 30px;
	}

	.sidebar_wrap .box_link_category .title {
		width: 30px;
	}

	.sidebar_wrap .box_link_category .title .txt {
		width: 15px;
	}

	.sidebar_wrap .box_link_point {
		padding-left: 30px;
	}

	.sidebar_wrap .box_link_point .title {
		width: 30px;
	}

	.sidebar_wrap .box_link_point .title .txt {
		width: 15px;
	}

	.sidebar_wrap .box_link_osusume a::after,
	.sidebar_wrap .list_category li a::after {
		content: none;
	}

	.sidebar_wrap .list_point li:nth-of-type(odd) {
		margin-right: 4%;
	}
}


@media screen and (max-width: 1300px) {
	.sidebar_wrap .box_link_osusume a {
		padding-left: 30px;
	}

	.sidebar_wrap .box_link_osusume a .icon {
		left: 4px;
	}

	.sidebar_wrap .list_category li a {
		padding: 0 0 0 25px;
	}

	.sidebar_wrap .list_category li a .icon {
		left: 2px;
		display: flex;
		justify-content: center;
		align-items: center;
		transform: translateY(-50%) scale(0.7);
	}

	/*
	.sidebar_wrap .list_point li:nth-of-type(n+3) {
		margin-top: 0;
		margin-right: 0;
	}
*/
}

@media screen and (max-width: 1300px) and (max-height: 650px) {
	.sidebar_wrap .list_category li a {
		padding-left: 40px;
		height: 40px;
		font-size: 1.4rem;
	}

	.sidebar_wrap .list_category li a .icon {
		left: 0;
	}
}


/* ----------------------------------------------------------------------------------------------------
*  フッター
* --------------------------------------------------------------------------------------------------*/
footer .procedure {
	padding: 0 0 8px;
	overflow: hidden;
	background-image: url(../img/common/bg_main_pc.jpg);
	background-size: 100% auto;
}

footer .wrap {
	max-width: 1360px;
	padding-left: 360px;
}

footer .procedure p {
	color: #000;
}

footer .procedure .notes {
	margin-bottom: 30px;
	padding: 35px 0 30px;
	line-height: 1.6;
	font-size: 1.8rem;
	font-weight: bold;
	border-bottom: 1px solid #000;
}

footer .procedure .procedure_btn {
	height: 80px;
	margin-bottom: 20px;
}

footer .procedure h2 {
	position: relative;
	z-index: 1;
	height: 40px;
	line-height: 80px;
	background-color: #000;
	color: #FFF;
	font-size: 2.9rem;
	letter-spacing: 0.2em;
	text-align: center;
}

footer .procedure h2::after {
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: -40px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #000 transparent transparent transparent;
	border-width: 40px 500px 0 500px;
}

/*
footer .procedure .procedure_wrap_js{
    display: none;
}
*/

footer .procedure_box {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	padding: 30px 0 35px;
}

footer .procedure_box section {
	width: 100%;
	position: relative;
}

footer .procedure_box h3 {
	margin-bottom: 14px;
}

footer .procedure_box p {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.5;
	margin-left: 68px;
}

footer .procedure_box p .red {
	color: #e71f19;
}

footer .procedure_box .caution {
	font-size: 1.8rem;
}

@media screen and (min-width: 769px) {

	footer .procedure_box section:nth-of-type(1) .procedure_img p {
		margin-left: 94px;
	}
}

@media screen and (max-width: 768px) {
	footer .procedure_box .caution {
		font-size: 3.2vw;
		margin-top: .5em;
	}
}

footer .procedure_img {
	position: relative;
	margin-top: 23px;
}

footer .procedure_img img {
	width: 100%;
	vertical-align: middle;
}

footer .procedure_img .procedure_sample {
	margin-top: 20px;
	margin-left: 24px;
}

footer .procedure_img p {
	text-align: center;
}

footer .procedure_img .txt {
	font-size: 1.8rem;
	margin: 0;
}

footer .procedure_box section:nth-of-type(1) h3 {
	max-width: 436px;
}

footer .procedure_box section:nth-of-type(1) .procedure_img {
	margin-top: -55px;
}

footer .procedure_box section:nth-of-type(1) .procedure_img img {
	max-width: 146px;
}

footer .procedure_box section:nth-of-type(2) {
	border-top: 1px solid #000;
	margin-top: 15px;
	padding-top: 34px;
}

footer .procedure_box section:nth-of-type(2) h3 {
	max-width: 438px;
}

footer .procedure_box section:nth-of-type(2) .procedure_img {
	margin-bottom: 37px;
}

footer .procedure_box section:nth-of-type(2) .procedure_img img {
	width: 380px;
	max-width: 380px;
}

footer .procedure_box section:nth-of-type(2) .txt {
	position: absolute;
}

footer .procedure_box section:nth-of-type(2) .txt:nth-of-type(2) {
	right: 59%;
	bottom: 0;
}

footer .procedure_box section:nth-of-type(2) .txt:nth-of-type(3) {
	right: 10%;
	bottom: 0;
}

footer .procedure_box .pdf_btn a {
	display: block;
	width: 380px;
	padding: 9px 0px 8px;
	margin: 14px 0 20px auto;
	background-color: #000;
	text-align: center;
	color: #ffe100;
	font-size: 1.5rem;
	font-weight: 500;
	border-radius: 10px;
}

footer .procedure_box section:nth-of-type(3) {
	padding: 34px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

footer .procedure_box section:nth-of-type(3) h3 {
	display: flex;
	align-items: flex-end;
}

footer .procedure_box section:nth-of-type(3) span {
	color: #000;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.2;
}

footer .procedure_box section:nth-of-type(3) .procedure_img {
	margin-top: 18px;
}

footer .procedure_box section:nth-of-type(3) .txt {
	position: absolute;
	line-height: 1.3;
}

footer .procedure_box section:nth-of-type(3) .txt:nth-of-type(2) {
	right: 28%;
	bottom: 23%;
}

footer .procedure_box section:nth-of-type(3) .txt:nth-of-type(3) {
	right: 4.5%;
	bottom: 23%;
}

footer .ramen_banner {
	margin-top: 50px;
}

footer .procedure_box .foot_link_list {
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 50px;
}

footer .procedure_box .faq_btn {
	width: 49%;
}

footer .procedure_box .faq_btn a {
	display: block;
	height: 65px;
	line-height: 65px;
	text-align: center;
	letter-spacing: 0.02em;
	font-weight: normal;
	font-size: 2.9rem;
	letter-spacing: 0.2em;
	color: #FFF;
	background-color: #000;
	border-radius: 20px;
}

footer .procedure_box .search_btn {
	width: 49%;
}

footer .procedure_box .search_btn a {
	position: relative;
	display: block;
	height: 65px;
	background-color: #e71f19;
	border-radius: 20px;
}

footer .procedure_box .search_btn a::after {
	position: absolute;
	top: 50%;
	right: 80px;
	content: "";
	width: 20px;
	height: 20px;
	background: url(../img/common/sidebar_arrow_icon01.svg) no-repeat;
	transform: translateY(-50%);
}

footer .procedure_box .search_btn a .img {
	position: absolute;
	bottom: 0;
	left: 5px;
	display: block;
	width: 124px;
	height: 92px;
}

footer .procedure_box .search_btn a .txt {
	padding-left: 138px;
	line-height: 65px;
	font-weight: bold;
	color: #fff;
	font-size: 2.9rem;
}

footer .procedure_block {
	display: flex;
}

footer .procedure_block .procedure_img {
	margin-top: 0;
}

footer .foot_logo p {
	font-size: 1.3rem;
	font-weight: 600;
}

footer .foot_logo p+p {
	margin-top: 5px;
}

footer .logo_usamart {
	max-width: 355px;
}

footer .logo_usamart img {
	vertical-align: middle;
}

footer .bg_white .wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 50px 0 42px 360px;
}

footer .footer_box {
	width: 62.5%;
	padding: 10px 8px;
	background: #fff url(../img/common/footer_bg.png) no-repeat 99% 80%;
	background-size: 55px;
	border: 2px solid #DCDDDD;
}

footer .footer_box div {
	margin-bottom: 15px;
}

footer .footer_box div p {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.6;
}

footer .footer_box div .red {
	margin-right: 1em;
}

footer .footer_box p {
	font-size: 1.0rem;
	font-weight: 600;
}

footer .footer_box .red {
	color: #d61619;
	font-size: 1.4rem;
	font-weight: 800;
}

footer .footer_box ul {
	width: 92%;
	display: flex;
	flex-flow: column wrap;
	height: 32px;
	margin: 3px 0;
}

footer .footer_box li {
	margin-top: 5px;
	font-size: 1.0rem;
	font-weight: 600;
}

footer .footer_box li:before {
	content: "・";
}

footer .copy {
	color: #000;
	padding: 15px 0;
	background-image: url(../img/common/bg_main_pc.jpg);
	background-size: 100% auto;
	text-align: center;
	font-size: 1.0rem;
}

@media all and (-ms-high-contrast:none) {

	*::-ms-backdrop,
	footer .procedure_txt_ie {
		max-width: 594px;
	}
}


@media screen and (max-width: 1360px) {
	footer .wrap {
		width: calc(100vw - 200px);
		max-width: 1000px;
		margin-right: 0;
		padding: 0 3% 0 0;
	}

	footer .footer_box ul {
		height: 60px;
	}

	footer .procedure {
		padding: 13px 0 30px;
	}

	footer .procedure .procedure_btn {
		position: relative;
		height: 0;
		padding-top: 8%;
		background: url(../img/common/footer_tryangle.png) 50% 0 no-repeat;
		background-size: 100% auto;
	}

	footer .procedure h2 {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
		height: auto;
		background: none;
	}

	footer .procedure h2::after {
		display: none;
	}

	footer .procedure h2+p {
		width: calc(100% - 240px);
	}

	footer .procedure_img img {
		vertical-align: middle;
	}

	footer .procedure_box p {
		margin-left: 15%;
	}

	footer .procedure_box div .txt {
		font-size: 1.6vw;
	}

	footer .procedure_box section:nth-of-type(1) {
		padding-bottom: 3vw;
	}

	footer .procedure_box section:nth-of-type(1) .procedure_img {
		margin-top: 0;
	}

	footer .procedure_box section:nth-of-type(2) {
		margin-top: 0;
		padding: 5vw 0 3vw;
		border-top: 1px solid #000;
	}

	footer .procedure_box div .txt:nth-of-type(2) {
		right: 23.5%;
	}

	footer .procedure_box section:nth-of-type(2) .procedure_img {
		margin-bottom: 0;
	}

	footer .procedure_box .pdf_btn a {
		white-space: nowrap;
		font-size: 1.2rem;
	}

	footer .procedure_box section:nth-of-type(3) p {
		margin-left: 8.5%;
	}

	footer .procedure_box div .txt:nth-of-type(3) {
		right: 1.5%;
	}

	footer .procedure_box .foot_link_list {
		flex-wrap: wrap;
		justify-content: center;
	}

	footer .procedure_box .foot_link_list .faq_btn,
	footer .procedure_box .foot_link_list .search_btn {
		width: 60%;
	}

	footer .procedure_box .foot_link_list .search_btn {
		margin-top: 20px;
	}

	footer .bg_white .wrap {
		flex-wrap: wrap;
		padding: 4vw 3%;
	}

	footer .foot_logo {
		margin: 0 auto;
	}

	footer .footer_box {
		width: 70%;
		margin: 1vw auto 0;
	}

	footer .footer_box ul {
		width: 60%;
	}
}

@media screen and (max-width: 1024px) {
	footer .procedure_block {
		flex-direction: column;
		align-items: center;
	}

	footer .procedure_box .foot_link_list .faq_btn,
	footer .procedure_box .foot_link_list .search_btn {
		width: 75%;
	}

	footer .procedure_box .foot_link_list .search_btn a::after {
		right: 20px;
	}
}

@media screen and (max-width: 768px) {
	footer .wrap {
		width: 100%;
		padding-left: 0;
	}

	footer .procedure {
		padding: 3vw 4% 5vw;
		background-image: url(../img/common/bg_main_sp.jpg);
	}

	footer .procedure .notes {
		padding: 0 0 2vw;
		margin-bottom: 5vw;
		font-size: 3vw;
	}

	footer .procedure .procedure_btn {
		height: 7.5vw;
		margin-bottom: 0;
		padding-top: 0;
		background: none;
	}

	footer .procedure h2 {
		position: static;
		transform: translateY(0);
		height: 4.3vw;
		line-height: 7.5vw;
		padding: 0 0 0 2vw;
		font-size: 4vw;
		text-align: center;
		white-space: nowrap;
		background-color: #000;
	}

	footer .procedure h2::after {
		display: block;
		border-width: 3.2vw 46.1vw 0 46.1vw;
		bottom: -3.1vw;
	}

	.iphone footer .procedure h2::after,
	.ipad footer .procedure h2::after {
		bottom: -3.1vw;
	}

	footer .procedure h2+p {
		width: 72%;
		font-size: 2.8vw;
		margin-left: auto;
	}

	footer .procedure_box {
		margin-top: 0;
		padding: 0;
	}

	footer .procedure_img .procedure_sample {
		margin-top: 3vw;
		margin-left: 9vw;
	}

	footer .procedure_box p {
		font-size: 3.73vw;
		margin-left: 9vw;
	}

	footer .procedure_box section:nth-of-type(3) p {
		margin-left: 9vw;
	}

	footer .procedure_box section:nth-of-type(3) span {
		font-size: 2.8vw;
		font-weight: bold;
	}

	footer .full {
		width: 100%;
	}

	footer .procedure_img {
		max-width: initial;
		margin-left: 0;
		margin-right: 0;
	}

	footer .procedure_img .procedure_img_sp {
		max-width: 147px;
	}

	footer .procedure_box section {
		padding: 5vw 0;
	}

	footer .procedure_box h3 {
		margin-bottom: 2vw;
	}

	footer .procedure_box section:nth-of-type(1) {
		width: 100%;
		padding-right: 0;
		border-right: 0;
		padding-bottom: 5vw;
	}

	footer .procedure_box section:nth-of-type(1) h3 {
		max-width: initial;
		width: 59.47vw;
	}

	footer .procedure_box section:nth-of-type(1) .procedure_img img {
		width: 100%;
		max-width: 37.333vw;
		margin-top: 5vw;
	}

	footer .procedure_box section:nth-of-type(2) {
		width: 100%;
		padding-left: 0;
		border-right: 0;
		padding-bottom: 4vw;
	}

	footer .procedure_box section:nth-of-type(2) h3 {
		max-width: initial;
		width: 59.73vw;
	}

	footer .procedure_box section:nth-of-type(2) .procedure_img img {
		width: 100%;
		max-width: inherit;
	}

	footer .procedure_box section:nth-of-type(2) .txt:nth-of-type(2) {
		right: initial;
		left: 21%;
	}

	footer .procedure_box section:nth-of-type(2) .txt:nth-of-type(3) {
		right: 17%;
	}

	footer .procedure_box .pdf_btn a {
		margin: 2vw 0 0;
		font-size: 3.2vw;
		width: 100%;
	}

	footer .procedure_box section:nth-of-type(3) {
		padding: 5vw 0 4vw;
	}

	footer .procedure_box section:nth-of-type(3) h3 {
		display: block;
	}

	footer .procedure_box section:nth-of-type(3) h3 span {
		display: block;
		margin-left: 7vw;
		margin-top: 1vw;
	}

	footer .procedure_box section:nth-of-type(3) h3 img {
		width: 34.4vw;
	}

	footer .procedure_box section:nth-of-type(3) .procedure_img {
		margin-top: 3vw;
	}

	footer .procedure_box section:nth-of-type(3) .procedure_img p {
		margin-left: 0;
	}

	footer .procedure_box section:nth-of-type(3) .txt {
		line-height: 1.3;
		font-size: 4.4vw;
		width: 44%;
	}

	footer .procedure_box section:nth-of-type(3) .txt:nth-of-type(2) {
		right: initial;
		left: 0;
		bottom: 0;
	}

	footer .procedure_box section:nth-of-type(3) .txt:nth-of-type(3) {
		right: 0;
		bottom: 0;
	}

	footer .procedure_box .foot_link_list {
		margin-top: 0;
	}

	footer .procedure_box .foot_link_list .faq_btn {
		width: 100%;
		margin-top: 5vw;
	}

	footer .procedure_box .foot_link_list .search_btn {
		width: 100%;
		margin-top: 3vw;
	}

	footer .procedure_box .faq_btn a,
	footer .procedure_box .search_btn a {
		position: relative;
		border-radius: 2.67vw;
	}

	footer .procedure_box .faq_btn a,
	footer .procedure_box .search_btn a,
	footer .procedure_box .search_btn a .txt {
		height: 12.3vw;
		line-height: 12.3vw;
		font-size: 5.33vw;
	}

	footer .procedure_box .faq_btn a::after,
	footer .procedure_box .search_btn a::after {
		position: absolute;
		top: 50%;
		right: 14.5vw !important;
		content: "";
		width: 4vw;
		height: 4vw;
		background: url(../img/common/sidebar_arrow_icon01.svg) no-repeat;
		transform: translateY(-50%);
	}

	footer .procedure_box .search_btn a .txt {
		padding-left: 25vw;
	}

	footer .procedure_box .search_btn a .img {
		left: 0;
		width: 19.8vw;
		height: 14.7vw;
	}

	footer .procedure_box .search_btn a .img img {
		width: 100%;
	}

	footer .procedure_box div .txt {
		font-size: 3.5vw;
	}

	footer .procedure_box div .txt:nth-of-type(2) {
		right: 23.2%;
	}

	footer .procedure_box div .txt:nth-of-type(3) {
		right: 1.2%;
	}

	footer .bg_white .wrap {
		padding: 5vw 4%;
	}

	footer .foot_logo {
		width: 100%;
	}

	footer .foot_logo p {
		text-align: center;
		font-size: 3.3vw;
		padding-top: 0.1vw;
	}

	footer .logo_usamart {
		max-width: initial;
		width: 82.4vw;
		margin: 0 auto !important;
	}

	footer .footer_box {
		width: 100%;
		padding: 2vw 2vw 0;
		background-size: 13vw;
		background-position: 99% 90%;
	}

	footer .footer_box div {
		margin-bottom: 3vw;
	}

	footer .footer_box .red {
		font-size: 3.4vw;
	}

	footer .footer_box p,
	footer .footer_box li {
		font-size: 2.5vw;
	}

	footer .footer_box .foot_list {
		display: flex;
	}

	footer .footer_box ul {
		height: initial;
	}

	footer .footer_box ul {
		width: 50%;
	}

	footer .footer_box li {
		margin-top: 1vw;
	}
}


footer .red_wrap {
	padding: 25px 0 30px;
	background: #302927;
}

footer .red_wrap p {
	color: #fff;
	font-weight: 600;
}

footer .red_wrap .txt {
	font-size: 1.3rem;
	white-space: nowrap;
	letter-spacing: -0.02em;
}

footer .red_wrap .box {
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
}

footer .red_wrap .box>p {
	max-width: 432px;
}

footer .red_wrap .box div {
	margin-left: 10px;
}

footer .red_wrap .box div>p:first-child {
	max-width: 378px;
	margin-top: 13px;
	margin-left: auto;
}

footer .red_wrap .box div>p:last-child {
	font-size: 1.3rem;
	margin-top: 5px;
	margin-right: -0.3em;
	text-align: right;
}


@media screen and (max-width: 1100px) {
	footer .red_wrap .txt {
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 1024px) {
	footer .red_wrap .txt {
		white-space: normal;
		letter-spacing: 0;
	}
}

@media screen and (max-width: 768px) {
	footer .red_wrap {
		padding: 4vw 4%;
	}

	footer .red_wrap .wrap {
		padding-right: 0;
	}

	footer .red_wrap .box {
		flex-wrap: wrap;
	}

	footer .red_wrap .box>p {
		width: 100%;
	}

	footer .red_wrap .txt {
		font-size: 2.8vw;
		line-height: 1.3;
	}

	footer .red_wrap .box {
		margin-top: 1.5vw;
	}

	footer .red_wrap .box>p {
		max-width: initial;
	}

	footer .red_wrap .box div {
		margin-left: 0;
	}

	footer .red_wrap .box div>p:first-child {
		max-width: initial;
		width: 88%;
		margin-top: 1.3vw;
	}

	footer .red_wrap .box div>p:last-child {
		font-size: 2.8vw;
		margin-top: 1vw;
	}

	footer .copy {
		background-image: url(../img/common/bg_main_sp.jpg);
	}
}



/* ----------------------------------------------------------------------------------------------------
*  共通
* --------------------------------------------------------------------------------------------------*/
/*ramen_top_banner*/
.ramen_top_banner {
	margin-bottom: 40px;
}

/*link_top*/
.link_top {
	display: block;
	margin: 0 0 20px;
	padding: 12px 0;
	text-align: center;
	letter-spacing: 0.1em;
	font-weight: bold;
	font-size: 2.4rem;
	background-color: #000;
	color: #fabe00;
	line-height: 1.2;
}

.link_top span {
	color: #fff;
}

@media screen and (max-width: 768px) {
	.link_top {
		font-size: 1.4rem;
		padding: 22px 0;
		text-align: center;
		margin: 20px 0 25px;
		height: 50px;
		letter-spacing: inherit;
		line-height: 1;
	}
}

/* .ranking_area */
.ranking_area.category {
	margin-bottom: 55px;
}


.rank_hd_area {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #221714;
}

.rank_body_area {
	margin-bottom: 50px;
}

.rank_block .rank {
	width: 333px;
	height: 260px;
}

.rank_block .rank_box {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 25px 10px 10px;
	cursor: pointer;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

@media screen and (min-width: 769px) {
	.rank_block .rank_box:hover {
		opacity: 0.8;
	}
}

.rank_block .rank_box .rank_num {
	position: absolute;
	top: 30px;
	left: 10px;
	z-index: 5;
	width: 100px;
}

.rank_block .rank_box .rank_thumb {
	position: relative;
	width: 155px;
	height: 155px;
	object-fit: cover;
	margin: 0 40px 0 auto;
}

.rank_block .rank_box .rank_thumb .ico {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 30%;
}

.rank_block .rank_box .rank_name {
	width: calc(100% - 20px);
	margin: auto;
	line-height: 1.6;
	text-align: center;
	font-weight: bold;
	font-size: 1.4rem;
}

.rank_block .rank_box .rank_code {
	position: absolute;
	left: 10px;
	bottom: 10px;
	display: flex;
	align-items: center;
	width: calc(100% - 20px);
	color: #fff;
	background-color: #000;
}

.rank_block .rank_box .rank_code span {
	width: 50%;
	padding-top: 2px;
	border: 2px solid #000;
	text-align: center;
	font-weight: 600;
	font-size: 1.2rem;
	white-space: nowrap;
}

.rank_block .rank_box .rank_code .prize_kaden {
	background-color: #5A9FE7;
	border: 2px solid #5A9FE7;
}

.rank_block .rank_box .rank_code .prize_nitiyou {
	background-color: #88B93D;
	border: 2px solid #88B93D;
}

.rank_block .rank_box .rank_code .prize_syokuhin {
	background-color: #C50019;
	border: 2px solid #C50019;
}

.rank_block .rank_box .rank_code span:last-child {
	color: #000;
	background-color: #fff;
}

.bg_yellow .rank_body_area {
	padding: 50px 0;
}

.bg_yellow .rank_body_area .ttl_recommend {
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: center;
	border-bottom: 1px solid #221714;
}

.bg_yellow .rank_block .rank_box .rank_thumb {
	margin-right: auto;
}

.rank_block .slick-arrow {
	position: absolute;
	top: 110px;
	z-index: 10;
	width: 40px;
	height: 40px;
	font-size: 0;
	background: url(../img/common/rank_arrow01.png) no-repeat;
	border: none;
	outline: none;
	cursor: pointer;
}

.rank_block .slick-prev {
	left: 0;
	transform: scaleX(-1);
}

.rank_block .slick-next {
	right: 0;
}

.rank_block .slick-dots {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 15px;
}

.rank_block .slick-dots li {
	margin: 0 10px;
}

.rank_block .slick-dots li button {
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
	font-size: 0;
	background: #e6e6e5;
	border: none;
	border-radius: 100%;
	outline: none;
	cursor: pointer;
}

.rank_block .slick-dots .slick-active button {
	background: #efb917;
}

@media screen and (max-width: 1360px) {
	.rank_block .rank {
		width: 33%;
		height: auto;
	}

	.rank_block .rank_box {
		padding-bottom: 40px;
	}

	.rank_block .rank_box .rank_thumb {
		max-width: 100%;
		margin-top: 32px;
	}

	.bg_yellow .rank_block .rank_box .rank_thumb {
		margin-top: 0;
	}

	.rank_block .rank_box .rank_num {
		width: 60px;
	}

	.rank_block .rank_box .rank_name {
		margin: 0.5em auto;
		line-height: 1.2;
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 768px) {
	.ranking_area.category {
		margin-bottom: 5vw;
	}

	.rank_hd_area {
		padding: 0 4% 2%;
	}

	.rank_body_area {
		margin-bottom: 5vw;
		padding: 0 4%;
	}

	.bg_yellow .rank_body_area {
		padding: 5vw 4%;
	}

	.bg_yellow .rank_body_area .ttl_recommend {
		padding: 0 20% 10px;
	}

	.prize_list .rank_block {
		padding: 0;
	}

	.rank_block .rank {
		height: 75vw;
		max-height: 300px;
	}

	.rank_block .rank_box {
		padding: 5vw 1vw 1vw;
	}

	.rank_block .rank_box .rank_num {
		width: 15vw;
		max-width: 80px;
	}

	.rank_block .rank_box .rank_thumb {
		height: auto;
	}

	.rank_block .rank_box .rank_code {
		position: static;
		flex-wrap: wrap;
	}

	.rank_block .rank_box .rank_code span {
		font-size: min(2.5vw, 1.2rem);
		margin-top: 0;
	}

	.rank_block .rank_box .rank_code span:last-child {
		width: 100%;
	}
}

/* .prize_hd_area */
.prize_hd_area .prize_ttl {
	margin-bottom: 25px;
}

.prize_hd_area .prize_ttl._txt {
	color: #000;
	font-weight: bold;
	font-size: 5.2rem;
}

.prize_point_ttl {
	width: 100%;
	margin-bottom: 15px;
}

.prize_block {
	margin-bottom: 62px;
}

@media screen and (max-width: 768px) {
	.prize_hd_area .prize_ttl {
		width: 92%;
		margin: 0 auto 25px;
	}

	.prize_hd_area .prize_ttl._txt {
		font-size: 7.3vw;
	}

	.prize_hd_area .prize_ttl img {
		width: auto;
		height: 6.53vw;
	}

	.prize_point_ttl {
		width: 92%;
		margin: 0 auto 15px;
		height: 40px;
		overflow: hidden;
		border-radius: 20px;
	}

	.prize_point_ttl img {
		width: auto;
		height: 40px;
		object-fit: cover;
	}

	.prize_block {
		margin-bottom: 30px;
	}
}

/* .pager */
.pager {
	width: 95%;
	justify-content: center;
	padding: 40px 0 20px;
	margin: 0 auto;
}

.pager a,
.pager .current {
	padding: 0 0.3em;
	font-size: 3.0rem;
	line-height: 1.6;
	font-weight: bold;
}

.pager .next a,
.pager .prev a {
	font-size: 1.5rem;
	margin-top: 16px;
	display: block;
}

.pager .current {
	text-decoration: underline;
	color: #D80C18;
}

.gecko .pager .current {
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.pager a:hover {
		text-decoration: underline;
	}
}

.pager li+li {
	margin-left: 11.2px;
}

/* ------------------------------
/* for IE 11 */
@media all and (-ms-high-contrast:none) {

	*::-ms-backdrop,
	.link_list01,
	.link_list02,
	.procedure_block {
		width: 100%;
	}

	*::-ms-backdrop,
	.link_list01 li,
	.link_list02 li {
		width: 33.3%;
	}

	*::-ms-backdrop,
	.procedure_txt_ie {
		width: 40%;
	}

	*::-ms-backdrop,
	footer .procedure_box section:nth-of-type(1) .procedure_img,
	.procedure_box section:nth-of-type(2) .procedure_img {
		width: 60%;
	}

	*::-ms-backdrop,
	.link_list01 li img,
	.link_list02 li img,
	.procedure_box section:nth-of-type(1) .procedure_img img,
	.procedure_box section:nth-of-type(2) .procedure_img img {
		width: 100%;
	}

	*::-ms-backdrop,
	.link_list03 {
		width: 100%;
	}

	*::-ms-backdrop,
	.link_list03 li {
		width: 16.6%;
	}

	*::-ms-backdrop,
	.link_list03 li img {
		width: 100%;
	}

	*::-ms-backdrop,
	footer .procedure_box .procedure_txt_ie p {
		width: 100%;
		max-width: 380px;
	}
}


/* ------------------------------
    clearfix
------------------------------ */

.cf:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.cf {
	display: inline-block;
}

/* Hides from IE Mac */
* html .cf {
	height: 1%;
}

.cf {
	display: block;
}

/* End Hack */


/* ------------------------------
    sidebar
------------------------------ */
.sidebar_wrap .box_link_category,
.sidebar_wrap .box_link_osusume,
.sidebar_wrap .box_link_point,
.sidebar_wrap .box_link_allitem,
.sidebar_wrap .box_link_search {
	margin-bottom: 4px;
}

/*box_link_allitem*/
.sidebar_wrap .box_link_allitem a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 36px;
	padding: 10px;
	background-color: #84B292;
	border-radius: 10px;
}

.sidebar_wrap .box_link_allitem a img {
	width: 62%;
	max-width: 186px;
}

/*bnr_search*/
.sidebar_wrap .box_link_search .bnr_search {
	display: flex;
	align-items: center;
	height: 40px;
	background: #e71f19;
	padding-left: 85px;
	border-radius: 10px;
	overflow: hidden;
}

.sidebar_wrap .box_link_search .txt {
	line-height: 1;
	font-weight: bold;
	font-size: 1.83rem;
	color: #fff;
}

.sidebar_wrap .box_link_search .bnr_search .img {
	position: absolute;
	bottom: 0;
	left: 17px;
	width: 42px;
}

/*
@media screen and (max-width: 1360px) {
	.sidebar_wrap .box_link_search .bnr_search .img {
		left: 0;
		width: 65px;
	}
}
*/

.sidebar_wrap .box_link_search .bnr_search::after {
	position: absolute;
	top: 50%;
	right: 39px;
	content: "";
	width: 13px;
	height: 13px;
	background: url(../img/common/sidebar_arrow_icon01.svg) no-repeat center/ 100% auto;
	transform: translateY(-50%);
}

@media screen and (max-width: 1360px) {
	.sidebar_wrap .box_link_search .bnr_search {
		padding-left: 28%;
	}

	.sidebar_wrap .box_link_search .bnr_search::after {
		content: none;
	}

	.sidebar_wrap .box_link_search .bnr_search .img {
		left: 5%;
	}
}


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

	.sidebar_wrap .box_link_allitem a img {
		width: auto;
		height: 14px;
	}

	.sidebar_wrap .box_link_search .bnr_search .txt {
		font-size: 1.4rem;
	}

}

/*ranking*/
.ranking_block {
	display: flex;
}

.ranking_block .ranking_box {
	width: 50%;
	padding: 20px;
}

.ranking_block .ranking_box .rank_block .rank {
	width: 100%;
	height: auto;
}

.ranking_block .ranking_box .rank_hd_area {
	padding-bottom: 19px;
	margin-bottom: 19px;
}

.ranking_block .ranking_box .rank_block .rank_box {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	cursor: pointer;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
	display: flex;
	margin-bottom: 20px;
}

.ranking_block .ranking_box .rank_block .rank_box:last-child {
	margin-bottom: 0;
}

.ranking_block .rank_block .rank_box .rank_num {
	position: initial;
	z-index: 5;
	width: 100px;
	margin-right: 10px;
	flex-shrink: 0;
}

.ranking_block .rank_block .rank_box .rank_thumb {
	position: relative;
	width: 71px;
	height: 71px;
	object-fit: cover;
	margin: 0 5px 0 0;
	flex-shrink: 0;
}

.ranking_block .rank_block .rank_box .rank_details {
	width: 100%;
}

.ranking_block .rank_block .rank_box .rank_name {
	margin: 0;
	text-align: left;
	width: auto
}

.ranking_block .rank_block .rank_box .rank_code {
	position: initial;
	margin-top: 16px;
	width: 100%;
}

.ranking_block .rank_block .rank_box .rank_code span {
	width: 50%;
	height: 30px;
	padding-top: 6px;
	text-align: center;
	font-weight: 600;
	font-size: 1.7rem;
	white-space: nowrap;
}

.ranking_block .bg_yellow {
	width: 50%;
	background: #fcdf80;
	padding: 17px 20px 0;
}

.ranking_block .bg_yellow::before {
	display: none;
}

.ranking_block .bg_yellow .ttl_recommend {
	text-align: center;
	border-bottom: 1px solid #221714;
	padding-bottom: 12.5px;
	margin-bottom: 20px;
}

.ranking_block .bg_yellow .rank_block .rank {
	width: 100%;
	height: auto;
}

.ranking_block .bg_yellow .rank_box {
	display: flex;
	padding: 0 56px 20px;
}

@media screen and (min-width: 769px) {
	.ramen_box:hover {
		opacity: 0.8;
	}
}

@media screen and (max-width: 1100px) {
	.ranking_block {
		flex-wrap: wrap;
	}

	.ranking_block .ranking_box {
		width: 100%;
		padding: 20px;
	}

	.ranking_block .bg_yellow {
		width: 100%;
		padding: 17px 20px 0;
	}

	.ranking_block .rank_block .rank_box .rank_code span:last-child {
		width: 100%;
	}

	.ranking_block .bg_yellow .rank_box {
		display: flex;
		padding: 0 0 20px;
	}
}

/*lp_ramen*/
.lp_ramen .about_ramen {
	width: 744px;
	background-color: #fff;
	margin: 0 auto 46px;
	display: flex;
	padding: 10px 18px 10px 10px;
}

.lp_ramen .about_ramen .left_box {
	width: 100%;
}

.lp_ramen .about_ramen .right_box .txt_image {
	margin-top: 19px;
}

.lp_ramen .prize_details dl {
	padding-bottom: 10px;
}

@media screen and (max-width: 1024px) {
	.lp_ramen .about_ramen {
		width: 94%;
	}

	.lp_ramen .about_ramen .left_box {
		margin-right: 10px;
	}
}

@media screen and (max-width: 768px) {
	.lp_ramen .about_ramen {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin-top: 5vw;
		padding: 3% 3% 5%;
	}

	.lp_ramen .about_ramen .left_box {
		margin: 0 0 10px;
	}
}


.lp_ramen .about_ramen .left_box {
	width: 100%;
}

.lp_ramen .about_ramen .right_box .txt_image {
	margin-top: 19px;
}

.lp_ramen .prize_details dl {
	padding-bottom: 10px;
}


.ramen_search_banner {
	padding-bottom: 25px;
}

.exclusive_point_block {
	display: flex;
	justify-content: flex-end;
	margin-top: 17px;
}

.exclusive_point_block .exclusive_box {
	background-color: #D80C18;
	width: 56px;
	height: 19px;
	margin-right: 4px;
}

.exclusive_point_block .exclusive_box span {
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	padding-left: 5px;
}

.exclusive_point_block .exclusive_point {
	color: #D80C18;
	font-weight: 600;
}

.exclusive_point_block .exclusive_point span {
	font-size: 3.5rem;
}

.normal_point {
	position: relative;
}

.normal_point::before {
	position: absolute;
	content: "";
	background: url(../img/lp_ramen/normal_point_cover.png) no-repeat;
	width: 101px;
	height: 19px;
	left: 0;
	top: -2px;
}

@media screen and (max-width: 768px) {
	.normal_point::before {
		position: absolute;
		content: "";
		background: url(../img/lp_ramen/normal_point_cover_sp.png) no-repeat;
		widows: 70px;
		height: 22px;
		left: 0;
		top: -2px;
	}
}



.search_box {
	position: relative;
	margin-bottom: 4px;
}

.search_box::before {
	position: absolute;
	content: "";
	background-image: url(../img/common/icon_search.svg);
	background-repeat: no-repeat;
	width: 21.5px;
	height: 21.5px;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 5;
	pointer-events: none;
}

.search_box::before:hover {
	opacity: 0.7;
}

.search_box .keyword {
	border: 1px solid #959595;
	width: calc(100% - 40px);
	height: 40px;
	padding: 0 10px;
	-webkit-appearance: none;
	border-radius: 0;
}

.search_box .submit {
	background-color: #eeeeee;
	border: 1px solid #959595;
	width: 40px;
	height: 40px;
	margin-left: -6px;
	margin-top: -1px;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0;
}

.search_box .submit:hover {
	opacity: 0.7;
}

@media screen and (max-width: 768px) {
	.search_box {
		margin-top: 5.3vw;
	}

	.search_box .keyword {
		height: 50px;
		vertical-align: middle;
	}

	.search_box .submit {
		height: 50px;
		margin-top: 0;
		vertical-align: middle;
	}
}


header .under_wrap::after {
	content: none;
}

header .under_wrap .logo {
	padding-left: 0;
}

/* .bnr_modal */
.recommend_link {
	max-width: 1360px;
	width: 98%;
	padding: 50px 0 20px;
	margin: 0 auto;
}
.recommend_link .bnr,
.recommend_link .bnr_modal {
	width: 100%
}

.recommend_link .bnr {
	display: block;
	border-radius: 22px;
	overflow: hidden;
}

.recommend_link .bnr_modal>img {
	position: relative;
	z-index: 1;
	border-radius: 22px;
	overflow: hidden;
}

.bnr_modal>img,
.bnr_modal_sp {
	cursor: pointer;
	transition: opacity .4s ease;
}

@media screen and (min-width: 769px) {

	.bnr_modal:hover>img {
		opacity: 0.8;
	}
}

.bnr_detail {
	visibility: hidden;
	position: fixed;
	z-index: 100000;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 800px;
	width: 90%;
	transform: translateY(-50%);
	transition: all .3s;
	opacity: 0;
}

.bnr_detail.on {
	visibility: visible;
	opacity: 1;
}

.bg.on {
	visibility: visible;
	opacity: 1;
}

.bnr_detail .box {
	max-width: 800px;
	width: 100%;
	height: auto;
	max-height: 100vh;
	background-color: #fff;
	border: 2px solid #CACACA;
	overflow: auto;
}

.bnr_detail .box .lpwrap {
	position: relative;
	padding: 10px;
}

.modal_close {
	width: 30px;
	height: 30px;
	position: absolute;
	/*
	bottom: -50px;
	left: 0;
*/
	right: -50px;
	top: 10px;
	margin: auto;
	cursor: pointer;
}

.modal_close::before {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	display: block;
	width: 30px;
	height: 2px;
	background-color: #fff;
	transform: rotate(45deg);
}

.modal_close::after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	display: block;
	width: 30px;
	height: 2px;
	background-color: #fff;
	transform: rotate(-45deg);
}


@media screen and (min-width: 769px) {

	.bnr_detail._l,
	.bnr_detail._l .box {
		max-width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.recommend_link {
		width: 100%;
		padding: 4vw 3.2vw;
		margin-bottom: 8vw;
	}

	.recommend_link .bnr_modal+.bnr_modal {
		margin-top: 2.666vw;
	}
	.recommend_link .bnr {
		border-radius: 5.33vw;
	}
	.recommend_link .bnr_modal>img {

		width: 100%;
		height: 28vw;
		object-fit: cover;
	}

	.bnr_detail .box {
		max-height: calc(100vh - 80px);
	}

	.modal_close {
		right: 0;
		left: 0;
		top: auto;
		bottom: -37px;
	}

}

/* special
--------------------------------*/

.ttl_obi {
	width: 100%;
	padding: 1.4584% 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #963840;
	position: relative;
	margin-bottom: 35px;
}

.item_shop .box,
.item_catalog .box {
	position: relative;
	background-color: #fff;
}

/*support*/
.item_support {
	padding: 0 0 80px;
}

.item_support .wrap {
	width: 100%;
	max-width: 1840px;
	padding-left: 20px;
	padding-right: 20px;
}

.item_support .ttlimg {
	font-size: 0;
	width: 90.223%;
	max-width: 1624px;
	z-index: 1;
	margin: 0 auto 30px;
	position: relative;
}

.item_support .ttlimg img {
	vertical-align: bottom;
}

.item_support .list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	/* justify-content: space-between;
	flex-wrap: wrap; */
	gap: 20px;
}

.item_support .list .item {
	/* width: 49.445%; */
	min-height: 120px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 890px;
	padding: 12px 0 15px;
	background-color: #CDA341;
	border: 8px solid #963840;
	border-radius: 30px;
}

.item_support .list .item .ttl {
	width: 85.012%;
	max-width: 743px;
	margin: 0 auto;
}

.item_support .list .item .ttl a {
	display: block
}

.item_support .list .item .btnwrap {
	width: 91.534%;
	max-width: 800px;
	display: flex;
	justify-content: space-between;
	gap: 0 16px;
	margin: 21px auto 14px;
}

.item_support .list .item .btnwrap .btn {
	flex: 1;
}

.item_support .list .item .btnwrap .btn a {
	display: block;
}

/*shop*/
.item_shop {
	position: relative;
	padding: 0 0 80px;
}

.item_shop .ttl_obi img {
	width: 35.99%;
	max-width: 691px;
}

.item_shop .wrap {
	max-width: 1676px;
	padding-left: 20px;
	padding-right: 20px;
}

.item_shop .box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 1.956% 2.69%;
	border-radius: 45px;
}

.item_shop .box .ttl {
	width: 18.2763%;
	max-width: 299px;
	position: absolute;
	left: 0;
	right: 0;
	top: -6.579%;
	margin: 0 auto;
}

.item_shop .box .listwrap {
	width: 38.696%;
	max-width: 599px;
	text-align: center;
}

.item_shop .box .listwrap .date {
	width: 99.5%;
	max-width: 596px;
	margin: 0 auto 1.839%;
}

.item_shop .box .listwrap .list {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.item_shop .box .listwrap._02 .list {
	width: 99.333%;
	max-width: 595px;
}

/*catalog*/
.item_catalog {
	position: relative;
	padding: 0 0 50px;
}

.item_catalog .ttl_obi {
	margin-bottom: 25px;
}

.item_catalog .ttl_obi img {
	width: 54.443%;
	max-width: 1045px;
}

.item_catalog .wrap {
	max-width: 1676px;
	padding-left: 20px;
	padding-right: 20px;
}

.item_catalog .ttl {
	width: 50.428%;
	max-width: 825px;
	margin: 0 auto 34px;
}

.item_catalog .boxwrap {
	display: flex;
	flex-wrap: wrap;
	gap: 45px 2.2%;
}

.item_catalog .boxwrap .box {
	width: 48.9%;
	padding: 2.751% 3.974%;
	background-color: #84B292;
}

.item_catalog .boxwrap .box._point {
	width: 100%;
	padding: 0;
	background: none;
}

.item_catalog .boxwrap .box._point .ttls {
	width: 26.667%;
	max-width: 400px;
	margin: 0 auto 25px;
}

.item_catalog .boxwrap .box._point .list_point {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 30px 2%;
	padding: 3.2% 5.07335%;
	background-color: #84B292;
	border-radius: 30px;
	margin: 0 auto;
}

.item_catalog .boxwrap .box._point .list_point li {
	font-size: 0;
	line-height: 1;
}

.item_catalog .boxwrap .box._point .list_point li a {
	display: block;
}

.item_catalog .boxwrap .box._point .list_point li a .txt {
	display: block;
}

.item_catalog .boxwrap .box._point .list_point li a .txt img {
	max-width: inherit;
	width: 100%;
}

/*keyword*/
.item_catalog .boxwrap .box._keyword {
	border-radius: 39px;
}

.item_catalog .boxwrap .box._keyword .search_box {
	margin-bottom: 0;
}

.item_catalog .boxwrap .box._keyword .search_box::before {
	width: 23px;
	height: 23px;
	right: 18px;
}

.item_catalog .boxwrap .box._keyword .search_box .keyword {
	border: 2px solid #959595;
	width: calc(100% - 60px);
	height: 60px;
	font-size: 2.9rem;
	line-height: 1;
}

.item_catalog .boxwrap .box._keyword .search_box .submit {
	background-color: #eeeeee;
	border: 2px solid #959595;
	border-left: none;
	width: 60px;
	height: 60px;
	margin: 0;
	vertical-align: bottom;
}

/*link_allitem*/
.item_catalog .boxwrap .box._allitem {
	border-radius: 39px;
}

.item_catalog .boxwrap .box._allitem a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.item_catalog .boxwrap .box._allitem a img {
	width: 46%;
	max-width: 310px;
}

@media screen and (max-width: 1840px) {
	.item_support .list {
		gap: 1.0416vw;
	}

	.item_support .list .item {
		min-height: inherit;
	}
}

@media screen and (max-width: 1675px) {
	.item_catalog .boxwrap {
		gap: 1.875vw;
	}

	.item_catalog .boxwrap .box._point .list_point {
		gap: 1.5625vw;
	}
}

@media screen and (min-width: 769px) {
	.item_support .list .item:last-child {
		grid-row: 3 / 5;
		grid-column: 2 / 3;
	}
}

@media screen and (max-width: 768px) {
	#special.sp {
		padding-top: 8vw;
		background-image: url(../img/common/bg_main_pc.jpg);
		background-size: 100% auto;
	}


	.ttl_obi {
		height: 13.333vw;
		padding: 2vw;
		margin-bottom: 2.666vw;
	}

	/*support*/
	.item_support {
		padding: 0 0 8vw;
	}

	.item_support .wrap {
		max-width: inherit;
		padding-left: 7.333vw;
		padding-right: 7.333vw;
	}

	.item_support .ttlimg {
		width: 82.666vw;
		max-width: inherit;
		margin: 0 auto 2.666vw;
	}

	.item_support .list {
		grid-template-columns: 1fr;
		gap: 2vw 0;
	}

	.item_support .list .item {
		width: 100%;
		max-width: inherit;
		padding: 1.333vw 0;
		border: .8vw solid #963840;
		border-radius: 2.8vw;
	}

	.item_support .list .item .ttl {
		width: 71.2vw;
		max-width: inherit;
	}

	.item_support .list .item .btnwrap {
		width: 76.8vw;
		max-width: inherit;
		gap: 0 1.6vw;
		margin: 1.333vw auto .5vw;
	}

	.item_support .list .item .btnwrap .btn {
		flex: 1;
	}

	.item_support .list .item .btnwrap .btn a {
		display: block;
	}

	/*shop*/
	.item_shop {
		padding: 0 0 8vw;
	}

	.item_shop .ttl_obi img {
		width: 56.533vw;
		max-width: inherit;
	}

	.item_shop .wrap {
		max-width: inherit;
		padding-left: 7.333vw;
		padding-right: 7.333vw;
	}

	.item_shop .box {
		display: block;
		padding: 1.333vw 2.666vw 3.466vw;
		border-radius: 3.2vw;
	}

	.item_shop .box .ttl {
		width: 100%;
		max-width: inherit;
		position: static;
	}

	.item_shop .box .listwrap {
		width: 100%;
		max-width: inherit;
		margin-top: 2.8vw;
	}

	.item_shop .box .listwrap .date {
		width: 100%;
		max-width: inherit;
		margin: 0 auto 1.6vw;
	}

	.item_shop .box .listwrap._02 .list {
		width: 100%;
		max-width: inherit;
	}

	/*catalog*/
	.item_catalog {
		padding: 0 0 6vw;
	}

	.item_catalog .ttl_obi {
		margin-bottom: 2.133vw;
	}

	.item_catalog .ttl_obi img {
		width: 85.6vw;
		max-width: inherit;
	}

	.item_catalog .wrap {
		max-width: inherit;
		padding-left: 7.333vw;
		padding-right: 7.333vw;
	}

	.item_catalog .ttl {
		width: 88vw;
		max-width: inherit;
		margin: 0 -1.333vw 4.8vw;
	}

	.item_catalog .boxwrap {
		flex-direction: column;
		gap: 2.666vw 0;
	}

	.item_catalog .boxwrap .box {
		width: 100%;
		padding: 3.333vw;
	}

	.item_catalog .boxwrap .box._point {
		width: 100%;
		border-radius: 3.2vw;
	}

	.item_catalog .boxwrap .box._point .ttls {
		width: 62.666vw;
		max-width: inherit;
		margin: 0 auto 2.133vw;
	}

	.item_catalog .boxwrap .box._point .list_point {
		grid-template-columns: repeat(3, 1fr);
		gap: 1.333vw;
		padding: 2.4vw 3.7333vw;
		border-radius: 2.1333vw;
	}

	/*keyword*/
	.item_catalog .boxwrap .box._keyword {
		border-radius: 3.2vw;
	}

	.item_catalog .boxwrap .box._keyword .search_box {
		margin-top: 0;
	}

	.item_catalog .boxwrap .box._keyword .search_box::before {
		width: 3.8vw;
		height: 3.8vw;
		right: 3.2vw;
	}

	.item_catalog .boxwrap .box._keyword .search_box .keyword {
		border: 2px solid #959595;
		width: calc(100% - 9.333vw);
		height: 9.333vw;
		font-size: 4.533vw;
	}

	.item_catalog .boxwrap .box._keyword .search_box .submit {
		width: 9.333vw;
		height: 9.333vw;
	}

	/*link_allitem*/
	.item_catalog .boxwrap .box._allitem {
		padding: 5.546vw 3.333vw;
		border-radius: 3.2vw;
	}

	.item_catalog .boxwrap .box._allitem a img {
		width: 48.5333vw;
		max-width: inherit;
	}

}


/*モーダル用*/
.bnr_detail .txt_cs {
	text-align: center;
	font-weight: bold;
	font-size: 3rem;
	margin: 100px 0;
}

@media screen and (max-width: 768px) {
	.bnr_detail .txt_cs {
		font-size: 6vw;
		margin: 20vw 0;
	}
}


/*lp_yoshinoya*/
.bnr_detail .lp_yoshinoya {
	position: relative;
}

.bnr_detail .lp_yoshinoya .btn {
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translateX(-50%);
	width: 37%;
}

/*lp_onsen*/
.bnr_detail .lp_onsen .img_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.bnr_detail .lp_onsen .img_flex .img {
	position: relative;
	margin-top: 50px;
	width: 42.5%;
}

.bnr_detail .lp_onsen .img_flex .img .btn {
	position: absolute;
	top: 5%;
	right: 5%;
	width: 45%;
}

@media screen and (max-width: 768px) {
	.bnr_detail .lp_onsen .img_flex .img {
		margin-top: 25px;
	}
}

/*lp_dticket*/
.bnr_detail .lp_dticket .fv {
	margin-bottom: 25px;
}

.bnr_detail .lp_dticket .item {
	position: relative;
	margin: 0 auto;
	width: 80%;
}

.bnr_detail .lp_dticket .item .img img {
	vertical-align: bottom;
}

.bnr_detail .lp_dticket .item+.item {
	margin-top: 2%;
}

/*
.bnr_detail .lp_dticket .item:nth-child(3){
	margin: 2% auto;
}
*/
.bnr_detail .lp_dticket .item .btn {
	position: absolute;
	bottom: 9%;
	right: 0;
	width: 20%;
}

.bnr_detail .lp_dticket .item .btn.bt8 {
	bottom: 8%;
}

.bnr_detail .lp_dticket .note {
	margin: 75px auto 0;
	width: 80%;
}

.bnr_detail .lp_dticket .item .howto {
	position: absolute;
	top: 10%;
	right: 16%;
	width: 21%;
	cursor: pointer;
}

.bnr_detail .lp_dticket .item .howto_detail {
	visibility: hidden;
	position: fixed;
	z-index: 100000;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 800px;
	width: 90%;
	transform: translateY(-50%);
	transition: all .3s;
	opacity: 0;
}

.bnr_detail .lp_dticket .item .howto_detail.on {
	visibility: visible;
	opacity: 1;
}

.bnr_detail .lp_dticket .item .howto_detail .box {
	max-width: 800px;
	width: 100%;
	height: auto;
	max-height: 100vh;
	background-color: #fff;
	border: 2px solid #CACACA;
	overflow: auto;
}

.bnr_detail .lp_dticket .item .howto_detail .howto_wrap {
	position: relative;
	padding: 10px;
}

.bnr_detail .lp_dticket .howto_bg {
	visibility: hidden;
	position: fixed;
	z-index: 99999;
	top: 0;
	bottom: 0;
	left: 50%;
	margin: auto;
	width: 100vw;
	height: 100vh;
	transform: translateX(-50%);
	background-color: rgba(0, 0, 0, 0.7);
	transition: all .2s;
}

.bnr_detail .lp_dticket .howto_bg.on {
	visibility: visible;
	opacity: 1;
}

.bnr_detail .lp_dticket .howto_modal_close {
	width: 30px;
	height: 30px;
	position: absolute;
	/*
	bottom: -50px;
	left: 0;
*/
	right: -50px;
	top: 10px;
	margin: auto;
	cursor: pointer;
}

.bnr_detail .lp_dticket .howto_modal_close::before {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	display: block;
	width: 30px;
	height: 2px;
	background-color: #fff;
	transform: rotate(45deg);
}

.bnr_detail .lp_dticket .howto_modal_close::after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	display: block;
	width: 30px;
	height: 2px;
	background-color: #fff;
	transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
	.bnr_detail .lp_dticket .item .howto_detail .box {
		max-height: calc(100vh - 80px);
	}
	
	.bnr_detail .lp_dticket .note {
		margin: 25px auto 0;
	}

	.bnr_detail .lp_dticket .howto_modal_close {
		right: 0;
		left: 0;
		top: auto;
		bottom: -37px;
	}
}

/*lp_ramen_ichiran*/
.bnr_detail .lp_ramen_ichiran {
	position: relative;
}

.bnr_detail .lp_ramen_ichiran .btn {
	font-size: 0;
	position: absolute;
	top: 26%;
	right: 10%;
	width: 21%;
}

.bnr_detail .lp_ramen_ichiran .btn a {
	display: block;
}

/*lp_ramen_k*/
.bnr_detail .lp_ramen_k {
	position: relative;
}

.bnr_detail .lp_ramen_k .btn {
	position: absolute;
	top: 48%;
	right: 10%;
	width: 22%;
}

/*lp_tigers*/
.lp_tigers {
	position: relative;
}

.lp_tigers .btn {
	position: absolute;
	top: 28.5%;
	right: 7.5%;
	width: 33.897%;
}


/* coming　soon */
.bnr_detail.cs .box .lpwrap {
	min-height: 250px;
}

.bnr_detail.cs .box .lpwrap::before {
	content: "Coming Soon…";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: bold;
	font-size: 5vw;
}


/*誘導ボタン*/
.cta_txt {
	background: #DED8EB url(../img/common/cta_txt_bg.png);
	background-size: 34px auto;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 8px 20px;
}

.cta_txt a {
	display: block;
	max-width: 967px;
}

.cta_txt a img {
	vertical-align: bottom;
	animation: flash-anime 1s infinite;
}

@media screen and (max-width: 768px) {
	.cta_txt {
		background-size: 9.0666vw auto;
		padding: 4vw 5.333vw;
		margin: 4.3vw 0 0;
	}
	
	.procedure .cta_txt{
		margin: 4.3vw -4vw -2vw;
	}

	.cta_txt a {
		max-width: inherit;
	}

}

@keyframes flash-anime {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}
}




/*バナーテキスト点滅用*/
.bnr_txt_flash{
	position: relative;
}

.bnr_txt_flash::before{
	content: "";
	width: 55.556%;
	aspect-ratio: 1000/64;
	background: url(../img/index/slider_img16_txt.png) no-repeat center top / 100% auto;
	position: absolute;
	left: 0; 
	right: 0;
	top: 0;
	margin: 0 auto;
	animation: flash-anime 1s infinite;
	z-index: 2;
} 

#top_recommend .bnr_txt_flash::before{
	max-width: 1000px;
}

.lp_sumikko{
	position: relative;
}

.lp_sumikko::before{
	content: "";
	width: 33.334%;
	max-width: 1000px;
	aspect-ratio: 1000/128;
	background: url(../img/sumikko/sumikko_detail03_txt.png) no-repeat center top / 100% auto;
	position: absolute;
	left: 19.5%; 
	top: 0.74%;
	animation: flash-anime 1s infinite;
	z-index: 2;
}

@media screen and (max-width: 768px){
	.bnr_txt_flash::before{
		width: 83%;
		aspect-ratio: 249/15;
		background: url(../img/index/slider_img16_txt_sp.png) no-repeat center top / 100% auto;
	}
}