@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
----スマートフォン用-----------------------------------------------------------
-----------------------------------------------------------------------------*/
@media (max-width:768px) {

html {
	font-family: tbudrgothic-std,sans-serif;
	font-weight: 400;
	font-style: normal;
}
button, input, select, textarea {
	font-family: tbudrgothic-std,sans-serif;
	font-weight: 400;
	font-style: normal;
}
body {
	color: #111;
	line-height: 1.8em;
	letter-spacing: 0.05em;
	background: #fff url("images/pages/body_bg.png")repeat;
	overflow-x: hidden;
	font-size: 98%;
}
body.mirai {
	background: none;
}
body.common {
	background: none;
}
a {
	color: #4393D9;
}
a:hover {
	text-decoration: none;
}
a:visited {
	color: #4393D9;
}
a:focus {
	outline: none;
}
a:active, a:hover {
	color: #4393D9;
	text-decoration: none;
	outline: 0;
}
img {
	max-width: 100%;
	height: auto;
	width: auto;
	vertical-align: bottom;
}
/*PC非表示、SP表示*/
.pc_show {
	display: none;
}



/* フェードアップ */
.js-02-fadeUp {
  opacity: 0; 
  transform: translateY(60px); /* 開始位置 */
  transition: opacity 1s, transform .8s; /* 透過率と速度 */
}
.js-02-fadeUp.is-inview {
  opacity: 1; 
  transform: translateY(0); /* 0に移動する */
  transition-delay: 1.2s; /* フェード開始遅延 */
}


.dokidoki {
	animation-name:dokidoki;	/* アニメーション名の指定 */
	animation-delay:0s;		/* アニメーションの開始時間指定 */
	animation-duration: 2.5s;	/* アニメーション動作時間の指定 */
	animation-timing-function: ease-in-out;
	/* アニメーションの動き（徐々に早く徐々に遅く）*/
	animation-iteration-count: infinite; /* アニメーションをループさせる */
}
@keyframes dokidoki {
    0% {
        transform: scale(1);
    }
    40% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.07);
    }
    60% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}


@media (prefers-color-scheme: dark) {
  body {
    background: #fff url("images/pages/body_bg.png")repeat;
  }
}

/**
 * 4.0 Header
 * ----------------------------------------------------------------------------
 */
/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */

header {
	margin: 0;
	padding: 0;
	width:100%;
	border-top: 4px solid #005EB8;
}
.header_inner {
	/*position: relative;*/
}

#site_title {
	margin: 0 auto;
	padding: 35px 6vw 36px 0;
	width: 78%;
	max-width: 550px;
}


.mirai header {
	border-top: 5px solid #FF8FC3;
	border-bottom: 8px solid rgba(255,230,241,1.00);
}
.mirai .header_inner {
	padding: 35px 0 10px;
}
.mirai #site_title {
	padding: 0;
}

.common header {
	background: #005eb8;
	border-top: none;
}
.common .header_inner {
	padding: 0;
	display: flex;
	height: 45px;
}
.common .header_inner:before {
	display: none;
}
.common a.pageback {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	width: 80px;
	color: #fff;
	font-size: 85%;
	text-align: center;
	background: #004587;
	text-decoration: none;
	transition: all .2s;
}
.common a.pageback span {
	display: inline-block;
}
.common a.pageback:hover,
.common a.pageback:active {
	background: #003262;
	transition: all .2s;	
}
.common #site_title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 10px;
	width: 100%;
	max-width: inherit;
	color: #fff;
	line-height: 1.3em;
}


/*「参加店舗一覧」「地図から探す」　共通テンプレート*/
.common header.common_list {
	/*height: 50px;*/
}
.common header.common_list a.pageback {
/*	height: 50px;*/
}

.common header nav {
    width: 100%;
	height: 80px;
	z-index: 2;
}
.common header nav ul {
	display: flex;
	background: #fff;
}
.common header nav ul li {
	flex-grow: 1;
}
.common header nav ul li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-align: center;
}
/*取扱店一覧*/
.common header nav ul li.tenantlist a {
	background: rgba(234,197,16,0.6);
}
.common header nav ul li.tenantlist a:active,
.common header nav ul li.tenantlist a:focus {
	background: rgba(234,197,16,0.95);
	transition: all .1s;
}
/*地図から探す*/
.common header nav ul li.map a {
	background: rgba(61,50,22,0.6);
}
.common header nav ul li.map a:active,
.common header nav ul li.map a:focus {
	background: rgba(61,50,22,0.95);
	transition: all .1s;
}

.common header nav ul li a img {
	height: 80px;
}



/*--------------------------------------------------------------------
----ナビゲーション----------------------------------------------------
--------------------------------------------------------------------*/
/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn{
	/*ボタン内側の基点となるためrelativeを指定。
追従するナビゲーションの場合はfixed＋top、rightといった位置をセットで指定*/
	position: fixed;
	top: 15px;
	right: 15px;
	background:#efcc3a;
	cursor: pointer;
    width: 75px;
    height:75px;
	border-radius: 50%;
	z-index: 20;
	
}

/*ボタン内側*/
.openbtn span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 18px;
    height: 4px;
    border-radius: 2px;
	background: #4D3F19;
  	width: 50%;
  }

.openbtn span:nth-of-type(1) {
	top:17px;	
}

.openbtn span:nth-of-type(2) {
	top:28px;
}

.openbtn span:nth-of-type(3) {
	top:39px;
}

.openbtn span:nth-of-type(3)::after {
	content:"メニュー";/*3つ目の要素のafterにメニュー表示を指定*/
	position: absolute;
	top:3px;
	left:-14px;
	width: 70px;
	text-align: center;
	color: #4D3F19;
	font-size: 0.65rem;
	text-transform: uppercase;
}

/*activeクラスが付与されると線が回転して×になり、メニュー⇒とじるに変更*/

.openbtn.active span:nth-of-type(1) {
    top: 23px;
    left: 19px;
    transform: translateY(6px) rotate(-45deg);
    width: 49%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 35px;
    left: 19px;
    transform: translateY(-6px) rotate(45deg);
    width: 49%;
}

.openbtn.active span:nth-of-type(3)::after {
	content:"とじる";/*3つ目の要素のafterにとじる表示を指定*/
    transform: translateY(0) rotate(-45deg);
	position: absolute;
	top:6px;
	left:2px;
	width: 70px;
	text-align: center;
}


.sp_nav {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 10;
    background-color: rgba(229,245,255,1.00);
    width: 100%;
    height: 100%;
	overflow-y: auto;
}
.mirai .sp_nav {
	background-color: rgba(255,230,241,1.00);
}

.sp_nav_wrap{
    display: flex;
    height: 100%;
    justify-content: center;
	margin-bottom: 150px;
	padding: 40px 0 0;
    width: 100%;
}
.sp_nav ul {
	margin-left: 20px; 
}
.sp_nav ul li {
	margin: 0 0 5px 0;
	/*width: 80%;*/
}



/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */

/*コンテンツメイン*/
.contents_main {
	margin: 0 auto;
	width: 93%;
}
.contents_1col_top {
	margin: 0 auto;
	width: 94%;
}
.contents_2col {
	display: flex;
	flex-direction: column;
}
.contents_page {
	margin-bottom: 40px;
}
.contents_page_map {
	order: 2;
}
#rightside_map {
	order: 1;
}

.contents_1col_top h2 {
	margin: 1em auto;
	padding: 0;
	width: 85%;
	color: #2888C4;
	font-family: tbudrgothic-std,sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 130%;
	text-align: center;
	letter-spacing: 0.06em;
	line-height: 1.4em;
}
.contents_1col_top h2 span {
	position: relative;
	display: inline-block;
}
.contents_1col_top h2 span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -1.3em;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	display: inline-block;
	background: url("images/pages/list_h2top.png")no-repeat;
	background-size: contain;
	width: 17px;
	height: 37px;
}
.contents_1col_top h2 span:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -1.2em;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	display: inline-block;
	background: url("images/pages/list_h2top.png")no-repeat;
	background-size: contain;
	width: 17px;
	height: 37px;
}

/*こども未来*/
.mirai .contents_1col_top h2 {
	color: #ff439b;
}
.mirai .contents_1col_top h2 span:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -1.2em;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	display: inline-block;
	background: url("images/pages/mirai_list_h2top.png")no-repeat;
	background-size: contain;
	width: 11px;
	height: 100%;
}
.mirai .contents_1col_top h2 span:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -1.2em;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	display: inline-block;
	background: url("images/pages/mirai_list_h2top.png")no-repeat;
	background-size: contain;
	width: 11px;
	height: 100%;
}

/*-------------------------------------------------------
----事業全体のトップページ-----------------------------------
-------------------------------------------------------*/
#bg_base,
#bg_base_baloon {
	position: relative;
	width: 100%;
	height: 100vh;
}
#bg_base:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 50%;
	background: #fdc7e0;
	z-index: -1;
}
#bg_base:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 50%;
	background: #b3d1f9;
	z-index: -1;
}
#bg_base_baloon {
	position: relative;
	background: url("images/kinokawapay_topbg_sp.svg")no-repeat;
	background-size: cover;
	background-position: 90% 0%;
}

.logo_20th {
	position: absolute;
}
.logo_20th img {
	width: 100px;
	height: auto;
}
.contents {
display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.top_btn ul {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
    width: clamp(290px,70%,360px);
    height: 53vh;
	min-height: 380px;
		
}
.top_btn ul li {
	position: relative;
	margin: 10px 0;
	text-align: center;
}
.top_btn ul li > span {
	position: absolute;
	top: 37%;
	left: 50%;
	transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
	padding: 5px 0 3px;
	width: 50%;
	font-size: 1.2em;
	font-weight: 700;
    background: rgba(255,255,255,0.7);
}
.top_btn ul li a {
	display: block;
}
.top_btn ul li img {
	opacity: 0.5;
}
.top_btn ul li a > img {
	opacity: 1.0;
	border: 5px solid rgba(255,255,255,0.8);
	border-radius: 10px;
}

.tenant_btn.toppage {
	position: absolute;
	left: 0;
	bottom: 3vh;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.tenant_btn.toppage p span {
	font-size: 0.8em;
}
.tenant_btn.toppage a {
	width: 75%;
	max-width: 800px;
}
/*-------------------------------------------------------
----トップページアンケート-----------------------------------
-------------------------------------------------------*/
.survey {
	padding: 20px;
	background: rgba(255,230,241,1.00);
}
.survey .survey_btn {
	display: flex;
	margin: 0 auto;
	width: 85%;
	max-width: 580px;
}
.survey .survey_btn .qr {
	display: none;
}
.survey .survey_btn .txt {
	width: 100%;
}
.survey .survey_btn .txt a {
	display: block;
	padding: 7% 2% 5%;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: clamp(23px, 6vw, 45px);
	text-decoration: none;
	text-align: center;
	background: #e05a2a;
	border-radius: 20px;
	transition: all .2s;
}
.survey .survey_btn .txt a:hover,
.survey .survey_btn .txt a:active {
	background: #E03A2A;
	transition: all .2s;
}
.survey .survey_btn .txt a span small {
	font-size: .5em;
}
/*プレミアム付デジタル商品券*/
.gift .survey {
	padding: 10px 0 30px;
	background: inherit;
}
.gift .survey .survey_btn {
	width: 85%;
    max-width: 750px;
}
.gift .survey .survey_btn .txt a {
	font-size: clamp(28px, 5.8vw, 45px);
}
.gift .survey .survey_btn .txt a span small {
	display: inline-block;
    padding-top: 3%;
	font-size: .65em;
}

/*-------------------------------------------------------
----トップページMV-----------------------------------
-------------------------------------------------------*/
.mv {
	position: relative;
	background: url("images/mv/mv_bg.png")no-repeat;
	background-size: cover;
	background-position: 57%;
	padding: 10px 0;
}

/*.mv .car {
	position: relative;
	top: -36px;
	width: 100%;
	text-align: right;
}
.mv .car img {
	margin-right: -75px;
	width: 75px;
	height: auto;
	animation:ToLeft 2s 300ms 1 forwards;
	will-change: animation;
}
@keyframes ToLeft {
	to {
	  margin-right: 75%;
	}
}*/

.img_wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
	padding: 30px 0;
	width: 95%;
}
.img_wrapper .kinokawapay {
	order: 2;
	text-align: center;
	width: 61%;
}
.mv .img_wrapper .mv_point {
	margin-bottom: 30px;
}

/*【プレミアム】「申込はこちら」大きめボタン*/
.gift .img_wrapper ul.formbtn_box {
	display: flex;
	margin: 8% auto 3%;
	width: 90%;
	max-width: 580px;
}
.gift .img_wrapper ul.formbtn_box li.gift_qr {
	display: none;
}
.gift .img_wrapper ul.formbtn_box li.gift_btn {
	flex-grow: 1;
	background: #F58A00;
	border-radius: 15px ;
}
.gift .img_wrapper ul.formbtn_box li.gift_btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 25px 35px;
	width: 100%;
	height: 100%;
	border-radius: 15px;
	transition: all .3s;
}
.gift .img_wrapper ul.formbtn_box li.gift_btn a:hover,
.gift .img_wrapper ul.formbtn_box li.gift_btn a:active {
	transition: all .3s;
	background: #ED5822;
}

/*ダミーボタン*/
.gift .img_wrapper ul.formbtn_box_yet {
	display: flex;
	margin: 0 auto 6%;
	width: 90%;
	max-width: 580px;
}
.gift .img_wrapper ul.formbtn_box_yet li.gift_btn {
	background: #F58A00;
	border-radius: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 10px;
	width: 100%;
	height: 100%;
	transition: all .3s;
	font-size: clamp(16px,2.8vw,25px);
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
}

/*ダミーボタン修正版*/
.gift .img_wrapper ul.formbtn_box_1101 {
	display: flex;
	margin: 8% auto 3%;
	width: 90%;
	max-width: 580px;
}
.gift .img_wrapper ul.formbtn_box_1101 li.gift_qr {
	display: none;
}
.gift .img_wrapper ul.formbtn_box_1101 li.gift_btn {
	flex-grow: 1;
	background: #F58A00;
	border-radius: 15px ;
}
.gift .img_wrapper ul.formbtn_box_1101 li.gift_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 25px 35px;
	width: 100%;
	height: 100%;
	border-radius: 15px;
	transition: all .3s;
}
.gift .img_wrapper p.notes {
	margin: 0 auto;
	padding: 5px 3%;
	width: 85%;
	max-width: 440px;
	color: #E82400;
	font-size: clamp(16px,3.5vw,22px);
	font-weight: bold;
	text-align: center;
	background: #fcecec;
    line-height: 1.5;
	border-radius: 60px;
}



/*【子ども未来】mv*/
.mirai .mv {
	/*background: rgba(255, 179, 214, 0.6);*/
	background: url("images/pages/mirai_mv_bg_sp.png")no-repeat;
	background-size: cover;
	background-position: center;
}
.mirai .mv_inner {
	margin: 20px auto;
	padding: 6% 3%;
	width: 92%;
	text-align: center;
	background: #fff;
	/*background: url("images/pages/fruits_bg.png")repeat;*/
	border:dashed 3px #FF3192;
	border-radius: 15px;
}

/*「申込はこちら」大きめボタン*/
.mirai .mv_inner ul.formbtn_box {
	margin: 6% auto 6%;
	width: 95%;
	max-width: 600px;
}
.mirai .mv_inner ul.formbtn_box li.mirai_qr {
	display: none;
}
.mirai .mv_inner ul.formbtn_box li.mirai_btn {
	background: #F5A100;
	border-radius: 20px;
}
.mirai .mv_inner ul.formbtn_box li.mirai_btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 25px 35px;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	transition: all .3s;
}
.mirai .mv_inner ul.formbtn_box li.mirai_btn a:hover,
.mirai .mv_inner ul.formbtn_box li.mirai_btn a:active {
	transition: all .3s;
	background: #E87300;
	
}

/*【子ども未来】「申込をお忘れの方はこちらから」小さめボタン*/
/*.mirai .mv_inner ul.formbtn_box_231016 {
	margin: 4% auto 2%;
	width: 80%;
	max-width: 400px;
}
.mirai .mv_inner ul.formbtn_box_231016 li.mirai_qr {
	display: none;
}
.mirai .mv_inner ul.formbtn_box_231016 li.mirai_btn {
	background: #F5A100;
	border-radius: 13px;
}
.mirai .mv_inner ul.formbtn_box_231016 li.mirai_btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 35px;
	width: 100%;
	height: 100%;
	border-radius: 13px;
	transition: all .3s;
}
.mirai .mv_inner ul.formbtn_box_231016 li.mirai_btn a:hover,
.mirai .mv_inner ul.formbtn_box_231016 li.mirai_btn a:active {
	transition: all .3s;
	background: #E87300;
}*/


/*アプリ利用方法ボタン*/
/*.img_wrapper .mv_point {
	order: 1;
	margin-bottom: 5px;
	text-align: center;
	width: 97%;
	max-width: 630px;
}
.img_wrapper .mv_point a.mv_btn {
	display: block;
	margin: 0 auto 20px;
	width: 100%;
	height: 90px;
	box-sizing: border-box;
	color: #fff;
	background: #EEEEEE;
	letter-spacing: 0.1em;
	text-decoration: none;
	position: relative;	
	 border-radius: 10px;
}
.img_wrapper .mv_point a.mv_btn p {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 5px;
	width: 100%;
	height: 90px;
	font-size: 100%;
	text-align: center;
	background: #e05726;
	box-sizing: border-box;
	position: absolute;
	top: -7px;
	left: -7px;
	transition-duration: 0.2s;
	border: 5px solid #f2926f;
	border-radius: 10px;
	line-height: 1.4em;
}
.img_wrapper .mv_point a.mv_btn p span {
	font-size: 5vw;
	font-weight: 700;
	line-height: 1.5em;
}
.img_wrapper .mv_point a.mv_btn p span:after {
	content: "";
	position: relative;
	top: 1px;
	left: 4px;
	display: inline-block;
	background: url("icon/arrow_right.png")no-repeat;
	background-size: contain;
	width: 5vw;
	height: 4vw;
}
.img_wrapper .mv_point a.mv_btn:active p
,.img_wrapper .mv_point a.mv_btn:focus p {
	left: 0px;
	top: 0px;
}

.img_wrapper .mv_point a.mv_btn.install {
	width: 77%;
	height: 60px;
}
.img_wrapper .mv_point a.mv_btn.install p {
	height: 60px;
	top: -5px;
	left: -5px;
	background: #e05726;
	border: 3px solid #f2926f;
	line-height: 1.4em;
}
.img_wrapper .mv_point a.mv_btn.install p span {
	font-size: 86%;
	font-weight: normal;
}
.img_wrapper .mv_point a.mv_btn.install p span:after {
	content: "";
	position: relative;
	top: 2px;
	left: 4px;
	display: inline-block;
	background: url("icon/arrow_right.png")no-repeat;
	background-size: contain;
	width: 16px;
	height: 13px;
}
.img_wrapper .mv_point a.mv_btn.install:active p
,.img_wrapper .mv_point a.mv_btn.install:focus p {
	left: 0px;
	top: 0px;
}
*/
/*▼青帯エリアの修正*/
/*.twins {
margin: 20px 0 35px;
}

.twins a.mv_btn_02 {
	display: block;
	margin: 0 auto 20px;
	width: 100%;
	height: 5.3em;
	box-sizing: border-box;
	color: #003F68;
	font-size: 4.9vw;
	font-weight: 700;
	background: #003F68;
	letter-spacing: 0.1em;
	text-decoration: none;
	position: relative;	
	border-radius: 20px;
	text-align: left;
}
.twins a.mv_btn_02.limit
,.twins a.mv_btn_02.limit_only {
	color: #fff;
	height: 5.5em;
}
.twins a.mv_btn_02 p {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #e05726;
	box-sizing: border-box;
	position: absolute;
	top: -8px;
	transition-duration: 0.3s;
	border: 4px solid #003F68;
	border-radius: inherit;
	line-height: 1.4em;
}
.twins a.mv_btn_02.limit p
,.twins a.mv_btn_02.limit_only p {
	padding-left: 3.5em;
}
.twins a.mv_btn_02.limit p:before
,.twins a.mv_btn_02.limit_only p:before {
	content: "";
	position: absolute;
	top: 50%;
    left: .7em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	display: inline-block;
	background: url("images/mv/icon_limit_dark.png")no-repeat;
	background-size: contain;
	width: 40px;
	height: 22px;
}

.twins a.mv_btn_02.voice p {
	padding-left: 3em;
	background: #FFC600;
}

.twins a.mv_btn_02.voice p:before {
	content: "";
	position: absolute;
	top: 50%;
    left: .9em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	display: inline-block;
	background: url("images/mv/icon_voice.png")no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
}
.twins a.mv_btn_02:hover p
,.twins a.mv_btn_02:active p
,.twins a.mv_btn_02:focus p {
	top: -2px;
}*/

/*.img_wrapper.test .mv_point a.mv_btn {
	width: 95%;
	height: 3.7em;
}
.img_wrapper.test .mv_point a.mv_btn:last-child {
	margin: 0 auto;
}
.img_wrapper.test .mv_point a.mv_btn p {
height: inherit;
top: -5px;
left: -5px;
background: #164c6f;
border: 4px solid #003f68;
line-height: 1.4em;
}
.img_wrapper.test .mv_point a.mv_btn p span {
font-weight: normal;
font-size: 100%;
}
.img_wrapper.test .mv_point a.mv_btn p span::after {
	display: none;
}
.img_wrapper.test .mv_point a.mv_btn:hover p {
	left: 0px;
	top: 0px;
}*/

/*▲青帯エリアの修正*/

.attention {
	text-align: left;
}
.attention p.txt_normal {
	color:rgb(0, 88, 141);
	font-size: 2.8vw;
	line-height: 1.7;
}
.attention p.txt_bold {
	margin: 1em 0;
	color: rgb(0, 145, 16);
	font-size: 3.8vw;
	font-weight: 700;
	line-height: 1.7;
}
.attention p.txt_bold span {
	background:-webkit-linear-gradient(transparent 50%, #ffff66ad 50%);
	background:-o-linear-gradient(transparent 50%, #ffff66ad 50%);
	background:linear-gradient(transparent 50%, #ffff66ad 50%);
}

/*-------------------------------------------------------
----トップページ 販売スケジュール     -----------------------
-------------------------------------------------------*/

/*販売スケジュール【プレミアム付商品券】*/
.gift .schedule ul {
	margin: 40px auto;
	width: 90%;
} 
.gift .schedule ul li.left {
	margin-bottom: 15px;
	padding: 4% 30px;
	background: #036DB4;
	border-radius: 20px;
}
.gift .schedule ul li.left img {
	padding: 0 20px;
}
.gift .schedule ul li.left p.bluebox_txt {
	padding: 15px 0 10px;
	color: #fff;
	font-size: 95%;
	line-height: 1.5;
}

/*1月5日当選公開用*/
/*.gift .schedule.lottery2024 ul li.left {
	background: inherit;
	padding: 0;
}
.gift .schedule.lottery2024 ul li.left .search_number {
	margin-bottom: 30px;
	padding: 3% 10px;
	background: rgba(251,216,121,0.55);
	border: 1px solid #FFBF40;
	border-radius: 15px;
}
.gift .schedule.lottery2024 ul li.left .bluebox {
	margin-bottom: 15px;
	padding: 4% 30px;
	background: #036DB4;
	border-radius: 20px;
}
*/
/*オレンジ色の検索窓ボックス*/
/*.gift .schedule.lottery2024 ul li.left .search_number p.txt_orange {
	position: relative;
	margin-bottom: 15px;
	padding: 2% 0 2% 48px;
	font-size:clamp(15px, 4.2vw, 25px);
	color: #ff7103;
	font-weight: bold;
	text-align: center;
}
.gift .schedule.lottery2024 ul li.left .search_number p.txt_orange:before {
	content: "";
	position: absolute;
	left: 5%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	display: inline-block;
	background: url("images/pages/mark_notice.png")no-repeat;
	background-size: contain;
	width: 45px;
	height: 26px;
}
.gift .schedule.lottery2024 ul li.left .search_number #feas-searchform-2 {
	text-align: center;
}
.gift .schedule.lottery2024 ul li.left .search_number #feas-searchform-2 span {
	font-size: 1.6em;
	display: inline-block;
}
.gift .schedule.lottery2024 ul li.left .search_number #feas-searchform-2 input#feas_2_0 {
	display: inline-block;
	font-size: 1.3em;
	padding: .2em .4em;
	width: 65%;
	border: 0;
    border-radius: 5px;
}
*/
/*.gift .schedule.lottery2024 ul li.left .search_number #feas-searchform-2 input#feas-submit-button-2 {
	display: inline-block;
	padding: .2em .5em;
	font-size: 1.3em;
    color: #fff;
	letter-spacing: 0.05em;
	background: #ff7103;
    border: none;
    border-radius: 5px;
}
.gift .schedule.lottery2024 ul li.left .search_number .lottery_archive {
	margin: 5% 0;
	text-align: center;
}
.gift .schedule.lottery2024 ul li.left .search_number .lottery_archive a {
	display: inline-block;
	position: relative;
	padding-left: 1em;
	color: #974200;
	font-size: clamp(18px, 3vw, 23px);
	text-decoration: none;
	text-align: center;
	border-radius: 40px;
}
.gift .schedule.lottery2024 ul li.left .search_number .lottery_archive a:hover,
.gift .schedule.lottery2024 ul li.left .search_number .lottery_archive a:active {
	color: #e5002a;
	transition: all .2s;
}
.gift .schedule.lottery2024 ul li.left .search_number .lottery_archive a:hover:before,
.gift .schedule.lottery2024 ul li.left .search_number .lottery_archive a:active:before {
	background: #e5002a;
	transition: all .2s;
}
.gift .schedule.lottery2024 ul li.left .search_number .lottery_archive a:before {
	content: "";
	position: absolute;
	display: inline-block;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	top: 50%;
	left: 0;
	clip-path: polygon(0 0, 0% 100%, 50% 50%);
	background: #974200;
	background-size: contain;
	width: 1em;
	height: 1em;
}
*//*.gift .schedule.lottery2024 ul li.left .search_number p.notice {
	font-size:90%;
	color: #2B2B2B;
	line-height: 1.5em;
	text-align: center;
}
*/
/*1月17日当選公開用*/
/*.gift .schedule.lottery20240117 ul li.left {
	background: inherit;
	padding: 0;
}
.gift .schedule.lottery20240117 ul li.left .search_number {
	padding: 3% 10px;
	background: rgba(251,216,121,0.55);
	border: 1px solid #FFBF40;
	border-radius: 15px;
}
.gift .schedule.lottery20240117 ul li.left .bluebox {
	margin-bottom: 15px;
	padding: 4% 30px;
	background: #036DB4;
	border-radius: 20px;
}
*/
/*オレンジ色の検索窓ボックス*/
/*.gift .schedule.lottery20240117 ul li.left .search_number p.txt_orange {
	position: relative;
	margin-bottom: 15px;
	padding: 2% 0 2% 48px;
	font-size:clamp(15px, 4.2vw, 25px);
	color: #ff7103;
	font-weight: bold;
	text-align: center;
}
.gift .schedule.lottery20240117 ul li.left .search_number p.txt_orange:before {
	content: "";
	position: absolute;
	left: 5%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	display: inline-block;
	background: url("images/pages/mark_notice.png")no-repeat;
	background-size: contain;
	width: 45px;
	height: 26px;
}
.gift .schedule.lottery20240117 ul li.left .search_number #feas-searchform-3 {
	text-align: center;
}
.gift .schedule.lottery20240117 ul li.left .search_number #feas-searchform-3 span {
	font-size: 1.6em;
	display: inline-block;
}
.gift .schedule.lottery20240117 ul li.left .search_number #feas-searchform-3 input#feas_3_0 {
	display: inline-block;
	font-size: 1.3em;
	padding: .2em .4em;
	width: 65%;
	border: 0;
    border-radius: 5px;
}
*/
/*.gift .schedule.lottery20240117 ul li.left .search_number #feas-searchform-3 input#feas-submit-button-3 {
	display: inline-block;
	padding: .2em .5em;
	font-size: 1.3em;
    color: #fff;
	letter-spacing: 0.05em;
	background: #ff7103;
    border: none;
    border-radius: 5px;
}
.gift .schedule.lottery20240117 ul li.left .search_number .lottery_archive {
	margin: 5% 0;
	text-align: center;
}
.gift .schedule.lottery20240117 ul li.left .search_number .lottery_archive a {
	display: inline-block;
	position: relative;
	padding-left: 1em;
	color: #974200;
	font-size: clamp(18px, 3vw, 23px);
	text-decoration: none;
	text-align: center;
	border-radius: 40px;
}
.gift .schedule.lottery20240117 ul li.left .search_number .lottery_archive a:hover,
.gift .schedule.lottery20240117 ul li.left .search_number .lottery_archive a:active {
	color: #e5002a;
	transition: all .2s;
}
.gift .schedule.lottery20240117 ul li.left .search_number .lottery_archive a:hover:before,
.gift .schedule.lottery20240117 ul li.left .search_number .lottery_archive a:active:before {
	background: #e5002a;
	transition: all .2s;
}
.gift .schedule.lottery20240117 ul li.left .search_number .lottery_archive a:before {
	content: "";
	position: absolute;
	display: inline-block;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	top: 50%;
	left: 0;
	clip-path: polygon(0 0, 0% 100%, 50% 50%);
	background: #974200;
	background-size: contain;
	width: 1em;
	height: 1em;
}
*/
/*1月5日当選結果検索窓*/
/*.gift .schedule.lottery20240117 ul li.left .search_number p.txt_black {
	position: relative;
	margin-top: 5%;
	padding: 5% 0 2% 0px;
	font-size:.9em;
	color: #333;
	border-top: 1px dashed #404040;
}
.gift .schedule.lottery20240117 ul li.left .search_number #feas-searchform-2 {
	padding-left: 0px;
}
.gift .schedule.lottery20240117 ul li.left .search_number #feas-searchform-2 span {
	font-size: .9em;
	display: inline-block;
}
.gift .schedule.lottery20240117 ul li.left .search_number #feas-searchform-2 input#feas_2_0 {
	display: inline-block;
	font-size: .9em;
	padding: .2em .4em;
	width: 50%;
	border: 0;
    border-radius: 5px;
}
.gift .schedule.lottery20240117 ul li.left .search_number .lottery_archive.old {
	margin: 2% 0 0;
	padding-left: 10px;
	text-align: left;
}
.gift .schedule.lottery20240117 ul li.left .search_number .lottery_archive.old a {
	font-size: .9em;
}

.gift .schedule.lottery20240117 ul li.left .search_number #feas-searchform-2 input#feas-submit-button-2 {
	display: inline-block;
	padding: .2em .5em;
	font-size: .9em;
    color: #fff;
	letter-spacing: 0.05em;
	background: #555;
    border: none;
    border-radius: 5px;
}
*/



/*.gift .schedule.lottery20240117 ul li.left p.notice {
	margin: 3px 0 30px;
	font-size:85%;
	color: #2B2B2B;
	line-height: 1.5em;
}*/





/*販売スケジュール【子ども未来】*/
.mirai .schedule {
	padding: 20px 0;
	background: #FF6B99;
}
.mirai .schedule_inner {
	display:flex;
	flex-direction: column;
	margin: 0 auto;
	width: 95%;
}
.mirai .schedule_inner .img_apply {
	order: 2;
	margin: 5% 3% 0;
	width: 79%;
}
.mirai .schedule_inner .img_use {
	order: 1;
	display: flex;
	align-items: center;
	padding: 3%;
	/*width: 60%;*/
	background:rgba(255,255,255,0.12);
	border-radius: 10px;
}

/*店舗募集ボタン【子ども未来】*/
.mirai .tenant_btn {
	padding: 30px 4%;
	background: url("images/pages/lightblur_bg.png")repeat;
	text-align: center;
}
.tenant_btn p span {
	position: relative;
	display: inline-block;
	margin-bottom: 15px;
	padding: 0 1.5em;
	color: #15944a;
	font-weight: 700;
	line-height: 1.5;
}
.tenant_btn p span:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0px;
	display: inline-block;
	background: #15944a;
	width: 3px;
	height: 90%;
	transform: rotate(-27deg);
}
.tenant_btn p span:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0px;
	display: inline-block;
	background: #15944a;
	width: 3px;
	height: 90%;
	transform: rotate(27deg);
}
.tenant_btn a {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 500px;
}


/*-------------------------------------------------------
----トップページ アプリでの当落確認方法-----------------------
-------------------------------------------------------*/
.gift .howtocheck {
	background: #e5f5ff;
	padding: 10px 0 20px;
}
.gift .howtocheck .how_innerwrap {
	/*display: flex;*/
}
.gift .howtocheck .how_innerwrap .img01 {
	position: relative;
	margin-bottom: 110px;
	padding: 0 15px;
	/*width: 34%;*/
}
.gift .howtocheck .how_innerwrap p {
	margin-top: 20px;
	padding: .5em;
	line-height: 1.4em;
	font-size: 90%;
	background: #B0DBF5;
}
.gift .howtocheck .how_innerwrap .img02 {
	padding: 0 15px;
	/*width: 58%;*/
}
.gift .howtocheck .how_innerwrap .img01:before {
	content: "";
	position: absolute;
	display: inline-block;
	bottom: -80px;
	right: 50%;
	transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	background: #2787c4;
	background-size: contain;
	width: 80px;
	height: 40px;
}


/*-------------------------------------------------------
----トップページ 紀の川市プレミアム付デジタル商品券について-------
-------------------------------------------------------*/
.infomation {
	margin: 50px 0;
}

/*-------------------------------------------------------
----トップページお知らせ-----------------------------------
-------------------------------------------------------*/
/*共通*/
.news {
	margin: 10px 0;
	padding: 20px 10px;
	background: rgba(255,255,255,1.0);
	border-radius: 20px;
}
.news_wrapper {
	padding-top: 10px;
}
.news_wrapper .news_box {
	/*line-height: 1.5em;*/
}

.news_box {
	display: flex;
	flex-direction: column;
	padding: 13px 8px;
	width: 100%;
	border-bottom: 1px dashed #AEAEAE;
}
.news_box .date {
	position: relative;
	padding-left: 20px;
	width: 100%;
	color: #111;
}
.news_box .date span:before {
	content: "";
	position: absolute;
	left: 0px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	display: inline-block;
	background: url("images/pages/news_list.png")no-repeat;
	background-size: contain;
	width: 11px;
	height: 17px;
}
.news_box p.title {
	width: 100%;
}
.news_box p.title a {
	color: #111;
}

.mark_new {
	position: relative;top:-5px;left:2px;
}
a.news_more {
	display: block;
	margin: 30px auto 10px;
	color: #fff;
	width: 90%;
	max-width: 400px;
	background: #0070ba;
	text-align: center;
	text-decoration: none;
	line-height: 2.4em;
	border-radius: 18px;
}
a.news_more:hover
,a.news_more:active {
	background: rgba(0,106,177,0.75);
	transition: all .3s;
}

/*【こども未来】ボタン*/
.mirai a.news_more {
	color: #000;
	background: rgba(255, 179, 214, 0.5);
}
.mirai a.news_more:hover
,.mirai a.news_more:active {
	background: rgba(255, 179, 214, 1);
}

/*-------------------------------------------------------
----トップページ　取扱店-----------------------------------
-------------------------------------------------------*/
.contents_1col_top .tenant_search {
	margin: 40px 0;
	padding: 0 0 2em;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 0px 10px rgba(0,0,0,0.25);
	/*border: 4px solid #2888C4;	*/
}

.contents_1col_top .tenant_search h2 {
	margin: 0;
	padding: 1.2em 0;
	width: 100%;
	color: #0372b8;
	background: #E5F5FF;
}
.contents_1col_top .tenant_search h2:first-child {
	border-radius: 20px 20px 0 0;
}
.contents_1col_top .tenant_search h2 span:before,
.contents_1col_top .tenant_search h2 span:after {
	display: none;
}

ul.tenantbtn_search {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 15px 13px 20px;
}
ul.tenantbtn_search li {
	margin-bottom: 20px;
	margin-right: 15px;
	width: calc((100% - 15px) / 2);
	border: 2px dotted #2888C4;
}
ul.tenantbtn_search li a[href $='.pdf'] {
    background: none;
	padding: 0;
}
ul.tenantbtn_search li:nth-child(2n) {
	margin-right: 0;
}
/*ul.tenantbtn_search li:last-child {
	border: 2px dotted #3D3113;	
}*/
ul.tenantbtn_search li a {
	display: block;
	width: 100%;
	height: 100%;
}
ul.tenantbtn_search li a .btn_innerwrap {
	text-align: center;
}
ul.tenantbtn_search li a p {
	display: inline-block;
	margin: 0 auto;
	padding: 0 8px;
	height: 2.5em;
	color: #111;
	font-size: 60%;
	text-align: left;
	line-height: 1.2em;	
}
ul.tenantbtn_search li a p span {
	vertical-align: middle;

}

.search_tenant {
	margin: 30px 0;
	width: 100%;
	text-align: center;
}
.search_tenant #feas-searchform-1 #feas_1_0 {
  margin: 0;
  padding: 10px;
  width: 66%;
  height: 50px;
  font-size: 110%;
}
.search_tenant #feas-searchform-1 #feas-submit-button-1 {
  width: 23%;
  height: 50px;
}

/*-------------------------------------------------------
----トップページ　商品券詳細-------------------------------
-------------------------------------------------------*/
.detail {
	margin: 50px 0;
}
.detail table {
	margin: 0 auto 30px;
	font-size: 90%;
	line-height: 1.6em;	
	background: #fff;
}
.detail table tr th
,.detail table tr td {
	padding: 5px 8px;
	border: 1px solid #7b7b7b;
}
.detail table tr td:nth-child(1) {
	padding-right: 3px;
    padding-left: 5px;
	width: 30%;
	min-width: 113px;
}
.detail table tr td:nth-child(2) {
	width: 70%;
}
.detail table ul {
	list-style: disc;
	padding: 0 0 0 1.2em;
}

span.txt_red {
	color: #DF0003;
}

/*チラシ・申込手順*/
.flyer_wrapper {
	margin: 0 0 40px;
}
.flyer_wrapper ul li {
	margin: 0 0 30px;
}


/*▼動画解説*/
.movie_btn {
	margin-bottom: 15px;
	width: 100%;
	height: 80px;
	background: rgba(35,105,213,0.12);
	border-radius: 10px;
}
.movie_btn a span {
	font-size: 115%;
	font-weight: bold;
	color: #0070ba;
}
.movie_btn a img {
	margin-right: 15px;
	width: 40px;
	height: 40px;
}

.movie_btn a {
	display: block;
	display: flex;
	align-items: center;
	padding: 0 20px;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: rgba(0,110,184,0.1);
	position: relative;
	z-index: 1;
	transition: .4s;
}
.movie_btn a::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: rgba(0,110,184,0.27);
	transform-origin: 100% 50%;
	transform: scaleX(0);
	transition: transform ease .3s;
	border-radius: 10px;
}
.movie_btn a:active {
	color: #fff;
}
.movie_btn a:active::before
,.movie_btn a:focus::before {
	transform-origin: 0% 50%;
	transform: scaleX(1);
}
/*▲動画解説*/


/*-------------------------------------------------------
----Ｈ２見出し-------------------------------------------
-------------------------------------------------------*/
/*固定ぺージ*/
h2.entry_title {
	margin: 0 0 35px;
	padding: 1.2em 0.5em;
	font-size:155%;
	letter-spacing: 0.08em;
	line-height: 160%;
	color: #09659e;
	font-family: tbudrgothic-std,sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	background: rgba(229,245,255,0.65);
}
.mirai h2.entry_title {
	color: #ff439b;
	background: rgba(255,230,241,1.00);
}

/*業種別アーカイブ、店舗名検索の結果*/
.post-type-archive h2.entry_title
,.search h2.entry_title {
	margin: 0 0 20px;
	padding: 1.2em 0;
	font-size:155%;
	letter-spacing: 0.08em;
	line-height: 160%;
	color: #09659e;
	font-family: tbudrgothic-std,sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align: left;
	background: none;
}
/*投稿ぺージ*/
.single h2.entry_title {
	margin: 0;
	padding: 1.2em 0;
	font-size:155%;
	letter-spacing: 0.04em;
	line-height: 160%;
	color: #111;
	font-family: tbudrgothic-std,sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align: left;
	background: rgba(255,255,255,0.00);
}



/*-------------------------------------------------------
----Ｈ３見出し-------------------------------------------
-------------------------------------------------------*/
.entry-content h3 {
	clear: both;
	margin: 2.5em 0 1em;
	padding: 10px 13px;
	font-size: 122%;
	color: #fff;
	letter-spacing: 0.08em;
	line-height: 135%;
	background: #2888c4;
	border-radius: 8px;
}

.mirai .entry-content h3 {
	background: #ff6b99;
}

.entry-content h4 {
	margin: 10px 0;
	padding: 10px 17px;
	font-size: 115%;
	color: #555;
	background: #E1F2FF;
	border-radius: 8px;
}

/*取扱店一覧*/
h3.tenant_all_gyousyu {
	margin: 0;
	padding: 14px 0 0;
	color: #006ab1;
	font-size: 125%;
	font-weight: 700;
	letter-spacing: 0.08em;
	font-style: normal;
}

h3.top_h3 {
	margin: 2em 0 1em;
	padding-left: 0.6em;
	color: #0093a0;
	font-size: 123%;
	font-weight: 700;
	line-height: 1.3em;
	border-left: 5px solid #90ccd0;
}

.mirai h3.top_h3 {
	color: #f98000;
	border-left: 5px solid #ffc5b3;
}

/**
 * 5.2 Entry Meta
 * ----------------------------------------------------------------------------
 */
.entry-meta {
	margin: 0 0 1.8em;
	text-align: center;
	font-size: 90%;
	color:#111;
}
.featured-post:before {
	content: "\f308";
	margin-right: 2px;
}
.comments-link a:before {
	content: "\f300";
	margin-right: 2px;
	position: relative;
	top: -1px;
}
.categories-links a:first-child:before {
	content: "\f301";
}
.tags-links a:first-child:before {
	content: "\f302";
	position: relative;
	top: -1px;
}
.edit-link a:before {
	content: "\f411";
	position: relative;
	top: -1px;
}



/**
 * 5.3 Entry Content
 * ----------------------------------------------------------------------------
 */
.entry-content {
	clear:both;
	margin: 0;
	padding: 0 5px;
	hyphens: auto;
	word-wrap: break-word;
}
.entry-content td {
	padding: 6px 10px;
	line-height: 150%;
}
.entry-content blockquote {
	font-size: 24px;
}
.entry-content blockquote cite,
.entry-content blockquote small {
	font-size: 16px;
}
.entry-content p {
	margin: 0 0 30px 0;
}
.aligncenter,
.alignleft,
.alignright,
.alignnone,
div.wp-caption img {
	clear: both;
	display: block;
	margin: 5px auto;
	height: auto;
	max-width: 100%;
}
.entry-content .wp-caption {
	display: block;
	margin: 5px auto 5px auto;
}
.entry-content .wp-caption p.wp-caption-text {
	text-align:center;
	font-size:80%;
	margin: 0 0 10px 0;
}
.entry-content ul {
	margin: 0 0 1em;
	list-style: disc;
}
.entry-content ol {
	margin: 0 0 1em;
}
.entry-content ul li {
	margin: 3px 0 3px 27px;
	padding: 0;
	line-height: 160%;
}
.entry-content ul li li {
	margin: 3px 0 3px 22px;
	list-style: circle;
}
.entry-content ol li {
	margin: 3px 0 8px 0;
	padding: 0 0 4px 0;
	line-height: 160%;
}
.entry-content table {
	margin: 10px 0 15px 0;
	font-size:90%;
}
.single .entry-content table tr {
	border-bottom: 1px solid #ccc;
}
.single .entry-content table tr td:first-child {
	width: 90px;
}

.entry-content .tablepress td {
	margin: 0;
	padding: 6px 10px;
}
.entry-content table td p {
	margin: 0;
}
.entry-content ol li {
	margin: 0 0 0 28px;
	list-style: outside;
}

.wp-block-image {
	margin: 0 0 30px;
}


#subpage {
	margin: 0;
	padding: 1.5em 1.2em 0.5em;
	border-radius: 8px;
	background: #fff;
	/*box-shadow: 0px 3px 3px rgba(17,17,17,0.08);*/
}
.mirai #subpage {
	border: 1px solid #fbc7de;
}
.gift #subpage {
	border: 1px solid #4db6f9;
}

h3.saishin_list {
	margin:5px 0 30px;
	text-align: center;
}
.recentEntries {
	margin:0;
	font-size:95%;
	line-height:130%;
} 
.recentEntries a {
	color: #111;
	text-decoration: none;
}
.recentEntries a:hover
,.recentEntries a:active {
	color: #111;
	text-decoration: underline;
}
.recentEntries li {
	position: relative;
	margin: 0 0 2em;
	margin: 0 0 1em;
	padding: 0 0 1em 15px;
	border-bottom: 1px dashed #ccc;
}
.recentEntries li .date span {
	display: inline-block;
	margin-bottom: .8em;
	line-height: 1em;
	/*border-left: 3px solid #FC7A16;*/
}
.recentEntries li .date span::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 3px;
    display: inline-block;
    background: url("images/pages/news_list.png")no-repeat;
    background-size: auto;
    background-size: contain;
    width: 9px;
    height: 14px;
}
.recentEntries li p.title {
	line-height: 1.6em;
}

/*ぺージナビ*/
.wp-pagenavi {
	margin: 55px 0 0;
	text-align: center;
	font-size: 85%;
	letter-spacing: 0em;
	line-height: 2.5em;
}
.wp-pagenavi span.pages {
	display: block;
	color: #6c3d3d;
	border: none;
	padding: 0px 6px;
	border-radius: 5px;
}
.wp-pagenavi span.current {
	color: #fff;
	background: #6c3d3d;
	border: 1px solid #6c3d3d;
	padding: 0px 6px;
	border-radius: 5px;
	display: inline-block;
}
.wp-pagenavi span.extend {
	border: none;
	color: #6c3d3d;
	font-size: 60%;
}
.archive .wp-pagenavi a 
,.archive .wp-pagenavi a:visited {
	color: #6c3d3d;
	border: 1px solid #6c3d3d;
	padding: 0px 6px;
	border-radius: 5px;
	display: inline-block;
}
.archive .wp-pagenavi a:hover
,.archive .wp-pagenavi a:active {
	background: #efcc3a;
	text-decoration: none;
	color: #6c3d3d;
	border: 1px solid #6c3d3d;
}

/*-------------------------------------------------------
----各業種アーカイブぺージ----------------------------------
-------------------------------------------------------*/
.tenant_list {
	margin: 0.5em 0 1em;
}
.tenant_list table {
	width: 100%;
	height: auto;
	font-size: 85%;
	line-height: 1.4em;
	background: #fff;
}
.tenant_list table {
	border: 1px solid #b9b9b9;
}
.tenant_list table tr td {
	padding: 0.2em 0.4em;
}
/*店舗名*/
.tenant_list table tr td.tenpomei {
	padding: 0;
	background: rgba(234,197,16,0.45);
}
.tenant_list table tr td.tenpomei a {
	display: inline-block;
	padding: 0.5em;
	width: 100%;
	height: 100%;
	color: #111;
	font-size: 125%;
	text-decoration: none;
}
.tenant_list table tr td.tenpomei a:hover
,.tenant_list table tr td.tenpomei a:active {
	background: rgba(234,197,16,0.65);
}
.tenant_list table tr td.syouhinken {
	padding: 0.2em;
	width: 125px;
	text-align: center;
}

.tenant_list table tr td.syouhinken .iconbox {
	display: inline-block;
	margin: 4px;
	width: 47px;
}
.tenant_list table tr td.syouhinken .iconbox img {
	width: 100%;
	height: auto;
}
.tenant_list table tr td.tel {
	border-top: 1px dashed #b5b5b5;
}
.tenant_list span.bikou {
	font-size: 75%;
	color: rgba(147,80,19,1.00);
}


/*サイド：テナント一覧*/
#rightside_gyousyu {
	margin: 1em 0 0;
}
#rightside_gyousyu h3 {
	margin: 10px 0;
	padding: 0 10px;
	color: #09659e;
	font-size: 120%;
	line-height: 1.40;
	letter-spacing: 0.08em;
	font-weight: 700;
	font-style: normal;
}
#rightside_gyousyu ul {
	margin: 0 0 15px;
}
#rightside_gyousyu ul li {
	width: 100%;
	font-size: 100%;
	letter-spacing: 0;
	border-top: 1px solid rgba(121, 121, 121, 0.4);
}
#rightside_gyousyu ul li:last-child {
	border-bottom: 1px solid rgba(121, 121, 121, 0.4);
}
#rightside_gyousyu ul li a {
	display: flex;
	align-content: center;
	padding: 0.8em 0.3em;
	text-decoration: none;
	line-height: 1.2em;
}
#rightside_gyousyu ul li a:hover
,#rightside_gyousyu ul li a:active {
	background: rgba(9,101,158,0.12);
	transition: all .1s;
}
#rightside_gyousyu a:hover img {
	opacity: 1;
}
#rightside_gyousyu .iconbox {
  margin-right: 0.4em;
	max-width: 53px;
	min-width: 53px;
	max-height: 30px;
	min-height: 30px;
}
#rightside_gyousyu span {
	color: #111;
	font-size: 100%;
	line-height: 1.1em;
	align-self:center; 
}
.search_tenant_page input#feas-submit-button-1 {
  margin: 0 0 0 5px;
  width: 30%;
  height: 40px;
}
.search_tenant_page input#feas_1_0 {
  padding: 0 10px;
  width: 65%;
  height: 40px;
}

/*全業種一覧*/
.page-template-page_tenant_all .contents_2col .contents_page {
	order: 2;
}
.page-template-page_tenant_all .contents_2col .rightside {
	order: 1;
}

/*-------------------------------------------------------
----店舗の個別詳細ページ------------------------------------
-------------------------------------------------------*/
h3.single_tenant {
	margin: 0 0 .6em;
	padding-left: 0.6em;
	color: #0093a0;
	font-size: 120%;
	font-weight: 700;
	line-height: 1.1em;
	border-left: 5px solid #90ccd0;
}
table.cft {
	margin: 0 0 2em;
	width: 100%;
	font-size: 95%;
	line-height: 1.3;
	letter-spacing: 0.07em;
	border: none;
}
table.cft tr {
	border-bottom: 2px solid #DFDFDF;
}
table.cft th {
	padding: 0.5em;
	/*font-weight: 700;*/
}
table.cft td {
	padding: 0.5em;
}
/*table.cft tr.cft_col1 {
	display: flex;
	flex-direction: column;
}*/
table.cft td .iconbox {
	display: inline-block;
	padding: 0 10px 0 0;
	width: 70px;
}
table.cft tr.cft_col1 th {
    width: 26%;
	min-width: 100px;
}


/*-------------------------------------------------------
---地図から探す-------------------------------------------
-------------------------------------------------------*/
#map_gyousyu {
	margin: 0;
}
#map_gyousyu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#map_gyousyu ul li {
	margin-bottom: 8px;
	width: 49%;
}
#map_gyousyu a {
	display: flex;
	align-content: center;
	padding: 0.5em;
	font-size: 85%;
	text-decoration: none;
	line-height: 1.2em;
	background: #FFFFFF;
	border-radius: 25px;
	border: 1px solid #dedede;
}
#map_gyousyu a:focus
,#map_gyousyu a:active {
	background: #E6F2FF;
	border-radius: 25px;
}
#map_gyousyu .iconbox {
	margin-right: 0.2em;
	max-width: 46px;
	min-width: 46px;
	max-height: 27px;
	min-height: 27px;
}
#map_gyousyu span {
	line-height: 1.1em;
	align-self:center; 
}
#map_gyousyu a.map_to_all {
	display: block;
	margin: 5px 0 20px;
	padding: 0.8em;
	text-align: center;
	background: #fff;
	border-radius: 25px;
	border: 6px solid #E6F2FF;
}
#map_gyousyu a.map_to_all:focus
,#map_gyousyu a.map_to_all:active {
	background: #E6F2FF;
	border-radius: 25px;
}


/*-------------------------------------------------------
----よくある質問------------------------------------
-------------------------------------------------------*/
body .vk_faq .vk_faq_title {
	padding: .8rem .8rem .8rem 2rem;
}
body .vk_faq .vk_faq_content {
	padding: .8rem .8rem .8rem 2rem;
}
    
.mirai #post-1260 .entry-content h2 {
    margin: 3.3em 0 1em;
	padding: 15px 25px 13px;
	font-size: 135%;
	color: #fff;
	letter-spacing: 1px;
	line-height: 135%;
	background: #ff6b99;
	border-radius: 10px;
}
    
.mirai #post-1260 .entry-content .ea-card {
    border-radius: 10px;
    border: 2px solid #f5f5f5;;
    margin-bottom: 15px;
    background: #fff;
}
    
.mirai #post-1260 .entry-content h3 {
	background: #f5f5f5;
    padding: 0;
}
    
.mirai #post-1260 .entry-content h3 a {
	color: #ff6b99;
    font-weight: 400;
    padding: 1em;
	font-size: 90%;
}
        
.mirai #post-1260 .entry-content .ea-card .spcollapse .ea-body {
    background: transparent;
}
   
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body {
	padding: 30px 20px;
}

/*プレミアム付デジタル商品券*/
.gift #post-1091 .entry-content h2 {
    margin: 3.3em 0 1em;
	padding: 15px 25px 13px;
	font-size: 135%;
	color: #fff;
	letter-spacing: 1px;
	line-height: 135%;
	background: #0372b8;
	border-radius: 10px;
}
    
.gift #post-1091 .entry-content .ea-card {
    border-radius: 10px;
    border: 2px solid #f5f5f5;
    margin-bottom: 15px;
    background: #fff;
}
    
.gift #post-1091 .entry-content h3 {
	background: #f5f5f5;
    padding: 0;
}
    
.gift #post-1091 .entry-content h3 a {
	color: #0372b8 !important;
    font-weight: 400;
    padding: 1em;
	font-size: 90%;
}
        
.gift #post-1091 .entry-content .ea-card .spcollapse .ea-body {
    background: transparent;
}
    

/*-------------------------------------------------------
----店舗名検索------------------------------------------
-------------------------------------------------------*/
/*入力フォーム*/
.search_tenant_page {
	margin-bottom: 50px;
}
.search_tenant_page input#feas_2_0 {
	padding: 0 10px;
	width: 65%;
	height: 40px;
}
/*検索ボタン*/
.search_tenant_page input#feas-submit-button-2 {
	margin: 0 0 0 5px;
	width: 30%;
	height: 40px;
}
p.txt_search {
	margin: 0 0 2em;
}

/*-------------------------------------------------------
----アプリ操作方法-----------------------------------------
-------------------------------------------------------*/
.vk_flow.method .vk_flow_frame {
	padding: 0 1em 1em
}
.vk_flow.method .vk_flow_frame_image {
	margin: 0 auto;
}
.vk_flow.method .vk_flow_frame_text_title {
	border-bottom: none;
}

/**
 * 6.1 Widgets
 * ----------------------------------------------------------------------------
 */
.widget {
	margin: 0;
	padding: 5px 0 0 0;
}
.widget-area {
	color: #000000;
}
.widget h3 {
	margin: 0 0 3px 0;
	font-weight: bold;
}
.widget ul, .widget ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.widget li {
	margin: 0 0 0 1px;
	padding: 0 0 3px 17px;
	font-size: 85%;
	background: url(images/icon_kiji.gif) no-repeat 0 0;
}
.widget .children li:last-child {
	padding-bottom: 0;
}
.widget li > ul, .widget li > ol {
	margin-left: 2px;
}
.widget a {
	color: #59a0e5;
}
.widget a:hover {
	color: #ea9629;
}

/* Search widget */
input.search-field {
	width: 120px;
}
.search-submit input {
	border: solid 1px #999999;
}

/* RSS Widget */
.widget_rss .rss-date {
	display: block;
}
.widget_rss .rss-date, .widget_rss li > cite {
	color: #a2a2a2;
}

/* Calendar Widget */
.widget_calendar table, .widget_calendar td {
	border: 0;
	border-collapse: separate;
	border-spacing: 1px;
}
.widget_calendar caption {
	font-size: 14px;
	margin: 0;
}
.widget_calendar th, .widget_calendar td {
	padding: 0;
	text-align: center;
}
.widget_calendar a {
	display: block;
}
.widget_calendar a:hover {
	background-color: rgba(0, 0, 0, 0.15);
}
.widget_calendar tbody td {
	background-color: rgba(255, 255, 255, 0.5);
}



/**
 * 14.2 Galleries
 */
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-5 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-6 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-7 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-8 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-9 .gallery-item {
	max-width: 33.33%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 80%;
	padding:5px 0;
	line-height: 140%;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}



/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------
 */
.site_footer {
	margin:50px 0 0;
	/*padding:0;*/
	padding: 0 0 60px;
	/*.footer_areaを出現させたら、↑paddingつける*/
	color:#111111;
	background: #fff;
}

/*フッター　水色エリア*/
.footer_band {
	padding: 25px 0 15px;
	background: #E5F5FF;
	box-shadow: 0 3px 6px rgba(0,0,0,0.10);
}
.contact_wrapper {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	width: 88%;
}

.contact_tel .tel_img {
	width: 100%;
	max-width: 480px;
}
.contact_tel img.fax {
	margin: 10px 0;
	max-width: 70%;
}
.txt_blue {
	padding-bottom: 10px;
	color: #2888C4;
}
.contact_form {
	margin: 22px auto 15px;
	width: 80%;
	text-align: center;
}
.contact_form .form_img {
	margin: 0 auto;
	width: 70%;
	max-width: 330px;
}
.contact_form p {
    margin-top: 15px;
    font-size: 80%;
}
/*▼テスト用（事業終了後）の追記*/
/*.site_footer.after0301 {
	padding-bottom: 0;
}
.contact_wrapper_1col {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	width: 88%;
}
.contact_wrapper_1col .contact_tel {
	text-align: center;
}
.contact_wrapper_1col .contact_tel .tel_img {
	margin: 0 auto;
}
.policy {
	margin-top: 15px;
    font-size: 80%;
}*/
/*▲テスト用（事業終了後）の追記*/
/*.page-top_sp.after0301 {
	bottom: 30px;
}*/
#copyright a {
	text-decoration: none;
	color: rgba(17,17,17,1.00);
}
#copyright a:hover {
	text-decoration: underline;
}
#copyright {
	padding: 10px;
	font-size: 60%;
	text-align: center;
	line-height: 1.3em;
}

/* ページトップボタン */
.page-top_sp {
  position: fixed;
  width: 65px;
  height: 40px;
  right: 0;
  bottom: 102px;
  z-index: 99;
  cursor: pointer;
}
.page-top_sp img {
    width: 100%;
	height: auto;
}

.footer_area {
	/*display: none;*/
	display: flex;
	/*.footer_areaを出現させたら、.site_footerのpaddingをつける*/
	justify-content: space-around;
	position: fixed;
	padding: 0 3% 13px;
	bottom: 0;
	width: 100%;
	z-index: 10;
}
.inquiry_btn_box {
	width: 45%;
}

a.inquiry_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	padding: 8px 10px;
	color: #0070ba;
	font-size: 85%;
	background: #fff;
	border-radius: 25px;
	box-shadow: 0 1px 6px rgba(0,0,0,0.2);
	text-decoration: none;
	
}
a.inquiry_btn:hover
,a.inquiry_btn:active {
	color: #0070ba;
}
a.inquiry_btn .icon {
	margin-right: 8px;
	height: 26px;
}


/*-------------------------------------------------------
----非表示-----------------------------------------------
-------------------------------------------------------*/
#cgtext,
#inquiry,
#breadcrumb {
	display: none;
}



/*-------------------------------------------------------
----お問い合わせ-----------------------------------------
-------------------------------------------------------*/

.inquiry_list dt {
	margin: 25px 0 0 0;
	padding: 0;
	font-weight: bold;
}
/*.inquiry_list dd {
	margin: 7px 0 3px 0;
}*/
.inquiry_list input, .inquiry_list textarea, .inquiry_list select {
	margin: 2px 0;
	padding: 5px 8px;
	border-radius: 3px;
	border: solid 1px #999999;
}
.inquiry_list {
	display: block;
	margin: 0 auto;
	padding: 8px 3px;
}
.con_bankname,
.con_bankcd,
.con_bankbranch,
.con_accountnumber,
.con_accountkana,
.con_nameofoffice,
.con_storename,
.con_storenamekana,
.con_name,
.con_tel,
.con_address,
.con_jusyo,
.con_others,
.con_inquiry {
	padding:6px 5px;
	width:100%;
}
.con_inquiry {
	height: 15em;
}
/*年齢*/
.con_nenrei {
	width: 90px;
}
.con_yubin1 {
	width: 105px;
}
.con_openinghours {
	margin: 0 10px 0 0;
	width: 100%;
}
.con_others {
	width: 100%;
}

span#con_check {
	font-size:90%;
}
.wpcf7-submit {
	font-weight: bold;
	letter-spacing: 0.15em;
}
.wpcf7.wpcf7c-conf {
	border: solid 1px #eee;
	background-color: #fff;
	font-weight: bold;
}
.wpcf7-radio .wpcf7-list-item {
 	margin: 0 .9em 0 0;
}
.must {
	color: #FF1F23;
}

/*チェックボックス縦並び*/
/*span.wpcf7-list-item { display: block; }
.wpcf7-confirm, .wpcf7-submit, .wpcf7-back {
	padding: 5px 1px 5px 5px;
	width: 130px;
	letter-spacing: 3px;
}
.wpcf7-submit {
	font-weight: bold;
}
.wpcf7.wpcf7c-conf {
	border: solid 1px #eee;
	background-color: #fff;
	font-weight: bold;
	border:solid 1px #ff0000;
}*/

/*PDFアイコン*/
a[href $='.pdf'] {
    background:url(icon/ico_pdf.gif) no-repeat right;
    padding:0 20px 0 0;
}
a[href $='.pdf'] a {
    text-decoration:none;
}
a[href $='.pdf'] a:hover {
    text-decoration:none;
}

#finland,
#mexico,
#flance,
#vietnam,
#taiwan,
#thai,
#singapore,
#indonesia,
#australia,
#newzealand {
	display: none;
}

/*#agreement {
	margin: 15px 0 0;
    padding:10px 15px;
    text-align: center;
    border:solid 1px #EAC510;
    background: rgb(255, 242, 176);
}*/
/*.doui_wrapper {
	margin: 5px 0 15px;
	line-height: 1.5em;
}*/

#doui {
    text-align: center;
    padding:20px 0;
	font-size: 1.1em;
}
#submit {
	margin: 10px 0 20px;
	font-weight: 600;
    letter-spacing: 0.4em;
    text-align: center;
}
#submit input {
	padding: 15px;
	width: 210px;
}
#submit input#modoru {
	padding: 5px 10px;
    width:100px;
}
.entry-content p.form_title {
	margin: 40px 0 30px;
	padding: 0 0 0 0.5em;
	color: #2888C4;
	font-size: 120%;
	border-left: 4px solid #2888C4;
	line-height: 1em;
}
body .wpcf7-list-item {
	margin: 0;
}

/*ページローディング*/
.wpcf7-spinner {
	display: block !important;
	margin: 20px auto 0 !important;
}

/*reCAPTCHA用文言*/
.recaptcha {
	margin: 30px 0 15px;
	color: #777;
	font-size: 65%;
	line-height: 1.5em;
}
.recaptcha a {
	color: #444444;
}

p.denshi-kiyaku-koban {
    margin: 0;
    font-size:0.8em;
    line-height: 1.60;
    text-indent: -1em;
    padding-left: 1em;
}
p.denshi-kiyaku-koban2 {
    margin: 0;
    font-size:0.8em;
    line-height: 1.60;
    text-indent: 0em;
    padding-left: 1em;
}
p.denshi-kiyaku-koban3 {
    margin: 0;
    font-size:0.8em;
    line-height: 1.60;
    text-indent: 0em;
    padding-left: 2em;
}
p.denshi-kiyaku {
    margin: 0;
    font-size:0.8em;
    line-height: 1.60;
    text-indent: 1em;
}
.txt_qr {
	font-size: 60%;
	line-height: 1.5em;
}

/*取扱店舗募集要項*/
.bosyuyoukou table tr td {
	border: 1px solid #7b7b7b;
}
.bosyuyoukou table tr td:first-child {
	width: 125px;
	background: #ececec;
}

/*reCAPTCHA非表示*/
.grecaptcha-badge { visibility: hidden; }
    
/*20221108谷口追加「きのかわPay」操作方法 */   
    .icon-center {
        text-align: center;
        margin: 0;
    }
    
    .qr-code {
        margin: 0;
    }
    
    .app-store a img {
        width: 70vw;
    }
    
    .google-play a img {
        width: 70vw;;
    }
    
/*20221108谷口追加「きのかわPay」操作方法トップページリンクボタン */   
.method-btn {
	margin-bottom: 15px;
	width: 100%;
	height: 80px;
	background: rgba(35,105,213,0.12);
	border-radius: 10px;
}
.method-btn a span {
	font-weight: bold;
	/*color: #0070ba;*/
}
    
.method-btn a img {
	margin-right: 15px;
	width: 40px;
	height: 40px;
}

.method-btn a {
	display: grid;
    place-items: center;
	padding: 0 20px;
	width: 100%;
	height: 100%;
	text-decoration: none;
/*
	background: rgba(0,110,184,0.1);
*/
    background: #e05726;
    border: 5px solid #E1E1E1;
    border-radius: 15px;
    color: #fff;
    text-align: center;
	position: relative;
}
    
/*
.method-btn a::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,110,184,0.27);
	border-radius: 10px;
}
*/
    
.method-btn a:active {
	color: #fff;
}
    
.method-btn a:active::before
,.method-btn a:focus::before {
	transform-origin: 0% 50%;
	transform: scaleX(1);
}




/*TOP　市長からのメッセージ*/
.message {
	margin: 1.5em 0;
	padding: 1em 1.5em 1.5em;
	background: #fff8ee;
	border-radius: 20px;
	box-shadow: 0 0px 10px rgba(0,0,0,0.25);
}
.message p {
	text-indent: 1em;
	margin-bottom: .7em;
}
.message p.name_txt {
	margin-bottom: 0;
	font-size: 1.3em;
	font-family: "ab-doudoukaisyo", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align: right;
}

/*抽選結果*/

.lottery_top {
	padding: 25px;
	background: rgba(252,228,162,1);
}
.lottery_top p {
	margin-bottom: 30px;
	color: #ff6500;
	font-size: 170%;
	font-weight: bold;
	text-align: center;
	
}

.lottery_top #feas-searchform-2 {
	text-align: center;
}
.lottery_top #feas-searchform-2 input#feas_2_0 {
	margin-bottom: 15px;
	width: 100%;
	font-size: 1.3em;
	padding: .3em .7em;
	border: 0;
    border-radius: 5px;
}

.lottery_top #feas-searchform-2 input#feas-submit-button-2 {
	font-size: 1.5em;
	padding: .3em .7em;
	background: #ff7103;
    border: none;
    border-radius: 5px;
    color: #fff;
	letter-spacing: 0.05em;
}

.contents_main.lottery-list ul li {
	text-align: center;
	margin-bottom: 6vw;
}
.contents_main.lottery-list ul li a {
	text-decoration: none;
	color: #09659e;
	font-size: clamp(16px, 4.6vw, 22px);
}
.contents_main.lottery-list ul li a:hover,
.contents_main.lottery-list ul li a:active {
	color: #eac510;
}

/*抽選結果ぺージ*/
.lottery-single {
	margin: 1.5em auto;
	text-align: center;
/*	font-size: 1.5em;*/
}
.lottery-single p.number {
	
}

.lottery-single .zannen {
	margin: 40px 0 60px;
	font-size: 1.2em;
}
.lottery-single .omedetou {
	display: block;
	margin: 40px 0 60px;
	font-size: 1.7em;
	font-weight: bold;
	color: #EE104E;
	line-height: 1.6;
}
.lottery-single .txt {
	
}

.lottery-single a.back_list {
	display: block;
	margin: 60px auto 0;
	padding: 10px;
	width: 80%;
	font-size: .8em;
	color: #fff;
	text-decoration: none;
	background: #0372b8;
	border-radius: 5px;
	transition: all .2s;
}

.lottery-single a.back_list:hover,
.lottery-single a.back_list:active {
	opacity: .78;
	transition: all .2s;
}

/*抽選結果　一覧表示*/

.lottery_list {
	margin: 0 auto;
}
.lottery_list dl {
	display: flex;
	flex-wrap: wrap;
	font-size: 80%;
	border: 1px solid #ccc;
}
.lottery_list dl dt {
	padding: 2px 5px;
	width: 31%;
	border-bottom: solid 1px #ccc;
	background: rgba(234,197,15,0.25);
}
.lottery_list dl dd {
padding: 2px 5px;
	width: 19%;
	border-bottom: solid 1px #ccc;
}


}