/* ===================================================================
CSS information
 file name  : freepagefull05
 author     : honyaclub.com
 date       : 20170630
 update     : 20250611
 about      : freepagefull05
=================================================================== */

@charset "shift_jis";

/* ---------------------------------------------------------------------

html,body

----------------------------------------------------------------------*/
html{font-family: メイリオ,meiryo,"ヒラギノ角ゴ Pro W3","Hiragino kaku Gothic Pto", sans-serif;}

body{font-size: 13px; margin:0; word-break:break-all; background-color: #eee; }

a, a img{color: #0085cd; border:none; text-decoration:none;}

a[target="_blank"] {background: url(https://www.honyaclub.com/img/campaign/mitsubachi/another_window.png) no-repeat right center; padding-right: 18px;}/*----- 別タブウインドウの画像 -----*/

ul li {list-style-type:none;}

div:after, ul:after{ clear: both; height: 0;}

/*----- CVボタンアニメーション -----*/
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/*----- Return to TOP -----*/
#pageTop {
  position: fixed;
  bottom: 10px;
  right: 10px;
}
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 5px;
  /*background-color: #9FD6D2;*/
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/*==========  PC　ここから  ==========*/

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

/*----- wrapper背景 -----*/
#wrapper{
		position: relative;
		width: 100%;
		/*min-width: 960px;*/
		color: #333;
		background-color: #eee;
	}

/*----- header固定のナビゲーション----- */
header{
		width:100%;
		/*min-width:960px;*/
		background-color:#fff;
		position:fixed;
		z-index:999;
		height:65px;
		opacity:0.8;
}
#head-inner{
		width:100%;
		height: 60px;
		margin:0 auto;
		padding:0.5rem 0.8rem 0 0.8rem;
		z-index:1000;
}
.logo{
	float: left;
}
.logo img{
	width: 35%;
	height: auto;
	z-index:1000;
}
.sns ul li{
	float:right;
	margin-right: 1rem;
	margin-top: 0.4rem;
}
.sns ul li:after{
	clear:both;
}
/*----- contents内容 -----*/
#contents{
	padding-top:65px;
}
#main{
	width:100%;
	position:relative;
	text-align:center;
}
#main h1{
	z-index:81;
	/*animation: fadeIn 6s ease 0s 1 normal;*/
    /*-webkit-animation: fadeIn 2s ease 0s 1 normal;*/
}

/*----- ボタン　-----*/
.tab-content {
    padding: 10px;
    box-sizing:content-box;
	margin-bottom:20px;
}
.tab-content01 {
    padding: 10px 10px 40px;
    box-sizing:content-box;
	margin:0 auto;
	width:1000px;
	background-color:#FFF;
	border-radius:10px;
	text-align:center;
}
.btn a {
display: block;
cursor: pointer;
width: 700px;
margin: 0 auto;
padding: 15px;
border-radius: 5px;
color: #fff;
text-align: center;
text-decoration: none;
/*background-color: #20b2aa;
box-shadow: 0 6px 0 #047c71, 0 12px 0 rgba(0,0,0,0.2);*/
-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
font-size:24px;
font-weight:bold;
}
.btn a:hover {
/*background-color: #3cc4bd;
box-shadow: 0 3px 0 #12978d, 0 6px 0px rgba(0,0,0,0.2);*/
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
.btn a:active {
color: #ddd;
/*background-color: #3cc4bd;
box-shadow: 0 0 0 #047c71, 0 0 0px rgba(0,0,0,0.2);*/
-webkit-transform: translateY(6px);
transform: translateY(6px);
transition-duration: 0.1s;
}
/*----- ボタン02 横並び　-----*/
.btn02{
	margin:0 auto;
	width:1000px;
}
.btn02 a{
display: inline-block;
cursor: pointer;
width: 440px;
margin: 0 13px;
padding: 15px;
border-radius: 5px;
color: #fff;
text-align: center;
text-decoration: none;
/*background-color: #20b2aa;
box-shadow: 0 6px 0 #047c71, 0 12px 0 rgba(0,0,0,0.2);*/
-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
font-size:24px;
font-weight:bold;
}
.btn02 a:hover {
/*background-color: #3cc4bd;
box-shadow: 0 3px 0 #12978d, 0 6px 0px rgba(0,0,0,0.2);*/
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
.btn02 a:active {
color: #ddd;
/*background-color: #3cc4bd;
box-shadow: 0 0 0 #047c71, 0 0 0px rgba(0,0,0,0.2);*/
-webkit-transform: translateY(6px);
transform: translateY(6px);
transition-duration: 0.1s;
}

/*----- コンテンツ01 -----*/
.content01{
	box-sizing: border-box;
	position:relative;
	margin:10px auto;
	padding:20px 5px;
	background-color:#fff;
	border-radius:10px;	
	width:1000px;
	text-align:center;
}
.content01 h2,.content02 h2{
	margin:0 auto 15px;
}
.content01 img,.content02 img{
	/*width:80%;*/
	height:auto;
}
/*----- コンテンツ02 -----*/
.content02{
	box-sizing: border-box;
	position:relative;
	margin:0 auto;
	padding:20px 5px;
	background-color:#fff;
	width:100%;
}

/*----- navi03 -----*/
.navi03 li{
	display:inline-block;
	width:30%;
    /*background-color: #20b2aa;
    box-shadow: 0 6px 0 #047c71, 0 0 0 rgba(0,0,0,0.2);*/
	border-radius:10px;
	padding:15px;
}

/*----- goods -----*/
.goods{
	width:350px;
	padding:10px 25px;
	margin:0 25px;
	display:inline-block;
}
.goods img{
	width:120px;
	box-shadow: 4px 5px 4px rgba(0,0,0,0.2);
}
.goods p,.box p{
	padding:10px 15px;
	border:1px solid #ccc;
	border-radius:5px;
	width:150px;
	margin:10px auto;
	display: block;
	box-shadow: 0 2px 0 rgba(0,0,0,0.2);
	text-decoration: none;
	background-color:#fff;
}
p.info{
  position: relative;
  top: 150px;
  font-size: 24px;
  color: blue;
  background-color: rgba(204,204,204,0.8);
  width: 500px;
  margin: 0 auto;
}
  
/*----- goods list ------*/
.goods-list li{
    display:inline-block;
    width: 102px;
    margin-bottom: 6px;
    padding: 0 6px 12px;
    font-size: 0;
}
.goods-list li a {
    color: #000;
    text-decoration: none;
}
.goods-list li dl ,.my-gallery li figure{
	width: 102px;
    font-size: 12px;
	display:inline-table;
}
.goods-list li dl dt ,.my-gallery li figure {
    width: 102px;
    vertical-align: top;
}
.goods-list li dl dt img ,.my-gallery li figure img{
    max-height: 150px;
    max-width: 100px;
}
.goods-list li dl dd p.title,.my-gallery li figcaption{
	height:60px;
}
.goods-list li dl dd p.name{
	background-color:#ccc;
	display: block;
    width: 100px;
    margin: 0 auto;
    padding: 3px 0;
    box-shadow: 0 2px 0 rgba(0,0,0,0.2);
    font-size: 100%;
    text-decoration: none;
    text-align: center;
}

/*----- box -----*/
.box{
  display: table;
  border-spacing: 5px 0;
  margin-top:20px;
}
.box dl{
  width:30%;
  display: table-cell;
  border-radius:10px;
  border:2px #000 solid;
  background-color:#fff;
  padding:15px 10px;
}

/*----- スクロールbox -----*/
.logbox{
         border: solid 1px #eee;
         width: 930px;
         height: 550px;
         padding: 0.5em;
         overflow-y: scroll;
		 margin:0 auto;
}
.logbox ul li{
	border-radius:5px;
	background-color:#FFC;
	padding:15px 10px;
	margin:5px;
	color:#000;
	display:block;
}

/*----- タブ切替コンテンツ -----*/
label.panel-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  color: #bdc3c7;
  cursor: pointer;
  background-color: #ecf0f1;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
label.panel-label:hover {
  color: #003399;
}
#panels {
  background-color: white;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  width:80%;
  margin:0 auto;
}
#panels .container {
  margin: 0 auto;
  width: 100%;
}
#panels section header label.panel-label {
  padding: 12px 24px;
  box-sizing: border-box;
}
#panels section .matome {
  box-sizing: border-box;
  max-height: 0;
  opacity: 0;
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
  overflow:hidden;
}
#panel-1-ctrl:checked ~ #panels #panel-1 .matome,#panel-2-ctrl:checked ~ #panels #panel-2 .matome,#panel-3-ctrl:checked ~ #panels #panel-3 .matome,#panel-4-ctrl:checked ~ #panels #panel-4  .matome ,#panel-5-ctrl:checked ~ #panels #panel-5 .matome,#panel-6-ctrl:checked ~ #panels #panel-6  .matome,#panel-7-ctrl:checked ~ #panels #panel-7  .matome,#panel-8-ctrl:checked ~ #panels #panel-8  .matome,#panel-9-ctrl:checked ~ #panels #panel-9  .matome,#panel-10-ctrl:checked ~ #panels #panel-10  .matome,#panel-11-ctrl:checked ~ #panels #panel-11  .matome,#panel-12-ctrl:checked ~ #panels #panel-12  .matome,#panel-13-ctrl:checked ~ #panels #panel-13 .matome,#panel-14-ctrl:checked ~ #panels #panel-14 .matome,#panel-15-ctrl:checked ~ #panels #panel-15 .matome {
  max-height:inherit;
  opacity: 1;
  padding: 1% 1%;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1,#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2,#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3,#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4,#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5,#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6,#panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7,#panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8,#panel-9-ctrl:checked ~ #tabs-list #li-for-panel-9,#panel-10-ctrl:checked ~ #tabs-list #li-for-panel-10,#panel-11-ctrl:checked ~ #tabs-list #li-for-panel-11 ,#panel-12-ctrl:checked ~ #tabs-list #li-for-panel-12,#panel-13-ctrl:checked ~ #tabs-list #li-for-panel-13,#panel-14-ctrl:checked ~ #tabs-list #li-for-panel-14,#panel-15-ctrl:checked ~ #tabs-list #li-for-panel-15 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
          transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1.last,#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2.last,#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3.last,#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4.last,#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5.last,#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6.last,#panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7.last,#panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8.last,#panel-9-ctrl:checked ~ #tabs-list #li-for-panel-9.last,#panel-10-ctrl:checked ~ #tabs-list #li-for-panel-10.last,#panel-11-ctrl:checked ~ #tabs-list #li-for-panel-11.last,#panel-12-ctrl:checked ~ #tabs-list #li-for-panel-12.last,#panel-13-ctrl:checked ~ #tabs-list #li-for-panel-13.last,#panel-14-ctrl:checked ~ #tabs-list #li-for-panel-14.last ,#panel-15-ctrl:checked ~ #tabs-list #li-for-panel-15.last {
  border-right: 1px solid transparent;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 + li,#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 + li,#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 + li,#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 + li,#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 + li,#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 + li ,#panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7 + li ,#panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8 + li,#panel-9-ctrl:checked ~ #tabs-list #li-for-panel-9 + li,#panel-10-ctrl:checked ~ #tabs-list #li-for-panel-10 + li,#panel-11-ctrl:checked ~ #tabs-list #li-for-panel-11 + li ,#panel-12-ctrl:checked ~ #tabs-list #li-for-panel-12 + li  ,#panel-13-ctrl:checked ~ #tabs-list #li-for-panel-13 + li,#panel-14-ctrl:checked ~ #tabs-list #li-for-panel-14.last ,#panel-15-ctrl:checked ~ #tabs-list #li-for-panel-15.last {
  border-left: 1px solid #dfdfdf;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label,#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label,#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label,#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label,#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label,#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 label.panel-label,#panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7 label.panel-label,#panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8 label.panel-label ,#panel-9-ctrl:checked ~ #tabs-list #li-for-panel-9 label.panel-label,#panel-10-ctrl:checked ~ #tabs-list #li-for-panel-10 label.panel-label,#panel-11-ctrl:checked ~ #tabs-list #li-for-panel-11 label.panel-label,#panel-12-ctrl:checked ~ #tabs-list #li-for-panel-12 label.panel-label,#panel-13-ctrl:checked ~ #tabs-list #li-for-panel-13 label.panel-label,#panel-14-ctrl:checked ~ #tabs-list #li-for-panel-14 label.panel-label,#panel-15-ctrl:checked ~ #tabs-list #li-for-panel-15 label.panel-label {
  background-color: white;
  color: #003399;
  padding:15px;
  font-size:125%;
  font-weight:bold;  
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label::after,#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label::after,#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label::after,#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label::after ,#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label::after,#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 label.panel-label::after,#panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7 label.panel-label::after,#panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8 label.panel-label::after,#panel-9-ctrl:checked ~ #tabs-list #li-for-panel-9 label.panel-label::after,#panel-10-ctrl:checked ~ #tabs-list #li-for-panel-10 label.panel-label::after,#panel-11-ctrl:checked ~ #tabs-list #li-for-panel-11 label.panel-label::after,#panel-12-ctrl:checked ~ #tabs-list #li-for-panel-12 label.panel-label::after,#panel-13-ctrl:checked ~ #tabs-list #li-for-panel-13 label.panel-label::after,#panel-14-ctrl:checked ~ #tabs-list #li-for-panel-14 label.panel-label::after,#panel-15-ctrl:checked ~ #tabs-list #li-for-panel-15 label.panel-label::after {
  height: 6px;
}
ul#tabs-list {
  width:80%;
  display: flex;
  justify-content: center;
  list-style: none;
  text-align: center;
  border-bottom: 1px solid #dfdfdf;
  margin: 10px auto 0;
  padding: 0;
  text-align: center;
}
ul#tabs-list li {
  display: flex;
  text-align: center;
  font-size: 0.875em;
  width: 18%;
  box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05);
  border-right: 1px solid #dfdfdf;
  position: relative;
}
ul#tabs-list li:hover {
  -webkit-transition: none;
  transition: none;
  border-right: none;
}
ul#tabs-list li:hover.last {
  border-right: 1px solid transparent;
}
ul#tabs-list li:hover + li {
  border-left: 1px solid #dfdfdf;
}
ul#tabs-list li label.panel-label {
  position: relative;
  padding-top: 15px;
  font-size: 115%;
}
ul#tabs-list li label.panel-label::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  background-color: #003399;
  height: 0;
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
ul#tabs-list li label.panel-label:hover {
  padding-top: 16px;
  font-weight:bold;
}
ul#tabs-list li label.panel-label:hover::after {
  height: 6px;
}
main {
  width: 100%;
  margin: 0 auto;
}
.panel-radios {
  display: none;
}
.panel-label br{
  display:none;
}

/*----- キャンペーン概要　-----*/
#detail {
	box-sizing: border-box;
	margin: 20px auto;
	width: 1000px;
	text-align: center;
	position: relative;
	padding: 40px 30px 40px 40px;
	background: #fff;
	border-radius: 10px;
}
h4 {
	position: absolute;
	right: 47px;
	top: 60px;
}
#detail dl {
	text-align: left;
	margin-bottom: 25px;
	font-size: 12px;
}
#detail dt {
	margin: 25px 0 10px;
	font-size:150%;
	font-weight:bold;
}
#detail dt:before {
	content: "";
	padding-left: 10px;
	width: 21px;
	height: 22px;
	vertical-align: middle;
	display: inline-block;
}
#detail dd {
	padding-left: 30px;
}
#detail li {
	text-indent: -1.3em;
	padding-left: 1.3em;
}

/*----- footer -----*/
#footer-container {
    margin-top: 1px;
    font-size: 12px;
    background-color: #eee;
}
#footer {
    width: 960px;
    margin: 0 auto;
    padding: 30px 0 120px;
    background-color: #eee;
	
}

.sp{display: none;}
.pc{display:block; margin:0 auto;}
.flex{display:flex;}


/*----- fes2020summer -----*/
#fes2020summer .mt10 img{
	border: 1rem solid;
	border-color: white;
	margin: 20px 0;
}

#fes2020summer .tab-content01{
	width: 730px;
}

#fes2020summer .btn02{
	width: 100%;

}



#fes2020summer .btn02 a{
	width: 80%;
	line-height: 29px;
}

#fes2020summer .btn a[target="_blank"] {
	background-position: right 3% bottom 50%;
	}/*----- 別タブウインドウの画像 -----*/

#fes2020summer #detail h2 {
	font-size: 180%;
	font-weight: bold;
}

#fes2020summer #detail dt {
	margin: 25px 0 3px;
}



}




/*==========  Tab  ==========*/
/*@media screen and (max-width:959px){


.sp{display: none;}
.pc{display:block;}

}*/

/*==========  Smt  ==========*/
@media screen and (max-width:750px){

img{max-width: 100%; height: auto;}
.pc{display: none;}
.sp{display:block; margin:0 auto;}

/*-----　wrapper背景　-----*/
#wrapper{
		position: relative;
		width: 100%;
		color: #333;
		background-color: #eee;
}

/*-----　headerナビゲーション　-----*/
header{
		width:100%;
		background-color:#fff;
		position:fixed;
		height:50px;
		padding-top: 10px;
		z-index:999;
}
#head-inner{
		height: 45px;
		margin:0 auto;
		text-align: center;
		width: 95%;
		z-index:1000;
}
.logo{
		float: left;
		width: 30%;
}
.logo img{
		height: auto;
		z-index:1000;
}
.sns ul li{
		float:right;
}
.sns ul li:after{
	clear:both;
}
/*-----　contents内容　-----*/
#contents{
	padding-top:60px;
	margin:0 auto;
}
#main h1{
	animation: fadeIn 6s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

/*-----　ボタン　-----*/
.tab-content {
    box-sizing:content-box;
}
.tab-content01{
    box-sizing:content-box;
	background-color:#ffffff;
	padding-bottom:3%;	
}
.btn a,.btn02 a{
	display:block;
	cursor: pointer;
	width:90%;
	margin:0 auto 10%;
	padding:3%;
	border-radius:5px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	/*background-color:#3cc4bd;
	box-shadow:0 6px 0 #047c71, 0 12px 0 rgba(0,0,0,0.2);*/
	font-size:100%;
	font-weight: bold;
}

/*----- content01 -----*/
.content01{
	margin-bottom:3%;
	text-align:center;
	background-color:#fff;
	padding:5% 4%;
	border-radius:10px;
}
.content02{
	margin-bottom:3%;
	text-align:center;
	background-color:#fff;
	padding:5% 4%;
}

/*-----  navi03 -----*/
.navi03 li{
    background-color: #20b2aa;
    box-shadow: 0 6px 0 #047c71, 0 0 0 rgba(0,0,0,0.2);
	border-radius:5px;
	padding:3%;
	margin:2%;
}

/*----- goodsボタン -----*/
.goods{
	margin-top:5%;
}
.goods img{
	box-shadow: 3px 5px 5px rgba(0,0,0,0.2);
}
.goods p, .box p{
	padding:10px 15px;
	border:1px solid #ccc;
	border-radius:5px;
	width:80%;
	margin:5% auto 10%;
	display: block;
	box-shadow: 0 2px 0 rgba(0,0,0,0.2);
	text-decoration: none;
	background-color:#fff;
}
  
p.info{
  position: relative;
  top: 250px;
  font-size: 18px;
  color: blue;
  background-color: rgba(204,204,204,0.8);
  width: 90%;
  margin: 0 auto;
}
  
/*----- goods list ------*/
.goods-list{
	overflow-y:scroll;
	height:500px;
	width:100%;
}
.goods-list li{
    width: 50%;
	height:55%;
    margin:0 0 8%;
	float:left;
}
.goods-list li a {
    color: #000;
    text-decoration: none;
}
.goods-list li dl ,.my-gallery li figure {
    font-size: 15px;
}
.goods-list li dl dd p.title{
	height:70px;
}
.goods-list li dl dd p.name{
	background-color:#ccc;
	display: block;
    width: 80%;
    margin: 0 auto;
    /*padding: 3px 0;*/
    box-shadow: 0 2px 0 rgba(0,0,0,0.2);
    font-size: 100%;
    text-decoration: none;
    text-align: center;
}

/*----- box用 -----*/
.box{
	width:95%;
	margin:0 auto;
	padding: 3%;
}
.box dl {
	border-radius:5px;
	background-color:#fff;
	padding:3% 2%;
	margin:3% 0;
	color:#000;
	display:block;
    border:2px #2385c8 solid;
}

/*----- スクロールbox -----*/
.logbox{
         border: solid 1px #eee;
         width: 90%;
         height: 500px;
         padding: 3%;
         overflow-y: scroll;
		 margin:5% auto 0;
		 text-align:left;
}
.logbox ul li{
	border-radius:5px;
	background-color:#FFC;
	padding:5% 3%;
	margin:5%;
	color:#000;
	display:block;
}

/*----- タブ切替コンテンツ -----*/
.panel-radios {
    display: none;
}
#tabs-list{
	width:100%;
	height:30%;
	overflow:hidden;
	display:block;
	margin-bottom:2%;
}
#li-for-panel-1,#li-for-panel-2,#li-for-panel-3,#li-for-panel-4,#li-for-panel-5,#li-for-panel-6,#li-for-panel-7,#li-for-panel-8,#li-for-panel-9,#li-for-panel-10,#li-for-panel-11,#li-for-panel-12,#li-for-panel-13,#li-for-panel-14,#li-for-panel-15 {
	box-sizing: border-box;
    width: 33%;
    float: left;
    text-align: center;
    padding-top: 4px;
    padding-left: 4px;
}
label.panel-label {
  width: 100%;
  display:inline-block;
  color: #003399;
  font-weight:bold;
  background-color: #fff;
  padding: 18% 0;
  border:#95D2F1 dotted 1px;
}
#panels {
  background-color: white;
  width:100%;
}
#panels .container {
  margin: 0 auto;
  width: 90%;
}
#panels section .matome {
  box-sizing: border-box;
  max-height: 0;
  opacity: 0;
  overflow-y: hidden;
}
#panel-1-ctrl:checked ~ #panels #panel-1 .matome,#panel-2-ctrl:checked ~ #panels #panel-2 .matome,#panel-3-ctrl:checked ~ #panels #panel-3 .matome,#panel-4-ctrl:checked ~ #panels #panel-4 .matome ,#panel-5-ctrl:checked ~ #panels #panel-5 .matome,#panel-6-ctrl:checked ~ #panels #panel-6 .matome,#panel-7-ctrl:checked ~ #panels #panel-7 .matome,#panel-8-ctrl:checked ~ #panels #panel-8 .matome,#panel-9-ctrl:checked ~ #panels #panel-9 .matome,#panel-10-ctrl:checked ~ #panels #panel-10 .matome,#panel-11-ctrl:checked ~ #panels #panel-11 .matome,#panel-12-ctrl:checked ~ #panels #panel-12 .matome,#panel-13-ctrl:checked ~ #panels #panel-13 .matome,#panel-14-ctrl:checked ~ #panels #panel-14 .matome,#panel-15-ctrl:checked ~ #panels #panel-15 .matome {
  max-height: initial;
  opacity: 1;
  padding: 1% 1%;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label,#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label,#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label,#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label,#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label,#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 label.panel-label,#panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7 label.panel-label,#panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8 label.panel-label,#panel-9-ctrl:checked ~ #tabs-list #li-for-panel-9 label.panel-label,#panel-10-ctrl:checked ~ #tabs-list #li-for-panel-10 label.panel-label,#panel-11-ctrl:checked ~ #tabs-list #li-for-panel-11 label.panel-label,#panel-12-ctrl:checked ~ #tabs-list #li-for-panel-12 label.panel-label,#panel-13-ctrl:checked ~ #tabs-list #li-for-panel-13 label.panel-label,#panel-14-ctrl:checked ~ #tabs-list #li-for-panel-14 label.panel-label,#panel-15-ctrl:checked ~ #tabs-list #li-for-panel-15 label.panel-label {
  background-color: #63D0E3;
  color:#fff;
}
#li-for-panel-6:after{
	clear:left;
}
/*----- タブ切替コンテンツ ◆いくつのえほん◆ -----*/
/*.ikutsunoehon #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label,.ikutsunoehon #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label,.ikutsunoehon #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label,.ikutsunoehon #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label,.ikutsunoehon #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label{
  background-color: #f7df00;
  color: #4d4a48;
}*/
  

/*-------キャンペーン概要-------*/
#detail {
	margin: 0 3.5% 2%;
	text-align: left;
	background: #fff;
	padding: 5% 4%;
	border-radius: 10px;
}
#detail dl {
	text-align: left;
	margin-bottom: 4%;
	line-height: 1.5;
}
#detail dt {
	margin: 5% 0;
	text-align: left;
	z-index:10;
	font-weight:bold;
	font-size:125%;
}
/*#detail dt img {
	width: 45%;
}*/
#detail dd {
	position: relative;
}
#detail li {
	text-indent: -1.3em;
	padding-left: 1.3em;
}

/*----- footer -----*/
#footer {
    margin-top: 1px;
    padding: 1em 0 10em;
    background-color: #eee;
    font-size: .8em;
}

/*----- fes2020summer -----*/
#fes2020summer .tab-content01{
	max-width: 85%;
    margin: auto;
	margin: 0 auto 15px;
}

#fes2020summer .btn02 a{
	max-width: 80%;
	margin: auto;
	line-height: 16px
}

#fes2020summer .btn a[target="_blank"] {
	background-position: right 3% bottom 50%;
}/*----- 別タブウインドウの画像 -----*/
	
#fes2020summer .btn a{
	max-width: 80%;
	line-height: 20px
}
#fes2020summer #detail dt {
	margin: 7% 0 1%;
}
#fes2020summer #detail h2 {
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}
  
}




/*==========  共通  ==========*/
/*----- margin-top//variation -----*/
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt010{margin-top:-10px;}
.mt020{margin-top:-20px;}
.mt025{margin-top:-25px;}
.mt030{margin-top:-30px;}
/*----- margin-right//variation -----*/
.mr05{margin-right: 5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px}
.mr30{margin-right:30px;}
/*----- margin-bottom//variation -----*/
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
/*----- margin-bottom//variation -----*/
.ml05{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}

/*----- text//variation -----*/
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right}

.bold{font-weight:bold;}
.gr{color:#449944;}
.red{color:#FF0000;}
.blue{color:#00F;}
.yel{color:#FFFF00;}
.pink{color:#e969a1;}
.brown{color: #c3581f;}

.cap{font-size:85%;}