@charset "UTF-8";                           
*{                           
  padding: 0;                           
  margin: 0;                           
  box-sizing: border-box;                           
}                           
                           
/*------- Start Top NAVI ---------*/                           
.navbar_dynamic{                           
  width: auto;                           
  margin: 0 auto;                           
  display: block;                           
  font-size: 16px;                           
  background: #d6a37e;                           
  margin-bottom: 0px;                           
}                           
.navbar_dynamic ul{                           
  width: 1150px;                           
  margin: auto;                           
  display: flex;                           
  justify-content: center;                           
  padding: 0;                           
  position: relative;                           
  z-index: 1;                           
}                           
                           
.navbar_dynamic ul li{                           
  list-style-type: none;                           
  display: inline-block;                           
  text-align: center;                           
}                           
.navbar_dynamic ul li:last-child{                           
  border-right:none;                           
}                           
.navbar_dynamic ul li a{                           
  padding: 15px 9px;                           
  display: block;                           
  color: #333;                           
  text-decoration: none;                           
  width: 287.5px;                           
  position:relative;                           
  background: transparent;                           
}                           
.navbar_dynamic ul li a:hover{                           
  color: #fff;                           
  background: #cc7b45;                           
}                           
                           
@media screen and (max-width: 480px) {                           
  .navbar_dynamic{                           
    width: auto;                           
    display: block;                           
    margin: 0;                           
  }                           
  .navbar_dynamic ul{                           
    display: block;                           
    width: auto;                           
    box-shadow: none;                           
  }                           
  .navbar_dynamic ul:before,                           
  .navbar_dynamic ul:after{                           
    display: none;                           
  }                           
  .navbar_dynamic ul li{                           
    display: block;                           
    width: auto;                           
    border-bottom: 1px solid #333;                           
  }                           
  .navbar_dynamic ul li a{                           
    display: block;                           
    width: auto;                           
    padding: 5px 0;                           
  }                           
  .navbar_dynamic ul li a:hover{                           
    display: block;                           
  }                           
                           
}/*------- End Top NAVI ---------*/                           
                           
/*------- Start top_menu ---------*/                           
.top_menu{                           
  width: 29%;                           
  float: right;                           
  display: block;                           
  background: #ffebeb;                           
}                           
.top_menu ul{                           
  list-style-type: none;                           
  display: block;                           
  justify-content: center;                           
}                           
.top_menu ul li{                           
  display: block;                           
  border-bottom: 1px solid #fff;                           
}                           
.top_menu ul li a{                           
  display: block;                           
  padding: 6.2px 0;                           
  color: #333;                           
  background: #c4dcd3;                           
  text-align: center;                           
  text-decoration: none;                           
}                           
.top_menu ul li a:hover{                           
  color: #fff;                           
  background: #a5e0cc;                           
}                           
@media screen and (max-width:480px) {                           
  .top_menu{                           
    width: auto;                           
    display: block;                           
    float: none;                           
    padding: 0;                           
  }                           
  .top_menu ul{                           
    display: block;                           
    width: auto;                           
  }                           
  .top_menu ul li{                           
    display: block;                           
    width: auto;                           
                           
  }                           
  .top_menu ul li a{                           
    display: block;                           
    width: auto;                           
  }                           
                           
  .top_menu ul li a:hover{                           
    display: block;                           
  }                           
                           
}/*------ Start top_menu-----*/                           
                           
/*------ Start SIDE_NAVI-----*/                           
.navigation_sidebar{                           
  display: block;                           
  width: auto;                           
}                           
.navigation_sidebar ul{                           
  display: block;                           
  list-style-type: none;                           
  justify-content: center;                           
}                           
.navigation_sidebar ul li{                           
  display: block;                           
  text-align: center;                           
}                           
.navigation_sidebar ul li a{                           
  padding: 10px 0;                           
  display: block;                           
  color: #333;                           
}                           
.navigation_sidebar ul li a:hover{                           
  text-decoration: none;                           
  color: #333;                           
  background: #c3f5fe;                           
}                           
                           
@media screen and (max-width: 480px) {                           
  .navigation_sidebar{                           
    display: block;                           
    width: auto;                           
  }                           
  .navigation_sidebar ul{                           
    display: block;                           
    justify-content: center;                           
  }                           
  .navigation_sidebar ul li{                           
    display: block;                           
                           
                           
  }                           
  .navigation_sidebar ul li a{                           
    display: block;                           
                           
  }                           
  .navigation_sidebar ul li a:hover{                           
    display: block;                           
  }                           
                           
}/*------ End SIDE_NAVI-----*/                           
                           
h2{                           
  font-size: 17px;                           
  color: #fff;                           
  background: #d6a37e;                           
  margin-bottom: 15px;                           
  text-indent: 10px;                           
  padding: 4px 0;                           
  position: relative;                           
  /* border: 1px dotted; */                           
  text-align: center;                           
}                           
h2:before{                           
  content: "";                           
  position: absolute;                           
                             
}                           
h2:after {                           
    content: "";                           
    position: absolute;                           
}                           
h3{                           
  font-size: 16px;                           
  margin-top: 10px;                           
  overflow:hidden;                           
  background: transparent;                           
  padding-left: 0;                           
  color: #424344;                           
}                           
h3:after{                           
  content: "";                           
  display: block;                           
}                           
h3:before{                           
  display: block;                           
  content: "";                           
}                           
body{                           
  font-size: 16px;                           
  color: #333;                           
  line-height: 2.5em;                           
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;                           
}                           
div:after{                           
  display: block;                           
  clear: both;                           
  content: "";                           
}                           
.header_background{                           
  width: auto;                           
  margin: auto;                           
  display: block;                           
  min-width: 1150px;                           
  position:relative;                           
}                           
                           
.INNER_body{                           
  width:1150px;                           
  margin:0 auto;                           
  background: #efded1;                           
}                           
.blog_image{                           
  width: 1150px;                           
  margin: 0 auto;                           
  display: block;                           
  padding: 0 15px;                           
}                           
.main_banner{                           
  display: block;                           
  position: relative;                           
  /* background: #c3f5fe; */                           
  width: 68.2%;                           
  float: right;                           
}                           
.main_images {                           
    width: 68.2%;                           
    float: right;                           
    position: relative;                           
}                           
                           
.main_banner img{                           
  width: 100%;                           
  display: block;                           
  background: #c3f5fe;                           
  border-top-right-radius: 15px;                           
  border-bottom-right-radius: 15px;                           
}                           
                           
.sub_banner{                           
  width: 100%;                           
  display: block;                           
  float: none;                           
  background: #ffebeb;                           
  margin-bottom: 15px;                           
}                           
.sub_banner img{                           
  width: 100%;                           
  display: block;                           
}                           
                           
                           
.h1_title{                           
  width: auto;                           
  margin: 0 auto;                           
  padding: 10px 0;                           
  text-align: center;                           
  justify-content: center;                           
  background: #d6a37e;                           
  margin-bottom: 15px;                           
}                           
.h1_title h1{                           
  text-align: center;                           
  font-size: 25px;                           
  color: #fff;                           
}                           
a{                           
  text-decoration: none;                           
  color: #f3837a;                           
}                           
a:hover{                           
  text-decoration: underline;                           
}                           
h2.title_h2{                           
    text-align: center;                           
    box-shadow: none;                           
    border: 0;                           
    text-indent: 0;                           
    background: none;                           
    font-size: 16px;                           
    margin-top: 0;                           
    padding: 0;                           
    overflow: hidden;                           
}                           
h2.title_h2:after,                           
h2.title_h2:before{                           
  display: none;                           
  content: none;                           
}                           
h2.title_h2 a{                           
  border-bottom: 1px solid;                           
  text-decoration: none;                           
}                           
h2.title_h2 a:hover{                           
  text-decoration: none;                           
  border-bottom:none;                           
}                           
a img:hover{                           
  opacity: 0.7;                           
}                           
                           
p.readmores{                           
  padding: 10px;                           
  display: block;                           
}                           
p.readmores a{                           
  padding: 2px 10px;                           
  display: block;                           
  background: green;                           
  color: #fff;                           
  float: right;                           
  margin-bottom: 15px;                           
  margin-right: 15px;                           
}                           
p.readmores a:hover{                           
  opacity: 0.7;                           
  text-decoration: none;                           
}                           
.wrap{                           
  width: 1150px;                           
  margin: 0 auto;                           
  margin-top: 20px;                           
  display: block;                           
  padding: 15px;                           
  margin-bottom: 10px;                           
  min-width: 1150px;                           
  box-shadow: 0px 1px 1px 1px #d6a37e;                           
}                           
.list_of_item{                           
  width: 69.2%;                           
  display: block;                           
  float: right;                           
  background: transparent;                           
}                           
.inverse_image{                           
  width: 100%;                           
  display: block;                           
  float: right;                           
  background: transparent;                           
}                           
                           
.postlist_right_sidebar{                           
  width: 29%;                           
  float: left;                           
  display: block;                           
}                           
.frame_control{                           
  margin-bottom: 20px;                           
}                           
.asidebar{                           
  width: auto;                           
  display: block;                           
  margin-bottom: 20px;                           
}                           
.asidebar h2{                           
  text-align:center;                           
  text-indent: 0;                           
}                           
.blog_frame{                           
  display: block;                           
                           
}                           
.block_count_frame_01{                           
  width: 31.5%;                           
  float: left;                           
  margin-right: 20px;                           
}                           
.block_count_frame_01:nth-child(even){}                           
.block_count_frame_01:nth-child(0){                           
  margin-right: 0;                           
}                           
.block_count_frame_01:nth-child(3){                           
  margin-right: 0;                           
}                           
.block_count_frame_01 img{                           
  width: 100%;                           
  display: block;                           
  margin-bottom: 15px;                           
}                           
.main_block{                           
  display: block;                           
  width: 30%;                           
  float: left;                           
}                           
.block_count_frame_02{                           
  display: block;                           
  width: 48.6%;                           
  float: left;                           
  margin-right: 20px;                           
}                           
.block_count_frame_02:nth-child(even){                           
  margin-right: 0;                           
}                           
.block_count_frame_02 img{                           
  width: 100%;                           
  display: block;                           
  margin-bottom: 10px;                           
  box-shadow: 0px 1px 1px 1px;                           
  padding: 10px;                           
}                           
.block_frame_03{                           
  width: auto;                           
  display: block;                           
                           
}                           
.block_frame_03 img{                           
  width: 45%;                           
  float: left;                           
  margin-right: 20px;                           
  box-shadow: 0px 1px 1px 1px;                           
  padding: 10px;                           
}                           
.block_count_frame_04{                           
  width: auto;                           
  display: block;                           
                           
}                           
.block_count_frame_05{                           
  width: auto;                           
  display: block;                           
}                           
.block_count_frame_04 img{                           
  width: 100%;                           
  display: block;                           
  margin-bottom: 10px;                           
  box-shadow: 0px 1px 1px 1px;                           
  padding: 10px;                           
}                           
                           
.content_list{                           
  width: auto;;                           
  display: block;                           
}                           
.content_list img{                           
  width: 45%;                           
  display: block;                           
  float: left;                           
  margin-right: 20px;                           
  margin-top: 13px;                           
  padding: 10px;                           
  /* box-shadow: 0px 1px 1px 1px; */                           
  box-shadow: 0px 0px 3px #999;                           
}                           
.inverse_image .content_list img{                           
  width: 45%;                           
  display: block;                           
  float: left;                           
  margin-right: 20px;                           
  margin-top: 13px;                           
}                           
.blocking_link{                           
  width: auto;                           
  display: block;                           
}                           
.blocking_link h3{                           
  display: block;                           
  border-bottom: 1px solid #d0d0d0;                           
  color: #333;                           
}                           
.blocking_link ul{                           
  list-style-type: none;                           
  display: block;                           
}                           
                           
.in-menu_blocks_boss{                           
  width: auto;                           
  margin:auto;                           
  justify-content: flex-start;                           
  display: flex;                           
  list-style: none;                           
  margin-bottom: 0px;                           
  margin-top: 0px;                           
}                           
.link_helper_pangusu{                           
  display: flex;                           
}                           
.in-menu_blocks_boss:after{                           
  content: "";                           
  clear: both;                           
  display: block;                           
}                           
                           
.layer_article_content{                           
  width: auto;                           
  margin:auto;                           
}                           
.article_layer_three{                           
  margin-top: 0px;                           
  margin-bottom: 20px;                           
}                           
.article_layer_three:after,                           
.layer_article_content{                           
  clear:both;                           
  display:block;                           
  content:"";                           
}                           
.in-navi_mains_boss{                           
  width:auto;                           
}                           
.in-navi_mains_boss li{                           
  list-style:none;                           
  display:inline-block;                           
}                           
                           
.article_content_column {                           
  padding:20px;                           
  background:#fff;                           
  border: 1px solid #ccc;                           
}                           
.article_content_column li{                           
  padding:0;                           
  margin:0;                           
  list-style:none;                           
  height: 40px;                           
  line-height: 40px;                           
}                           
.article_content_column li a{                           
  width: auto;                           
}                           
                           
.article_content_column li a:before{                           
  content:"\261E";                           
  padding-right:10px;                           
}                           
div#boxArea div:nth-child(3) {                           
    margin-right: -1px;                           
    margin-top: 0px;                           
}                           
.social{                           
  width: auto;                           
  justify-content: center;                           
  display: flex;                           
  padding: 5px 0;                           
}                           
div#boxArea div:nth-child(3) {                           
    margin-right: -2px;                           
    margin-top: 2px;                           
    margin-left: 7px;                           
}                           
.block_footer{                           
  width: auto;                           
  display: block;                           
  min-width: 1150px;                           
  text-align: center;                           
  position:relative;                           
}                           
                           
.block_footer a{                           
  color: #ffffff;                           
}                           
.block_footer a:hover{                           
  /*color: #f00;*/                           
}                           
.site_footer_inner_menu{                           
  width: 1150px;                           
  margin: 0 auto;                           
  padding-bottom: 18px;                           
  display: block;                           
}                           
.site_footer_inner_menu ul{                           
  justify-content: center;                           
  display: flex;                           
                           
}                           
.site_footer_inner_menu ul li{                           
  list-style-type: none;                           
  display: inline-block;                           
}                           
.site_footer_inner_menu ul li a{                           
  display: block;                           
  padding: 10px 10px;                           
}                           
.site_footer_inner_menu ul li a:before{                           
  content:"\261E";                           
  padding-right:10px;                           
}                           
.site_footer_inner_menu ul li a:hover{                           
  display: block;                           
}                           
.site_footer_inner{                           
  width: 1150px;                           
  margin: 0 auto;                           
  padding: 15px 0;                           
  background: #d6a37e;                           
}                           
.content_list p{                           
  text-align: justify;                           
}                           
.block_count_frame_05{                           
  width: auto;                           
  padding: 15px;                           
  background: rgba(255, 255, 255, 0.37);                           
  border-top-left-radius: 15px;                           
  border-bottom-left-radius: 15px;                           
}                           
@media screen and (max-width: 480px) {                           
  .header_background{                           
    min-width: 100%;                           
    width: auto;                           
    margin-bottom: 20px;                           
    display: block;                           
  }                           
  .h1_title{                           
    width: auto;                           
    display: block;                           
    margin: 0;                           
  }                           
  .h1_title h1{                           
    display: block;                           
    justify-content: center;                           
    font-size: 14px;                           
  }                           
  h1{                           
    display: block;                           
  }                           
  h2{                           
    display: block;                           
    width: auto;                           
  text-align:center;                           
  text-indent:0;                           
  }                           
  .INNER_body{                           
  width:auto;                           
  }                           
  .blog_image{                           
    width: auto;                           
    margin-top: 0;                           
    display: block;                           
    padding: 0;                           
  }                           
  .main_image_top{                           
    width: auto;                           
    display: block;                           
    padding: 0;                           
  }                           
  .main_image_top img{                           
    width: 100%;                           
    float: none;                           
  }                           
  .wrap{                           
    min-width: 100%;                           
    width:auto;                           
    margin: 0 auto;                           
    padding: 0 20px;                           
    border:none;                           
    box-shadow: none;                           
  }                           
  .list_of_item{                           
    width: auto;;                           
    display: block;                           
    float: none;                           
  }                           
  .inverse_image{                           
    width: auto;;                           
    display: block;                           
    float: none;                           
  }                           
  .postlist_right_sidebar{                           
    width: auto;;                           
    display: block;                           
    float: none;                           
  }                           
  .blog_frame{                           
    width: auto;;                           
    display: block;                           
    float: none;                           
  }                           
  .main_block{                           
    width: auto;                           
    float: none;                           
  }                           
  .main_block .frame_control{                           
    margin:0;                           
    border-radius: 0;                           
  }                           
                           
  .main_banner,                           
  .sub_banner{                           
    width: auto;                           
    float: none;                           
    display: block;                           
    margin: 0;                           
  }                           
  .main_banner img{                           
  border-radius:0;                           
  }                           
  .block_count_frame_04{                           
    width: auto;                           
    float: none;                           
  }                           
  .block_count_frame_01,                           
  .block_count_frame_02,                           
  .block_frame_03,                           
  .block_count_frame_04,                           
  .content_list,                           
  .block_count_frame_01:nth-child(even),                           
  .block_count_frame_01:nth-child(3),                           
  .block_count_frame_01:nth-child(5),                           
  .block_count_frame_02:nth-child(even){                           
    float: none;                           
    display: block;                           
    margin: 20px;                           
    margin-left: 0;                           
    margin-right: 0;                           
    width: auto;                           
    margin-bottom: 20px;                           
  }                           
  .block_count_frame_01 img,                           
  .block_count_frame_02 img,                           
  .block_frame_03 img,                           
  .block_count_frame_04 img,                           
  .content_list img,                           
  .inverse_image .content_list img{                           
    width: 100%;                           
    float: none;                           
    border-radius: 0;                           
    display: block;                           
  }                           
                           
  .article_content_column{                           
    width: auto;                           
    margin-top: 20px;                           
    display: block;                           
  }                           
  .article_content_column li{                           
    width: auto;                           
    display: block;                           
  }                           
  .article_content_column li a{                           
    width: auto;                           
  }                           
  div#boxArea div:nth-child(3){                           
    width: auto;;                           
    display: block;                           
  }                           
  .article_layer_three{                           
  width: auto;                           
  display: block;                           
                           
  }                           
  .in-navi_mains_boss{                           
    width:auto;                           
  }                           
  .in-navi_mains_boss li{                           
    padding:0 10px;                           
  }                           
  .block_footer{                           
    min-width: 100%;                           
    width: auto;                           
    display: block;                           
  }                           
  .social{                           
    width: auto;                           
    justify-content: center;                           
  }                           
  .block_footer{                           
    min-width: 100%;                           
    width: auto;                           
    display: block;                           
  }                           
  .site_footer_inner_menu{                           
    display: block;                           
    width: auto;                           
    background: #47d0e7;                           
  }                           
  .site_footer_inner_menu ul{                           
    display: block;                           
    width: auto;                           
  }                           
  .site_footer_inner_menu ul li{                           
    display: block;                           
    width: auto;                           
  }                           
  .site_footer_inner_menu ul li a{                           
    display: block;                           
    width: auto;                           
  }                           
  .site_footer_inner_menu ul li a:hover{                           
    display: block;                           
    background: #b7ecff;                           
    width: auto;                           
    color: #333;                           
    text-decoration: none;                           
  }                           
  .site_footer_inner{                           
    width: auto;                           
                           
  }                           
  .blocking_link{                           
    padding: 0;                           
  }                           
                           
}