@charset "utf-8";
.tab { width: 100%; margin: 0 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.tab li { width: calc(100%/3); height: 50px; background-color: #3c6cec; color: #fff; line-height: 50px; font-size: 16px; text-align: center; display: block; text-align: center; font-weight: bold; transition: all 0.2s ease; border-radius: 30px 30px; -webkit-border-radius: 30px 30px; -moz-border-radius: 30px 30px;}
.tab li.current { background: #fefa62; 	color: #3c6cec; position: relative;}

.content { padding: 5%;  background: #fff; margin-top: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.contents .content { display: none;}
.contents .content:nth-child(1) { display: block; }


.cont-list-box .modal-open { color:#00f; text-decoration: none;}
.cont-list-box .modal-open:hover { text-decoration: none;}

.tab_txt{width: 95%; font-size: 16px; line-height:1.61; color: #3c6cec; margin: 0 auto; letter-spacing: 0.1em;}
.name{width: 95%; padding-top: 5%; text-align: right; font-size: 20px; color: #353535; margin: 0 auto;}
.name span{font-size: 50%; line-height:1.2; display:block; padding-bottom: 5px;}

@media screen and (max-width: 640px) {
.content { padding:5% 0;}
.tab_txt{font-size: 3vw;}
.tab li{font-size: 3vw; height: 30px;  line-height: 30px;}

}




.mg_img{ width: 30%; margin: 0 auto; float: right; }
.mg_txt{ width: 65%; margin: 0 auto; float: left; }
.mg_title{ font-size: 130%; color: #1344c4;  border-bottom: solid 1px #1344c4; padding-bottom: 8px;}

@media screen and (max-width: 640px) {
.mg_img{ width: 50%; margin: 0 auto; float: none; padding-bottom: 10px;}
.mg_txt{ width: 95%; margin: 0 auto; float: none; }


}



.meg_wp_in{width : 95%; margin: 0 auto; margin-top: 35px;}

.meg_wp_in{
background:url(/corda/15th/img/message/tab_bg.gif);
padding: 1% 0 0 0;

}


.closebtn_popup{
width: 50%;
max-width: 292px;
margin: 0 auto;
    margin-top: 0px;
display: block;
padding-top: 3%;
margin-top: 2%;

background: #3c6cec;
border-radius: 30px 30px 0 0;
-webkit-border-radius: 30px 30px 0 0;
-moz-border-radius: 30px 30px 0 0;
}



.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

.official_link{padding: 5% 0;}
.official_link a{width: 70%; max-width:400px; margin: 0 auto; display: block; background: #972235; color: #fff;  text-align: center; padding: 10px; text-decoration: none; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}