@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 1000px){
  /*
  01 Title
  02 Fullsize
  03 Image
  04 Oblect
   */



/*	01 Title
------------------------------------------*/

.title_main{
  width:100%;
  float:left;
  margin:45px 0 0 0;
  font-weight:bold;
  font-size:15px;
  letter-spacing:0.09rem;
  line-height:1.7;
}

.title_lead{
  width:100%;
  float:left;
  margin:45px 0 0 0;
  font-size:15px;
  font-weight:bold;
  letter-spacing:0.09rem;
}
.title_lead span{
  width:100%;
  float:left;
  padding:2px 0 0 2px;
  font-size:13px;
  font-weight:normal;
  letter-spacing:0.03rem;
}

.title_sub{
  width:100%;
  float:left;
  margin:45px 0 0 0;
  font-size:15px;
  font-weight:bold;
  letter-spacing:0.03em;
}


/*	02 Fullsize
------------------------------------------*/
.fullsize_img{
  width:100%;
  float:left;
  margin:40px 0 0 0;
}
.fullsize_img img{
  width:100%;
  max-width:1180px !important;
}
.fullsize_text{
  width:100%;
  float:left;
  line-height:2.0;
  margin:40px 0 0 0;
}


/*	03 Image
------------------------------------------*/
/*image_right*/
.image_right{
  width:100%;
  float:left;
  line-height:2.0;
  margin:40px 0 0 0;
}
.image_right p{
  width:50%;
  float:left;
}
.image_right img{
  width:47%;
  max-width:47%;
  float:right;
  padding:0 0 0 3%;
}

/*image_left*/
.image_left{
  width:100%;
  float:left;
  line-height:2.0;
  margin:40px 0 0 0;
}
.image_left p{
  width:50%;
  float:right;
}
.image_left img{
  width:47%;
  max-width:47%;
  float:left;
  padding:0 3% 0 0;
}

/*image_double*/
.image_double{
  width:100%;
  float:left;
  margin:40px 0 0 0;
}
.image_double ul{
  float:left;
  margin:0 -2% 0 0;
}
.image_double ul li{
  width:48%;
  float:left;
  margin:0 2% 0 0;
}
.image_double ul li img{
  width:100%;
  max-width:100%;
  float:left;
}


/*image_triple*/
.image_triple{
  width:100%;
  float:left;
  margin:40px 0 0 0;
}
.image_triple ul{
  float:left;
  margin:0 -2% 0 0;
}
.image_triple ul li{
  width:31.3%;
  float:left;
  margin:0 2% 0 0;
}
.image_triple ul li img{
  width:100%;
  max-width:100%;
  float:left;
}

/*caption*/
.image_double_caption{
  width:100%;
  float:left;
  margin:40px 0 0 0;
}
.image_double_caption ul{
  float:left;
  margin:0 -2% 0 0;
}
.image_double_caption ul li{
  width:48%;
  float:left;
  margin:0 2% 0 0;
}
.image_double_caption ul li img{
  width:100%;
  max-width:100%;
  float:left;
}

.image_triple_caption{
  width:100%;
  float:left;
  margin:35px 0 0 0;
}
.image_triple_caption ul{
  float:left;
  margin:0 -2% 0 0;
}
.image_triple_caption ul li{
  width:31.3%;
  float:left;
  margin:0 2% 0 0;
}
.image_triple_caption ul li img{
  width:100%;
  max-width:100%;
  float:left;
}

.image_double_caption span,
.image_triple_caption span{
  width:100%;
  float:left;
  padding:3px 0 0;
  line-height:1.2rem;
  padding:10px 0 0 0;
}

.safari.win .image_double ul,
.safari.win .image_triple ul,
.safari.win .image_double_caption ul,
.safari.win .image_triple_caption ul{
  width:inherit !important;
}


/*	04 Oblect
------------------------------------------*/
/*line*/
.separate_line{
  width:100%;
  height:1px;
  float:left;
  border-top:1px dotted #a5a5a5;
  margin:50px 0 15px 0;
}

/*Q and A*/
.question_answer{
  width:100%;
  float:left;
  margin:35px 0 0 0;
}
.question_answer .ask{
  width:100%;
  float:left;
  position:relative;
  font-size:15px;
  font-weight:bold;
  padding:0 0 0 40px;
  margin:5px 0 15px 0;
}
.question_answer .ask:before{
  content:"";
  width:30px;
  height:100%;
  position:absolute;
  top:50%;
  left:0;
  border-top:1px solid #3a3a3a;
}
.question_answer .answer{
  width:100%;
  float:left;
  line-height:2.0;
}

/*timeline*/
.timeline{
  width:100%;
  float:left;
  margin:45px 0 12px 0;
  position:relative;
}
.timeline + .timeline { margin:0 0 12px 0; }
.timeline p{
  width:inherit;
  float:left;
  padding:0 0 0 75px;
  line-height:1.8;
}
.timeline p:before{
  content:"";
  width:3px;
  height:100%;
  background:#F2F2F2;
  position:absolute;
  top:0;
  left:25px;
}
.timeline p .daytitle{
  font-size:15px;
  font-weight:bold;
  letter-spacing:0.06rem;
  display:inline-block;
  padding:1px 0 10px;
}
.timeline p .dayimg{
  max-width:100%;
  float:right;
  display:inline-block;
  padding:10px 0 0 45px;
}
.timeline p .dayimg img{ max-height:170px; }

.timeline p .daytime{
  padding:0 0 10px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
  letter-spacing:0.04rem;
  background:#FFFFFF;
  position:absolute;
  top:0;
  left:3px;
}


/*listtype*/
.listtype{
  width:100%;
  float:left;
  margin:45px 0 0px 0;
} 
.listtype + .listtype{ margin:3px 0 0 0; }
.listtype dt{
  width:17%;
  float:left;
  padding:0 20px 15px 0;
  position:relative;
  line-height:1.7;
} 
.listtype dt:after{
  content:"";
  width:15px;
  height:0;
  border-top:1px solid #3A3A3A;
  position:absolute;
  top:29%;
  right:0;
}
.listtype  dd{
  width:83%;
  float:left;
  padding:0 0 15px 40px;
  line-height:1.7;
} 


/*link*/
.text_link{
width:100%;
float:left;
margin:35px 0 0 0;
}
.text_link a{
margin:0 25px 0 0;
padding:13px 35px 8px 40px;
border:1px solid #AAAAAA;
letter-spacing:0rem;
}
.text_link a:after{
content:">";
padding-left:10px;
}
.text_link a:hover{
background:#F2F2F2;
}


/*profile*/
.author_profile{
  width:100%;
  float:left;
  margin:50px 0 0 0;
  padding:35px 45px 40px 45px;
  background:#F2F2F2;
  border-radius:12px;
}
.author_profile h3{
  width:100%;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:23px;
  margin:0 0 30px 0;
}
.author_profile div.author_text{
  width:55%;
  float:left;
  margin:0 5% 0 0;
}
.author_text h4{
  float:left;
  padding:0 30px 0 0;
  font-size:15px;
  font-weight:bold;
  letter-spacing:0.08rem;
}
.win .author_text h4{
  padding:3px 30px 0 0 !important;
}
.author_text p.belong{
  float:left;
  padding:2px 0 0 0;
}
.win .author_text p.belong{
  padding:0 0 0 0 !important;
}
.author_text p.remarks{
  width:100%;
  float:left;
  line-height:1.9;
  padding:20px 0 0 0;
}
.author_profile div.author_img{
  width:40%;
  float:right;
}
.author_profile div.author_img img{
  max-height:250px;
  float:right;
}

/*backlist in contents*/
.backlist_bottom{
  width:100%;
  float:left;
}
.backlist_bottom a{
  display:inline-block;
  margin:60px 0 0 0;
  padding:11px 45px 10px 44px;
  border:1px solid #AAAAAA;
  letter-spacing:0rem;
}
.backlist_bottom a:before{
  content:"<";
  padding-right:11px;
}
.backlist_bottom a:hover{
  background:#F2F2F2;
}
}


@media screen and (min-width: 1280px) and  (max-width: 1699px){
  .author_profile div.author_text{
    width:60%;
  }
  .author_profile div.author_img{
    width:35%;
    margin-top:-50px;
  }
}
@media screen and (min-width: 1700px){
  .title h3 br{ display:none; }
  .author_profile div.author_text{
    width:70%;
  }
  .author_profile div.author_img{
    width:25%;
    margin-top:-50px;
  }
}


@media print, screen and (min-width:670px) and (max-width: 999px) {
  /*
  01 Title
  02 Fullsize
  03 Image
  04 Oblect
   */



/*	01 Title
------------------------------------------*/

.title_main{
  width:100%;
  float:left;
  margin:40px 0 0 0;
  font-weight:bold;
  font-size:15px;
  letter-spacing:0.09rem;
  line-height:1.7;
}

.title_lead{
  width:100%;
  float:left;
  margin:40px 0 0 0;
  font-size:15px;
  font-weight:bold;
  letter-spacing:0.09rem;
}
.title_lead span{
  width:100%;
  float:left;
  padding:2px 0 0 2px;
  font-size:13px;
  font-weight:normal;
  letter-spacing:0.03rem;
}

.title_sub{
  width:100%;
  float:left;
  margin:40px 0 0 0;
  font-size:15px;
  font-weight:bold;
  letter-spacing:0.03em;
}


/*	02 Fullsize
------------------------------------------*/
.fullsize_img{
  width:100%;
  float:left;
  margin:40px 0 0 0;
}
.fullsize_text{
  width:100%;
  float:left;
  line-height:2.0;
  margin:40px 0 0 0;
}


/*	03 Image
------------------------------------------*/
/*image_right*/
.image_right{
  width:100%;
  float:left;
  line-height:2.0;
  margin:35px 0 0 0;
}
.image_right p{
  width:50%;
  float:left;
}
.image_right img{
  width:47%;
  max-width:47%;
  float:right;
  padding:0 0 0 3%;
}

/*image_left*/
.image_left{
  width:100%;
  float:left;
  line-height:2.0;
  margin:35px 0 0 0;
}
.image_left p{
  width:50%;
  float:right;
}
.image_left img{
  width:47%;
  max-width:47%;
  float:left;
  padding:0 3% 0 0;
}

/*image_double*/
.image_double{
  width:100%;
  float:left;
  margin:35px 0 0 0;
}
.image_double ul{
  float:left;
  margin:0 -2% 0 0;
}
.image_double ul li{
  width:48%;
  float:left;
  margin:0 2% 0 0;
}
.image_double ul li img{
  width:100%;
  max-width:100%;
  float:left;
}


/*image_triple*/
.image_triple{
  width:100%;
  float:left;
  margin:35px 0 0 0;
}
.image_triple ul{
  float:left;
  margin:0 -2% 0 0;
}
.image_triple ul li{
  width:31.3%;
  float:left;
  margin:0 2% 0 0;
}
.image_triple ul li img{
  width:100%;
  max-width:100%;
  float:left;
}

/*caption*/
.image_double_caption{
  width:100%;
  float:left;
  margin:35px 0 0 0;
}
.image_double_caption ul{
  float:left;
  margin:0 -2% 0 0;
}
.image_double_caption ul li{
  width:48%;
  float:left;
  margin:0 2% 0 0;
}
.image_double_caption ul li img{
  width:100%;
  max-width:100%;
  float:left;
}

.image_triple_caption{
  width:100%;
  float:left;
  margin:35px 0 0 0;
}
.image_triple_caption ul{
  float:left;
  margin:0 -2% 0 0;
}
.image_triple_caption ul li{
  width:31.3%;
  float:left;
  margin:0 2% 0 0;
}
.image_triple_caption ul li img{
  width:100%;
  max-width:100%;
  float:left;
}

.image_double_caption span,
.image_triple_caption span{
  width:100%;
  float:left;
  line-height:1.2rem;
  padding:10px 0 0 0;
}


/*	04 Oblect
------------------------------------------*/
/*line*/
.separate_line{
  width:100%;
  height:1px;
  float:left;
  border-top:1px dotted #a5a5a5;
  margin:50px 0 15px 0;
}

/*Q and A*/
.question_answer{
  width:100%;
  float:left;
  margin:35px 0 0 0;
}
.question_answer .ask{
  width:100%;
  float:left;
  position:relative;
  font-size:15px;
  font-weight:bold;
  padding:0 0 0 40px;
  margin:5px 0 15px 0;
}
.question_answer .ask:before{
  content:"";
  width:30px;
  height:100%;
  position:absolute;
  top:50%;
  left:0;
  border-top:1px solid #3a3a3a;
}
.question_answer .answer{
  width:100%;
  float:left;
  line-height:2.0;
}


/*timeline*/
.timeline{
  width:100%;
  float:left;
  margin:35px 0 0 0;
  position:relative;
}
.timeline + .timeline{ margin:15px 0 0 0; }
.timeline p{
  width:inherit;
  float:left;
  padding:0 0 0 75px;
  line-height:1.8;
}
.timeline p:before{
  content:"";
  width:3px;
  height:100%;
  background:#F2F2F2;
  position:absolute;
  top:0;
  left:25px;
}

.timeline p .daytitle{
  font-size:15px;
  font-weight:bold;
  letter-spacing:0.06rem;
  display:inline-block;
  padding:1px 0 12px;
}
.timeline p .dayimg{
  max-width:100%;
  float:left;
  padding:8px 0 15px;
}
.timeline p .dayimg img{ max-width:100%; }

.timeline p .daytime{
  padding:0 0 10px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
  letter-spacing:0.04rem;
  background:#FFFFFF;
  position:absolute;
  top:0;
  left:3px;
}


/*listtype*/
.listtype{
  width:100%;
  float:left;
  margin:45px 0 0px 0;
} 
.listtype + .listtype{ margin:3px 0 0 0; }
.listtype dt{
  width:22%;
  float:left;
  padding:0 20px 15px 0;
  position:relative;
  line-height:1.7;
} 
.listtype dt:after{
  content:"";
  width:15px;
  height:0;
  border-top:1px solid #3A3A3A;
  position:absolute;
  top:29%;
  right:0;
}
.listtype  dd{
  width:78%;
  float:left;
  padding:0 0 15px 40px;
  line-height:1.7;
} 


/*limk*/
.text_link{
width:100%;
float:left;
margin:35px 0 0 0;
}
.text_link a{
margin:0 25px 0 0;
padding:13px 35px 12px 40px;
border:1px solid #AAAAAA;
letter-spacing:0rem;
}
.text_link a:after{
content:">";
padding-left:10px;
}
.text_link a:hover{
background:#F2F2F2;
}


/*profile*/
.author_profile{
  width:100%;
  float:left;
  margin:50px 0 0 0;
  padding:35px 45px 40px 45px;
  background:#F2F2F2;
  border-radius:12px;
}
.author_profile h3{
  width:100%;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:23px;
  margin:0 0 30px 0;
}
.author_profile div.author_text{
  width:50%;
  float:left;
  margin:0 5% 0 0;
}
.author_text h4{
  float:left;
  padding:0 30px 0 0;
  font-size:15px;
  font-weight:bold;
  letter-spacing:0.08rem;
}
.win .author_text h4{
  padding:3px 30px 0 0 !important;
}
.author_text p.belong{
  float:left;
  padding:2px 0 0 0;
}
.win .author_text p.belong{
  padding:0 0 0 0 !important;
}
.author_text p.remarks{
  width:100%;
  float:left;
  line-height:1.9;
  padding:20px 0 0 0;
}
.author_profile div.author_img{
  width:45%;
  float:right;
  padding-top:50px;
}
.author_profile div.author_img img{
  max-width:100%;
  float:left;
}

/*backlist in contents*/
.backlist_bottom{
  width:100%;
  float:left;
  text-align:center;
}
.backlist_bottom a{
  display:inline-block;
  margin:60px 0 0 0;
  padding:11px 45px 10px 44px;
  border:1px solid #AAAAAA;
  letter-spacing:0rem;
}
.backlist_bottom a:before{
  content:"<";
  padding-right:11px;
}
.backlist_bottom a:hover{
  background:#F2F2F2;
}
}



@media screen and (max-width: 669px) and (orientation:portrait) {
  /*
  01 Title
  02 Fullsize
  03 Image
  04 Oblect
   */



/*	01 Title
------------------------------------------*/

.title_main{
  width:100%;
  float:left;
  margin:6vw 0 0 0;
  font-weight:bold;
  font-size:4.2vw;
  letter-spacing:0.04rem;
  line-height:1.5;
}

.title_lead{
  width:100%;
  float:left;
  margin:6vw 0 0 0;
  font-size:4.2vw;
  font-weight:bold;
  letter-spacing:0.04rem;
}
.title_lead span{
  width:100%;
  float:left;
  padding:0.5vw 0 0 0.3vw;
  font-size:3vw;
  font-weight:normal;
  letter-spacing:0.03rem;
}

.title_sub{
  width:100%;
  float:left;
  margin:6vw 0 0 0;
  font-size:4.0vw;
  font-weight:bold;
  letter-spacing:0.03em;
}


/*	02 Fullsize
------------------------------------------*/
.fullsize_img{
  width:100%;
  float:left;
  margin:6vw 0 0 0;
}
.fullsize_img img{
  width: 100%;
}
.fullsize_text{
  width:100%;
  float:left;
  font-size:4.0vw;
  line-height:1.8;
  letter-spacing:0rem;
  margin:6vw 0 0 0;
}


/*	03 Image
------------------------------------------*/
/*image_right*/
.image_right{
  width:100%;
  float:left;
  font-size:4.0vw;
  letter-spacing:0rem;
  margin:6vw 0 0 0;
}
.image_right p{
  width:100%;
  float:left;
  line-height:1.8;
}
.image_right img{
  width:100%;
  max-width:100%;
  float:left;
  padding:6vw 0 5vw 0;
}

/*image_left*/
.image_left{
  width:100%;
  float:left;
  font-size:4.0vw;
  letter-spacing:0rem;
  margin:6vw 0 0 0;
}
.image_left p{
  width:100%;
  float:left;
  line-height:1.8;
}
.image_left img{
  width:100%;
  max-width:100%;
  float:left;
  padding:6vw 0 5vw 0;
}

/*image_double*/
.image_double{
  width:100%;
  float:left;
  margin:6vw 0 0 0;
}
.image_double ul{
  width:100%;
  float:left;
  margin:0 0 0 0;
}
.image_double ul li{
  width:100%;
  float:left;
  margin:0 0 1.2vw 0;
}
.image_double ul li img{
  width:100%;
  max-width:100%;
  float:left;
}


/*image_triple*/
.image_triple{
  width:100%;
  float:left;
  margin:6vw 0 0 0;
}
.image_triple ul{
  width:100%;
  float:left;
  margin:0 0 0 0;
}
.image_triple ul li{
  width:100%;
  float:left;
  margin:0 0 1.2vw 0;
}
.image_triple ul li img{
  width:100%;
  max-width:100%;
  float:left;
}

/*caption*/
.image_double_caption{
  width:100%;
  float:left;
  margin:6vw 0 0 0;
}
.image_double_caption ul{
  width:100%;
  float:left;
  margin:0 0 0 0;
}
.image_double_caption ul li{
  width:100%;
  float:left;
  margin:0 0 3vw 0;
}
.image_double_caption ul li img{
  width:100%;
  max-width:100%;
  float:left;
}

.image_triple_caption{
  width:100%;
  float:left;
  margin:6vw 0 0 0;
}
.image_triple_caption ul{
  width:100%;
  float:left;
  margin:0 0 0 0;
}
.image_triple_caption ul li{
  width:100%;
  float:left;
  margin:0 0 3vw 0;
}
.image_triple_caption ul li img{
  width:100%;
  max-width:100%;
  float:left;
}

.image_double_caption span,
.image_triple_caption span{
  width:100%;
  float:left;
  padding:1.7vw 0 2.0vw;
  font-size:3.7vw;
  line-height:5vw;
}


/*	04 Oblect
------------------------------------------*/
/*line*/
.separate_line{
  width:100%;
  height:1px;
  float:left;
  border-top:1px dotted #a5a5a5;
  margin:9vw 0 4vw 0;
}

/*Q and A*/
.question_answer{
  width:100%;
  float:left;
  margin:6vw 0 0 0;
}
.question_answer .ask{
  width:100%;
  float:left;
  position:relative;
  font-size:4.2vw;
  font-weight:bold;
  padding:0 0 0 9vw;
  margin:2vw 0 4.5vw 0;
}
.question_answer .ask:before{
  content:"";
  width:8vw;
  height:100%;
  position:absolute;
  top:50%;
  left:0;
  border-top:1px solid #3a3a3a;
}
.question_answer .answer{
  width:100%;
  float:left;
  font-size:4.0vw;
  line-height:1.8;
  letter-spacing:0rem;
}


/*timeline*/
.timeline{
  width:100%;
  float:left;
  margin:8vw 0 3vw;
}
.timeline + .timeline{ margin:6vw 0 3vw 0; }
.timeline p{
  width:100%;
  float:left;
  font-size:4.0vw;
  line-height:1.8;
  letter-spacing:0rem;
}
.timeline p br{ display:none;}
.timeline p .daytime{
  width:100%;
  float:left;
  padding:0 0 1.2vw 5%;
  font-family:Arial, Helvetica, sans-serif;
  font-size:4.8vw;
  font-weight:bold;
  letter-spacing:0.04rem;
  display:block;
  position:relative;
}
.timeline p .daytime:before{
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.5vw 1vw 0 1vw;
  border-color: #3a3a3a transparent transparent transparent;
  position:absolute;
  top:32%;
  left:0;
}
.timeline p .daytitle{
  width:100%;
  float:left;
  font-size:4.0vw;
  font-weight:bold;
  letter-spacing:0.02rem;
  padding:0 0 3.2vw;
  display:block;
}
.timeline p .dayimg{
  width:100%;
  float:left;
  padding:1vw 0 2vw;
}
.timeline p .dayimg img{ max-width:100%; }


/*listtype*/
.listtype{
  width:100%;
  float:left;
  margin:8vw 0 0;
  font-size:4.0vw;
} 
.listtype + .listtype{ margin:1vw 0 0 0; }
.listtype dt{
  width:100%;
  float:left;
  padding:0 0 0.5vw 0;
  position:relative;
} 
.listtype  dd{
  width:100%;
  float:left;
  padding:0 0 4vw 0;
  line-height:1.6;
} 


/*limk*/
.text_link{
width:100%;
float:left;
margin:6vw 0 0 0;
}
.text_link a{
margin:0 0 0 0;
padding:3vw 7vw 3vw 9vw;
border:1px solid #AAAAAA;
letter-spacing:0rem;
font-size:3.5vw;
}
.text_link a:after{
content:">";
padding-left:3vw;
}

@media screen and (max-width: 600px){
.text_link a{
position: relative;
width: 100%;
margin: 0 auto;
}
.text_link a:before{
display: block;
position: absolute;
left: 17px;
top: 4px;
}
}


/*profile*/
.author_profile{
  width:100%;
  float:left;
  margin:10vw 0 0 0;
  padding:7% 6% 7% 6%;
  background:#F2F2F2;
  border-radius:10px;
}
.author_profile h3{
  width:100%;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:6.5vw;
  margin:0 0 5vw 0;
}
.author_profile div.author_text{
  width:100%;
  float:left;
  font-size:4.0vw;
  margin:0 0 0 0;
}
.author_text h4{
  width:100%;
  float:left;
  padding:0 0 0 0;
  font-size:4.5vw;
  font-weight:bold;
  letter-spacing:0.08rem;
}
.author_text p.belong{
  width:100%;
  font-size:3.7vw;
  float:left;
  letter-spacing:0.02rem;
  padding:1vw 0 0 0;
}
.author_text p.remarks{
  width:100%;
  float:left;
  font-size:4.0vw;
  line-height:1.8;
  padding:5vw 0 0 0;
}
.author_profile div.author_img{
  width:100%;
  float:left;
  padding-top:3vw;
}
.author_profile div.author_img img{
  max-width:100%;
  float:left;
}

/*backlist in contents*/
.backlist_bottom{
  width:100%;
  float:left;
  text-align:center;
}
.backlist_bottom a{
  display:inline-block;
  margin:10vw 0 5vw 0;
  padding:2.0vw 9vw 2.0vw 9vw;
  border:1px solid #AAAAAA;
  letter-spacing:0rem;
  font-size:3.8vw;
}
.backlist_bottom a:before{
  content:"<";
  padding-right:3vw;
}
}


@media screen and (max-width: 669px) and (orientation:landscape) {
  /*
  01 Title
  02 Fullsize
  03 Image
  04 Oblect
   */



/*	01 Title
------------------------------------------*/

.title_main{
  width:100%;
  float:left;
  margin:5vw 0 0 0;
  font-weight:bold;
  font-size:3vw;
  letter-spacing:0.05rem;
  line-height:1.7;
}

.title_lead{
  width:100%;
  float:left;
  margin:5vw 0 0 0;
  font-size:3vw;
  font-weight:bold;
  letter-spacing:0.05rem;
}
.title_lead span{
  width:100%;
  float:left;
  padding:1vw 0 0 0.3vw;
  font-size:1.9vw;
  font-weight:normal;
  letter-spacing:0.02rem;
}

.title_sub{
  width:100%;
  float:left;
  margin:5vw 0 0 0;
  font-size:2.4vw;
  font-weight:bold;
  letter-spacing:0.02em;
}


/*	02 Fullsize
------------------------------------------*/
.fullsize_img{
  width:100%;
  float:left;
  margin:5vw 0 0 0;
}
.fullsize_text{
  width:100%;
  float:left;
  line-height:1.9;
  font-size:2.3vw;
  margin:5vw 0 0 0;
}


/*	03 Image
------------------------------------------*/
/*image_right*/
.image_right{
  width:100%;
  float:left;
  margin:5vw 0 0 0;
}
.image_right p{
  width:100%;
  float:left;
  font-size:2.3vw;
  line-height:1.9;
  margin:0 0 3.5vw 0;
}
.image_right img{
  width:100%;
  max-width:100%;
  float:left;
  padding:0 0 0 0;
}

/*image_left*/
.image_left{
  width:100%;
  float:left;
  margin:5vw 0 0 0;
}
.image_left p{
  width:100%;
  float:left;
  font-size:2.3vw;
  line-height:1.9;
  margin:0 0 3.5vw 0;
}
.image_left img{
  width:100%;
  max-width:100%;
  float:left;
  padding:0 0 0 0;
}

/*image_double*/
.image_double{
  width:100%;
  float:left;
  margin:5vw 0 0 0;
}
.image_double ul{
  float:left;
  margin:0 0 0 0;
}
.image_double ul li{
  width:48%;
  float:left;
  margin:0 2% 0 0;
}
.image_double ul li img{
  width:100%;
  max-width:100%;
  float:left;
}


/*image_triple*/
.image_triple{
  width:100%;
  float:left;
  margin:5vw 0 0 0;
}
.image_triple ul{
  float:left;
  margin:0 -2% 0 0;
}
.image_triple ul li{
  width:31.3%;
  float:left;
  margin:0 2% 0 0;
}
.image_triple ul li img{
  width:100%;
  max-width:100%;
  float:left;
}

/*caption*/
.image_double_caption{
  width:100%;
  float:left;
  margin:5vw 0 0 0;
}
.image_double_caption ul{
  float:left;
  margin:0 -2% 0 0;
}
.image_double_caption ul li{
  width:48%;
  float:left;
  margin:0 2% 0 0;
}
.image_double_caption ul li img{
  width:100%;
  max-width:100%;
  float:left;
}

.image_triple_caption{
  width:100%;
  float:left;
  margin:5vw 0 0 0;
}
.image_triple_caption ul{
  float:left;
  margin:0 -2% 0 0;
}
.image_triple_caption ul li{
  width:31.3%;
  float:left;
  margin:0 2% 0 0;
}
.image_triple_caption ul li img{
  width:100%;
  max-width:100%;
  float:left;
}

.image_double_caption span,
.image_triple_caption span{
  width:100%;
  float:left;
  padding:0.7vw 0 0.7vw;
  font-size:2.1vw;
}


/*	04 Oblect
------------------------------------------*/
/*line*/
.separate_line{
  width:100%;
  height:1px;
  float:left;
  border-top:1px dotted #a5a5a5;
  margin:8vw 0 3.5vw 0;
}

/*Q and A*/
.question_answer{
  width:100%;
  float:left;
  margin:5vw 0 0 0;
}
.question_answer .ask{
  width:100%;
  float:left;
  position:relative;
  font-size:2.4vw;
  font-weight:bold;
  padding:0 0 0 5.5vw;
  margin:5px 0 15px 0;
}
.question_answer .ask:before{
  content:"";
  width:4.5vw;
  height:100%;
  position:absolute;
  top:50%;
  left:0;
  border-top:1px solid #3a3a3a;
}
.question_answer .answer{
  width:100%;
  float:left;
  line-height:1.9;
  font-size:2.3vw;
}


/*timeline*/
.timeline{
  width:100%;
  float:left;
  margin:5vw 0 1vw 0;
}
.timeline + .timeline{ margin:4vw 0 1vw 0; }
.timeline p{
  width:100%;
  float:left;
  line-height:1.8;
  letter-spacing:0rem;
  font-size:2.4vw;
}
.timeline p br{ display:none;}
.timeline p .daytime{
  width:100%;
  float:left;
  padding:0 0 1.3vw 3.4%;
  font-family:Arial, Helvetica, sans-serif;
  font-size:3.0vw;
  font-weight:bold;
  letter-spacing:0.04rem;
  display:block;
  position:relative;
}
.timeline p .daytime:before{
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1vw 0.7vw 0 0.7vw;
  border-color: #3a3a3a transparent transparent transparent;
  position:absolute;
  top:32%;
  left:0;
}
.timeline p .daytitle{
  width:100%;
  float:left;
  font-weight:bold;
  letter-spacing:0.02rem;
  padding:0 0 2vw;
  display:block;
  font-size:2.4vw;
}
.timeline p .dayimg{
  width:100%;
  float:left;
  padding:0.5vw 0 1vw;
}
.timeline p .dayimg img{ max-width:100%; }


/*listtype*/
.listtype{
  width:100%;
  float:left;
  margin:6vw 0 0;
  font-size:2.4vw;
} 
.listtype + .listtype{ margin:0.5vw 0 0 0; }
.listtype dt{
  width:100%;
  float:left;
  padding:0 0 0.5vw 0;
  position:relative;
} 
.listtype  dd{
  width:100%;
  float:left;
  padding:0 0 2vw 0;
  line-height:1.6;
} 


/*limk*/
.text_link{
width:100%;
float:left;
margin:5vw 0 0 0;
}
.text_link a{
margin:0 0 0 0;
padding:2vw 4vw 2vw 5vw;
border:1px solid #AAAAAA;
letter-spacing:0rem;
}
.text_link a:after{
content:">";
padding-left:2vw;
}
.text_link a:hover{
background:#F2F2F2;
}


/*profile*/
.author_profile{
  width:100%;
  float:left;
  margin:6vw 0 0 0;
  padding:4vw 5vw 5vw 5vw;
  background:#F2F2F2;
  border-radius:12px;
}
.author_profile h3{
  width:100%;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:4vw;
  margin:0 0 3.5vw 0;
}
.author_profile div.author_text{
  width:100%;
  float:left;
  margin:0 0 0 0;
  font-size:2.3vw;
}
.author_text h4{
  width:100%;
  float:left;
  padding:0 3.2vw 0 0;
  font-size:3.2vw;
  font-weight:bold;
  letter-spacing:0.08rem;
}
.author_text p.belong{
  width:100%;
  float:left;
  padding:0.7vw 0 0 0;
  font-size:2.1vw;
  letter-spacing:0;
}
.author_text p.remarks{
  width:100%;
  float:left;
  line-height:1.9;
  font-size:2.3vw;
  padding:3.5vw 0 0 0;
}
.author_profile div.author_img{
  width:100%;
  float:left;
  padding-top:3vw;
}
.author_profile div.author_img img{
  max-width:100%;
  float:left;
}

/*backlist in contents*/
.backlist_bottom{
  width:100%;
  float:left;
  text-align:center;
}
.backlist_bottom a{
  display:inline-block;
  margin:6vw 0 3vw 0;
  padding:2.2vw 5vw 2vw 5vw;
  border:1px solid #AAAAAA;
  letter-spacing:0rem;
}
.backlist_bottom a:before{
  content:"<";
  padding-right:2vw;
}
.backlist_bottom a:hover{
  background:#F2F2F2;
}
}