@charset "UTF-8";                           
*{                           
  padding: 0;                           
  margin: 0;                           
  box-sizing: border-box;                           
}                           
                           
/*------- Start Top NAVI ---------*/                           
.menu_top{                           
  width: auto;                           
  margin:0 auto;                           
  display:block;                           
  margin-top: 10px;                           
}                           
.menu_top ul  {                           
    list-style:none;                           
    padding:0px;                           
    justify-content:center;                           
    display:flex;                           
    width: 1200px;                           
    margin: 0 auto;                           
}                           
.menu_top ul li {                           
    display:inline-block;                           
}                           
.menu_top ul li a {                           
    display: inline-block;                           
    text-decoration:none;                           
    padding: 8px 59px;                           
    color: #333;                           
    /* width: 297px; */                           
    text-align: center;                           
    background: #f9b796;                           
    transition: all .3s;                           
    margin: 0 1px;                           
}                           
.menu_top ul li a:before{                           
                           
  content: '';                           
                           
}                           
.menu_top ul li a:hover {                           
    color: #ffffff;                           
    box-shadow: 0 0px 5px 3px #a5a5a5 inset;                           
    transition: all .3s;                           
    z-index: 2;                           
}                           
                           
                           
@media screen and (max-width: 480px) {                           
  .menu_top{                           
    width: auto;                           
    display: block;                           
    margin: 0;                           
  }                           
  .menu_top ul{                           
    display: block;                           
    width: auto;                           
    box-shadow: none;                           
  }                           
  .menu_top ul:before,                           
  .menu_top ul:after,                           
  .menu_top ul li:before,                           
  .menu_top ul li:after,                           
  .menu_top li:hover:after{                           
    display: none;                           
  }                           
  .menu_top ul li{                           
    display: block;                           
    width: auto;                           
    margin: 0;                           
    border: none;                           
  }                           
  .menu_top ul li a{                           
    display: block;                           
    width: auto;                           
    margin: 0;                           
    text-align: center;                           
    padding: 5px 0;                           
    background: #f9b796;                           
    border-bottom: 2px solid #f9b796 !important;                           
    margin-bottom: 3px;                           
  }                           
  .menu_top ul li a:before{                           
  display: none;                           
  }                           
  .menu_top ul li a:hover{                           
    display: block;                           
    box-shadow: 0 0px 5px 3px #a5a5a5 inset;                           
  }                           
                           
}/*------- End Top NAVI ---------*/                           
                           
/*------ Start SIDE_NAVI-----*/                           
.aside_navigation {display: block;margin-bottom: 13px;padding: 16px;border: 1px solid #ccc;background: rgb(255, 255, 255);box-shadow: 0px 10px 6px -6px rgba(119,119,119,1);}                           
.aside_navigation ul {                           
    list-style:none;                           
    margin:0px;                           
    padding:0px;                           
    margin-top: 10px;                           
}                           
.aside_navigation ul li{                           
    display:block;                           
}                           
.aside_navigation ul li:last-child{                           
  border-bottom:none;                           
}                           
.aside_navigation ul li a{                           
    display:block;                           
    text-decoration:none;                           
    padding: 10px 0;                           
    color: #a1cfe7;                           
    position:relative;                           
    text-align: left;                           
    margin: 2px 0;                           
    text-indent: 24px;                           
}                           
.aside_navigation ul li a:before{                           
    content:"\2198";                           
    display:block;                           
    position: absolute;                           
    padding-right: 20px;                           
    text-indent: 0px;                           
    border-top-color: transparent;                           
}                           
                           
.aside_navigation ul li a:hover{                           
    background: #a1cfe7;                           
    color: #fff;                           
    padding-left: 5px;                           
}                           
                           
@media screen  and (max-width: 480px) {                           
    .aside_navigation {                           
        width: auto;                           
        margin: 20px;                           
        border: 1px solid #ccc;                           
    }                           
    .aside_navigation ul {                           
        list-style:none;                           
        margin:0px;                           
        /* padding:0px; */                           
    }                           
    .aside_navigation ul li{                           
        display:block;                           
        text-align: left;                           
    }                           
    .aside_navigation ul li a{                           
        display:block;                           
        text-decoration:none;                           
        position:relative;                           
        z-index:1;                           
        margin-bottom:5px;                           
    }                           
    .aside_navigation ul li a:before{                           
    padding-left: 6px;                           
}                           
    .aside_navigation ul li a:after{                           
        content:none;                           
        position:absolute;                           
        right: -19px;                           
        border-style:solid;                           
        top: 0px;                           
        border-width: 19px;                           
        border-color: #0FC4C4;                           
        border-top-color:transparent;                           
        border-bottom-color:transparent;                           
        border-right:0px;                           
    }                           
    .aside_navigation ul li a:hover{                           
    }                           
} /*------ End SIDE_NAVI-----*/                           
                           
                           
h2 {                           
    padding: 5px 10px;                           
    position:relative;                           
    font-size: 17px;                           
    text-align: left;                           
    border-bottom: 2px dotted #fff;                           
    background: #ffebdd;                           
}                           
                           
h3{                           
  font-size: 16px;                           
  margin-top: 13px;                           
  overflow:hidden;                           
  border-bottom: 1px dashed #e8a978;                           
}                           
h3:after{                           
  content: "";                           
  display: block;                           
}                           
h3:before{                           
  content: "";                           
  font-size: 11px;                           
  margin-bottom:0;                           
  top: 0px;                           
}                           
body{                           
  font-size: 16px;                           
  color: #636363;                           
  line-height: 2.5em;                           
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;                           
                           
   */                           
  background: aliceblue;                           
  background: rgba(255, 255, 255, 0.16);                           
}                           
div:after{                           
  display: block;                           
  clear: both;                           
  content: "";                           
}                           
.Blog_header_infor{                           
  width: auto;                           
  margin: auto;                           
  display: block;                           
  min-width: 1200px;                           
  position:relative;                           
}                           
                           
.main_image_inner{                           
  width: 1200px;                           
  margin:0 auto;                           
}                           
.main_image_inner img{                           
  width:100%;                           
  display:block;                           
}                           
.blog_image{                           
  margin: 0 auto;                           
  display: block;                           
  margin-top: 5px;                           
}                           
.main_banner{                           
  display: block;                           
  position: relative;                           
  width: 74.7%;                           
  float: right;                           
}                           
                           
.main_images {                           
    width: 68.2%;                           
    float: right;                           
    position: relative;                           
}                           
                           
.main_banner img{                           
  width: 100%;                           
  display: block;                           
  border: 1px solid #fff;                           
  border-top-right-radius: 15px;                           
}                           
                           
.sub_banner{                           
  width: 100%;                           
  display: block;                           
  float: none;                           
  position:relative;                           
}                           
                           
.sub_banner img{                           
  width: 100%;                           
  display: block;                           
  border-top-left-radius: 15px;                           
  border-top-right-radius: 15px;                           
}                           
                           
                           
.BIG_tittle{                           
  width: auto;                           
  padding: 7px 0;                           
  text-align: center;                           
  justify-content: center;                           
  background: #e3f5ff;                           
  border-bottom: 1px solid #f9b796;                           
  margin-top: 10px;                           
}                           
.BIG_tittle h1{                           
  text-align: center;                           
  font-size: 20px;                           
  color: #636363;                           
  width: 1200px;                           
  margin:  0 auto;                           
}                           
h1 a{                           
  color: #5d5d5d;                           
}                           
a{                           
  text-decoration: none;                           
  color: #00a4ff;                           
}                           
a:hover{                           
  text-decoration: underline;                           
}                           
h2.title_h2{                           
    text-align: center;                           
    box-shadow: none;                           
    border: 0;                           
    text-indent: 0;                           
    font-size: 16px;                           
    overflow: hidden;                           
    width: 93.5%;                           
    position: absolute;                           
    margin-top: -65px;                           
    background: rgba(238, 252, 255, 0.81);                           
}                           
h2.title_h2:after,                           
h2.title_h2:before{                           
  display: none;                           
  content: none;                           
}                           
h2.title_h2 a{                           
  border-bottom: 1px solid;                           
  text-decoration: none;                           
  color: #ff9e86;                           
}                           
h2.title_h2 a:hover{                           
  text-decoration: none;                           
  border-bottom:none;                           
}                           
a img:hover{                           
  opacity: 0.7;                           
}                           
                           
p.get_moreinfo{                           
  padding: 10px;                           
  display: block;                           
}                           
p.get_moreinfo a{                           
  padding: 2px 10px;                           
  display: block;                           
  background: green;                           
  color: #fff;                           
  float: right;                           
  margin-bottom: 15px;                           
  margin-right: 15px;                           
}                           
p.get_moreinfo a:hover{                           
  opacity: 0.7;                           
  text-decoration: none;                           
}                           
.BASE_site{                           
  width: 1200px;                           
  margin: 0 auto;                           
  display: block;                           
  min-width: 1200px;                           
  margin-bottom: 15px;                           
  margin-top: 15px;                           
}                           
.site_main{                           
  width: 72%;                           
  display: block;                           
  float: left;                           
  margin-bottom: 15px;                           
  margin-left:15px;                           
}                           
.subpage_record{                           
  width: 100%;                           
  display: block;                           
  float: left;                           
  background: #fff;                           
  border-bottom: none;                           
}                           
                           
.site_left{                           
  width: 24%;                           
  float: left;                           
  display: block;                           
}                           
.site_right{                           
  width: 24%;                           
  float: right;                           
  display: block;                           
}                           
.block_data{                           
  margin-bottom: 20px;                           
  padding: 10px;                           
  border: 1px solid #ffede0;                           
  background: #fff;                           
}                           
.block_data img{                           
}                           
.left_asidebar{                           
  width: auto;                           
  display: block;                           
}                           
.left_asidebar h2{                           
  text-align: center;                           
  text-indent: 0;                           
  margin-bottom: 10px;                           
}                           
.mixer_frame{                           
  display: block;                           
                           
}                           
.block_count_frame_infor_01{                           
  width: 31.5%;                           
  float: left;                           
  margin-right: 20px;                           
}                           
.block_count_frame_infor_01:nth-child(even){}                           
.block_count_frame_infor_01:nth-child(0){                           
  margin-right: 0;                           
}                           
.block_count_frame_infor_01:nth-child(3){                           
  margin-right: 0;                           
}                           
.block_count_frame_infor_01 img{                           
  width: 100%;                           
  display: block;                           
  margin-bottom: 15px;                           
}                           
.block_top_main{                           
  display: block;                           
  width: 25%;                           
  float: left;                           
  margin-bottom: 0;                           
}                           
.frame_infor_02{                           
  display: block;                           
  width: 48.7%;                           
  float: left;                           
  margin-right: 15px;                           
  position:relative;                           
  margin-bottom: 15px;                           
}                           
                           
.frame_infor_02:nth-child(even){                           
  margin-right: 0;                           
}                           
.frame_infor_02 h2.title_h2{                           
  margin-top: -70px;                           
  overflow: hidden;                           
  padding-left: 10px;                           
}                           
.frame_infor_02 img{                           
  width: 100%;                           
  display: block;                           
  margin-bottom: 10px;                           
}                           
.frame_infor_03{                           
  width: auto;                           
  display: block;                           
  position: relative;                           
}                           
.frame_infor_03 h2.title_h2 {                           
    margin-top: 242px;                           
    position: absolute;                           
    text-align: center;                           
    width: 32.6%;                           
    overflow: hidden;                           
}                           
.frame_infor_03:last-child{}                           
                           
                           
.frame_infor_03 img{                           
  width: 33%;                           
  float: left;                           
  margin-right: 20px;                           
  margin-top: 14px;                           
  position: relative;                           
}                           
.frame_infor_04{                           
  width: auto;                           
  display: block;                           
  position:relative;                           
}                           
                           
.frame_infor_01{                           
  width: auto;                           
  display: block;                           
  padding: 15px;                           
  background: rgb(255, 255, 255);                           
  box-shadow: none;                           
  margin-bottom: 0;                           
  position:relative;                           
  border-radius: 0;                           
  border-top-left-radius: 15px;                           
}                           
                           
.frame_infor_04 img{                           
  width: 100%;                           
  display: block;                           
  margin-bottom: 15px;                           
}                           
                           
.layout_content{                           
  width: auto;                           
  display: block;                           
}                           
                           
.layout_content img{                           
  width: 35%;                           
  display: block;                           
  float: left;                           
  margin-right: 20px;                           
  margin-top: 15px;                           
}                           
.subpage_record .layout_content{                           
}                           
                           
.layout_content h2:before {                           
    content: none;                           
}                           
.subpage_record .layout_content img{                           
  width: 33%;                           
  display: block;                           
  float: left;                           
  margin-right: 20px;                           
  margin-top: 27px;                           
}                           
.link_controller{                           
  width: auto;                           
  display: block;                           
}                           
                           
.link_controller h3{                           
  border: none;                           
  text-indent: 0px;                           
  margin-top: 14px;                           
  position: relative;                           
  border-bottom: 1px dashed #ffd3b5;                           
  /* padding-left: 30px; */                           
}                           
.link_controller h3:before{                           
  content:url(../images/h3.png);                           
  background-position: 9px 4px;                           
  text-indent: 0px;                           
  padding-right: 6px;                           
  font-size: 10px;                           
  position: relative;                           
  top: 6px;                           
}                           
.link_controller 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;                           
  background: #fff;                           
  /* padding: 10px; */                           
  padding-left: 0;                           
}                           
.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:"\27BC";                           
  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;                           
}                           
.end_block_footer{                           
  width: auto;                           
  display: block;                           
  min-width: 1200px;                           
  text-align: center;                           
  position:relative;                           
  background: #f9b796;                           
  padding: 0;                           
}                           
                           
.end_block_footer a{                           
  color: #ffffff;                           
}                           
.end_block_footer a:hover{                           
  color: #ffffff;                           
}                           
.footer_inner_menu{                           
  width: 1200px;                           
  margin: 0 auto;                           
  display: block;                           
  margin-bottom: 10px;                           
}                           
.footer_inner_menu ul{                           
  justify-content: center;                           
  display: flex;                           
                           
}                           
.footer_inner_menu ul li{                           
  list-style-type: none;                           
  display: inline-block;                           
  /* padding: 10px 0; */                           
}                           
.footer_inner_menu ul li a{                           
  /* display: block; */                           
  /* padding: 10px 10px; */                           
  margin: 0 13px;                           
}                           
.footer_inner_menu ul li:before{                           
  content:"◈";                           
  padding-right: 10px;                           
  font-size:20px;                           
  color: #fff;                           
}                           
.footer_inner_menu ul li a:hover{                           
}                           
.footer_inner_maker{                           
  width: 1200px;                           
  margin: 0 auto;                           
  padding: 15px 0;                           
}                           
.layout_content p{                           
  text-align: justify;                           
}                           
                           
@media screen and (max-width: 480px) {                           
  body{                           
    background:#fff;                           
  }                           
  .Blog_header_infor{                           
    min-width: 100%;                           
    width: auto;                           
    margin-bottom: 20px;                           
    display: block;                           
    padding-bottom: 0;                           
  }                           
  .left_asidebar{                           
  display: block;                           
  margin-bottom: 0;                           
  }                           
  .left_asidebar h2{                           
    text-align:center;                           
  }                           
  .BIG_tittle{                           
    width: auto;                           
    display: block;                           
    margin: 0;                           
  }                           
  .BIG_tittle h1{
    display: block;
    justify-content: center;
    font-size: 14px;
    text-align:  left;
    width:  auto;
    line-height: 160%;
    padding: 0 20px;
  }                           
  h1{                           
    display: block;                           
  }                           
  h2{                           
    display: block;                           
    width: auto;                           
    text-align:center;                           
    text-indent:0;                           
    margin-bottom: 10px;                           
    text-align:  left;                           
    padding-top: 0;                           
  }                           
                           
h2:before, h2:after {                           
    content: none;                           
    padding-left:  0 !important;                           
}                           
  .main_image_inner{                           
  width:auto;                           
  }                           
  .blog_image{                           
    width: auto;                           
    margin-top: 0;                           
    display: block;                           
    padding: 0;                           
  }                           
  .main_image_inner{                           
    width: auto;                           
    display: block;                           
    padding: 0;                           
  }                           
  .main_image_inner img{                           
    width: 100%;                           
    border: 0;                           
    float: none;                           
  }                           
  .BASE_site{                           
    min-width: 100%;                           
    width:auto;                           
    margin: 0 auto;                           
    /* padding: 0 20px; */                           
    border:none;                           
    padding-bottom: 1px;                           
    box-shadow: none;                           
    padding: 0;                           
    margin: 0;                           
  }                           
  .site_main{                           
    width: auto;                           
    display: block;                           
    float: none;                           
    border: none;                           
    padding: 0;                           
    margin-left: 0;                           
  }                           
  .subpage_record{                           
    width: auto;                           
    display: block;                           
    float: none;                           
    padding: 0;                           
    margin-left: 0;                           
    background: none;                           
    margin: 0;                           
  }                           
  .site_left{                           
    width: auto;                           
    display: block;                           
    /* background: none; */                           
    float: none;                           
    /* margin-top: 10px; */                           
    border: none;                           
    padding-bottom: 1px;                           
  }                           
  .site_right{                           
    width: auto;                           
    display: block;                           
    float: none;                           
  }                           
  .mixer_frame{                           
    width: auto;;                           
    display: block;                           
    float: none;                           
  }                           
  .block_top_main{                           
    width: auto;                           
    float: none;                           
  }                           
  .block_top_main .block_data{                           
    margin:0;                           
    border-radius: 0;                           
    border: none;                           
  }                           
  .frame_infor_01{                           
    width:auto;                           
    display:block;                           
  }                           
.frame_infor_01:after,                           
.frame_infor_01:before{                           
    display:none;                           
  }                           
  .main_banner,                           
  .sub_banner{                           
    width: auto;                           
    float: none;                           
    display: block;                           
    margin: 0;                           
    padding: 0;                           
    border: none;                           
  }                           
  .main_banner:before,                           
  .main_banner:after{                           
    display:none;                           
  }                           
  .main_banner img{                           
  border-radius:0;                           
  border: none;                           
  padding: 0;                           
  }                           
  .frame_infor_04{                           
    width: auto;                           
    float: none;                           
  }                           
  .frame_infor_04 h2.title_h2{                           
    width: -webkit-fill-available;                           
  }                           
                           
h2.title_h2 {                           
    width: 95% !important;                           
    margin-top: -60px !important;                           
}                           
  .subpage_record .layout_content {                           
    /* box-shadow : 0px 10px 6px -6px rgba(119,119,119,1); */                           
  }                           
  .frame_infor_03 h2.title_h2{                           
    margin-top: -45px !important;                           
    width: 95% !important;                           
    overflow: hidden;                           
  }                           
  .frame_infor_02 h2.title_h2 {                           
    width: 92.5%;                           
}                           
  .block_count_frame_infor_01,                           
  .frame_infor_02,                           
  .frame_infor_03,                           
  .frame_infor_04,                           
  .layout_content,                           
  .block_count_frame_infor_01:nth-child(even),                           
  .block_count_frame_infor_01:nth-child(3),                           
  .block_count_frame_infor_01:nth-child(5),                           
  .frame_infor_02:nth-child(even){                           
    float: none;                           
    display: block;                           
    margin: 20px;                           
    border-radius: 0;                           
    width: auto;                           
  }                           
  .frame_infor_02:before,                           
  .frame_infor_04:after{                           
    display:none;                           
  }                           
  .block_count_frame_infor_01 img,                           
  .frame_infor_02 img,                           
  .frame_infor_03 img,                           
  .frame_infor_04 img,                           
  .layout_content img,                           
  .subpage_record .layout_content img{                           
    width: 100%;                           
    float: none;                           
    border-radius: 0;                           
    padding: 0;                           
    display: block;                           
  }

.frame_infor_03 img {
    margin-top: 0;
}                           
                           
div#block02_container h2 {                           
    bottom: 335px;                           
}                           
                           
  .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;                           
  }                           
  .in-menu_blocks_boss{                           
    margin: 0 20px;                           
    padding: 0 0;                           
  }                           
  .end_block_footer{                           
    min-width: 100%;                           
    width: auto;                           
    display: block;                           
  }                           
  .social{                           
    width: auto;                           
    justify-content: center;                           
  }                           
  .end_block_footer{                           
    min-width: 100%;                           
    width: auto;                           
    display: block;                           
    margin-top: 15px;                           
    border-radius: 0;                           
    padding: 10px;                           
  }                           
  .footer_inner_menu{                           
    display: block;                           
    width: auto;                           
  }                           
  .footer_inner_menu ul{                           
    display: block;                           
    width: auto;                           
  }                           
                           
.footer_inner_menu ul li:before {                           
    content: none;                           
}                           
  .footer_inner_menu ul li{                           
    display: block;                           
    width: auto;                           
  }                           
  .footer_inner_menu ul li a{                           
    width: auto;                           
    /* margin: 5px; */                           
  }                           
  .footer_inner_menu ul li a:hover{                           
    width: auto;                           
    color: #333;                           
    text-decoration: none;                           
    margin: 0;                           
  }                           
  .footer_inner_maker{                           
    width: auto;                           
                           
  }                           
  .link_controller{                           
    display: block;                           
    margin: 20px;                           
    margin-bottom: 0;                           
  }                           
                           
}