@charset "UTF-8";
#top_contents{
 text-align:center;
}
#top_contents img{
 max-width:100%;
}
/*見出し*/
#top_contents h1{
 padding-left:0;
 border-left:none;
}
#top_contents h1:before,
#top_contents h1:after{
 content:"";
}
#top_contents h2{
 /*height:330px;*/
 margin:0 0 1em;
 border-bottom:none;
}
#top_contents h2:after{
 content:"";
 width: 0;
}
#top_contents #button ul li{
 width: 50%;
}
#top_contents #button p{
 margin: 0;
 /*padding-top: 5px;*/
 padding-bottom: 10px;
}
#top_contents #button .left{
 float: left;
}
#top_contents #button .right{
 float: right;
}
#top_contents .inner{
 padding: 10px 0 30px;
 background: none;
}
#top_contents .inner ul {
 width: 100%;
}
/*個別メニュー*/
#dantai,
#yaji,
#yaji2,
#yaji3,
#event,
#message,
#what {
 margin:0 0 1em;
 text-align: left;
 line-height: 1.8em;
}
h2{
 margin:0 0 1em;
 padding:0;
 border-bottom:none;
}
h2:after{
 content:"";
 width: 0;
}
#dantai img,
#yaji img,
#yaji2 img,
#yaji3 img,
#event img,
#message img,
#what img{
 max-width:100%;
}
#dantai p,
#yaji p,
#yaji2 p,
#yaji3 p,
#event p,
#message p,
#what p{
 margin:0;
}
#dantai .icon01,
#yaji .icon01 {
 padding: 15px 10px 15px 60px;
 background: transparent url(../img/dantai/sp/01_sp_message_title.png) no-repeat left center;
 color: #6a3906;
}
#event .icon01{
 padding: 15px 10px 15px 60px;
 background: #f7f5dc url(../img/event/sp/01_sp_message_title.png) no-repeat left center;
}
#yaji2 .icon01 {
 padding: 15px 10px 15px 60px;
 background: #f7f5dc url(../img/dantai/sp/01_sp_message_title.png) no-repeat left center;
 color: #6a3906;;
}
#yaji3 .icon01 {
 padding: 15px 10px 15px 60px;
 background: #d1e3a9 url(../img/kyouryoku/sp/01_sp_ouen_title01.png) no-repeat left center;
 color: #6a3906;;
}
#what .icon01 {
 padding: 15px 10px 15px 60px;
 background: #fdeee8 url(../img/what/sp/01_sp_what_title.png) no-repeat left center;
 color: #6a3906;
}
/*メニュー*/
#top_contents #nav{
 margin:.5em auto 20px;
 border-top:1px #f5a54d dashed;
 list-style:none;
 overflow:hidden;
 text-align:center;
}
#top_contents #nav li{
 margin:0;
 padding:0;
 display:inline-block;
 border-right:none;
 border-bottom:1px #f5a54d dashed;
}
#top_contents #nav li.last{
 border-right:none;
}
/*サイドバー*/
#contentsArea #subContentsBlock .sideSection ul{
 border-top:0;
 list-style-type: none;
}
#contentsArea #subContentsBlock .sideSection ul li{
 margin:0 0 1em 0;
 padding:1em 1.5em;
}
/*トップページアイキャッチ*/
/*背景画像とテキストのコントラスト比に注意すること*/
.riko__eyecatch{
 margin:0 0 1em;
/* padding:35px 0 30px;*/
 background: url(../img/sea2.jpg) no-repeat 50% top;
	height:420px;
}
.riko__eyecatch.bnr{
	height:560px;
	padding:0px 0 0px;
}
.riko__eyecatch .blue{
 font-weight: bold;
 color:#0000FF;
}
.riko__eyecatch .pink{
 font-weight: bold;
 color:#FC3131;
}
.event-summer {
 display: flex;
 justify-content: space-around;
}
.event-summer img {
 width: 100%;
 height: 100%;
}
.ri-top-img{
 width: 100%;
}
.event-summer a{
 display: flex;
 justify-content: center;
 align-items: center;
}
@media screen and (max-width: 800px) {
 .event-summer {
 flex-direction: column;
 width: 100%;
 }
 .event-summer a{
 display: flex;
 justify-content: center;
 }
 .event-summer img {
 /* width: 50%; */
 height: 100%;
 margin: 1rem 0;
 }
 .ri-top-img{
 width: 100%;
 margin: 1rem 0;
 }
}
.event-summer-mes{
 display: flex;
 flex-direction: column;
 align-items: center;
 font-size: 1.17rem;
}
@media screen and (max-width: 800px) {
 .event-summer-mes{
 font-size: 1rem;
 }
}
/*春用背景*/
.riko__eyecatch--spring{
 background:#dee5c3 url(../img/spring.jpg) no-repeat 50% top;
 text-align: center;
}
/*夏用背景*/
.riko__eyecatch--summer{
 background:#f2eedd url(../img/summer.jpg) no-repeat 50% top;
	text-align: center;
}
/*秋用背景*/
.riko__eyecatch--fall{
 background:#f2eedd url(../img/fall.jpg) no-repeat 50% top;
	text-align: center;
}
/*冬用背景*/
.riko__eyecatch--winter{
 background:#395590 url(../img/winter.jpg) no-repeat 50% top;
 color:#fff;
 text-align: center;
}
/*夏用(夏のリコチャレ)背景*/
.riko__eyecatch--summer{
 /*background: #FFF url(../img/sea2.jpg) no-repeat 50% bottom;*/
 text-align: center;
}
.spmenu{
 margin:0 0 1em;
 text-align:center;
}
.spmenu input[type="checkbox"].on-off{
 display: none;
}
.spmenu ul#nav{
 display: none;
}
.spmenu ul#nav img{
 max-width:100%;
}
.spmenu input[type="checkbox"].on-off:checked ~ ul#nav{
 display: block;
}
#mainContents input[type="checkbox"].on-off{
 display: none;
}
#mainContents ul#nav{
 display: none;
}
#mainContents ul#nav img{
 max-width:100%;
}
#mainContents input[type="checkbox"].on-off:checked ~ ul#nav,
#mainContents input[type="checkbox"].on-off:checked ~ .box,
#mainContents input[type="checkbox"].on-off:checked ~ .accordionBox{
 display: block;
}
input#check-summary.on-off:checked ~ .inner.flower .indent {
 display: block;
}
#contentsArea ul{
 list-style-type:none;
}
#contentsArea ul li{
 margin-left:0;
 padding-left:0;
}
#anchor {
 background: #e3f5fd;
 overflow: hidden;
 padding: 15px 0;
}
#anchor.alt2 {
 background: #fef7e8;
}
#anchor.alt3 {
 background: #e2edc0;
}
#anchor img{
 margin:1em;
 float:left;
}
.menuBtn{
 display: block;
 cursor:pointer;
}
#links_contents02 .inner ul{
 text-align:left;
 overflow:hidden;
}
#links_contents02 .inner ul li{
 width:33%;
 float:left;
 padding:6px 0;
 line-height:2em;
}
/*クラス*/
.pc{
 display:none;
}
.sp{
 display:block;
}
.box01 dl.left30 dd {
 padding: 15px 30px;
 background: #f8f8e4;
}
.inner h3 {
 background: #f4e9c8;
 font-weight: normal;
 padding: 10px 10px 10px 10px;
 margin: 20px 0 15px;
 text-align: center;
}
.summer {
 text-align:center;
}
.summer_2017{
 text-align:center;
 	padding-bottom:40px;
 	background:#99E0EC url(../img/kyouryoku/yaji.png) no-repeat left bottom;
 	background-size: contain;
}
.summer_2018{
 text-align:center;
 padding-bottom:40px;
 background-image: url(../img/kyouryoku/yaji.png), url(../img/event/sea_2018.jpg);
 background-repeat: no-repeat;
 background-position: center bottom;
}
.summer .summer_event {
 padding: 0 0 10px;
 background: #fff url(../img/event/sea.jpg) no-repeat center bottom;
}
.summer_2017 .summer_event_2017 {
 padding: 0 0 10px;
 background: #fff url(../img/event/sea_2017.jpg) no-repeat center bottom;
}
.summer_2018 .summer_event_2018 {
 padding: 10px 0 10px;
}
.blue_yaji {
 background: url(../img/common/blue_yaji02.png) no-repeat left center;
 padding-left: 10px;
 }
.flower ul{
 margin:0 0 1em;
}
.flower ul li {
 margin:0 0 1em;
 padding: 10px 10px 10px 25px !important;
 background: #e3f5fd;
}
.links{
 float: left;
}
.links ul{
 width: 34em;
}
.links ul li {
 margin-left: 10px !important;
 padding-left: 10px !important;
 background: url(../img/common/blue_yaji02.png) no-repeat left center;
}
.links.alt2 ul li {
 background: url(../img/common/orange_yaji02.png) no-repeat left center;
}
.links.alt3 ul li {
 background: url(../img/common/green_yaji02.png) no-repeat left center;
}
.tableBase01 {
 overflow: auto;
}
.tableBase01 table {
 width: 700px;
 white-space: normal;
 border:1px solid #d5d4d4;
 background-color:#e8edf0;
 border-collapse: collapse;
 text-align:center;
}
.tableBase01 table caption{
 display:none;
}
.tableBase01 table th,
.tableBase01 table td {
 padding:7px;
 border:1px solid #d5d4d4;
}
.tableBase01 table th{
 background-color:#395590;
 color:#fff;
}
.tableBase01 table td{
 padding:7px;
 background-color:#ffffff;
}
.tableBase01 table .w10{
 width:10%;
}
.tableBase01 table .w15{
 width:15%;
}
.tableBase01 table .w20{
 width:20%;
}
.pageTop02 {
 background: url(../../img/common/page_top_yaji.gif) no-repeat left center;
 padding-left: 13px;
}
.search_calender{
 width: 44%;
 float: left;
 margin: 0 3%;
}
.search_days{
 font-size: 1.6em;
 font-weight: bold;
 color: #385590;
}
.list_event{
 clear: both;
}
/*以下kato追記欄 */
.tabs{
 padding-top:100px;
}
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: #385590;
 -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;
}
#panels .container {
 margin: 0 auto;
 width: 90%;
}
#panels div header label.panel-label {
 padding: 12px 24px;
 box-sizing: border-box;
}
#panels div div.main-tab {
 display: none;
 box-sizing: border-box;
 opacity: 0;
 -webkit-transition: opacity 600ms;
 transition: opacity 600ms;
 overflow-y: hidden;
}
#panel-1-ctrl:checked ~ #panels #panel-1 div.main-tab {
 display: block;
 opacity: 1;
 padding: 22px 0px;
}
#panel-2-ctrl:checked ~ #panels #panel-2 div.main-tab {
 display: block;
 opacity: 1;
 padding: 22px 0px;
}
#panel-3-ctrl:checked ~ #panels #panel-3 div.main-tab {
 display: block;
 opacity: 1;
 padding: 22px 0px;
}
#panel-4-ctrl:checked ~ #panels #panel-4 div.main-tab {
 display: block;
 opacity: 1;
 padding: 22px 0px;
}
#panel-5-ctrl:checked ~ #panels #panel-5 div.main-tab {
 display: block;
 opacity: 1;
 padding: 22px 0px;
}
#panel-6-ctrl:checked ~ #panels #panel-6 div.main-tab {
 display: block;
 opacity: 1;
 padding: 22px 0px;
}
#panel-7-ctrl:checked ~ #panels #panel-7 div.main-tab {
 display: block;
 opacity: 1;
 padding: 22px 0px;
}
#panel-8-ctrl:checked ~ #panels #panel-8 div.main-tab {
 display: block;
 opacity: 1;
 padding: 22px 0px;
}
#panel-9-ctrl:checked ~ #panels #panel-9 div.main-tab {
 display: block;
 opacity: 1;
 padding: 22px 0px;
}
#panel-10-ctrl:checked ~ #panels #panel-10 div.main-tab {
 display: block;
 opacity: 1;
 padding: 22px 0px;
}
#panel-11-ctrl:checked ~ #panels #panel-11 div.main-tab {
 display: block;
 opacity: 1;
 padding: 22px 0px;
}
#panel-12-ctrl:checked ~ #panels #panel-12 div.main-tab {
 display: block;
 opacity: 1;
 padding: 22px 0px;
}
#panel-1-ctrl:checked ~ .tabs-list .li-for-panel-1 {
 pointer-events: none;
 cursor: default;
 -webkit-transform: translate3d(0, 2px, 0);
 transform: translate3d(0, 2px, 0);
 box-shadow: none;
 /*border-right: none;*/
}
#panel-1-ctrl:checked ~ .tabs-list .li-for-panel-1.last {
 border-right: 1px solid transparent;
}
#panel-1-ctrl:checked ~ .tabs-list .li-for-panel-1 + li {
 /*border-left: 1px solid #FFF;*/
}
#panel-1-ctrl:checked ~ .tabs-list .li-for-panel-1 label.panel-label {
 text-decoration: none;
 background-color: white;
 color: #003399;
 padding-top: 8px;
}
#panel-1-ctrl:checked ~ .tabs-list .li-for-panel-1 label.panel-label::after {
 /*height: 6px;*/
}
#panel-2-ctrl:checked ~ .tabs-list .li-for-panel-2 {
 pointer-events: none;
 cursor: default;
 -webkit-transform: translate3d(0, 2px, 0);
 transform: translate3d(0, 2px, 0);
 box-shadow: none;
 /*border-right: none;*/
}
#panel-2-ctrl:checked ~ .tabs-list .li-for-panel-2.last {
 border-right: 1px solid transparent;
}
#panel-2-ctrl:checked ~ .tabs-list .li-for-panel-2 + li {
 /*border-left: 1px solid #FFF;*/
}
#panel-2-ctrl:checked ~ .tabs-list .li-for-panel-2 label.panel-label {
 text-decoration: none;
 background-color: white;
 color: #003399;
 padding-top: 8px;
}
#panel-2-ctrl:checked ~ .tabs-list .li-for-panel-2 label.panel-label::after {
 /*height: 6px;*/
}
#panel-3-ctrl:checked ~ .tabs-list .li-for-panel-3 {
 pointer-events: none;
 cursor: default;
 -webkit-transform: translate3d(0, 2px, 0);
 transform: translate3d(0, 2px, 0);
 box-shadow: none;
 /*border-right: none;*/
}
#panel-3-ctrl:checked ~ .tabs-list .li-for-panel-3.last {
 border-right: 1px solid transparent;
}
#panel-3-ctrl:checked ~ .tabs-list .li-for-panel-3 + li {
 /*border-left: 1px solid #FFF;*/
}
#panel-3-ctrl:checked ~ .tabs-list .li-for-panel-3 label.panel-label {
 text-decoration: none;
 background-color: white;
 color: #003399;
 padding-top: 8px;
}
#panel-3-ctrl:checked ~ .tabs-list .li-for-panel-3 label.panel-label::after {
 /*height: 6px;*/
}
#panel-4-ctrl:checked ~ .tabs-list .li-for-panel-4 {
 pointer-events: none;
 cursor: default;
 -webkit-transform: translate3d(0, 2px, 0);
 transform: translate3d(0, 2px, 0);
 box-shadow: none;
 /*border-right: none;*/
}
#panel-4-ctrl:checked ~ .tabs-list .li-for-panel-4.last {
 border-right: 1px solid transparent;
}
#panel-4-ctrl:checked ~ .tabs-list .li-for-panel-4 + li {
 /*border-left: 1px solid #FFF;*/
}
#panel-4-ctrl:checked ~ .tabs-list .li-for-panel-4 label.panel-label {
 text-decoration: none;
 background-color: white;
 color: #003399;
 padding-top: 8px;
}
#panel-4-ctrl:checked ~ .tabs-list .li-for-panel-4 label.panel-label::after {
 /*height: 6px;*/
}
#panel-5-ctrl:checked ~ .tabs-list .li-for-panel-5 {
 pointer-events: none;
 cursor: default;
 -webkit-transform: translate3d(0, 2px, 0);
 transform: translate3d(0, 2px, 0);
 box-shadow: none;
 /*border-right: none;*/
}
#panel-5-ctrl:checked ~ .tabs-list .li-for-panel-5.last {
 border-right: 1px solid transparent;
}
#panel-5-ctrl:checked ~ .tabs-list .li-for-panel-5 + li {
 /*border-left: 1px solid #FFF;*/
}
#panel-5-ctrl:checked ~ .tabs-list .li-for-panel-5 label.panel-label {
 text-decoration: none;
 background-color: white;
 color: #003399;
 padding-top: 8px;
}
#panel-5-ctrl:checked ~ .tabs-list .li-for-panel-5 label.panel-label::after {
 /*height: 6px;*/
}
#panel-6-ctrl:checked ~ .tabs-list .li-for-panel-6 {
 pointer-events: none;
 cursor: default;
 -webkit-transform: translate3d(0, 2px, 0);
 transform: translate3d(0, 2px, 0);
 box-shadow: none;
 /*border-right: none;*/
}
#panel-6-ctrl:checked ~ .tabs-list .li-for-panel-6.last {
 border-right: 1px solid transparent;
}
#panel-6-ctrl:checked ~ .tabs-list .li-for-panel-6 + li {
 /*border-left: 1px solid #FFF;*/
}
#panel-6-ctrl:checked ~ .tabs-list .li-for-panel-6 label.panel-label {
 text-decoration: none;
 background-color: white;
 color: #003399;
 padding-top: 8px;
}
#panel-6-ctrl:checked ~ .tabs-list .li-for-panel-6 label.panel-label::after {
 /*height: 6px;*/
}
#panel-7-ctrl:checked ~ .tabs-list .li-for-panel-7 {
 pointer-events: none;
 cursor: default;
 -webkit-transform: translate3d(0, 2px, 0);
 transform: translate3d(0, 2px, 0);
 box-shadow: none;
 /*border-right: none;*/
}
#panel-7-ctrl:checked ~ .tabs-list .li-for-panel-7.last {
 border-right: 1px solid transparent;
}
#panel-7-ctrl:checked ~ .tabs-list .li-for-panel-7 + li {
 /*border-left: 1px solid #FFF;*/
}
#panel-7-ctrl:checked ~ .tabs-list .li-for-panel-7 label.panel-label {
 text-decoration: none;
 background-color: white;
 color: #003399;
 padding-top: 8px;
}
#panel-7-ctrl:checked ~ .tabs-list .li-for-panel-7 label.panel-label::after {
 /*height: 6px;*/
}
#panel-8-ctrl:checked ~ .tabs-list .li-for-panel-8 {
 pointer-events: none;
 cursor: default;
 -webkit-transform: translate3d(0, 2px, 0);
 transform: translate3d(0, 2px, 0);
 box-shadow: none;
 /*border-right: none;*/
}
#panel-8-ctrl:checked ~ .tabs-list .li-for-panel-8.last {
 border-right: 1px solid transparent;
}
#panel-8-ctrl:checked ~ .tabs-list .li-for-panel-8 + li {
 /*border-left: 1px solid #FFF;*/
}
#panel-8-ctrl:checked ~ .tabs-list .li-for-panel-8 label.panel-label {
 text-decoration: none;
 background-color: white;
 color: #003399;
 padding-top: 8px;
}
#panel-8-ctrl:checked ~ .tabs-list .li-for-panel-8 label.panel-label::after {
 /*height: 6px;*/
}
#panel-9-ctrl:checked ~ .tabs-list .li-for-panel-9 {
 pointer-events: none;
 cursor: default;
 -webkit-transform: translate3d(0, 2px, 0);
 transform: translate3d(0, 2px, 0);
 box-shadow: none;
 /*border-right: none;*/
}
#panel-9-ctrl:checked ~ .tabs-list .li-for-panel-9.last {
 border-right: 1px solid transparent;
}
#panel-9-ctrl:checked ~ .tabs-list .li-for-panel-9 + li {
 /*border-left: 1px solid #FFF;*/
}
#panel-9-ctrl:checked ~ .tabs-list .li-for-panel-9 label.panel-label {
 text-decoration: none;
 background-color: white;
 color: #003399;
 padding-top: 8px;
}
#panel-9-ctrl:checked ~ .tabs-list .li-for-panel-9 label.panel-label::after {
 /*height: 6px;*/
}
#panel-10-ctrl:checked ~ .tabs-list .li-for-panel-10 {
 pointer-events: none;
 cursor: default;
 -webkit-transform: translate3d(0, 2px, 0);
 transform: translate3d(0, 2px, 0);
 box-shadow: none;
 /*border-right: none;*/
}
#panel-10-ctrl:checked ~ .tabs-list .li-for-panel-10.last {
 border-right: 1px solid transparent;
}
#panel-10-ctrl:checked ~ .tabs-list .li-for-panel-10 + li {
 /*border-left: 1px solid #FFF;*/
}
#panel-10-ctrl:checked ~ .tabs-list .li-for-panel-10 label.panel-label {
 text-decoration: none;
 background-color: white;
 color: #003399;
 padding-top: 8px;
}
#panel-10-ctrl:checked ~ .tabs-list .li-for-panel-10 label.panel-label::after {
 /*height: 6px;*/
}
#panel-11-ctrl:checked ~ .tabs-list .li-for-panel-11 {
 pointer-events: none;
 cursor: default;
 -webkit-transform: translate3d(0, 2px, 0);
 transform: translate3d(0, 2px, 0);
 box-shadow: none;
 /*border-right: none;*/
}
#panel-11-ctrl:checked ~ .tabs-list .li-for-panel-11.last {
 border-right: 1px solid transparent;
}
#panel-11-ctrl:checked ~ .tabs-list .li-for-panel-11 + li {
 /*border-left: 1px solid #FFF;*/
}
#panel-11-ctrl:checked ~ .tabs-list .li-for-panel-11 label.panel-label {
 text-decoration: none;
 background-color: white;
 color: #003399;
 padding-top: 8px;
}
#panel-11-ctrl:checked ~ .tabs-list .li-for-panel-11 label.panel-label::after {
 /*height: 6px;*/
}
#panel-12-ctrl:checked ~ .tabs-list .li-for-panel-12 {
 pointer-events: none;
 cursor: default;
 -webkit-transform: translate3d(0, 2px, 0);
 transform: translate3d(0, 2px, 0);
 box-shadow: none;
 /*border-right: none;*/
}
#panel-12-ctrl:checked ~ .tabs-list .li-for-panel-12.last {
 border-right: 1px solid transparent;
}
#panel-12-ctrl:checked ~ .tabs-list .li-for-panel-12 + li {
 /*border-left: 1px solid #FFF;*/
}
#panel-12-ctrl:checked ~ .tabs-list .li-for-panel-12 label.panel-label {
 text-decoration: none;
 background-color: white;
 color: #003399;
 padding-top: 8px;
}
#panel-12-ctrl:checked ~ .tabs-list .li-for-panel-12 label.panel-label::after {
 /*height: 6px;*/
}
ul.tabs-list {
 background-color: #FEF8E9;
 /*display: flex;*/
 list-style: none;
 text-align: center;
 border-bottom: 2px solid #385590;
 margin: 0;
 padding: 0;
}
ul.tabs-list li {
 margin: 0 3px;
 text-align: center;
 font-size: 0.875em;
 width: 100%;
 box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05);
 border: 2px solid #385590;
 border-top-left-radius: 0.6em;
 border-top-right-radius: 0.6em;
 border-bottom: 0;
 /*border-right: 1px solid #FFF;*/
 position: relative;
 -webkit-transform: translate3d(0, 2px, 0);
 transform: translate3d(0, 2px, 0);
}
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 #FFF;*/
}
ul.tabs-list li label.panel-label {
 border-top-left-radius: 0.2em;
 border-top-right-radius: 0.2em;
 position: relative;
 padding: 8px 0;
 font-size: 1.2em;
 color: #FFF;
 font-weight: bold;
 text-decoration: underline;
}
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: 8px;
}
ul.tabs-list li label.panel-label:hover::after {
 /*height: 6px;*/
}
div.main-tab {
 width: 100%;
 margin: 0 auto;
 position: relative;
}
.panel-radios {
 display: none;
}
body {
 background: #00bfff;
 color: #444444;
}
div.main-tab p {
 line-height: 1.8;
}
#contentsArea ul.tabs-list.pc{
 margin-top: 0;
}
ul#summer_event_tab.tabs-list.pc{
 background-color: #EBF6FC;
}
.daigakusei_tab{
 font-size: 0.7em !important;
}
.other_tab{
 font-size: 0.9em !important;
}
ul.tabs-list li label.panel-label.senmon_2018_tab{
 font-size: 1em !important;
}
ul.tabs-list li label.panel-label.daigakusei_2018_tab{
 font-size: 0.8em !important;
 line-height: 1;
 padding-bottom: 9px;
}
ul.tabs-list li label.panel-label.other_2018_tab{
 font-size: 0.8em !important;
 line-height: 1;
 padding-bottom: 9px;
}
/*------------------------カレンダー表示CSS-----------------------------*/
/*.centering{
 text-align: center;
}*/
.calendar tr:nth-child(1) th:nth-child(1),
.riko_calendar tr:nth-child(1) th:nth-child(1){
 background-color: #FCEDF4;
}
/*
.calendar tr:nth-child(1) th:nth-child(2),th:nth-child(3),th:nth-child(4),th:nth-child(5),th:nth-child(6),
.riko_calendar tr:nth-child(1) th:nth-child(2),th:nth-child(3),th:nth-child(4),th:nth-child(5),th:nth-child(6){
 background-color: #FDF4DC;
}
.calendar tr:nth-child(1) th:nth-child(7),
.riko_calendar tr:nth-child(1) th:nth-child(7){
 background-color: #DBEEF9;
}
*/
.schedule{
 border-top: 2px dotted #EA9741;
 padding-top: 10px;
 margin-top: 30px;
}
.day_property{
 height: 40px;
 width: 65px;
 background-color: white;
 text-align: center;
}
td.day_property {
 color: #666;
}
.day_property a,
.day_property a:hover,
.day_property a:visited {
 color: #000;
 font-weight: bold;
}
th.sunday,
td.sunday a,
td.sunday a:hover,
td.sunday a:visited {
 color: #D61839;
 font-weight: bold;
}
th.saturday,
td.saturday a,
td.saturday a:hover,
td.saturday a:visited {
 color: #385590;
 font-weight: bold;
}
.bun{
 /*float: left;*/
 padding: 20px 0 0 60px;
}
.gray{
 /*background-color: lightgray;*/
 filter: opacity(50%);
 -webkit-filter: opacity(50%);
 filter:alpha(opacity=50); /* IE 6,7*/
 -ms-filter: "alpha(opacity=50)"; /* IE 8,9 */
 -moz-opacity:0.5; /* FF , Netscape */
 -khtml-opacity: 0.5; /* Safari 1.x */
 opacity:0.5;
 zoom:1; /*IE*/
}
/*#panel-4 th,*/
/*#panel-4 td{
 background-color: lightgray;
}*/
.prop{
 height: 40px;
 width: 65px;
 text-align: center;
}
.graycell{
 background-color: #CCC;
}
#panels .eventlink{
 margin-top: 5px;
 margin-left: 14em;
 margin-right: auto;
 border-spacing: 1px;
}
/*2019 追記*/
.summer_event_2019> img{
 width: 100%;
}
div.inner div.summer2019 {
 position:relative;
}
.summer2019.pc img {
 width: 80%;
}
div.inner div.summer2019:first-child{
 min-height: 480px;
 background: url(../../c-challenge/img/2019_summer_top_line.png);
 background-size: 100% 100%;
}
div.summer2019> p{
 position:absolute;
 bottom: 40px;
 transform: translateX(-50%);
 left: 50%;
 width: 80%;
}
div.summer2019_button{
 width:80%;
 margin:0 auto;
}
div.summer2019_button ul li{
 margin: 10px;
}
/*---------------*/
/*タブレット+スマートフォン向け*/
@media screen and (max-width: 960px){
 #mainContents .inner .question{
 margin:0 auto;
 clear:left;
 float:none;
 }
 .summer2019.pc img {
 width: 85%;
 }
}
/*タブレット+PC向け*/
@media print, screen and (min-width: 641px){
 .calendar{
 margin-left: 14em;
 margin-right: auto;
 background-color: #CCCCCC;
 border-spacing: 1px;
 }
 .riko_calendar{
 /*margin-left: 14em;*/
 margin-right: auto;
 background-color: #CCCCCC;
 border-spacing: 1px;
 }
 #panel-4 .eventlink,
 #panel-5 .eventlink{
 margin-top: 15px;
 margin-left: 14em;
 margin-right: auto;
 }
 .month_lbl{
 font-size: 1.6em;
 font-weight: bold;
 color: #385590;
 float: left;
 margin-left: 2em;
 }
 #summer_contents01 .double_calender{
 display: flex;
 margin: 20px 0 40px;
 }
 #top_contents #nav{
 border-top:none;
 }
 #top_contents #nav li{
 margin:0 -1px 0 0;
 border-right:1px #f5a54d dashed;
 border-bottom:none;
 width:13%;
 }
 #top_contents #nav li.last{
 margin-right:0;
 }
 #dantai,
 #what{
 padding: 25px 50px 35px 240px;
 background: #fdeee8 url(../img/what/yaji_what.png) repeat-x -10px bottom;
 }
 #video{
 padding: 0;
 background: #FFE5EA repeat;
 }
 #yaji {
 padding: 25px 30px;
 background: #eefbff url(../img/kyouryoku/yaji.png) repeat-x center bottom;
 }
 #yaji2 {
 padding: 25px 30px;
 background: #f7f5dc url(../img/kyouryoku/yaji.png) repeat-x center bottom;
 }
 #yaji3 {
 padding: 25px 30px;
 background: #e2edc0 url(../img/kyouryoku/yaji.png) no-repeat center bottom;
 }
 #event{
 padding: 25px 50px 35px 270px;
 background: #f7f5dc url(../img/event/yaji_event.png) no-repeat center bottom;
 }
 .summer {
 padding-bottom: 40px;
 background: #cfeaf7 url(../img/kyouryoku/yaji.png) no-repeat center bottom;
 }
 .summer .summer_event {
 padding-bottom: 5px;
 background: #cfeaf7 url(../img/event/sea.jpg) no-repeat 50% top;
 }
 .menuBtn{
 display: none;
 }
 #mainContents ul#nav,
 .spmenu ul#nav{
 display: block;
 }
 .tableBase01 table{
 width:100%;
 }
 .links ul li {
 width: 16em;
 float: left;
 }
 .flower ul li {
 width: 10em;
 margin-right: 25px;
 float: left;
 }
 .pc{
 display:block;
 }
 .sp{
 display:none;
 }
 ul.tabs-list.pc{
 background-color: #FEF8E9;
 display:flex;
 }
 .home h2{
 margin:0 0 1em;
 padding:.25em 1em .25em 1em;
 border-bottom:1px solid #ccc;
 }
 .home h2:after{
 content:"";
 width: 5px;
 }
}
/*PC向け*/
@media print, screen and (min-width: 961px){
 #contentsArea #subContentsBlock .sideSection ul li{
 margin:0 0 1em 0;
 padding:0;
 }
}
/*タブレット向け*/
@media screen and (min-width: 641px) and (max-width: 960px){
 #contentsArea #subContentsBlock .sideSection ul{
 width:50%;
 margin: 0 auto;
 }
 #contentsArea #subContentsBlock .sideSection ul li{
 margin:0 0 1em 0;
 padding:1em 6em;
 }
 div.summer2019> p{
 bottom:73px;
 }
}
@media screen and (min-width: 800px)and (max-width: 960px) {
 div.summer2019> p{
 bottom:50px;
 }
}
/*スマートフォン向け*/
@media screen and (max-width: 640px){
 .riko__eyecatch--summer{
 background: #FFF url(../img/sp/sp_top.jpg) no-repeat 50% 250px;
 height: auto;
 }
 .riko__eyecatch--summer.bnr{
 background: #FFF url(../img/sp/sp_top.jpg) repeat 50% 0%;
 height: auto;
 }
 .summer_2017, .summer_2018 {
 padding-bottom: 0;
 background: none;
 }
 .summer_2017 .summer_event_2017 {
 padding: 0 0 45px;
 background: #fff url(../img/event/sp/sp_sea_2017.jpg) no-repeat center bottom 50%;
 }
 .summer_2018 {
 padding: 0;
 width: 100%;
 background: #fff url(../img/event/sp/sp_sea_2018.jpg) no-repeat center bottom 100%;
 background-size: cover;
 }
 .summer_event_2018 img{
 width: 90%!important;
 padding-top: 5px;
 }
 .inner.flower .indent{
 display: none;
 }
 .calendar{
 margin-left: auto;
 margin-right: auto;
 background-color: #CCCCCC;
 border-spacing: 1px;
 }
 #panels .eventlink{
 border-spacing: 1px;
 margin-top: 15px;
 margin-left: auto;
 margin-right: auto;
 }
 .month_lbl{
 font-size: 1.6em;
 font-weight: bold;
 color: #385590;
 /*float: left;
 margin-left: 2em;*/
 }
 ul.tabs-list.sp{
 display:flex;
 background-color: #FFF;
 }
 #contentsArea ul li{
 margin-left:0;
 padding-left:0;
 }
 #top_contents #button ul li{
 width: 100%;
 }
 #top_contents #button ul{
 padding: 15px 10px 15px;
 max-width: 250px;
 margin: 0 auto;
 }
 #top_contents #nav {
 width: 100%;
 margin-bottom: 0;
 background: #fdf8d6;
 text-align: left;
 }
 #top_contents #nav li {
 display: block;
 height: auto;
 float: none;
 border-right: none;
 border-bottom: 1px #f5a54d dashed;
 /* padding: 0; */
 }
 #top_contents #nav li a {
 display: block;
 text-decoration: none;
 color: #231815;
 background: url(../img/sp/arrow.png) no-repeat 97% center;
 padding: 15px 20px 15px 20px;
 }
 #top_contents .inner{
 padding-bottom: 0;
 }
 #top_contents #button {
 margin-bottom: 0;
 }
 .inner .floatR {
 margin: 0 !important;
 }
 .inner .floatL {
 width: 100%;
 margin: 0 !important;
 }
}
.summary-arrow {
 float: right;
 color: #fff;
 font-size: 0.5em;
 padding-top: 4px;
}
.movie_title{
 max-width:100% !important;
}
/*ご挨拶*/
.video_article_1 {
 margin-bottom: 5em;
}
.video_article_1 h3 {
 margin: 20px 0;
 padding:10px;
 font-size: 2em;
 color:#fff;
 background: none;
 background-color: #7F6000;
}
.video_article_1 h4 {
 text-align: center;
 font-size: 2em;
 color: #7F6000;
}
.video_article_1 .message {
 padding: 1px 1em;
 border: 1px solid #FFFFCC;
 background-color: #FFFFCC;
 border-radius: 20px;
 margin-top: 1em;
 margin-bottom: 2em;
}
.video_article_1 .message span {
 font-weight: bold;
 color: #7F6000;
}
/*基調講演*/
.video_article_2 {
 margin-bottom: 5em;
}
.video_article_2 h3 {
 margin: 20px 0;
 padding:10px;
 font-size: 2em;
 color:#fff;
 background: none;
 background-color: #0066FF;
}
.video_article_2 h4 {
 text-align: center;
 font-size: 2em;
 color: #0066FF;
}
.video_article_2 .message {
 padding: 1px 1em;
 border: 1px solid #FFFFCC;
 background-color: #FFFFCC;
 border-radius: 20px;
 margin-top: 1em;
 margin-bottom: 2em;
}
.video_article_2 .message span {
 font-weight: bold;
 color: #0066FF;
}
/*理系で活躍する先輩による経験談発表*/
.video_article_3 {
 margin-bottom: 3.5em;
}
.video_article_3 h3 {
 margin: 20px 0;
 padding:10px;
 font-size: 2em;
 color:#fff;
 background: none;
 background-color: #CC3131;
}
.video_article_3 h4 {
 text-align: center;
 font-size: 2em;
 color: #CC3131;
}
.video_article_3 .message {
 padding: 1px 1em;
 border: 1px solid #FFFFCC;
 background-color: #FFFFCC;
 border-radius: 20px;
 margin-top: 1em;
 margin-bottom: 2em;
}
.video_article_3 .message span {
 font-weight: bold;
 color: #CC3131;
}
 .clear{
 clear: both;
 }
/*PC向け*/
@media screen and (min-width: 961px){
 .video_article_left {
 float: left; 
 display: block; 
 max-width: 48%;
 }
 .video_article_right {
 float: right; 
 display: block; 
 max-width: 52%;
 } 
.mb-1{
 margin-bottom: 1rem;
}
}
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://www.gender.go.jp/c-challenge/css/c-challenge.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://www.gender.go.jp/c-challenge/css/c-challenge.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>