@charset "utf-8";
/*  余白リセット
------------------------------------------------------------ */
html,body,div,h1,h2,h3,h4,h5,h6,
p,address,ul,ol,li,dl,dt,dd,
table,th,td,form,fieldset{
    margin:0px;
    padding:0px;
}
/*  micro clearfix
------------------------------------------------------------ */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/*  基本設定
------------------------------------------------------------ */
html{
    overflow-y:scroll;
    height:100%;
}
body{
	min-width: 320px; /* for sp */
}
* { /* 全てのボックスに共通部分を適用 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*iPhone,iPadで謎の右余白が出てきたら、これつけると直るかも?
#Wrapper{
	overflow: hidden;
	width: 100%;
	background-color: transparent;
}
*/
#topWrapper,#footerWrapper{
	width: 100%;
	overflow: hidden;
/*	float: left; */
	padding: 10px;
}
body,
.ui-widget,
select,
option,
optgroup {
    font-size: 16px;
    font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;
    color: #333333;
    _text-align:center; /*IE6用*/
    -webkit-text-size-adjust: 100%; /* for sp */
}
.ui-widget {
    font-size: 100%;
}
div {
    line-height:1.6;
}
table {
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
table caption{
    margin-bottom: 5px;
    text-align:left;
    font-weight: bold;
}
table th {
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
}
table td {
    text-align:left;
    vertical-align:top;
}
table td.n {
    text-align:right;
}
* html table{ /*IE6用*/
    font-size: 16px;
    font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;
    line-height:1.6;
    color: #333333;
}
a:link {
    text-decoration: none;
    color: #2a96da;
}
a:visited {
    text-decoration: underline;
    color: #2a96da;
}
a:hover{
    text-decoration: underline;
    color: #2a96da;
}
img {
    border: none;
	vertical-align: middle;
}
p{
    text-align: justify;
    text-justify: inter-ideograph;
}
ul {
    list-style-type:none;
}
address{
    font-style:normal;
}
h1 {
    font-size: 200%;
}
h2 {
    font-size: 200%;
}
h3 {
    font-size: 110%;
}
h4 {
    font-size: 110%;
}
h5 {
    font-size: 110%;
}

/*  フォントサイズ
------------------------------------------------------------ */
.font-m {
    font-size: 100%;
}
.font-l {
    font-size: 130%;
}

/*  汎用クラス
------------------------------------------------------------ */
div.banner{
    margin-bottom:20px;
    text-align:center;
}
ul.bannerList{
}
ul.bannerList li{
    margin-bottom: 15px;
    text-align:center;
}
img.fl{
    float:left;
    margin:30px; margin-top:0; margin-left:0;
}
img.fr{
    float:right;
    margin:30px; margin-top:0; margin-right:0;
}
a.att {
    display: inline-block;
    background: url("/common/img/icon_txt.gif") no-repeat 10px center;
    padding-left: 20px;
    border: 2px solid #ccc;
    border-radius: 10px;
    color: #333;
    opacity: 1;
    padding: 10px 10px 10px 35px;
}
a.att:hover {
    opacity: 0.7;
    text-decoration: none;
}
a.pdf {
    background-image: url("/common/img/icon_pdf.gif");
}
a.xls {
    background-image: url("/common/img/icon_xls.gif");
}
a.doc {
    background-image: url("/common/img/icon_doc.gif");
}
a.pic {
    background-image: url("/common/img/icon_pic.gif");
}
a.zip {
    background-image: url("/common/img/ico_zip.png");
}
a.mov {
    background-image: url("/common/img/ico_film.png");
}
a.arrow{
    padding-left: 8px;
    background: url("/common/img/h_arrow.gif") no-repeat scroll 0 6px;
}
a.map{
    background: url("/common/img/ico_b_window.gif") no-repeat scroll 0 4px;
    margin-left: 10px;
    padding-left: 13px;
}
a.dtl{
    background: url("/common/img/h_arrow.gif") no-repeat scroll left center;
    display: block;
    font-size: 11px;
    margin: 5px 0 15px;
    padding-left: 10px;
}
a.blank{
    background: url("/common/img/blank.gif") no-repeat right center;
    padding-right: 15px;
}

table.std{
    width: 100%;
    table-layout: fixed;
    margin: 0 0 15px;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #dadada;
    border-left: 1px solid #dadada;
}
table.std th,
table.std td{
    padding:10px;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    vertical-align: middle;
}
table.std th {
    background: #f8f8f8 none repeat scroll 0 0;
    font-weight: normal;
    text-align: left;
}
table.std thead th{
    text-align: center;
}

table.line{
    width: 100%;
    margin: 0 0 15px;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #dadada;
}
table.line th,
table.line td{
    padding:10px;
    border-bottom: 1px solid #dadada;
}
table.line th{
    background:#f8f8f8;
    white-space: nowrap;
    text-align: left;
    font-weight: normal;
}

table.dot{
    margin: 0 0 15px;
    border-collapse: collapse;
    border-spacing: 0;
}
table.dot th,
table.dot td{
    padding:5px;
    background: url("/common/img/dot.gif") repeat-x center bottom;
    text-align: left;
}
table.dot th{
    white-space: nowrap;
}

.colbox{
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
}
.lcol{
    float: left;
    width: 50%;
}
.rcol{
    float: right;
    width: 50%;
}
.red{
    color:#cc0000;
}
span.hidden{
    display: none;
}
img.btn{
    cursor: pointer;
}
.notes{
    font-size: 12px;
    text-align: center;
}
p.c{
	text-align: center;
}
p.back{
	text-align: right;
}
p.back a{
    background: url("/common/img/t_arrow.gif") no-repeat scroll left center;
    padding-left: 15px;
}
.more{
    position: absolute;
    right: 0;
    top: 6px;
    line-height: 1;
    text-align: right;
}

/*  背景
------------------------------------------------------------ */
body {
}
#toppage{
    word-wrap: break-word;
}

/*  プレビュー用
------------------------------------------------------------ */
#previewHeader {
    padding: 10px 0;
    background: #014ea0;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
}

/*  ヘッダー
------------------------------------------------------------ */
#headerWrapper {
    border-top: 5px solid #356aa0;
    display: block;
    margin: 0 0 15px;
    overflow: hidden;
/*    width: 100%; */
/*    min-width: 960px; */ /* for sp */
}
#mypage #headerWrapper {
    border-top: medium none;
}
#mypage #headerContents .day {
    background: none repeat scroll 0 0;
    border-bottom: medium none;
    border-top: medium none;
}
#headerContents {
	margin: 0 auto;
	position: relative;
/*    _text-align:left; */ /*IE6用*/
}
#headerContents h1 {
    font-size: 24px;
    margin: 10px auto;
    text-align: center;
}
#headerContents .day {
    background: #f8f8f8 none repeat scroll 0 0;
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada;
    font-size: 14px;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
}
#headerContents .day p{
    text-align: center;
    height: 21px;
    margin: 12px 0;
}

/*  コンテンツ背景
------------------------------------------------------------ */
#shadow {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
/*    min-width: 960px; */ /* for sp */
}
#wrapper {
}

#coupon #wrapper,
#halfway-coupon #wrapper {
    background: #ca0000 none repeat scroll 0 0;
}

/*  トップイメージ
------------------------------------------------------------ */
#topWrapper{
    margin-bottom: 60px;
/*    min-width: 960px; */ /* for sp */
    text-align: center;
}
#topWrapper p {
	max-width: 960px;
	margin: 0 auto;
}
#topWrapper img {
	width: 100%
}
#topWrapper h2 {
    width: 960px;
    margin: 10px auto;
    text-align: left;
    font-weight: normal;
}

/*  ページトップ画像
------------------------------------------------------------ */
/*
#subtop{
}
#subtop h2{
    margin: 0 auto 40px;
    width: 960px;
}
 */

/*  コンテンツフレーム
------------------------------------------------------------ */
#mainContents {
    margin: 0 auto;
}
#mainContents h2 {
	border-color: #dadada #dadada #dadada #5085bb;
	border-style: solid;
	border-width: 1px 1px 1px 5px;
	font-size: 20px;
	margin: 0 10px 15px;
	padding: 5px 0 0 10px;
}
#mainContents h3 {
/*    border-bottom: 2px solid #dadada;
    margin-bottom: 15px;
    padding: 0 0 5px 10px; */
    display: block;
    margin: 10px auto;
    padding: 10px;
    background-color: rgba(255,255,255,0.8);
    text-align: center;
    width: 100%;
}
#mainContents h4 {
}

/*
/*  ぱんくずリスト
------------------------------------------------------------ */
#topicPath{
	width: 100%;
	min-width: 960px;
    margin-bottom: 30px;
    background: #f8f8f8;
    border-bottom: 1px solid #dadada;
}
#topicPath p {
    width: 960px;
    line-height: 36px;
    margin: 0 auto;
    padding: 0;
    font-size: 11px;
}
 */

/*  メインエリア
------------------------------------------------------------ */
#mainArea {
    width: 100%;
}
/*  コンテンツ
------------------------------------------------------------ */
.item {
    clear: both;
    margin: 0 0 30px;
    overflow: hidden;
}
.item p{
    margin:0 10px 15px;
}
.item p.signature {
    text-align:right;
}
.item ul{
    margin:0 0 15px;
}
.item ol {
    margin:0 0 15px;
}
.item ol li {
    list-style: decimal;
    margin-left: 20px;
}

.item dl {
    margin-bottom: 30px;
}
.item dt {
}
.item dd {
}
.item ul.dot,
.item dl.dot{
    margin-bottom: 30px;
}
.item ul.dot li,
.item dl.dot dd{
	background: url("/common/img/dot.gif") repeat-x scroll left bottom;
	padding-top: 10px;
	padding-bottom: 10px;
}
.item dl.dot dt{
	clear: both;
	float: left;
	width: 9em;
}
.item dl.dot dd{
	padding-top: 0;
	padding-left: 9em;
	margin-bottom: 10px;
}
.item dl.dot dd a.att{
    display: block;
}
.pagetop {
    text-align: right;
    font-size: 11px;
}
.pagetop a {
    background: url("/common/img/u_arrow.gif") no-repeat scroll left center;
    padding-left: 13px;
}

/*  フッター
------------------------------------------------------------ */
#footerWrapper {
	background: #356aa0 none repeat scroll 0 0;
	clear:both;
	font-size: 13px;
/*    background-image: url("/common/img//bg_footer.gif");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 3px; */
/*    border-bottom: 3px solid #dadada; */
/*    min-width: 960px; */ /* for sp */
}
#footerWrapper a{
    text-decoration: none;
    display: block;
}
#footerWrapper a:hover{
    text-decoration: underline;
}
#mypage #footerWrapper {
    background: none repeat scroll 0 0;
}
#mypage #f_link a:link,#mypage #f_link a:visited,#mypage #f_link a:hover {
    color: #333;
}
#mypage #f_link li a::after {
    color: #333;
}
#mypage #copyright {
    color: #333;
}
/*
#footerContents a{
    text-decoration: none;
}
#footerContents a:hover{
    text-decoration: underline;
}
*/
#footerContents {
	clear: both;
}
#f_link {
    width: 100%;
    text-align: center;
}
#f_link a:link, #f_link a:visited, #f_link a:hover {
    color: #fff;
}
#f_link li{
    display: inline-block;
}
#f_link li a:after{
	content: "/";
	padding: 0 5px;
	color: #fff;
}
#f_link li:last-child a:after{
	content: none;
}
#footerInfo{
/*	background-color: #99cc66; */
/*	vertical-align: middle; */
}

#copyright {
    color: #fff;
    padding-top: 5px;
    text-align: center;
}
/*  404ページ
------------------------------------------------------------ */
#notfound .item p{
}
#notfound .item strong{
    font-size: 20px;
}

/*  エラーメッセージ（フロント用）
------------------------------------------------------------ */
#error_area{
    text-align: center;
    padding-top: 100px;
    height: 250px;
}
#error_area p{
    text-align: center;
}
/*  個人情報保護方針 / 注意事項
------------------------------------------------------------ */
#policy #mainContents, #notes #mainContents{
	padding-right: 10px;
	padding-left: 10px;
	font-size: 13px;
}
#policy .item p, #notes .item p{
	margin: 0 0 15px;
}
#policy .item dt, #notes .item dt{
    font-size: 120%;
    font-weight: bold;
}
#policy .item dt:before, #notes .item dt:before{
	content: "■";
}
#policy .item dd, #notes .item dd{
    margin-bottom: 20px;
}
#policy .item ul li, #notes .item ul li{
    list-style: outside none disc;
    margin-left: 2em;
}
#policy .item ol li, #notes .item ol li{
	margin-left: 2em;
}

/*  個人情報の取扱いについて
------------------------------------------------------------ */
#privacy .item dl{
}
#privacy .item dt{
	font-weight: bold;
}
#privacy .item dd{
	margin-bottom: 15px;
}
#privacy .item ul{
	margin: 10px 0;
}
#privacy .item li{
    padding-left: 1em;
    text-indent: -1em;
}

/*  スマホ用　基本設定
------------------------------------------------------------ */
* {
    margin: 0;
    padding: 0;
}
img {
    height: auto;
    max-width: 100%;
}

.article {
    clear: both;
    margin-bottom: 2em;
    overflow: hidden;
}

/*  影付きボタン
------------------------------------------------------------ */
.bgBtn {
	clear: both;
	margin: 0 auto 15px !important;/*  !important必要か？ */
	width: 100%;
	max-width: 320px;
}
.bgBtn a {
/*	background: -moz-linear-gradient(top,#5085bb 0%,#356aa0); 古いFF用 */
	/* Safari4.0-5.0、Chrome4.0-9.0、iOS3.2-4.3、Android 2.1-3.0用 ※不要
	background: -webkit-gradient(linear, left top, left bottom, from(#5085bb), to(#356aa0)); */
	/* Safari5.1-6.0、Chrome10.0-25.0、iOS5.0-6.1、Android4.0-4.3用 ※不要
	background: -webkit-linear-gradient(top, #5085bb, #356aa0); */
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #5085bb, #356aa0) repeat scroll 0 0;

	border: 1px solid #1a5189;
	border-radius: 10px;
	color: #fff;
	display: block;
	font-size: 20px;
	font-weight: bold;
	opacity: 1;
	padding: 10px;
	text-align: center;
}
.bgBtn a:hover {
    opacity: 0.7;
    text-decoration: none;
}

/*  レッドボタン
------------------------------------------------------------ */
.btn_red a {
/*	background: -moz-linear-gradient(top,#ff6060 0%,#de2020); 古いFF用 */
	/* Safari4.0-5.0、Chrome4.0-9.0、iOS3.2-4.3、Android 2.1-3.0用 ※不要
	background: -webkit-gradient(linear, left top, left bottom, from(#ff6060), to(#de2020)); */
	/* Safari5.1-6.0、Chrome10.0-25.0、iOS5.0-6.1、Android4.0-4.3用 ※不要
	background: -webkit-linear-gradient(top, #ff6060, #de2020); */
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ff6060, #de2020) repeat scroll 0 0;
	border: 1px solid #ff0000;
}
/*  リセットするボタン
------------------------------------------------------------ */
.btn_reset a {
/*	background: -moz-linear-gradient(top,#fff 0%,#e1e1e1); 古いFF用 */
/* Safari4.0-5.0、Chrome4.0-9.0、iOS3.2-4.3、Android 2.1-3.0用 ※不要
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e1e1e1)); */
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff, #e1e1e1) repeat scroll 0 0;
	border: 1px solid #ccc;
	color: #666;
}

/*  スタンプカードに戻るボタン(クーポン画面用)
------------------------------------------------------------ */
.btn_return a {
/*	background: -moz-linear-gradient(top,#fff 0%,#e1e1e1); 古いFF用 */
/* Safari4.0-5.0、Chrome4.0-9.0、iOS3.2-4.3、Android 2.1-3.0用 ※不要
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e1e1e1)); */
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff, #e1e1e1) repeat scroll 0 0;
	border: 1px solid #ccc;
	color: #666;
}

/*  画面更新ボタン
------------------------------------------------------------ */
.bgBtn button{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: #ccc;
    opacity: 1;
}
.bgBtn button:hover {
    opacity: 0.7;
}
.bgBtn button.reload_btn{
/*    width: 100%; */
    max-width: 320px;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
/*    background: #5085bb; */
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #5085bb, #356aa0) repeat scroll 0 0;
/*	border: 1px solid #1a5189; */
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
/*  トップページ
------------------------------------------------------------ */
.bgBtn small {
	display: block;
}
.btn_res small {
	display: block;
	font-weight: normal;
}
.btn_res a {/*  グレーアウトした場合 */
	background: #e1e1e1 none repeat scroll 0 0;
	border: 1px solid #ccc;
	color: #c7c7c7;
}

/*  コメント表示欄
------------------------------------------------------------ */
.comment {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dadada;
    margin: 0 10px;
    max-height: 150px;
    overflow-y: scroll;
    padding: 10px;
}

/*  メールアドレス欄
------------------------------------------------------------ */
input[type=email] {
	ime-mode: disabled;
	width: 320px;
	height: 30px;
	font-size: 1em;
	padding: 0 0.5em;
}

/* TOP
------------------------------------------------------------ */
#toppage .concent{
    font-weight: bold;
    font-size: 110%;
    margin-top: 15px;
}
#toppage .concent input[type="checkbox"] {
	display: none;
}
#toppage .concent input[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  line-height: 2.5;
}
#toppage .concent  input[type="checkbox"] + label:last-child {
	margin-bottom: 0;
}
#toppage .concent  input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  border: 1px solid #004778;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

#toppage .concent  input[type="checkbox"]:checked + label:before {
  width: 10px;
  top: -10px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border: 3px solid #004778;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#toppage #consent_off a {
	background: #dcdcdc;
	border: none;
}
#toppage #consent_off a:hover {
	opacity: 1;
	cursor: default;
}

/*  参加登録
------------------------------------------------------------ */
#entry .selectBox ,
#entry .inputBox {
    margin: 0 0 20px;
    padding-left: 10px;
}
#entry .selectBox strong ,
#entry .inputBox strong {
    display: block;
    margin-bottom: 15px;
}
#entry .inputBox strong span.required{
    margin: 0 0.25em;
    padding: 0.3em;
    font-size: 0.8em;
    color: #fff;
    background: #cc0000;
    border-radius: 5px;
}
#entry .inputBox label{
    padding-right: 1em;
}
#entry .bgBtn.entry_btn{
    margin-top: 3em !important;
}
#entry .selectBox label{
    margin-right: 1em;
}

/*  参加登録完了
------------------------------------------------------------ */
#entryResult th,
#entryResult td {
    display: block;
}

/* ローダー */
#loadingPage .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
}
.ball-spin-fade-loader > div {
    background-color: #28A745;
    opacity: .65;
}
.ball-pulse > div {
    background-color: #28A745;
}
.ball-beat > div {
    background-color: #28A745;
}
.line-scale-pulse-out > div {
    background-color: #28A745;
}
.ball-spin-fade-loader > div {
    background-color: #28A745;
    opacity: .65;
}
.loader.line-scale {
    text-align: center;
}
.line-scale > div {
    background-color: #6c757d;
    height: 0.8em;
    width: 2px;
}

/* ローディングページ */
#loadingPage{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
}
#loadingPage img{
    width: 10vw;
    min-width: 80px;
}
#loadingPage .ball-pulse{
    text-align: center;
    margin-top: 1em;
}
#loadingPage .ball-pulse > div {
    background-color: #d20505;
    opacity: .65;
}
#loadingPage .ball-pulse.loading_2 > div {
    background-color: #0374cb;
}
#loadingPage .ball-pulse.loading_3 > div {
    background-color: #04bf39;
}

/*  マイページ
------------------------------------------------------------ */
#mypage {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #e0f4ff;
    background-image: url("/common/img/bg.jpg");
    background-origin: padding-box;
    background-position: center top;
    background-repeat: no-repeat;
    margin: 0 auto;
    max-width: 768px;
    width: 100%;
}
#mypage #stamp {
    width:100%
}
#mypage #stamp span.deco {
    display: block;
    text-align: center;
}
#mypage .stampBox {
    background: url("/common/img/bg_st.jpg") repeat scroll 0 0;
    margin: 0 10px 15px;
    padding: 5px;
}
#mypage table.std {
    background: #fff none repeat scroll 0 0;
    border-left: 1px solid #aace48;
    border-top: 1px solid #aace48;
	margin: 0;
}
#mypage table.std th, table.std td {
    border-bottom: 1px solid #aace48;
    border-right: 1px solid #aace48;
}
#mypage table.std th {
	background: #eef5da none repeat scroll 0 0;
}
#mypage table.std th, table.std td {
    text-align: center;
}
#mypage table.std td {
    padding: 10px 0;
}
#mypage table.std td img{
    padding: 0 10px;
}
#mypage table.std td span.dt {
    display: block;
    margin: 8px 2px 0;
    font-size: 10px;
}
/*
.btn_present a {
	background: -moz-linear-gradient(top,#ff6060 0%,#de2020);
	background: -webkit-gradient(linear, left top, left bottom, from(#ff6060), to(#de2020));
	border: 1px solid #ff0000;
}
*/
/*
.btn_present a {  グレーアウトした場合
	background: #e1e1e1 none repeat scroll 0 0;
	border: 1px solid #ccc;
	color: #c7c7c7;
}
*/
#mypage .buttons {
    margin: 0 auto 20px;
    max-width: 660px;
    overflow: hidden;
    padding: 0 10px;
}
#mypage .btn_map {
    float: left;
    margin: 0 2%;
    width: 49%;
}
#mypage .btn_list {
    clear: none;
    float: right;
    margin: 0;
    width: 49%;
}
#mypage #headerContents h1 {
    min-height: 40px;
}
#mypage #search_tit {
    width: 10em;
}
#mypage #item_reload{
    text-align: center;
    margin-top: 30px;
}

#mypage #item_reset-confilm{
    background: #fff;
}

#mypage #item_reset-confilm .bold{
    font-weight: bold;
}

/*  ■スタンプカード(TAB)■  */
#mypage input[type="radio"]{
	display:none;
}
#mypage .tab_area .tabs{
    display:flex;
    justify-content: space-between;
    padding: 0 5px;
}
#mypage .tab_area li{
    color: #fff;
    background: #5085bb none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
/*    line-height: 30px; */
    margin: 0 1% 6px 0;
    width: 100%;
}
#mypage .tab_area li:last-child {
    margin-right: 0;
}
#mypage .tab_area label{
    display: block;
    cursor: auto;
}
#mypage .tab_area label:hover{
    cursor: pointer;
}
#mypage .panel_area{
}
#mypage .tab_panel{
	width:100%;
	display:none;
}
#mypage .tab_panel .cntStamp{
    text-align: center;
    background: #fff;
}
#mypage .tab_panel .cntStamp h3{
    margin: 0;
}
#mypage .tab_panel .cntStamp p{
    font-size: 2rem;
    margin-bottom: 0;
}
#mypage .tab_panel .cntStamp .num {
    margin-right: 0.25em;
    font-weight: bold;
}
#mypage .tab_panel table.std {
	margin: 0;
	background:#fff;
}
#tab1:checked ~ .tab_area li.tab1,
#tab2:checked ~ .tab_area li.tab2,
#tab3:checked ~ .tab_area li.tab3{
    color: #5085bb;
    background: #fff none repeat scroll 0 0;
    border-left: 2px solid #5085bb;
    border-right: 2px solid #5085bb;
    border-top: 2px solid #5085bb;
    border-radius: 5px 5px 0 0;
    padding: 5px 5px 15px;
    margin-bottom: 0;
}
#tab1:checked ~ .panel_area #panel1,
#tab2:checked ~ .panel_area #panel2,
#tab3:checked ~ .panel_area #panel3{
	display:block;
}

/*  中間賞、コンプリート賞
------------------------------------------------------------ */
#halfwaypoint .beneTitle,
#complete .beneTitle {
    font-size: 40px;
    color: #ff3800;
    font-weight: bold;
}
#halfwaypoint .beneTitle strong,
#complete .beneTitle strong{
    display: block;
    font-size: 62px;
    line-height: 1;
}

/*  引換券、中間賞引換券
------------------------------------------------------------ */
#coupon #mainContents h2,
#halfway-coupon #mainContents h2 {
    color: #fff;
}
#coupon .couponBox,
#halfway-coupon .halfway-couponBox {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    margin: 15px 10px 0;
    padding: 10px;
}

#coupon .couponBox strong,
#halfway-coupon .halfway-couponBox strong {
    color: #ca0000;
    display: block;
    font-size: 28px;
    margin-bottom: 15px;
    text-align: center;
}
#coupon #resetBox,
#halfway-coupon #resetBox {
    color: #fff;
}

/*  スタンプリセット画面、スタンプリセット確認画面
------------------------------------------------------------ */
.stampCntBox{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 15px;
    padding: 0 10px;
    font-size: 24px;
    font-weight: bold;
}
.stampCntBox .num{
    text-align: right;
    display: block;
    font-size: 120%;
}
.stampCntBox .num .unit{
    margin-left: 0.25em;
}
#item_reset-confilm,
#item_reset{
    margin: 0 10px 30px;
    padding: 10px;
    border: 1px solid #ca0000;
    border-radius: 10px;
}
#item_reset-confilm .resetInfoBox h3,
#item_reset .resetInfoBox h3{
	font-size: 105%;
}
#item_reset-confilm .btnComm,
#item_reset .btnComm{
    font-size: 14px;
}

/*  タブ
------------------------------------------------------------ */
.item ul.tabs {
    background: url("/common/img/listline.gif") repeat-x scroll center bottom;
    display: table;
    overflow: hidden;
    padding: 0 10px;
    width: 100%;
}
.item ul.tabs li {
    display: table-cell;
    width: 50%;
}
.item ul.tabs li {
    display: block;
    float: left;
    font-weight: bold;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    width: 49%;
}
.item ul.tabs li.on {
	background: #fff none repeat scroll 0 0;
	border-left: 2px solid #5085bb;
	border-right: 2px solid #5085bb;
	border-top: 2px solid #5085bb;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    padding: 5px 5px 15px;
}
.item ul.tabs li:last-child {
    margin-left: 2%;
}
.item ul.tabs li:hover {
    color: #fff;
}
.item ul.tabs li a {
    color: #5085bb;
    display: block;
}
.item ul.tabs li a:hover {
	text-decoration: none;
}
.item ul.tabs li.toggle_off {
    background: #5085bb none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    line-height: 30px;
}
.item ul.tabs li.toggle_off a {
    color: #fff;
    display: block;
}
.item ul.tabs li.toggle_off a:hover {
	text-decoration: none;
}
/*  マイページタブ表示用リスト
------------------------------------------------------------ */
#tablist .ssid {
    color: #0084c1;
    margin-bottom: 15px;
}
#tablist .ssid img {
    margin: 5px;
    width: 40px;
}
#tablist .ssid img.wifi {
    margin: 0;
    width: 20px;
}
#tablist{
	padding-bottom: 10px;
	background: #fff;
}
#tablist .article {
    clear: both;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0 10px;
}
#tablist h3 {
/*    background: #f4f4f4 none repeat scroll 0 0; */
    border-bottom: medium none;
    border-top: 2px solid #5085bb;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 15px 0 0 0;
    width: 100%;
    display: flex;
}
#tablist .marker {
}
#tablist .marker p{
    margin: 0 10px 0 0;
	width: 25px;
}
#tablist .marker p img{
}
#tablist .spotname {
    text-align: left;
}
#tablist .csinfo{
    font-size: 14px;
    margin-bottom: 15px;
}
#tablist .csCaption {
    font-size: 18px;
    margin: 0 0 10px;
}
#tablist .csinfo dl{
	display: flex;
	flex-wrap: wrap;
    margin-bottom: 10px;
	text-align: center;
}
#tablist .csinfo dt{
	width: 5em;
	border-bottom: 1px solid #dadada;
	background: #5085bb;
	color: #fff;
	padding: 0.25em;
}
#tablist .csinfo dt:last-child{
	border-bottom: 0;
}
#tablist .csinfo dd{
	width: calc(100% - 5em);
	border: 1px solid #dadada;
	border-bottom: 0;
	padding: 0.25em;
}
#tablist .csinfo dd:last-child{
	border-bottom: 1px solid #dadada;
}
#tablist .photo {
	position: relative;
    display: block;
    float: left;
    margin-right: 2%;
/*    overflow: hidden; */
    width: 33%;
}
#tablist .photo.termend:before {
	content: "--終了--";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    z-index: 10;
}
#tablist .ribbon-wrapper {
    overflow: hidden;
    position: absolute;
    top: -2px;
    right: -2px;
    width: 70px;
    height: 70px;
    z-index: 20;
}
#tablist .ribbon {
    position: relative;
    top: 10px;
    right: -2px;
    width: 90px;
    box-shadow: 0 0 3px rgb(0 0 0 / 30%);
    line-height: 100%;
    padding: 0.25em 0;
    font-size: 12px;
    text-align: center;
/*    text-shadow: 0 -1px 0 rgb(0 0 0 / 40%); */
    text-transform: uppercase;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #ff0000;
    color: #fff;
}
#tablist .outline {
    float: right;
    width: 65%;
}
#tablist .cstag {
    display:flex;
    justify-content: flex-end;
    margin-bottom: 15px;
}
#tablist .cstag:first-child {
	margin-left: 0;
}
#tablist .accessBox {
    display: table;
    margin-bottom: 0;
    width: 100%;
}
#tablist .access {
    display: table-cell;
    height: auto;
    line-height: 1.6;
    vertical-align: middle;
    width: 95%;
    font-size: 13px;
}
#tablist .access p {
    margin: 0;
    text-align: right;
}
#tablist .route {
    display: table-cell;
    float: none;
    height: auto;
    line-height: 1.6;
    padding-left: 10px;
    vertical-align: middle;
    width: 5%;
}
#tablist .route a {
    display: block;
    width: 40px;
}

/*  カテゴリアイコン(基本)
------------------------------------------------------------ */
span.tag {
	display: inline-block;
	width: 5em;
	margin-left: 1em;
	padding: 5px;
	text-align: center;
	font-size: 12px;/*14px*/
	color: #fff;
	background: #bbb;
}

/*  カテゴリアイコン(コース対象者)
------------------------------------------------------------ */
span.tag.tarCate_01{
	background: #69add7;/*街歩き*/
}
span.tag.tarCate_02{
	background: #93b74b;/*山歩き*/
}
/*  カテゴリアイコン(コース種類)
------------------------------------------------------------ */
span.tag.typeCate_01{
	background: #dfb573;/*一般向き*/
}
span.tag.typeCate_02{
	background: #e58aa1;/*家族向き*/
}
/*
span.tag.updCate_02{
	background: #bb81b6;
}
span.tag.updCate_06{
	background: #fff;
	border: 1px solid #aaa;
	color: #aaa;
}
*/

/*  マップ＆リスト
------------------------------------------------------------ */
.ssid {
    color: #0084c1;
    margin-bottom: 15px;
}
.ssid img {
    margin: 5px;
    width: 40px;
}
.ssid img.wifi {
    margin: 0;
    width: 20px;
}
#list .article {
    clear: both;
    margin-bottom: 2em;
    overflow: hidden;
    padding: 0 10px;
}
#list h3 {
    background: #f4f4f4 none repeat scroll 0 0;
    border-bottom: medium none;
    border-top: 2px solid #5085bb;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 5px 10px;
    display: table;
    width: 100%;
}
#list .spotname {
    display: table-cell;
    width: 95%;
}
#list .marker {
    display: table-cell;
    width: 5%;
}
#list .marker p{
    display: block;
    width: 25px;
    margin: 0 10px 0 0;
}
#list .photo {
    display: block;
    float: left;
    margin-right: 4%;
    overflow: hidden;
    width: 30%;
}
#list .outline {
    float: right;
    width: 66%;
}
#list .accessBox {
    display: table;
    margin-bottom: 0;
    width: 100%;
}
#list .access {
    display: table-cell;
    height: auto;
    line-height: 1.6;
    vertical-align: middle;
    width: 95%;
    font-size: 13px;
}
#list .item .access p {
    margin: 0;
}
#list .route {
    display: table-cell;
    float: none;
    height: auto;
    line-height: 1.6;
    padding-left: 10px;
    vertical-align: middle;
    width: 5%;
}
#list .route a {
    display: block;
    width: 40px;
}
/*  マップ
------------------------------------------------------------ */
body.map, body.map #shadow, body.map #wrapper, body.map #mainContents, body.map #mainArea {
    height: 100%;
}
body.map #mainContents {
    max-width: none;
    width: 100%;
}
body.map #shadow{
    margin-bottom: 0;
}
#map .item {
	padding-right: 0; /* ガーター */
	padding-left: 0; /* ガーター */
}
#mapMenuBar {
    background: #6b6351 none repeat scroll 0 0;
    height: 70px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 100%;
}
.map_frame {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    margin-bottom: 15px;
    padding: 0px 10px;
}
#map-canvas {
    height: 400px;
    width: 100%;
}
.btnList {
    float: left;
    margin: 2px auto 0;
    max-width: 100px;
    width: 100%;
}
.btnList a {
    background: #fff none repeat scroll 0 0;
    border-bottom: 5px solid #585140;
    border-radius: 10px;
    color: #333;
    display: block;
    font-size: 18px;
    opacity: 1;
    padding: 7px 0;
    text-align: center;
}
.btnList a:hover {
    opacity: 0.7;
    text-decoration: none;
}
#mapResults {
    color: #fff;
    float: right;
    line-height: 50px;
}

/*  マップ吹き出し
------------------------------------------------------------ */
.balloon {
    width: 350px;
    max-width: 100%;
    margin: 6px 0;
    font-size: 80%;
}
.balloon .ssid {
    margin-bottom: 10px;
}
.balloon .ssid img {
    margin: 0 5px 0 0;
    width: 40px;
}
.balloon .ssid img.wifi {
    width: 20px;
}
.balloon .photo {
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
}
.balloon .photo img {
    max-width: 96px;
}
#map-canvas .balloon h3 {
    font-size: 130%;
    color: #333;
    border-bottom: none;
    margin-bottom: 0;
    padding: 0;
}
.balloon-info p {
}
.balloon .route img{
    width: 27px;
    margin-left: 5px;
    vertical-align: top;
}
.balloon .category-icon li {
    width: 20px;
}
.balloon .category-icon img {
    width: 20px;
}

/*  アラート
------------------------------------------------------------ */
.alert {
    background: #b5e5ef url("../img/icn_alert_info.png") no-repeat scroll 10px 10px;
    border: 1px solid #77bace;
    border-radius: 5px;
    color: #082b33;
    display: block;
    line-height: 1.6;
    margin: 20px 3%;
    padding: 10px 10px 10px 40px;
}
.alert_info {
    background-color: #b5e5ef;
    background-image: url("../img/icn_alert_info.png");
    border: 1px solid #77bace;
    color: #082b33;
}
.alert_warning {
    background-color: #f5f3ba;
    background-image: url("../img/icn_alert_warning.png");
    border: 1px solid #c7a20d;
    color: #796616;
}
.alert_error {
    background-color: #f3d9d9;
    background-image: url("../img/icn_alert_error.png");
    border: 1px solid #d20009;
    color: #7b040f;
}
.alert_success {
    background-color: #e2f6c5;
    background-image: url("../img/icn_alert_success.png");
    border: 1px solid #79c20d;
    color: #32510f;
}

/*  ロード中のスピナー(画面中央)
------------------------------------------------------------ */
#loading {
    width: 100%;
    height: 48px;
    display: none;
    position: fixed;
    _position: absolute; /* forIE6 */
    top: 50%;
    left: 0;
    margin: 0 auto; /* harlf of height */
    z-index: 10000; /* cboxOverlayが9999になっているため */
}
#loading .msg{
    text-align: center;
}

/*  処理中のスピナー(指定箇所に)
------------------------------------------------------------ */
.snippet {
    position: relative;
    background: #fff;
    padding-left: 5%;
/*    padding: 2rem 5%; */
    /*
    margin: 1.5rem 0;
    box-shadow: 0 0.4rem 0.8rem -0.1rem rgb(0 32 128 / 10%), 0 0 0 1px #f0f2f7;
    border-radius: .25rem;
    */
}
.stage {
	display: flex;
/*	justify-content: center; */
	align-items: center;
	position: relative;
/*	padding: 2rem 0; */
	padding: 2rem;
	margin: 0 -5%; 
	overflow: hidden;
}

/**
 * ==============================================
 * Dot Spin
 * ==============================================
 */
 /* 色変更 #9880ff → #727272 rgb(152, 128, 255) → rgb(114, 114, 114) */
.dot-spin {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: transparent;
  color: transparent;
  box-shadow: 0 -18px 0 0 #727272, 12.72984px -12.72984px 0 0 #727272, 18px 0 0 0 #727272, 12.72984px 12.72984px 0 0 rgba(114, 114, 114, 0), 0 18px 0 0 rgba(114, 114, 114, 0), -12.72984px 12.72984px 0 0 rgba(114, 114, 114, 0), -18px 0 0 0 rgba(114, 114, 114, 0), -12.72984px -12.72984px 0 0 rgba(114, 114, 114, 0);
  -webkit-animation: dot-spin 1.5s infinite linear;
  animation: dot-spin 1.5s infinite linear;
}

@-webkit-keyframes dot-spin {
  0%,
  100% {
    box-shadow: 0 -18px 0 0 #727272, 12.72984px -12.72984px 0 0 #727272, 18px 0 0 0 #727272, 12.72984px 12.72984px 0 -5px rgba(114, 114, 114, 0), 0 18px 0 -5px rgba(114, 114, 114, 0), -12.72984px 12.72984px 0 -5px rgba(114, 114, 114, 0), -18px 0 0 -5px rgba(114, 114, 114, 0), -12.72984px -12.72984px 0 -5px rgba(114, 114, 114, 0);
  }
  12.5% {
    box-shadow: 0 -18px 0 -5px rgba(114, 114, 114, 0), 12.72984px -12.72984px 0 0 #727272, 18px 0 0 0 #727272, 12.72984px 12.72984px 0 0 #727272, 0 18px 0 -5px rgba(114, 114, 114, 0), -12.72984px 12.72984px 0 -5px rgba(114, 114, 114, 0), -18px 0 0 -5px rgba(114, 114, 114, 0), -12.72984px -12.72984px 0 -5px rgba(114, 114, 114, 0);
  }
  25% {
    box-shadow: 0 -18px 0 -5px rgba(114, 114, 114, 0), 12.72984px -12.72984px 0 -5px rgba(114, 114, 114, 0), 18px 0 0 0 #727272, 12.72984px 12.72984px 0 0 #727272, 0 18px 0 0 #727272, -12.72984px 12.72984px 0 -5px rgba(114, 114, 114, 0), -18px 0 0 -5px rgba(114, 114, 114, 0), -12.72984px -12.72984px 0 -5px rgba(114, 114, 114, 0);
  }
  37.5% {
    box-shadow: 0 -18px 0 -5px rgba(114, 114, 114, 0), 12.72984px -12.72984px 0 -5px rgba(114, 114, 114, 0), 18px 0 0 -5px rgba(114, 114, 114, 0), 12.72984px 12.72984px 0 0 #727272, 0 18px 0 0 #727272, -12.72984px 12.72984px 0 0 #727272, -18px 0 0 -5px rgba(114, 114, 114, 0), -12.72984px -12.72984px 0 -5px rgba(114, 114, 114, 0);
  }
  50% {
    box-shadow: 0 -18px 0 -5px rgba(114, 114, 114, 0), 12.72984px -12.72984px 0 -5px rgba(114, 114, 114, 0), 18px 0 0 -5px rgba(114, 114, 114, 0), 12.72984px 12.72984px 0 -5px rgba(114, 114, 114, 0), 0 18px 0 0 #727272, -12.72984px 12.72984px 0 0 #727272, -18px 0 0 0 #727272, -12.72984px -12.72984px 0 -5px rgba(114, 114, 114, 0);
  }
  62.5% {
    box-shadow: 0 -18px 0 -5px rgba(114, 114, 114, 0), 12.72984px -12.72984px 0 -5px rgba(114, 114, 114, 0), 18px 0 0 -5px rgba(114, 114, 114, 0), 12.72984px 12.72984px 0 -5px rgba(114, 114, 114, 0), 0 18px 0 -5px rgba(114, 114, 114, 0), -12.72984px 12.72984px 0 0 #727272, -18px 0 0 0 #727272, -12.72984px -12.72984px 0 0 #727272;
  }
  75% {
    box-shadow: 0 -18px 0 0 #727272, 12.72984px -12.72984px 0 -5px rgba(114, 114, 114, 0), 18px 0 0 -5px rgba(114, 114, 114, 0), 12.72984px 12.72984px 0 -5px rgba(114, 114, 114, 0), 0 18px 0 -5px rgba(114, 114, 114, 0), -12.72984px 12.72984px 0 -5px rgba(114, 114, 114, 0), -18px 0 0 0 #727272, -12.72984px -12.72984px 0 0 #727272;
  }
  87.5% {
    box-shadow: 0 -18px 0 0 #727272, 12.72984px -12.72984px 0 0 #727272, 18px 0 0 -5px rgba(114, 114, 114, 0), 12.72984px 12.72984px 0 -5px rgba(114, 114, 114, 0), 0 18px 0 -5px rgba(114, 114, 114, 0), -12.72984px 12.72984px 0 -5px rgba(114, 114, 114, 0), -18px 0 0 -5px rgba(114, 114, 114, 0), -12.72984px -12.72984px 0 0 #727272;
  }
}

@keyframes dot-spin {
  0%,
  100% {
    box-shadow: 0 -18px 0 0 #727272, 12.72984px -12.72984px 0 0 #727272, 18px 0 0 0 #727272, 12.72984px 12.72984px 0 -5px rgba(114, 114, 114, 0), 0 18px 0 -5px rgba(114, 114, 114, 0), -12.72984px 12.72984px 0 -5px rgba(114, 114, 114, 0), -18px 0 0 -5px rgba(114, 114, 114, 0), -12.72984px -12.72984px 0 -5px rgba(114, 114, 114, 0);
  }
  12.5% {
    box-shadow: 0 -18px 0 -5px rgba(114, 114, 114, 0), 12.72984px -12.72984px 0 0 #727272, 18px 0 0 0 #727272, 12.72984px 12.72984px 0 0 #727272, 0 18px 0 -5px rgba(114, 114, 114, 0), -12.72984px 12.72984px 0 -5px rgba(114, 114, 114, 0), -18px 0 0 -5px rgba(114, 114, 114, 0), -12.72984px -12.72984px 0 -5px rgba(114, 114, 114, 0);
  }
  25% {
    box-shadow: 0 -18px 0 -5px rgba(114, 114, 114, 0), 12.72984px -12.72984px 0 -5px rgba(114, 114, 114, 0), 18px 0 0 0 #727272, 12.72984px 12.72984px 0 0 #727272, 0 18px 0 0 #727272, -12.72984px 12.72984px 0 -5px rgba(114, 114, 114, 0), -18px 0 0 -5px rgba(114, 114, 114, 0), -12.72984px -12.72984px 0 -5px rgba(114, 114, 114, 0);
  }
  37.5% {
    box-shadow: 0 -18px 0 -5px rgba(114, 114, 114, 0), 12.72984px -12.72984px 0 -5px rgba(114, 114, 114, 0), 18px 0 0 -5px rgba(114, 114, 114, 0), 12.72984px 12.72984px 0 0 #727272, 0 18px 0 0 #727272, -12.72984px 12.72984px 0 0 #727272, -18px 0 0 -5px rgba(114, 114, 114, 0), -12.72984px -12.72984px 0 -5px rgba(114, 114, 114, 0);
  }
  50% {
    box-shadow: 0 -18px 0 -5px rgba(114, 114, 114, 0), 12.72984px -12.72984px 0 -5px rgba(114, 114, 114, 0), 18px 0 0 -5px rgba(114, 114, 114, 0), 12.72984px 12.72984px 0 -5px rgba(114, 114, 114, 0), 0 18px 0 0 #727272, -12.72984px 12.72984px 0 0 #727272, -18px 0 0 0 #727272, -12.72984px -12.72984px 0 -5px rgba(114, 114, 114, 0);
  }
  62.5% {
    box-shadow: 0 -18px 0 -5px rgba(114, 114, 114, 0), 12.72984px -12.72984px 0 -5px rgba(114, 114, 114, 0), 18px 0 0 -5px rgba(114, 114, 114, 0), 12.72984px 12.72984px 0 -5px rgba(114, 114, 114, 0), 0 18px 0 -5px rgba(114, 114, 114, 0), -12.72984px 12.72984px 0 0 #727272, -18px 0 0 0 #727272, -12.72984px -12.72984px 0 0 #727272;
  }
  75% {
    box-shadow: 0 -18px 0 0 #727272, 12.72984px -12.72984px 0 -5px rgba(114, 114, 114, 0), 18px 0 0 -5px rgba(114, 114, 114, 0), 12.72984px 12.72984px 0 -5px rgba(114, 114, 114, 0), 0 18px 0 -5px rgba(114, 114, 114, 0), -12.72984px 12.72984px 0 -5px rgba(114, 114, 114, 0), -18px 0 0 0 #727272, -12.72984px -12.72984px 0 0 #727272;
  }
  87.5% {
    box-shadow: 0 -18px 0 0 #727272, 12.72984px -12.72984px 0 0 #727272, 18px 0 0 -5px rgba(114, 114, 114, 0), 12.72984px 12.72984px 0 -5px rgba(114, 114, 114, 0), 0 18px 0 -5px rgba(114, 114, 114, 0), -12.72984px 12.72984px 0 -5px rgba(114, 114, 114, 0), -18px 0 0 -5px rgba(114, 114, 114, 0), -12.72984px -12.72984px 0 0 #727272;
  }
}


/*-------------------------------------------*/
/*	420px 以下の画面幅で適用する CSS
/*-------------------------------------------*/
@media screen and (max-width:420px){/*420px 以下の画面幅で適用する CSS*/
/*  中間賞、コンプリート賞
------------------------------------------------------------ */
#halfwaypoint .beneTitle,
#complete .beneTitle {
    font-size: 24px;
}
#halfwaypoint .beneTitle strong,
#complete .beneTitle strong{
    font-size: 35px;
}
#halfwaypoint .beneImg ,
#complete .beneImg ,
#mypage .beneImg {
    max-width: 120px;
    margin: 0 auto 15px;
}

}