@charset 'utf-8';
body{
  background-color:#D8DFEA;
  margin:0;
  padding:0;
}

#container{
  max-width:640px;
  margin:0 auto;
  background-color:transparent; 
}

#container figure{
  margin:0;
  padding:0;
}


#container img{
  max-width:100%;
  height:auto; 
}

#container p{
  color:#333333;
  line-height:160%; 
  margin:1em 10px;
}


#tieupHeader{
  border-top:3px solid #3B5999;
  background-color:#F1F4F9; 
}

#tieupHeader h1{
  max-width:50%;
  height:auto; 
}

#tieupHeader ul{
  padding:15px 13px; 
  margin:0;
  max-width:50%;
  font-size:0;
}

#tieupHeader ul li{
  display:inline-block;
  margin:0;
  padding:0;
  list-style-type:none;
  max-width:50%;
}


#tieupHeader h1{
  padding:15px 13px;
  margin:0;
}

.textBlock{
  background-color:#ffffff;
  padding:20px 0 20px 0;
  margin-bottom:15px; 
}

.leadBlock{
  background-color:#ffffff; 
  margin-bottom:15px; 
}

.leadBlock_inner{
  padding-top:0!important;
  background-color:#ffffff;
  padding:10px 0;

}

.leadBlock figcaption{
  padding:10px;
  font-size:12px;
  background-color:#EFF2F7;
}


.articleTitle{
  font-size:18px;
  color:#395999;
  line-height:140%;
  padding:10px 10px 5px 10px;
  margin:0!important;
  border-bottom:1px solid #D8DFEA; 
  font-weight:bold;
}

.articleSubTitle{
  font-size:18px;
  color:#395999;
  font-weight:bold;
  padding-bottom:13px;
  padding-left:10px;
  line-height:120%; 
  margin-top:25px;
}

.mainPhoto{
  margin:0 0 0 0!important;
  text-align:center;
}


.leadBlock p{
  margin-left:10px;
  margin-right:10px;
}


.basicTitle{
  font-size:14px;
  color:#395999;
  font-weight:bold;
  padding-bottom:13px;
  margin:0 10px;
}

.cap{
  margin:0 10px 1em 10px!important;
  max-width:600px;
}

.cap figure{
  text-align:center;
  margin:0!important;
  padding:0!important; 
  line-height:0;
}

.cap figcaption{
  padding:12px;
  font-size:12px;
  background-color:#D8DFEA;
  padding:10px;
  line-height:160%;
}

.guide_cap{
  margin:0 10px 1em 10px!important;
  max-width:600px;
  display:table; 
  box-sizing: border-box;
}

@media screen and (max-width: 640px) {
  .guide_cap{
    height:260px;
  }
}

@media screen and (max-width: 480px) {
  .guide_cap{
    height:140px;
  }
}


@media screen and (max-width: 320px) {
  .guide_cap{
    height:122px;
  }
}




.guide_cap figure{
  text-align:center;
  margin:0!important;
  padding:0!important; 
  line-height:0;
  display:table-cell;
  width:43%;
  box-sizing: border-box;
  vertical-align: bottom;
}

.guide_cap figcaption{
  padding:12px;
  font-size:12px;
  background-color:#D8DFEA;
  display:table-cell;
  box-sizing: border-box;
  vertical-align:middle!important;
  text-align:center!important;
}

.bluebackBoxTitle{
  text-align:center;
  background-color:#395999;
  font-size:16px;
  color:#ffffff;
  padding:12px 0;
  font-weight:bold;
  margin:0 10px 1em 10px;
}


.innerTextBlock{
  /*padding-bottom:15px;*/
}

.innerBlockTitle{
  color:#3A5998;
  text-decoration:underline;
  margin:0 10px 1em 10px;
}


a.exLink{
  text-decoration:underline;
  margin:0 10px 1em 10px;
  line-height:200%;
}
a.exLink:link {color:#395998;}
a.exLink:visited {color:#395998;}
a.exLink:hover {color:#FF7F00;}
a.exLink:active {color:#395998;}


.conclusion{
  margin:0 10px 1em 10px; 
}

.bottomText{
  background-color:#ffffff;
  padding:10px;
}

.credit{
  margin-top:45px;
  text-align:right;
  font-size:12px;
  line-height:160%;
}

.tieupFooter{
  background-color:#637AAE;
  padding:15px!important;
  text-align:center;
  color:#ffffff;
  font-size:12px;
  line-height:160%;
}

.fb-like-box_container{
  width:250px;
  height:200px;
  margin:0 auto; 
}


.textBlock .image {
	text-align: center;
	margin-bottom:10px;
}

.centerTitle{
	text-align: center;
}

.mt30{
  margin-top:30px!important; 
}

.largeTitleConteiner{
  background-image:url(../img/title_border.gif);
  background-repeat:repeat-x;
  background-position:left bottom;
  padding-bottom:10px;
  margin:0 10px 10px 10px;
}
.largeTitle{
  font-size:20px;
  color:#000000;
  font-weight:bold;
  line-height:120%;
  border-left:10px solid #CC0000;
  padding-left:10px;
  margin:0;
}


.enq_header{
  margin:0;
}

.textBlock small{
  display:block;
  font-size:14px;
  color:#666666;
  margin:0 10px;
}

.enq_title{
  padding-top:30px; 
}

.mb0{
  margin-bottom:0!important; 
}

.pt0{
  padding-top:0!important; 
}










/* ギャラリー　外枠 */
.gellery-unit{
  margin-top:15px;
  margin-left:10px;
  margin-right:10px;
  position:relative;
  background-color:#333333;
  padding:10px;

}

.gellery-unit ul,.gellery-unit li{
   list-style-type:none;
   margin:0;
   padding:0;
}

.gellery-unit .gellery{
  position:relative;

}
.gellery-unit .gallery__inner *{
/*  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;*/
}
.gellery-unit .gallery__inner{
  overflow:hidden;
  height:500px;
  position:relative;
}




.gellery-unit .gallery__inner .main-photo-list{
  font-size:0;
  width:10000px;
  position:absolute;
  top:0;
  left:0;
  z-index:0;
}
.gellery-unit .gallery__inner .main-photo-list li{
  display:inline-block;
  /*opacity:0;*/
}

.gellery-unit .gallery__inner .main-photo-list li img{

}

.gellery-unit .gallery__inner .main-cap-list{
  position:absolute;
  top:409px;
  left:0px;
  z-index:1;
}

.gellery-unit .gallery__inner .main-cap-list li{
  position:absolute;
  top:0;
  left:0;
  z-index:1; 
  color:#ffffff;
  /*font-size:14px;*/
  line-height:140%;
  opacity:0;
  /*text-align:center;*/
  font-weight:normal;
}

.gellery-unit .gallery__inner .thumb-list-container{
  position:absolute;
  top:443px;
  left:0;
  z-index:1;
  overflow:hidden;
}
.gellery-unit .gallery__inner .thumb-list{

}

.gellery-unit .gallery__inner .thumb-list li{
  float:left;
  cursor:pointer;
  opacity:1;
  margin-right:10px;
  margin-bottom:10px;
}

.gellery-unit .gallery__inner .thumb-list li:nth-child(4),.gellery-unit .gallery__inner .thumb-list li:nth-child(8){
  margin-right:0px;
}

/*.gellery-unit .gallery__inner .thumb-list li:hover{
  opacity:0.4;
}

.gellery-unit .gallery__inner .thumb-list li.current img{

}

.gellery-unit .gallery__inner .thumb-list li.current:hover{
  opacity:1!important;
}

.gellery-unit .gallery__inner .thumb-list li img{

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}*/
