@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.mt0{margin-top: 0px!important;}
.mt5{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt30{margin-top: 30px!important;}
.mt35{margin-top: 35px!important;}
.mt40{margin-top: 40px!important;}
.mt45{margin-top: 45px!important;}
.mt50{margin-top: 50px!important;}
.mt55{margin-top: 55px!important;}
.mt60{margin-top: 60px!important;}
.mt65{margin-top: 65px!important;}
.mt70{margin-top: 70px!important;}
.mt75{margin-top: 75px!important;}
.mt80{margin-top: 80px!important;}
.mt85{margin-top: 85px!important;}
.mt90{margin-top: 90px!important;}
.mt95{margin-top: 95px!important;}
.mt100{margin-top: 100px!important;}
.mb0{margin-bottom: 0px!important;}
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb25{margin-bottom: 25px!important;}
.mb30{margin-bottom: 30px!important;}
.mb35{margin-bottom: 35px!important;}
.mb40{margin-bottom: 40px!important;}
.mb45{margin-bottom: 45px!important;}
.mb50{margin-bottom: 50px!important;}
.mb55{margin-bottom: 55px!important;}
.mb60{margin-bottom: 60px!important;}
.mb65{margin-bottom: 65px!important;}
.mb70{margin-bottom: 70px!important;}
.mb75{margin-bottom: 75px!important;}
.mb80{margin-bottom: 80px!important;}
.mb85{margin-bottom: 85px!important;}
.mb90{margin-bottom: 90px!important;}
.mb95{margin-bottom: 95px!important;}
.mb100{margin-bottom: 100px!important;}
.mlr10{margin-left: 10px!important;margin-right: 10px!important;}
.mlr20{margin-left: 20px!important;margin-right: 20px!important;}
.mlr30{margin-left: 30px!important;margin-right: 30px!important;}
.mlr40{margin-left: 40px!important;margin-right: 40px!important;}
.mlr50{margin-left: 50px!important;margin-right: 50px!important;}
.mlr60{margin-left: 60px!important;margin-right: 60px!important;}
.mlr70{margin-left: 70px!important;margin-right: 70px!important;}
.mlr80{margin-left: 80px!important;margin-right: 80px!important;}
.mlr90{margin-left: 90px!important;margin-right: 90px!important;}
.mlr100{margin-left: 100px!important;margin-right: 100px!important;}
.r9{
	transform: rotate( 90deg );
}
.z18{
	transform: rotateY( 180deg );
}
.top-contents p{
	margin-top: 0;
	margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6, p, a, span {
  color: #333;
	font-family: 'arial' ,游ゴシック, YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
a{
	/*color: #1967d2;*/
	color: #117ec6;
	font-size: 16px;
	/*font-weight: bold;*/
}
p{
	font-size: 16px;
}
strong{
	font-size: 18px;
	padding: 0 5px;
}
a:hover{
	color: #e9606d;
	text-decoration: underline;
}
img{
    transition: all .3s;
}
a:hover img{
	opacity: 0.7;
}
body{
	color: #353535;
}
input[type="text"]:focus {
  outline: 0;
}
#header-container{
	margin-bottom: 40px;
}
.date-tags {
  display: none;
}

/*共通*/
h1,h2,h3,h4,h5,h6{
	color: #333;
}
h2{
    position: relative;
    margin: 30px 0;
    padding: 15px;
    font-size: 20px;
    text-align: center;
    border-bottom: solid 3px #cce4ff;
}
h2:before{
	position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #5472cd;
    bottom: -3px;
    left: -1px;
    width: 30%;
}
h2 i{
	margin-right: 10px;
}
h3{
	margin-bottom: 20px;
	font-size: 19px;
}
.h3-s1{
    font-size: 20px;
    padding: 0.4em 0.5em;
    color: #494949;
    background: #f4f4f4;
    border: none;
    border-left: solid 5px #7db4e6;
    border-bottom: solid 3px #d7d7d7;
}
a.arrow{
	margin-left: 20px;
}
.article h2 {
    background-color: #117ec6;
    color: #fff;
    letter-spacing: 3px;
	border-bottom: none;
  padding: 15px;
	font-weight: normal;
    text-align: left;
    padding-left: 20px;
}
.article h2:before {
  display: none;
}
.article h3 {
  margin: 10px 0px;
	font-weight: normal;
    padding: 10px 20px;
    border-radius: 8px 0 8px 0;
}
.btn-s1 {
  text-align: center;
}
.btn-s1 a{
	display: inline-block;
	padding: 3px 20px;
	color: #fff;
	/*font-weight: bold;*/
	text-decoration: none;
	/*background: #0A8D7F;*/
	background: #117ec6;
    border: 2px solid #117ec6;
	border-radius: 3px;
}
.btn-s1:hover a{
	/*color: #333;
    background-color: #fff;
    border: 2px solid #000;*/
	text-decoration: underline;
    transition: all 0.5s ease;
}
.box-s1{
	padding: 10px;
	/*border: 10px solid #cce4ff;*/
}
table tr:nth-of-type(2n+1) {
    background: none;
}
.t-center{
	text-align: center;
}
.t-right{
	text-align: right;
}
.t-left{
	text-align: left;
}
.table-s1 {
  font-size: 14px;
}
.table-s1 th{
	text-align: center;
	background: #efefef;
	border: 1px solid #ccc;
}
.table-s1 thead th{
	width: 25%;
	background: #efefef;
	color: #333;
}
.table-s1 td{
	text-align: center;
	border: 1px solid #ccc;
}
.table-s1 td.pickup{
	background: #d5e9f7;
}
.mini{
	font-size: 14px;
}
.input-wrapper {
  text-align: center;
}
input#idSubmit1 {
	width: auto;
	display: inline-block;
	padding: 5px 30px;
	color: #fff;
	text-decoration: none;
	background: #117ec6;
    border: 2px solid #117ec6;
	border-radius: 3px;
	font-size: 14px;
}
input#idSubmit1:hover{
	text-decoration: underline;
    transition: all 0.5s ease;
}

/*トップページ*/
.top-upper{
	margin-bottom: 80px;
	text-align: center;
}
.top-upper .text{
	margin-bottom: 20px;
	border: 1px solid #ccc;
    padding: 1.2em 1em;
    text-align: left;
}
.top-upper .upper{
	margin-bottom: 30px;
}
.top-upper .bottom{
	text-align: center;
}
.top-upper td label{
	display: inline-block;
	padding: 5px;
	/* width: 14.1%;*/
	width:16.6%;
	text-align: center;
    border-radius: 3px;
    transition: all .2s;
	background: #fff;
	color: #333;
	font-size: 14px;
}
.top-upper td label:hover {
  text-decoration: underline;
}
#idTrackBango {
  border: 1px solid #ccc;
	font-size: 14px;
	font-family: 'arial' ,游ゴシック, YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
.top-upper td label input {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
.top-upper td label input:checked + .top-upper td label {
	background: #117ec6;
	color: #fff;
}
.top-upper td label input:focus + .top-upper td label {
    outline-color: #4D90FE;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px;
}
.top-upper .bottom .right .inr{
	padding: 10px;
    /*border: 1px solid #ddd;*/
}
.top-upper .bottom .right ul{
	margin: 0;
	padding: 0;
}
.top-upper .bottom .right li{
	list-style: none;
}
.top-bottom,
.top-middle{
	margin-bottom: 60px;
}
.top-middle.c1 .upper{
	margin-bottom: 30px;
	text-align: center;
}
.top-middle.c1  h3 span{
	margin-right: 20px;
	padding: 5px 10px;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	background: #999;
	border-radius: 5px;
}
.top-middle.c1 span {
  color: #e9606d;
}
.top-middle.c2 span {
  color: #e9606d;
}
.top-middle.c2 dl{
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: #919191 1px solid;
}
.top-middle.c2 dl:last-child{
	margin-bottom: 0;
	border: none;
}
.top-middle.c2 dt{
	font-weight: bold;
	color: #333;
}
.top-middle.c2 dt i{
	margin-right: 10px;
}
.top-middle.c5 .once {
	margin-bottom: 40px;
}
.top-bottom.c2 .row{
	text-align: center;
}
.bottom.row .col-md-6 {
	width: 100%;
	text-align: center;
}
.bottom.row .col-md-6 table {
  border: 1px solid #333;
}
.bottom.row .col-md-6 table td {
  border: 1px solid #ccc;
}
.bottom.row .mb10 {
  margin: 10px 0px 20px 0px !important;
}
#idTrackBango {
  width: 50%;
	margin-left: 20px;
}
.bottom.row .col-md-6.right {
  margin-top: 30px;
}
.subtitle {
  padding: 0px 10px;
}
.questionnaire iframe {
	min-width: 100%;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	.top-middle.c1 h3 span {
     padding: 3px 10px;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}