@charset "utf-8";
/* background-color: rgba(246, 200, 200, 1); */
/* *, *::before, *::after {
	outline: 1px solid blue;
} */
body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100vh;
}
a,
button {
	background-color: transparent;
	color: #333;
}
label {
	cursor: pointer;
}
img {
	max-width: 100%;
	height: auto;
}
span, strong {
	font-size: inherit;
	font-weight: inherit;
	display: inline-block;
}
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
	background-color: #fff;
	z-index: 10;
}
#header .inner {
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
	padding: 5px 10px;
}
#header .headline {
	font-size: 12px;
	line-height: 1.3333;
}
#header .cont {
	display: flex;
	justify-content: space-between;
}
#header .cont .logo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	padding: 5px 0;
	color: #D71718;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 2px 2px #ccc;
}
#header .cont .logo img {
	flex: 0 0 32px;
	margin-right: 5px;
}
#header .cont .list {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
}
#header .cont .list li {
	width: 130px;
}
#header .cont .list li:not(:last-child) {
	margin-right: 10px;
}
#header .cont .link {
	position: relative;
	top: 0;
	display: block;
	width: 100%;
	padding: 5px 0;
	border-radius: 8px;
	background-color: #fff;
	border: 1px solid currentColor;
	box-shadow: 1px 1px 2px #ccc;
	font-size: 12px;
	text-align: center;
	transition: top .2s;
}
#header .cont .link.large {
	border: 2px solid #D71718;
	background-color: #D71718;
	color: #fff;
	font-weight: bold;
}
#header .cont .link.hover,
#header .cont .link.large.hover {
	top: -2px;
}
@media screen and (max-width: 660px) {
	#header .cont {
		flex-wrap: wrap;
	}
	#header .cont .list {
		justify-content: space-between;
	}
	#header .cont .list li {
		width: 48%;
		margin-right: 0;
	}
}
#wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-top: 68px;
}
@media screen and (max-width: 660px) {
	#wrap {
		padding-top: 100px;
	}
}
.bread {
	width: 100%;
}
.bread ul {
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 10px;
}
.bread ul li {
	display: inline-block;
	padding: 2px;
}
.bread ul li + li::before {
	content: '＞';
	margin-right: 4px;
	font-size: 12px;
}
.bread ul li a {
	font-size: 12px;
}
.butt1 {
	display: block;
	margin: 0;
	padding: 6px 6px 4px;
	background: linear-gradient(180deg, #E8C37D 0%, #C6A32F 100%);
	border-radius: 8px;
	font-size: 28px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
#main {
	width: 100%;
}
#main .inner {
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 10px;
}
#main .cont {
	padding-top: 2%;
	padding-bottom: 2%;
}
#main .cont:first-of-type {
	padding-top: 4%;
}
#main .cont:last-of-type {
	padding-bottom: 4%;
}
#main .cont .main_title {
	margin: 1% 0;
	font-size: 20px;
	font-weight: bold;
	/* text-align: center; */
}
#main .cont .main_catch {
	margin: 1% 0;
	font-size: 18px;
	/* text-align: center; */
}
#main .cont .main_text {
	margin: 1% 0;
	font-size: 14px;
	line-height: 2;
}
#main .cont .cont_title {
	display: flex;
	align-items: start;
	margin-bottom: 2%;
	border-bottom: 4px solid #D71718;
	font-size: 18px;
	line-height: 1.3333;
	font-weight: bold;
}
#main .cont .cont_sub_title {
	margin: 4% 0 1%;
	font-size: 16px;
	line-height: 1.3333;
	font-weight: bold;
}
#main .cont .cont_catch {
	margin-bottom: 2%;
	font-size: 16px;
	line-height: 1.3333;
}
#main .cont .cont_text {
	font-size: 14px;
	line-height: 2;
}
#main .cont .list_title::before {
	content: '▶▶▶';
	display: block;
}
#main .item_list {
	width: 102%;
	margin: 0 -1%;
	display: flex;
	flex-wrap: wrap;
}
#main .item_list > li {
	width: 25%;
	padding: 1%;
	align-self: stretch;
	order: 0;
}
#main .item_list.event > li {
	width: 50%;
}
#main .item_list > li.off {
	order: 1;
}
#main .item_list > li > h2,
#main .item_list > li > h2 > a {
	width: 100%;
	height: 100%;
	display: block;
}
#main .item_list .item_main {
	position: relative;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	/* border: 1px solid #ccc; */
	border-radius: 8px;
	background-color: #fff;
	overflow: hidden;
	/* box-shadow:
	0 2px 2px 0 rgba(0, 0, 0, 0.14),
	0 3px 1px -2px rgba(0, 0, 0, 0.2),
	0 1px 5px 0 rgba(0, 0, 0, 0.12); */
	box-shadow: 0 1px 2px rgba(100, 100, 100, .3), 0 4px 12px rgba(100, 100, 100, .3);
	order: 1;
	transition: top .2s;
}
#main .item_list a.hover .item_main {
	top: -2px;
}
#main .item_list.bann .item_main {
	height: auto;
}
#main .item_list li.off .item_main {
	background-color: #eee;
	order: 0;
}
#main .item_list.cate .item_main {
	background-color: rgba(221, 238, 255, .5);
}
#main .item_list .item_main .item_img {
	position: relative;
}
#main .item_list .item_main .item_img p.point {
	position: absolute;
	bottom: 15px;
	left: 5px;
	padding: 0 3px 0;
	background: #ffc;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #ddd;
	border-radius: 6px
}
#main .item_list .item_main .item_img .icon_list {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	padding: 3px;
	display: flex;
}
#main .item_list .item_main .item_img .icon_list > li {
	width: 9.11%;
	max-width: 24px;
	margin: 1%;
}
#main .item_list .item_main .item_img .set_num {
	position: absolute;
	right: 8px;
	bottom: 2px;
	font-size: 12px;
	text-shadow:
		1px 1px 0 #000, -1px -1px 0 #000,
		-1px 1px 0 #000, 1px -1px 0 #000,
		0px 1px 0 #000,  0-1px 0 #000,
		-1px 0 0 #000, 1px 0 0 #000;
	;
	color: #fff;
}
#main .item_list .item_main .item_info {
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 8px;
	/* border-top: 1px solid #ccc; */
}
#main .item_list .item_main .item_title {
	/* height: 42px; */
	margin-bottom: 2px;
	font-size: 14px;
	font-weight: bold;
	/* overflow: hidden; */
}
#main .item_list .item_main .item_catch {
	text-align: justify;
	word-break: break-all;
	margin-bottom: 2px;
	max-height: 36px;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
}
#main .item_list .item_main .item_text {
	text-align: justify;
	word-break: break-all;
	/* max-height: 75px; */
	max-height: 45px;
	margin-bottom: 4px;
	font-size: 10px;
	overflow: hidden;
}
#main .item_list .item_main .item_cap {
	padding: 0 8px 8px;
	text-align: justify;
	word-break: break-all;
	max-height: 45px;
	margin-bottom: 4px;
	font-size: 10px;
	overflow: hidden;
}
#main .item_list .item_main .item_data {
	padding-top: 4px;
}
#main .item_list .item_main p.area {
	color: #333;
	font-size: 10px;
	background: transparent url('../img/icon_area.png') no-repeat 0 0;
	background-size: 14px 14px;
	padding: 0 0 0 18px;
	margin-bottom: 4px;
}
#main .item_list .item_main p.shop {
	color: #333;
	font-size: 10px;
	background: transparent url('../img/icon_home.png') no-repeat 0 0;
	background-size: 14px 14px;
	padding: 0 0 0 18px;
	margin-bottom: 4px;
}
#main .item_list .item_main .item_keys {
	display: flex;
	flex-wrap: wrap;
	max-height: 28px;
	font-size: 10px;
	line-height: 14px;
	overflow: hidden;
}
#main .item_list .item_main .item_keys li {
	width: auto;
	margin-right: 6px;
}
#main .item_list .item_main .item_bottom {
	margin-top: auto;
}
#main .item_list .item_main .item_butt {
	display: block;
	width: 100%;
	border-radius: 8px;
	padding: 4px 0;
	background: #D71718 url('../img/icon_next.png') no-repeat top 50% right 8px;
	background-size: 16px 16px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;

}
#main .item_list.cate_play1 .item_main .item_butt {
	background: #06c url('../img/icon_next.png') no-repeat top 50% right 8px;
	background-size: 16px 16px;
}
#main .item_list.cate_play2 .item_main .item_butt {
	background: #1C7080 url('../img/icon_next.png') no-repeat top 50% right 8px;
	background-size: 16px 16px;
}
#main .item_list.cate_play3 .item_main .item_butt {
	background: #06479d url('../img/icon_next.png') no-repeat top 50% right 8px;
	background-size: 16px 16px;
}
#main .item_list.cate_stay .item_main .item_butt {
	background: #3796B5 url('../img/icon_next.png') no-repeat top 50% right 8px;
	background-size: 16px 16px;
}
#main .item_list.cate_item .item_main .item_butt {
	background: #9A732F url('../img/icon_next.png') no-repeat top 50% right 8px;
	background-size: 16px 16px;
}
#main .item_list.cate_menu .item_main .item_butt {
	background: #436A2D url('../img/icon_next.png') no-repeat top 50% right 8px;
	background-size: 16px 16px;
}
#main .item_list > li a .item_main dl {
	margin-top: auto;
	padding: 4px 0 0;
}
#main .item_list > li a .item_main dl > div {
	display: flex;
	margin-bottom: 4px;
}
#main .item_list > li a .item_main dl dt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 44px;
	/* height: 20px; */
	margin-right: 5px;
	border-radius: 4px;
	background-color: #999;
	color: #fff;
	font-size: 10px;
	text-align: center;
}
#main .item_list > li a .item_main dl dd {
	color: #333;
	font-size: 14px;
	width: calc(100% - 50px);
}
#main .item_list > li a .item_main dl .star dt {
	letter-spacing: 1px;
	background-color: #06479d;
}
#main .item_list > li a .item_main dl .star dd {
	width: 100px;
	display: block;
}
#main .item_list > li a .item_main dl .men dt {
	background-color: #06479d;
}
#main .item_list > li a .item_main dl .price dt {
	background-color: #f30;
}
#main .item_list > li a .item_main dl .price dd {
	color: #d00;
	font-size: 16px;
	font-weight: bold;
}
#main .item_list > li a .item_main dl + .item_bottom {
	margin-top: 0;
}
#main .item_list.img_list .item_main .item_img {
	padding: 4%;
}
#main .drop_butt {
	width: 102%;
	margin: 2% -1%;
	padding: 0 1%;
	display: flex;
}
#main .drop_butt .drop {
	position: relative;
	top: 0;
	width: 23.5%;
	padding: 1%;
	margin-left: auto;
	background: #D71718 url('../img/icon_bottom.png') no-repeat top 50% right 7px;
	background-size: 16px 16px;
	color: #fff;
    box-shadow: 0 1px 2px rgba(100, 100, 100, .3), 0 4px 12px rgba(100, 100, 100, .3);
	border-radius: 8px;
	transition: top .2s;
}
#main .drop_butt .drop:hover {
	top: -2px;
}
#main .drop_butt .drop::before {
	content: 'もっと見る';
}
#main .drop_butt .drop.on {
	background: #D71718 url('../img/icon_top.png') no-repeat top 50% right 7px;
	background-size: 16px 16px;
}
#main .drop_butt .drop.on::before {
	content: '閉じる';
}
.item_count_butt {
	display: flex;
	justify-content: center;
	padding: 16px 0;
}
.item_count_butt button {
	min-width: 30px;
	font-size: 14px;
	font-weight: bold;
	background: #f3f3f3;
	border: 1px solid #bbb;
	border-radius: 3px;
	margin: 0 3px;
	padding: 0 3px;
	color: #555;
	text-align: center;
}
.item_count_butt button.on {
	border: 1px solid #ff8731;
	color: #ff8731;
	background: #fff;
}
.item_count_butt button:disabled {
	border: #fff;
	background: #fff;
	color: #999;
}
.item_count_butt .dotted {
	font-size: 12px;
	margin: auto 5px;
}
@media screen and (max-width: 660px) {
	#main .cont .cont_sub_title {
		font-size: 14px;
	}
	#main .item_list > li {
		width: 50%;
	}
	#main .drop_butt .drop {
		width: 49%;
	}
}

#main .cont_butt {
	width: 102%;
	margin: 2% -1%;
	padding: 0 1%;
	display: flex;
}
#main .cont_butt .butt {
	position: relative;
	top: 0;
	display: block;
	width: 23.5%;
	min-width: 120px;
	padding: 2% 1%;
	background-color: #D71718;
	color: #fff;
	box-shadow: 0 1px 2px rgba(100, 100, 100, .3), 0 4px 12px rgba(100, 100, 100, .3);
	border-radius: 8px;
	font-size: 14px;
	text-align: center;
	transition: top .2s;
}
#main .cont_butt .butt.right {
	margin-left: auto;
	padding-right: 22px;
	background: #D71718 url('../img/icon_next.png') no-repeat top 50% right 7px;
	background-size: 16px 16px;
}
#main .cont_butt .butt.center {
	width: 100%;
	/* max-width: 700px; */
	margin: 3% auto;
	/* padding-top: 2%; */
	/* padding-bottom: 2%; */
	font-size: 16px;
	font-weight: bold;
}
#main .cont_butt .butt.back {
	padding-left: 22px;
	background: #bbb url('../img/icon_prev0.png') no-repeat top 50% left 7px;
	background-size: 16px 16px;
}
#main .cont_butt .butt.hover {
	top: -2px;
}
@media screen and (max-width: 660px) {
	#main .cont_butt .butt {
		width: 49%;
	}
}
.mess {
	background: #f00;
	color: #fff;
	padding: 5px;
	border-radius: 5px;
}
.mess2 {
	background: #009;
	color: #fff;
	padding: 5px;
	margin: 20px 0;
	border-radius: 5px;
}
#main .cont .war_text {
	margin-bottom: 1%;
	padding: 1% 2%;
	color: #f00;
	border: 1px solid #f00;
	border-radius: 10px;
}
#main .cont .mess_list {
	margin-bottom: 1%;
}
#main .cont .mess_list li {
	font-size: 14px;
	background: transparent url('../img/icon_gray.png') no-repeat 0 2px;
	background-size: 16px 16px;
	padding-left: 19px;
}
#main .cont .mess_list li.war {
	color: #f00;
	background: transparent url('../img/icon_red.png') no-repeat 0 2px;
	background-size: 16px 16px;
}
#main .cont .mess_list li a {
	display: inline;
	text-decoration: underline;
}
#main .policyright {
	margin: 4% 0;
	text-align: right;
	font-size: 12px;
}
#footer {
	width: 100%;
	background-color: #f5f5f5;
}
#footer .inner {
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
	padding: 2% 10px;
}
#footer .logo {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 5px 0;
	color: #D71718;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 2px 2px #ccc;
}
#footer .logo img {
	flex: 0 0 32px;
	margin-right: 5px;
}
#footer .cont {
	display: flex;
	flex-wrap: wrap;
	padding: 2% 0;
}
#footer .cont .list_title {
	margin: 4px 0 8px;
	padding: 4px 4px 4px 22px;
	background: #f5f5f5 url('../img/icon_arrow_down.png') no-repeat top 50% left 3px;
	background-size: 16px 16px;
	border-bottom: 1px solid #333;
	font-size: 14px;
}
#footer .cont .col1 {
	width: 25%;
}
#footer .cont .col3 {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	/* width: 75%; */
	width: 100%;
}
#footer .cont .area_list,
#footer .cont .cate_list,
#footer .cont .link_list {
	padding: 0 10px;
}
#footer .cont .area_list {
	border-right: 1px solid #ccc;
}
#footer .cont .area_list a,
#footer .cont .cate_list a,
#footer .cont .link_list a {
	display: block;
	padding: 2px 2px 2px 22px;
	background: #f5f5f5 url('../img/icon_arrow_right.png') no-repeat top 50% left 3px;
	background-size: 16px 16px;
	border-radius: 10px;
	font-size: 12px;
}
#footer .cont .area_list a.hover,
#footer .cont .cate_list a.hover,
#footer .cont .link_list a.hover {
	background-color: #fff;
}
#footer .cont .col3 .cate_list,
#footer .cont .col3 .link_list {
	width: 33%;
}
#footer .copy {
	width: 100%;
	padding: 30px 0;
	background-color: #D71718;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 1;
}
@media screen and (max-width: 660px) {
	#footer .cont .col3 .link_list {
		width: 100%;
	}
}

/* ===================================================================== */
.butt3 {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 6px 6px 4px;
	border-radius: 8px;
	background-color: #E60000;
	color:#fff;
	font-size:16px;
	text-align: center;
	font-weight: bold;
}
.cont_butt .butt3 {
	width: 49%;
}
#pref_search {
	display: flex;
	/* justify-content: center; */
	width: 100%;
	margin: 32px 0;
}
#pref_search .set {
	width: 100%;
	max-width: 300px;
	margin-right: 16px;
}
#pref_search .set p {
	padding: 4px 8px;
	border-radius: 8px;
	background-color: #eee;
	font-size: 18px;
	cursor: pointer;
}
#pref_search .butt {
	flex-shrink: 0;
}
#pref_search .butt button {
	padding-left: 16px;
	padding-right: 16px;
}
#main_point {
	margin: 8px 0 24px;
}
#main_point .title {
	padding-top: 2px;
	border: 3px solid #E60000;
	border-radius: 20px 20px 0 0;
	background-color: #E60000;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
#main_point .info {
	border: 3px solid #E60000;
	border-radius: 0 0 20px 20px;
	padding: 8px 16px;
}
#main_point .info .text {
	font-size: 18px;
	text-align: center;
}
#main_point .info .point {
	font-size: 42px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap; 
}
#main_point .info .point span {
	margin-left: 6px;
	font-size: 32px;
	font-weight: bold;
	vertical-align: middle;
}
@media screen and (max-width: 550px) {
	#main_point .title {
		font-size: 16px;
	}
	#main_point .info {
		padding: 8px;
	}

}

ul.mnavi {
	display:flex;
	align-items: center;
	justify-content: center;
}
.mnavi li {
	width: 7em;
	font-size:16px;
	padding: 1% .5%;
	position: relative;
	text-align: center;
}
.mnavi li a,
.mnavi li button {
	width: 100%;
	display: block;
	padding: 8px 0;
	font-size: 14px;
	text-align: center;
	background-color: transparent;
    box-shadow: 1px 1px 4px #ccc;
    background-color: #fefefe;
	color:#333;
    border-radius: 8px;
    transition: background-color .1s;
}
.mnavi li a.on,
.mnavi li a.hover,
.mnavi li button.on,
.mnavi li button.hover {
	background-color: rgba(246, 200, 200, 1);
}
.index_mem {
	width:100%;
	margin: 24px 0;
	padding: 4px 0;
	border:2px solid #707070;
	display:flex;
	flex-direction:column;
	border-radius: 20px;
}
.index_mem .member {
	width:100%;
	display:flex;
	flex-direction:column;
	border-bottom:2px solid #707070;
	padding-bottom: 4px;
	margin-bottom: 4px;
}
.index_mem .member .mli {
	padding: 4px 0 2px;
}
.m_tit {
	font-size:14px;
	font-weight:700;
	color:#f00;
	width:100%;
	text-align:center;
	padding: 0;
}
.m_name {
	font-size: 24px;
	font-weight: 700;
	color: #313131;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}
.m_point {
	font-size:14px;
	font-weight:700;
	color:#313131;
	width:100%;
	text-align:center;
	margin: 0;
	padding: 0;
}
.m_point2 {
    font-size: 14px;
    font-weight: 700;
    color: #D71718;
    width: 20%;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 0.2em;
    border-bottom: 1px solid #707070;
    display: flex;
    justify-content: center;
}
.m_point2.date {
	border-bottom: none;
}
.mli2{
	padding: 0.2em;
	line-height: 20px;
}
#main .cont .list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1%;
}
#main .cont .list > li {
	width: 23%;
	margin: 0 1% 2%;
}
#main .cont .list > li > h2,
#main .cont .list > li > h2 > a {
	display: flex;
	flex-direction: column;
	height: 100%;
}

#main .cont .list .img img {
	/* border: .5px solid #ccc; */
	border-radius: 8px;
	margin-bottom: 8px;
}
#main .cont .list .info {
	display: flex;
	flex-direction: column;
	height: 100%;
}
#main .cont .list .title {
	color: #D71718;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3333;
	text-align: center;
}
#main .cont .list .text {
	margin-bottom: 4px;
	font-size: 12px;
}
#main .cont .list .text.add {
	font-weight: bold;
	text-align: center;
}
#main .cont .list .tag {
	/* margin-top: 8px; */
	margin-top: auto;
	color: #1A1762;
	font-size: 12px;
}
#main .cont .list.logo a {
	position: relative;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	border: 1px solid #ccc;
	padding: 8px;
	border-radius: 8px;
	box-shadow: 1px 2px 2px #ccc;
	transition: top .1s, left .1s, box-shadow .1s;
}
#main .cont .list.logo a.hover {
	top: -1px;
	left: -1px;
	box-shadow: 2px 3px 3px #ccc;
}
#main .cont .list.logo .img {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 8px;
}
#main .cont .list.logo .img img {
	display: block;
	width: auto;
	max-height: 64px;
	padding: 4px;
	border: none;
	border-radius: 0;
}
#main .cont .list.logo .info {
	height: 100%;
}
#main .cont .list.logo .title {
	color: #333;
	text-align: left;
}
#point_form {
	padding-top: 8px;
}
#point_form .shop_info {
	display: flex;
	justify-content: space-between;
	margin: 24px 0;
}
#point_form .text {
	font-size: 14px;
	line-height: 1.2;
}
#point_form .shop_info .img {
	width: 30%;
	text-align: center;
}
#point_form .shop_info .info {
	width: 70%;
	padding: 0 16px;
	margin-bottom: 16px;
}
#point_form .shop_info .info .name {
	font-size: 24px;
	font-weight: bold;
}
#point_form .point_info {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#point_form .point_info .user,
#point_form .point_info .used {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 16px;
}
#point_form .point_info .point {
	padding: 0 8px;
	font-size: 24px;
	font-weight: bold;
}
#point_form .point_info .point span {
	margin-left: 4px;
	font-size: 18px;
	font-weight: bold;
}
#point_form .point_info .text {
	margin-right: 8px;
	flex-shrink: 0;
}
#point_form .point_info .in {
	margin: 0;
	width: 100%;
	word-wrap: break-word;
}
#point_form .point_info .in input {
	max-width: 300px;
	padding: 4px;
	border-radius: 8px;
	background-color: #eee;
	font-size: 24px;
	font-weight: bold;
	vertical-align: middle;
	text-align: right;
}
#point_form .point_info .in input[name=cd] {
	text-align: center;
}
#point_form .paid_icon,
#point_form .paid_butt {
	display: flex;
	justify-content: center;
	align-items: center;
}
#point_form .paid_info {
	text-align: center;
}
#point_form .paid_info .paid_point {
	font-size: 24px;
}
@media screen and (max-width: 550px) {
	#main .cont .list > li {
		width: 48%;
	}
	#point_form .shop_info {
		flex-direction: column;
	}
	#point_form .shop_info .img {
		width: 100%;
		margin-bottom: 16px;
		text-align: center;
	}
	#point_form .shop_info .img img {
		width: auto;
		max-width: 100%;
	}
	#point_form .shop_info .info {
		width: 100%;
		padding: 0;
		text-align: center;
	}
	#point_form .shop_info .info .info_butt {
		flex-direction: column;
	}
	#point_form .shop_info .info .info_butt .butt {
		width: 100%;
		margin-bottom: 4%;
	}
	#point_form .point_info {
		display: block;
	}
	#point_form .point_info .user {
		flex-direction: column-reverse;
	}
	#point_form .point_info .used {
		flex-direction: column;
		align-items: flex-start;
		max-width: 300px;
		margin: 0 auto;
	}
	/* #point_form .point_info .used .text {
		width: 100%;
		margin: 0;
		text-align: center;
	} */
	#point_form .point_info .in input {
		width: calc(100% - 32px);
	}
	#point_form .point_info .in input[name=cd] {
		width: 100%;
	}
}

.log_list {
	margin-bottom: 10px;
}
.log_list .color1 {
	color: #2e857b;
}
.log_list .color2 {
	color: #00f;
}
.log_list .color3,
.log_list .color4,
.log_list .color5 {
	color: #333;
	font-weight: bold;
}
.log_list .point_color0,
.log_list .point_color3 {
	color: #00f;
}
.log_list .point_color1,
.log_list .point_color2 {
	color: #F00;
}
.log_list a {
	position: relative;
	display: block;
}
.log_list a::before,
.log_list a::after {
	content: '';
	position: absolute;
	display: block;
	top: 50%;
	right: 12px;
	width: 8px;
	height: 1px;
	background-color: #333;
	transform: translateY(-240%) rotate(45deg);
}
.log_list a::after {
	transform: translateY(240%) rotate(-45deg);
}
.log_list dl {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 16px;
	padding: 8px 30px 4px 16px;
	box-shadow: 1px 1px 4px #ccc;
	border-radius: 8px;
	color: #333;
	transition: background-color .1s;
	overflow: hidden;
}
.log_list a.hover dl {
	background-color: rgba(246, 200, 200, 1);
}
.log_list dl dt {
	width: 250px;
	font-size: 16px;
}
.log_list dl dd {
	width: auto;
	font-size: 14px;
}
.log_list dl dd.name {
	flex: 1 1 auto;
}
.log_list dl dd.point {
	margin-left: auto;
	flex: 0 0 130px;
	font-weight: bold;
	text-align: right;
}
@media screen and (max-width: 660px) {
	ul.mnavi {
		width:100%;
		display:flex;
		flex-wrap:wrap;
		align-items: center;
		justify-content: center;
	}
	.mnavi li {
		width:50%;
		padding: 2% 1%;
	}
	.log_list dl dd.point {
		width: 100%;
		display: flex;
		justify-content: end;
	}

}