html
{
	width: 100%;
}

body
{
	-webkit-text-size-adjust: 100%;
	width: 100%;
	min-height: 100vh;
	height: auto;
	margin: 0px;
	padding: 0px;
	font-family: -apple-system, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ ゴシック', 'MS Gothic', sans-serif;
	font-size: 16px;
}

input[type="button"],input[type="submit"],button,input[type="file"],input[type="text"],input[type="password"],input[type="email"],textarea
{
	font-family: inherit;
    -webkit-appearance: none;
	display: block;
}

select
{
	font-family: inherit;
	display: block;
}

a
{
	text-decoration: none;
	display: block;
}

img
{
	border-style: none;
	display: block;
}

div
{
	border-style: none;
}

ul
{
	margin: 0;
	padding: 0;
}

ul li
{
	list-style: none;
}


/* スクロールバー */
::-webkit-scrollbar
{
	display: none;
}


/* パーツ */
.mt0
{
	margin-top: 0px!important;
}

.mt5
{
	margin-top: 5px!important;
}

.mt10
{
	margin-top: 10px!important;
}

.mt15
{
	margin-top: 15px!important;
}

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

.mt25
{
	margin-top: 25px!important;
}

.mt30
{
	margin-top: 30px!important;
}

.mt32
{
	margin-top: 32px!important;
}

.mt35
{
	margin-top: 35px!important;
}

.mt40
{
	margin-top: 40px!important;
}

.mt45
{
	margin-top: 45px!important;
}

.mt50
{
	margin-top: 50px!important;
}

.mt55
{
	margin-top: 55px!important;
}

.mt60
{
	margin-top: 60px!important;
}

.mt65
{
	margin-top: 65px!important;
}

.mt70
{
	margin-top: 70px!important;
}

.mt75
{
	margin-top: 75px!important;
}

.mt80
{
	margin-top: 80px!important;
}

.mt85
{
	margin-top: 85px!important;
}

.mt90
{
	margin-top: 90px!important;
}

.mt95
{
	margin-top: 95px!important;
}

.mt100
{
	margin-top: 100px!important;
}

.mt106
{
	margin-top: 106px!important;
}

.mt110
{
	margin-top: 110px!important;
}

.mt120
{
	margin-top: 120px!important;
}

.mt130
{
	margin-top: 130px!important;
}

.mt140
{
	margin-top: 140px!important;
}

.mt150
{
	margin-top: 150px!important;
}

.mt160
{
	margin-top: 160px!important;
}

.mt170
{
	margin-top: 170px!important;
}

.mt178
{
	margin-top: 178px!important;
}

.mt180
{
	margin-top: 180px!important;
}

.mt190
{
	margin-top: 190px!important;
}

.mt200
{
	margin-top: 200px!important;
}

.mb0
{
	margin-bottom: 0px!important;
}

.mb5
{
	margin-bottom: 5px!important;
}

.mb10
{
	margin-bottom: 10px!important;
}

.mb15
{
	margin-bottom: 15px!important;
}

.mb20
{
	margin-bottom: 20px!important;
}

.mb30
{
	margin-bottom: 30px!important;
}

.mb40
{
	margin-bottom: 40px!important;
}

.mb45
{
	margin-bottom: 45px!important;
}

.mb50
{
	margin-bottom: 50px!important;
}

.ml0
{
	margin-left: 0px!important;
}

.ml1
{
	margin-left: 1em!important;
}

.ml2
{
	margin-left: 2em!important;
}

.ml10
{
	margin-left: 10px!important;
}

.ml20
{
	margin-left: 20px!important;
}

.ml30
{
	margin-left: 30px!important;
}

.ml40
{
	margin-left: 40px!important;
}

.ml50
{
	margin-left: 50px!important;
}

.ml60
{
	margin-left: 60px!important;
}

.ml70
{
	margin-left: 70px!important;
}

.ml80
{
	margin-left: 80px!important;
}

.ml90
{
	margin-left: 90px!important;
}

.ml100
{
	margin-left: 100px!important;
}

.ml110
{
	margin-left: 110px!important;
}

.ml120
{
	margin-left: 120px!important;
}

.ml130
{
	margin-left: 130px!important;
}

.ml140
{
	margin-left: 140px!important;
}

.ml150
{
	margin-left: 150px!important;
}

.pt0
{
	padding-top: 0px!important;
}

.pt5
{
	padding-top: 5px!important;
}

.pt10
{
	padding-top: 10px!important;
}

.pt15
{
	padding-top: 15px!important;
}

.pt20
{
	padding-top: 20px!important;
}

.pt25
{
	padding-top: 25px!important;
}

.pt30
{
	padding-top: 30px!important;
}

.pt40
{
	padding-top: 40px!important;
}

.pt50
{
	padding-top: 50px!important;
}

.pt60
{
	padding-top: 60px!important;
}

.pt70
{
	padding-top: 70px!important;
}

.pt80
{
	padding-top: 80px!important;
}

.pt90
{
	padding-top: 90px!important;
}

.pt100
{
	padding-top: 100px!important;
}

.pt110
{
	padding-top: 110px!important;
}

.pt120
{
	padding-top: 120px!important;
}

.pt130
{
	padding-top: 130px!important;
}

.pt140
{
	padding-top: 140px!important;
}

.pt150
{
	padding-top: 150px!important;
}

.pt160
{
	padding-top: 160px!important;
}

.pt170
{
	padding-top: 170px!important;
}

.pt180
{
	padding-top: 180px!important;
}

.pt190
{
	padding-top: 190px!important;
}

.pt200
{
	padding-top: 200px!important;
}

.pb0
{
	padding-bottom: 0px!important;
}

.pb10
{
	padding-bottom: 10px!important;
}

.pb20
{
	padding-bottom: 20px!important;
}

.pb30
{
	padding-bottom: 30px!important;
}

.pb40
{
	padding-bottom: 40px!important;
}

.pb50
{
	padding-bottom: 50px!important;
}

.pb60
{
	padding-bottom: 60px!important;
}

.pb70
{
	padding-bottom: 70px!important;
}

.pb80
{
	padding-bottom: 80px!important;
}

.pb90
{
	padding-bottom: 90px!important;
}

.pb100
{
	padding-bottom: 100px!important;
}

.pl0
{
	padding-left: 0px!important;
}

.pl10
{
	padding-left: 10px!important;
}

.pl20
{
	padding-left: 20px!important;
}

.pl30
{
	padding-left: 30px!important;
}

.pl40
{
	padding-left: 40px!important;
}

.pl50
{
	padding-left: 50px!important;
}

.pr0
{
	padding-right: 0px!important;
}

.pr7
{
	padding-right: 7px!important;
}

.pr10
{
	padding-right: 10px!important;
}

.pr20
{
	padding-right: 20px!important;
}

.pr30
{
	padding-right: 30px!important;
}

.pr40
{
	padding-right: 40px!important;
}

.pr50
{
	padding-right: 50px!important;
}

.mlra
{
	margin-left: auto!important;
	margin-right: auto!important;
}

.wd_a
{
	width: auto!important;
}

.wd_all
{
	width: 100%!important;
}

.popup-show
{
	cursor: pointer!important;
}

.modal-close
{
	cursor: pointer!important;
}

span.red
{
	color: #ff0000!important;
}

span.add
{
	font-size: 90%;
	color: #ff0000!important;
	font-weight: 400!important;
}

span.bold
{
	font-weight: 700!important;
}

span.word
{
	white-space: nowrap;
	margin-right: 1em;
	display: inline-block;
}

span.word2
{
	white-space: nowrap;
	display: inline-block;
}

span.nowrap
{
	white-space: nowrap;
	display: inline-block;
}

span.minus_left
{
	margin-left: -0.5em;
}

.indent
{
	text-indent: 1em!important;
}

.page_right
{
	margin-left: auto!important;
	margin-right: 0!important;
}

.float_clear
{
	clear: both;
}

a.url_str
{
	color: #000000!important;
	text-decoration: underline!important;
}

.bg_default
{
	background-color: transparent!important;
}


/* ヘッダー */
div.header_frame
{
	width: 100%;
	/*height: 70px;*/
	height: 65px;
	margin: 0px auto;
	background-color: rgba(255, 255, 255, 0.85);
	box-sizing: border-box;
	padding: 0px 0px 0px;
	/*position: fixed;
	top: 0;
	left: 0;
	z-index: 100;*/
}

div.header_frame table.header
{
	width: 960px;
	/*height: 70px;*/
	height: 65px;
	margin: 0px auto 0px;
	table-layout: fixed;
}

div.header_frame table.header td.space
{
	width: 10px;
}

div.header_frame table.header td.logo
{
	width: 50px;
	padding-left: 15px;
}

div.header_frame table.header td.logo div.img
{
	width: 50px;
	height: 55px;
}

div.header_frame table.header td.logo div.img img
{
	width: 50px;
	height: 55px;
	display: block;
}

div.header_frame table.header td.name_logo
{
	/*width: 66px;*/
	padding-left: 14px;
}

div.header_frame table.header td.name_logo div.img
{
	width: 66px;
	height: 48px;
}

div.header_frame table.header td.name_logo div.img img
{
	width: 66px;
	height: 48px;
	display: block;
}

div.header_frame table.header td.logo_new
{
	/*width: 180px;*/
	padding-left: 10px;
	padding-right: 10px;
}

/*div.header_frame table.header td.logo_new div.img
{
	width: 247px;
	height: 40px;
}

div.header_frame table.header td.logo_new div.img img
{
	width: 247px;
	height: 40px;
	display: block;
}*/

div.header_frame table.header td.logo_new div.catch
{
	font-size: 90%;
	line-height: 100%;
	color: #555555;
	letter-spacing: 0.05em;
	white-space: nowrap;
}

div.header_frame table.header td.logo_new div.title
{
	font-size: 130%;
	line-height: 100%;
	color: #555555;
	letter-spacing: 0.05em;
	white-space: nowrap;
}

div.header_frame table.header td.logo_new div.catch + div.title
{
	margin-top: 5px;
}

div.header_frame table.header td.logo_new div.catch_top
{
	width: 170px;
	height: 12px;
}

div.header_frame table.header td.logo_new div.catch_top img
{
	width: 170px;
	height: 12px;
}

div.header_frame table.header td.logo_new div.catch_bottom
{
	width: 122px;
	height: 23px;
}

div.header_frame table.header td.logo_new div.catch_bottom img
{
	width: 122px;
	height: 23px;
}

div.header_frame table.header td.logo_new div.catch_top + div.catch_bottom
{
	margin-top: 10px;
}

div.header_frame table.header td.contact_link
{
	width: 110px;
}

div.header_frame table.header td.contact_link a
{
	display: block;
	text-decoration: none;
}

div.header_frame table.header td.contact_link div.img
{
	width: 110px;
	height: 60px;
}

div.header_frame table.header td.contact_link div.img img
{
	width: 110px;
	height: 60px;
}

div.header_frame table.header td.mypage_link
{
	width: 135px;
}

div.header_frame table.header td.mypage_link a
{
	display: block;
	text-decoration: none;
}

div.header_frame table.header td.mypage_link div.img
{
	width: 135px;
	height: 60px;
}

div.header_frame table.header td.mypage_link div.img img
{
	width: 135px;
	height: 60px;
}

div.header_height
{
	width: 100%;
	/*height: 65px;*/
}


/* ログインヘッダー */
div.login_header
{
	width: 100%;
	height: 70px;
	background-color: #2ca9e1;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 888;
}

div.login_header_height
{
	width: 100%;
	height: 70px;
}



/* フッター */
div.footer_frame
{
	width: 100%;
	/*height: 61px;*/
	padding: 20px 0px 0px;
	box-sizing: border-box;
	position: relative;
	/*background-color: #f2f2f2;*/
	background-color: #ffffff;
	z-index: 1;
	border-top: 1px solid #ededed;
}

div.footer
{
	width: 960px;
	/*height: 60px;*/
	margin: 0px auto 0px;
}

div.footer_frame div.copyright
{
	width: 960px;
	/*height: 60px;*/
	font-size: 80%;
	line-height: 100%;
	color: #777777;
	text-align: center;
	/*display: table-cell;
	vertical-align: middle;*/
}

div.footer_frame div.logo
{
	width: 60px;
	height: 60px;
	margin: auto;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 15px;
}

div.footer_frame div.logo img
{
	width: 60px;
	height: 60px;
	display: block;
}

table.copyright
{
	/*height: 60px;*/
	margin: 0px auto 0px;
}

table.copyright td.text
{
	font-size: 80%;
	line-height: 100%;
	color: #777777;
	padding-right: 2em;
}

table.copyright td.text p
{
	margin: 0;
	padding: 0;
}

table.copyright td.text2
{
	font-size: 80%;
	line-height: 100%;
	color: #777777;
	padding-right: 5px;
}

table.copyright td.logo
{
	width: 60px;
}

table.copyright td.logo div.img
{
	width: 60px;
	height: 60px;
}

table.copyright td.logo div.img img
{
	width: 60px;
	height: 60px;
	display: block;
}

div.footer_short
{
	width: 100%;
	height: 61px;
	position: absolute;
	bottom: 0;
	background-color: #ffffff;
}

div.footer_frame table.links
{
	margin: 0px auto 0px;
}

div.footer_frame table.links + table.links
{
	margin: 20px auto 20px;
}

div.footer_frame table.links td.link
{
	font-size: 90%;
	line-height: 100%;
	color: #777777;
	padding-right: 60px;
}

div.footer_frame table.links td:last-child
{
	padding-right: 0px;
}

div.footer_frame table.links td.link_special
{
	padding-right: 60px;
}

div.footer_frame table.links td.link_special button
{
	/*width: 120px;*/
	height: 30px;
	font-size: 90%;
	line-height: 100%;
	color: #ffffff;
	text-align: center;
	background-color: #f08300;
	padding: 0px 10px 0px;
	box-sizing: border-box;
	cursor: pointer;
	border: none;
	text-shadow: none;
}

div.footer_frame table.links a
{
	color: #777777;
	display: block;
	text-decoration: none;
}


/* このページは存在しません */
div.nothing_text
{
	font-size: 90%;
	line-height: 170%;
	color: #777777;
	letter-spacing: 0.1em;
	padding: 100px 0px 100px;
	text-align: center;
}


/* ページ内リンク */
a.anchor
{
    display: block;
    padding-top: 1px;
    margin-top: -1px;
}

a.anchor2
{
    display: block;
    padding-top: 40px;
    margin-top: -40px;
}

a.anchor3
{
    display: block;
    padding-top: 140px;
    margin-top: -40px;
}


/* ページャー */
div.pager_top_space
{
	width: 100%;
	height: 30px;
}

div.pager_frame
{
	/*height: 41px;*/
	margin: 0px auto 0px;
}

table.pager
{
	margin: 0px auto 0px;
}

table.pager td.back
{
	font-size: 160%;
	line-height: 100%;
	color: #2ca9e1;
	padding: 0px 8px 0px 0px;
	cursor: pointer;
}

table.pager td.next
{
	font-size: 160%;
	line-height: 100%;
	color: #2ca9e1;
	padding: 0px 0px 0px 8px;
	cursor: pointer;
}

table.pager td.number
{
	height: 30px;
	color: #777777;
	padding-right: 15px;
}

table.pager td:last-child.number
{
	padding-right: 0px;
}

table.pager td.number input
{
	min-width: 20px;
	height: 30px;
	font-size: 90%;
	line-height: 100%;
	color: #2ca9e1;
	text-align: center;
	background-color: #ffffff;
	padding: 0px 2px 0px;
	box-sizing: border-box;
	cursor: pointer;
	border: none;
	text-shadow: none;
}

table.pager td.number_now
{
	height: 30px;
	padding-right: 15px;
}

table.pager td.number_now input
{
	min-width: 20px;
	height: 30px;
	font-size: 90%;
	line-height: 100%;
	color: #ffffff;
	padding: 0px;
	text-align: center;
	background-color: #2ca9e1;
	padding: 0px 2px 0px;
	box-sizing: border-box;
	border: none;
	text-shadow: none;
}

table.pager td:last-child.number_now
{
	padding-right: 0px;
}

table.pager a
{
	text-decoration: none;
}


/* 背景 */
div.main_bg
{
	width: 100%;
	min-height: 100%;
	margin: 0px;
	background-image: url("../img/bg_main.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-attachment: fixed;
}

div.main_bg img
{
	width: 100%;
	display: block;
}


/* 共通 */
div.content_frame
{
	width: 100%;
	/*height: 100%;*/
	margin: 0px auto;
	position: relative;
}

div.article
{
	width: 960px;
	margin: 0px auto 0px;
	position: relative;
	box-sizing: border-box;
}

div.article_home
{
	width: 100%;
	margin: 0px auto 0px;
	position: relative;
	box-sizing: border-box;
}

div.bottom_space01
{
	height: 150px;
}

div.rally_bottom_space
{
	height: 250px;
}

table.contents
{
	width: 960px;
	margin: 0px auto 0px;
}

table.contents + table.contents
{
	margin-top: 60px;
}

table.contents td.side
{
	width: 210px;
	vertical-align: top;
	position: relative;
	box-sizing: border-box;
	padding-left: 20px;
}

table.contents td.side ::-webkit-scrollbar
{
	display: none;
}

table.contents td.main
{
	vertical-align: top;
}

div.s_title
{
	font-size: 110%;
	line-height: 100%;
	color: #777777;
	margin: 80px 0px 20px;
	letter-spacing: 0.1em;
}


/* ログイン */
div.login_top_text1
{
	font-size: 110%;
	line-height: 100%;
	color: #777777;
	text-align: center;
	letter-spacing: 0.1em;
}

div.login_top_text2
{
	font-size: 180%;
	line-height: 100%;
	color: #777777;
	text-align: center;
	letter-spacing: 0.1em;
	margin-top: 30px;
}

div.login_top_img
{
	width: 518px;
	height: 253px;
	margin: 0px auto 50px;
	display: none;
}

div.login_top_img img
{
	width: 518px;
	height: 253px;
	display: block;
}

div.login_logo
{
	width: 255px;
	height: 87px;
	margin: 0px auto 30px;
}

div.login_logo img
{
	width: 255px;
	height: 87px;
	display: block;
}

div.bg_login
{
	width: 100%;
	margin: 0;
}

div.bg_login img
{
	width: 100%;
	display: block;
}

div.login_content_frame
{
	width: 960px;
	margin: 0px auto;
	position: relative;
	padding: 50px 0px 0px;
}

table.login_contents
{
	margin: 0px auto 0px;
}

table.login_contents td.contents
{
	width: 448px;
	padding: 0px 34px 0px 0px;
	vertical-align: top;
}

table.login_contents td:last-child.contents
{
	padding: 0px;
}

table.login_contents div.frame
{
	width: 428px;
	padding: 13px 10px 12px;
	background-color: #f2f2f2;
	position: relative;
}

div.login_title
{
	width: 100%;
	text-align: center;
	margin: 0px 0px 0px;
}

div.login_title div.title
{
	font-size: 120%;
	line-height: 100%;
	color: #777777;
	border-bottom: 1px solid #222222;
	padding: 0px 0px 0px;
	display: inline-block;
	letter-spacing: 0.1em;
}

div.login_text
{
	font-size: 90%;
	line-height: 170%;
	color: #777777;
	margin: 20px auto 0px;
}

table.login_form
{
	margin: 20px auto 0px;
}

table.login_form td.title
{
	/*width: 150px;*/
	width: 1px;
	font-size: 90%;
	line-height: 100%;
	color: #777777;
	padding-right: 30px;
	white-space: nowrap;
	/*padding-bottom: 15px;*/
}

table.login_form td.form
{
	width: 300px;
	/*padding-bottom: 15px;*/
}

table.login_form td.form input
{
	width: 300px;
	height: 40px;
	font-size: 90%;
	line-height: 100%;
	color: #777777;
	background-color: #ffffff;
	padding: 0px 10px 0px;
	border: 1px solid #ededed;
	box-sizing: border-box;
}

table.login_form tr:last-child td
{
	padding-bottom: 0px;
}

table.login_button
{
	margin: 34px auto 0px;
}

table.login_button td.button
{
	width: 200px;
	height: 30px;
	padding: 0px 25px 0px 0px;
}

table.login_button td:last-child.button
{
	padding: 0px;
}

table.login_button td.button input
{
	width: 200px;
	height: 30px;
	font-size: 90%;
	line-height: 100%;
	color: #ffffff;
	text-align: center;
	/*background-color: #f08300;*/
	background-color: #555555;
	border: none;
	text-shadow: none;
	font-weight: bold;
	cursor: pointer;
	/*border: 2px solid #3bb041;*/
}

table.login_button td.button2
{
	width: 250px;
	height: 30px;
	padding: 0px 30px 0px 0px;
}

table.login_button td:last-child.button2
{
	padding: 0px;
}

table.login_button td.button2 input
{
	width: 250px;
	height: 30px;
	font-size: 90%;
	line-height: 100%;
	color: #ffffff;
	text-align: center;
	background-color: #f08300;
	border: none;
	text-shadow: none;
	font-weight: bold;
	cursor: pointer;
	padding: 0px 0px 0px;
}

div.login_error
{
	width: 428px;
	font-size: 90%;
	line-height: 100%;
	color: #ff0000;
	text-align: center;
	position: absolute;
	bottom: 55px;
}

table.post_form
{
	margin: 0px 0px 0px;
}

table.post_form td.post_form
{
	width: 150px;
}

table.post_form td.post_form input
{
	width: 100%;
	height: 35px;
	font-size: 90%;
	color: #777777;
	padding: 0px 10px 0px;
	border: none;
	background-color: #ffffff;
	box-sizing: border-box;
	border: 1px solid #dc2582;
	letter-spacing: 0.1em;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

table.post_form td.post_line
{
	height: 35px;
	font-size: 90%;
	color: #777777;
	padding: 0px 10px 0px;
}


/* パスワード再発行 */
/*div.login_frame
{
	width: 730px;
	margin: 0px auto 0px;
	padding: 40px 35px 50px;
	box-sizing: border-box;
	background-color: rgba(24, 101, 172, 0.5);
	border-radius: 5px;
}*/

div.article_reminder
{
	width: 900px;
	margin: 0px auto 0px;
	position: relative;
	box-sizing: border-box;
}

div.reminder_top_text
{
	font-size: 90%;
	line-height: 170%;
	color: #777777;
	letter-spacing: 0.05em;
	margin-bottom: 25px;
	text-align: center;
}

div.reminder_text
{
	font-size: 140%;
	line-height: 170%;
	color: #777777;
	letter-spacing: 0.05em;
	margin-bottom: 25px;
}

table.reminder_form
{
	width: 100%;
	margin: 0px 0px 0px;
}

table.reminder_form td.height
{
	height: 25px;
}

table.reminder_form td.title
{
	width: 200px;
	font-size: 150%;
	line-height: 100%;
	color: #ffffff;
	/*color: #2f2f2f;*/
	padding-left: 10px;
	background-color: #2ca9e1;
	letter-spacing: 0.1em;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

table.reminder_form td.title_top
{
	width: 250px;
	font-size: 150%;
	line-height: 100%;
	color: #ffffff;
	padding-left: 10px;
	background-color: #2ca9e1;
	letter-spacing: 0.1em;
	border-top-left-radius: 5px;
}

table.reminder_form td.title_bottom
{
	width: 250px;
	font-size: 150%;
	line-height: 100%;
	color: #ffffff;
	padding-left: 10px;
	background-color: #2ca9e1;
	letter-spacing: 0.1em;
	border-bottom-left-radius: 5px;
}

table.reminder_form td.form
{
	width: auto;
}

table.reminder_form td.form input
{
	width: 100%;
	height: 55px;
	font-size: 150%;
	color: #777777;
	padding: 0px 10px 0px;
	border: none;
	background-color: #ffffff;
	box-sizing: border-box;
	/*border: 1px solid #33ace0;*/
	border: 1px solid #2ca9e1;
	letter-spacing: 0.1em;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

table.reminder_form td.form_top
{
	width: auto;
}

table.reminder_form td.form_top input
{
	width: 100%;
	height: 55px;
	font-size: 150%;
	color: #777777;
	padding: 0px 10px 0px;
	border: none;
	background-color: #ffffff;
	box-sizing: border-box;
	border-top: 1px solid #2ca9e1;
	border-left: 1px solid #2ca9e1;
	border-right: 1px solid #2ca9e1;
	letter-spacing: 0.1em;
	border-top-right-radius: 5px;
}

table.reminder_form td.form_bottom
{
	width: auto;
}

table.reminder_form td.form_bottom input
{
	width: 100%;
	height: 55px;
	font-size: 150%;
	color: #777777;
	padding: 0px 10px 0px;
	border: none;
	background-color: #ffffff;
	box-sizing: border-box;
	border-bottom: 1px solid #2ca9e1;
	border-left: 1px solid #2ca9e1;
	border-right: 1px solid #2ca9e1;
	letter-spacing: 0.1em;
	border-bottom-right-radius: 5px;
}

table.reminder_form td.text
{
	height: 55px;
	font-size: 150%;
	color: #777777;
	padding: 0px 10px 0px;
	letter-spacing: 0.1em;
}

table.reminder_form tr.bottom_line td
{
	border-bottom: 1px dashed #ffffff
}


/* BOTチェックボックス */
table.bot_check
{
	margin: 35px auto 0px;
}

table.bot_check td.checkbox
{

}

table.bot_check td.checkbox input
{
	display: block;
	margin: 0;
	padding: 0;
}

table.bot_check td.text
{
	font-size: 150%;
	line-height: 100%;
	color: #777777;
	letter-spacing: 0.1em;
	padding-left: 10px;
}

table.home_link_frame
{
	margin: 100px auto 0px;
}

table.home_link_frame td.button
{
	padding-right: 80px;
}

table.home_link_frame td:last-child.button
{
	padding-right: 0px;
}

table.home_link_frame td.button_short
{
	padding-right: 30px;
}

table.home_link_frame td:last-child.button_short
{
	padding-right: 0px;
}

div.home_link
{
	width: 430px;
	height: 50px;
	margin: 0px auto 0px;
	position: relative;
}

div.home_link a
{
	width: 430px;
	height: 50px;
	display: block;
	position: relative;
}

div.home_link input
{
	width: 100%;
	height: 50px;
	font-size: 105%;
	color: #ffffff;
	padding: 0px;
	border: none;
	text-shadow: none;
	/*background-color: #555555;*/
	background-color: #f08300;
	box-sizing: border-box;
	letter-spacing: 0.15em;
	cursor: pointer;
}

div.home_link button
{
	width: 100%;
	height: 50px;
	font-size: 105%;
	color: #ffffff;
	padding: 0px;
	border: none;
	text-shadow: none;
	/*background-color: #555555;*/
	background-color: #f08300;
	box-sizing: border-box;
	letter-spacing: 0.15em;
	cursor: pointer;
}

div.home_link div.arrow_frame
{
	width: 30px;
	height: 30px;
	/*background-color: #ffffff;*/
	background-color: transparent;
	border-radius: 50%;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
}

div.home_link div.arrow
{
	width: 30px;
	height: 30px;
	margin: 0px auto 0px;
	/*display: table-cell;
	vertical-align: middle;*/
}

div.home_link div.arrow img
{
	/*width: 7px;
	height: 17px;*/
	width: 30px;
	height: 30px;
	display: block;
	margin: 0px auto 0px;
}

div.home_link_short
{
	width: 300px;
	height: 50px;
	margin: 0px auto 0px;
	position: relative;
}

div.home_link_short a
{
	width: 300px;
	height: 50px;
	display: block;
	position: relative;
}

div.home_link_short input
{
	width: 100%;
	height: 50px;
	font-size: 100%!important;
	color: #777777;
	margin: 0px!important;
	padding: 0px!important;
	border: none!important;
	text-shadow: none!important;
	background-color: #f2f2f2!important;
	box-sizing: border-box;
	letter-spacing: 0.15em;
	cursor: pointer;
	border-radius: 0px!important;
}

div.home_link_short button
{
	width: 100%;
	height: 50px;
	font-size: 100%!important;
	color: #777777;
	margin: 0px!important;
	padding: 0px!important;
	border: none!important;
	text-shadow: none!important;
	background-color: #f2f2f2!important;
	box-sizing: border-box;
	letter-spacing: 0.15em;
	cursor: pointer;
	border-radius: 0px!important;
}

div.home_link_short div.arrow_frame
{
	width: 5px;
	height: 10px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 12px;
	z-index: 11;
}

div.home_link_short div.arrow
{
	width: 5px;
	height: 10px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 12px;
	z-index: 11;
}

div.home_link_short div.arrow img
{
	width: 5px;
	height: 10px;
	display: block;
	margin: 0px auto 0px;
}


/* 準備中 */
div.pre_text
{
	font-size: 100%;
	line-height: 180%;
	color: #000000;
	letter-spacing: 0.1em;
	text-align: center;
	padding: 100px 0px 100px;
}


/* 遷移ボタン（仮） */
div.test_link
{
	width: 5%;
	position: fixed;
	top: 1%;
	right: 1%;
	z-index: 99;
}

div.test_link a
{
	display: block;
	position: relative;
}

div.test_link input
{
	width: 100%;
	height: auto;
	font-size: 100%;
	color: #ffffff;
	padding: 0px;
	border: none;
	text-shadow: none;
	background-color: #4d4d4d;
	box-sizing: border-box;
	letter-spacing: 0.1em;
	aspect-ratio: 16 / 9;
	cursor: pointer;
}

div.test_link button
{
	width: 100%;
	height: auto;
	font-size: 100%;
	color: #ffffff;
	padding: 0px;
	border: none;
	text-shadow: none;
	background-color: #4d4d4d;
	box-sizing: border-box;
	letter-spacing: 0.1em;
	aspect-ratio: 16 / 9;
	cursor: pointer;
}


/* 遷移ボタン（正式） */
div.link_button_frame
{
	width: 4.2%;
	height: 23.23189%;
	margin: auto;
	position: absolute;
	/*top: 0;*/
	bottom: 26.575225%;
	z-index: 900;
}

div.link_button_frame a
{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	cursor: pointer;
}

div.link_button
{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 0.26em solid #2f2725;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-webkit-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-moz-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	position: relative;
}

div.link_button img
{
	width: 59%;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

div.link_button_frame div.submit
{
	width: 100%;
	height: 100%;
}

div.link_button_frame input
{
	width: 100%;
	height: 100%;
	margin: auto;
	background-color: transparent;
	border: none;
	background-image: url("https://cdn.mintomo.co.jp/selfcare.media/img/btn_next.png");
	/*aspect-ratio: 7 / 16;*/
	background-size: 59%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	/*position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;*/
	cursor: pointer;
	display: block;
}

.button_before
{
	left: 0.85%;
}

.button_next
{
	right: 0.85%;
}


/* 背景（共通） */
div.common_bg
{
	width: 100vw;
	background-image: url("https://cdn.mintomo.co.jp/selfcare.media/img/bg.jpg");
	background-size: cover;
	aspect-ratio: 12 / 7;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative;
}


/* メッセージウィンドウ */
div.message_window
{
	width: 98.958333%;
	background-image: url("https://cdn.mintomo.co.jp/selfcare.media/img/msg_window.png");
	background-size: cover;
	aspect-ratio: 1423 / 198;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin: auto;
	position: absolute;
	top: 1.428571%;
	left: 0;
	right: 0;
}

div.message_frame
{
	width: 100%;
	aspect-ratio: 1423 / 198;
	padding: 0 1.48% 0 1.58%;
	box-sizing: border-box;
	position: relative;
}

div.message_block
{
	width: calc(98.958333% - 2%);
	aspect-ratio: 92 / 11;
	padding: 2% 4.67% 0%;
	box-sizing: border-box;
	position: absolute;
	top: 9.09%;
}

div.message_block div.text
{
	font-size: clamp(12px, 2.15vw, 50px);
	line-height: 180%;
	color: #ffffff;
}


/* 店 */
div.store_img
{
	width: 90.208333%;
	margin: auto;
	position: absolute;
	bottom: 0;
	left: 4.3%;
	z-index: 10;
}

div.store_img img
{
	width: 100%;
	display: block;
}


/* スタッフ */
div.staff_img
{
	margin: auto;
	position: absolute;
	bottom: 0;
	z-index: 15;
}

div.staff_img img
{
	width: 100%;
	display: block;
}

div.store_staff_img
{
	width: 26.041667%;
	right: 2.1875%;
}

div.goods_staff_img
{
	width: 27.083333%;
	left: 0;
}

div.health_staff_img
{
	width: 30.208333%;
	right: 1.822917%;
}

div.shelf_staff_img
{
	width: 26.041667%;
	left: 1.041667%;
}

div.product_staff_img
{
	width: 34.895833%;
	left: 0%;
}


/* 品物選択 */
div.goods_list_frame
{
	width: 72.916667%;
	position: absolute;
	top: 26.964286%;
	right: 0;
}

ul.goods_list
{
	width: 100%;
	font-size: 0;
	margin: 0;
	padding: 0;
}

ul.goods_list li.block
{
	/*width: 19.642857%;*/
	width: 18.60119%;
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0.9%;
	margin-right: 1.041667%;
}

ul.goods_list li.block div.img
{
	width: 100%;
	box-sizing: border-box;
	border: 2px solid #b6d7e7;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-webkit-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-moz-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
}

ul.goods_list li.block img
{
	width: calc(100% - 4px);
	display: block;
	cursor: pointer;
}


/* ヘルスクレーム選択 */
div.box_img
{
	/*width: 55.729167%;*/
	width: 52%;
	position: absolute;
	bottom: 0;
	left: 2%;
	z-index: 9;
}

div.box_img img
{
	width: 100%;
	display: block;
}

div.main_claims_list_frame
{
	width: 100%;
	max-height: 70%;
	position: absolute;
	top: 26.785714%;
	right: 0;
	z-index: 20;
	overflow-y: scroll;
}

ul.main_claims_list
{
	width: 100%;
	font-size: 0;
	margin: 0;
	padding-left: 5%;
	box-sizing: border-box;
}

ul.main_claims_list li.block
{
	/*width: 41.5625%;*/
	width: 44.0625%;
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0.9%;
	margin-right: 1.041667%;
}

ul.main_claims_list li.block div.claims
{
	width: 100%;
	box-sizing: border-box;
	border: 2px solid #b6d7e7;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-webkit-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-moz-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	cursor: pointer;
}

ul.main_claims_list li.block div.claims div.inner
{
	width: 100%;
	aspect-ratio: 133 / 23;
	display: table;
}

ul.main_claims_list li.block div.claims div.inner div.text
{
	font-size: clamp(12px, 2.15vw, 50px);
	line-height: 180%;
	color: #000000;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

div.sub_claims_list_frame
{
	width: 100%;
	max-height: 70%;
	position: absolute;
	top: 26.785714%;
	right: 0;
	z-index: 20;
	overflow-y: scroll;
}

ul.sub_claims_list
{
	width: 100%;
	font-size: 0;
	margin: 0;
	padding-left: 5%;
	box-sizing: border-box;
}

ul.sub_claims_list li.block
{
	/*width: 28.020833%;*/
	width: 29.620833%;
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0.9%;
	margin-right: 1.041667%;
}

ul.sub_claims_list li.block div.claims
{
	width: 100%;
	box-sizing: border-box;
	border: 2px solid #b6d7e7;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-webkit-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-moz-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	cursor: pointer;
}

ul.sub_claims_list li.block div.claims_checked
{
	background-color: rgba(182, 215, 231, 0.8)!important;
}

ul.sub_claims_list li.block div.claims div.inner
{
	width: 100%;
	aspect-ratio: 269 / 69;
	display: table;
}

ul.sub_claims_list li.block div.claims div.inner div.text
{
	font-size: clamp(12px, 2.15vw, 50px);
	line-height: 180%;
	color: #000000;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

div.select_claims_list_frame
{
	width: 100%;
	max-height: 70%;
	position: absolute;
	top: 26.785714%;
	right: 0;
	z-index: 20;
	overflow-y: scroll;
}

ul.select_claims_list
{
	width: 100%;
	font-size: 0;
	margin: 0;
	padding-left: 12.5%;
	box-sizing: border-box;
}

ul.select_claims_list li.block
{
	width: 32.02381%;
	font-size: 16px;
	display: block;
	vertical-align: top;
	margin-bottom: 0.9%;
	/*margin-right: 1%;*/
}

ul.select_claims_list li.main
{
	/*width: 47.380952%!important;*/
	width: 57%!important;
}

ul.select_claims_list li.sub
{
	width: 9.895833%!important;
}

ul.select_claims_list li.block div.claims
{
	width: 100%;
	box-sizing: border-box;
	border: 2px solid #b6d7e7;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-webkit-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-moz-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	cursor: pointer;
}

ul.select_claims_list li.block div.claims div.inner
{
	width: 100%;
	/*aspect-ratio: 269 / 69;*/
	display: table;
}

ul.select_claims_list li.main div.claims div.inner
{
	aspect-ratio: 398 / 69!important;
}

ul.select_claims_list li.sub div.claims div.inner
{
	aspect-ratio: 81.8 / 69!important;
}

ul.select_claims_list li.block div.claims div.inner div.text
{
	font-size: clamp(12px, 2.15vw, 50px);
	line-height: 180%;
	color: #000000;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

ul.select_claims_list li.block .delete-button
{
	background-color: rgba(211, 57, 43, 0.8)!important;
}

ul.select_claims_list li.block .delete-button div.text
{
	color: #ffffff!important;
}

ul.select_claims_list table.inner_frame
{
	width: 100%;
}

ul.select_claims_list table.inner_frame td
{
	height: 1px;
	vertical-align: top;
}

ul.select_claims_list table.inner_frame td.space
{
	width: 2%;
}

ul.select_claims_list table.inner_frame td.main_block
{
	/*width: 100%;*/
}

ul.select_claims_list table.inner_frame td.sub_block
{
	width: 15%;
}

ul.select_claims_list table.inner_frame td.sub_block div.claims
{
	height: 100%;
}

ul.select_claims_list table.inner_frame td.sub_block div.claims div.inner
{
	height: 100%;
}

div.health_icon
{
	width: 12.916667%;
	margin: auto;
	position: absolute;
	top: 61.071429%;
	right: 17.916667%;
	z-index: 15;
}

div.health_icon img
{
	width: 100%;
	display: block;
}

div.package_list_frame
{
	width: 100%;
	min-height: 50%;
	max-height: 70%;
	position: absolute;
	top: 26.785714%;
	right: 0;
	z-index: 20;
	overflow-y: scroll;
}

ul.package_list
{
	width: 100%;
	font-size: 0;
	margin: 0;
	padding-left: 2%;
	box-sizing: border-box;
}

ul.package_list li.block
{
	width: 65%;
	font-size: 16px;
	display: block;
}

ul.package_list li.block div.claims
{
	width: 100%;
	box-sizing: border-box;
	border: 2px solid #b6d7e7;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-webkit-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-moz-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
}

ul.package_list li.block div.claims div.inner
{
	width: 100%;
	aspect-ratio: 398 / 69;
	display: table;
}

ul.package_list li.block div.claims div.inner div.text
{
	font-size: clamp(12px, 2.15vw, 50px);
	line-height: 180%;
	color: #000000;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}


/* 棚 */
div.shelf_img
{
	width: 69.791667%;
	margin: auto;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
}

div.shelf_img img
{
	width: 100%;
	display: block;
}

div.shelf_icon_center
{
	width: 12.916667%;
	margin: auto;
	position: absolute;
	top: 68.392857%;
	right: 28.4375%;
	z-index: 15;
}

div.shelf_icon_center img
{
	width: 100%;
	display: block;
}

div.shelf_icon_left
{
	width: 12.916667%;
	margin: auto;
	position: absolute;
	top: 68.392857%;
	/*right: 52.083333%;*/
	right: 51%;
	z-index: 15;
}

div.shelf_icon_left img
{
	width: 100%;
	display: block;
	cursor: pointer;
}

div.shelf_icon_right
{
	width: 12.916667%;
	margin: auto;
	position: absolute;
	top: 68.392857%;
	/*right: 7.291667%;*/
	right: 7%;
	z-index: 15;
}

div.shelf_icon_right img
{
	width: 100%;
	display: block;
	cursor: pointer;
}

div.shelf_goods_list_frame
{
	/*width: 100%;*/
	width: 43.846154%;
	max-height: 70%;
	position: absolute;
	top: 26.785714%;
	/*left: 0;*/
	left: 2.2%;
	z-index: 30;
	overflow-y: scroll;
}

ul.shelf_goods_list
{
	width: 100%;
	font-size: 0;
	/*margin: 0;
	padding-left: 5.208333%;*/
	box-sizing: border-box;
}

ul.shelf_goods_list li.block
{
	/*width: 43.846154%;*/
	width: 100%;
	font-size: 16px;
	margin-bottom: 0.9%;
}

ul.shelf_goods_list li.block div.claims
{
	width: 100%;
	box-sizing: border-box;
	border: 2px solid #b6d7e7;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-webkit-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-moz-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	cursor: pointer;
}

ul.shelf_goods_list li.block div.claims div.inner
{
	width: 100%;
	aspect-ratio: 266 / 45;
	display: table;
}

ul.shelf_goods_list li.block div.claims div.inner div.text
{
	font-size: clamp(12px, 2.15vw, 50px);
	line-height: 180%;
	color: #000000;
	display: table-cell;
	vertical-align: middle;
	padding: 0 4.773869% 0;
}


/* 完成品選択 */
div.product_goods_list_frame
{
	/*width: 100%;*/
	width: 41.5625%;
	max-height: 70%;
	position: absolute;
	top: 26.785714%;
	left: 43.75%;
	z-index: 30;
	overflow-y: scroll;
}

ul.product_goods_list
{
	width: 100%;
	font-size: 0;
	margin: 0;
	/*padding-left: 43.75%;*/
	box-sizing: border-box;
}

ul.product_goods_list li.block
{
	/*width: 73.703704%;*/
	width: 100%;
	font-size: 16px;
	margin-bottom: 1.8%;
}

ul.product_goods_list li.block div.claims
{
	width: 100%;
	box-sizing: border-box;
	border: 2px solid #b6d7e7;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-webkit-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-moz-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
}

ul.product_goods_list li.block div.claims div.inner
{
	width: 100%;
	aspect-ratio: 266 / 45;
	display: table;
}

ul.product_goods_list li.block div.claims div.inner div.text
{
	font-size: clamp(12px, 2.15vw, 50px);
	line-height: 180%;
	color: #000000;
	display: table-cell;
	vertical-align: middle;
	padding: 0 4.773869% 0;
}

.package-button
{
	cursor: pointer;
}


/* ランキング */
div.ranking_goods_list_frame
{
	width: 50%;
	max-height: 70%;
	position: absolute;
	top: 26.785714%;
	right: 2.083333%;
	z-index: 30;
	overflow-y: scroll;
}

ul.ranking_goods_list
{
	width: 100%;
	font-size: 0;
	margin: 0;
	padding: 0;
}

ul.ranking_goods_list li.block
{
	width: 100%;
	font-size: 16px;
	margin-bottom: 1.8%;
}

ul.ranking_goods_list li.block table.ranking
{
	width: 100%;
}

ul.ranking_goods_list li.block table.ranking td.number
{
	width: 14.791667%;
	padding-right: 1.875%;
}

ul.ranking_goods_list li.block table.ranking td.number button
{
	width: 100%;
	font-size: clamp(12px, 2.15vw, 50px);
	line-height: 100%;
	color: #ffffff;
	aspect-ratio: 1 / 1;
	background-color: rgba(177, 218, 243, 0.85);
	border: none;
	text-shadow: none;
	box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-webkit-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-moz-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
}

ul.ranking_goods_list li.block table.ranking td.name
{
	height: 1px;
}

ul.ranking_goods_list li.block table.ranking td.name div.claims
{
	width: calc(100% - 7px);
	height: 100%;
	box-sizing: border-box;
	border: 2px solid #b6d7e7;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-webkit-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-moz-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
}

ul.ranking_goods_list li.block table.ranking td.name div.claims div.inner
{
	width: 100%;
	height: 100%;
	display: table;
}

ul.ranking_goods_list li.block table.ranking td.name div.claims div.inner div.text
{
	font-size: clamp(12px, 2.15vw, 50px);
	line-height: 180%;
	color: #000000;
	display: table-cell;
	vertical-align: middle;
	padding: 0 4.773869% 0;
}

div.popular_goods_list_frame
{
	width: 38.177083%;
	height: 28.125%;
	background-color: rgba(255, 255, 255, 0.8);
	border: 2px solid #b6d7e7;
	box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-webkit-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	-moz-box-shadow: 7px 7px rgba(213, 213, 213, 0.4);
	box-sizing: border-box;
	padding: 0.7% 0 0;
	position: absolute;
	top: 26.071429%;
	left: 4.791667%;
	z-index: 30;
}

ul.popular_goods_list
{
	width: 100%;
	font-size: 0;
	margin: 0;
	padding: 0;
}

ul.popular_goods_list li.block
{
	width: 100%;
	font-size: 16px;
	margin-bottom: 8%;
}

ul.popular_goods_list li:last-child.block
{
	margin-bottom: 0;
}

ul.popular_goods_list li.block table.popular_goods
{
	width: 100%;
}

ul.popular_goods_list li.block table.popular_goods td.space
{
	width: 2.319236%;
}

ul.popular_goods_list li.block table.popular_goods td.number
{
	width: 4.638472%;
	height: 1px;
}

ul.popular_goods_list li.block table.popular_goods td.number button
{
	width: 100%;
	font-size: clamp(10px, 1.34vw, 35px);
	line-height: 100%;
	color: #ffffff;
	aspect-ratio: 1 / 1;
	background-color: rgba(155, 206, 246, 1);
	border-radius: 50%;
	border: none;
	text-shadow: none;
}

ul.popular_goods_list li.block table.popular_goods td.name
{
	font-size: clamp(12px, 1.5625vw, 35px);
	line-height: 120%;
	color: #000000;
	padding-left: 3.819918%;
}

div.ranking_item_img
{
	width: 11.822917%;
	position: absolute;
	z-index: 35;
}

div.ranking_item_img img
{
	width: 100%;
	display: block;
}

div.ranking_no1
{
	bottom: 24.02%;
	left: 13.854167%;
}

div.ranking_no2
{
	bottom: 13.357143%;
	left: 2.833333%;
}

div.ranking_no3
{
	bottom: 9.9%;
	left: 24.520833%;
}

div.podium_img
{
	width: 33.333333%;
	position: absolute;
	bottom: 1.785714%;
	left: 3.125%;
	z-index: 30;
}

div.podium_img img
{
	width: 100%;
	display: block;
}

/* アニメーション系 */
/* 点滅 */
.pika2{
    animation: pika2 2.2s ease-out 1s infinite alternate-reverse;
}
@keyframes pika2{
    from{opacity: 1;} 
    to{opacity: 0;}
}