@charset "UTF-8";
/*--------------------------------------------------*/
/* Special
/*  2023年11月02日改修
/*--------------------------------------------------*/
body#special.special2023{}

body#special.special2023 .blog_note{
 text-align: center ;
 font-size:120% ;
 margin: 35px auto 40px auto ;
}

/* トップページ
----------------------------------------*/
body#special.special2023.index #contents .page-lst{
  margin: 0 auto 30px auto ;
}

body#special.special2023.index #contents{}

body#special.special2023.index #contents{}

body#special.special2023.index #contents .lists_wrap{
  display: flex ;
  flex-wrap: wrap ;
}

body#special.special2023.index #contents .lists_wrap .page-lst{
  flex-basis: 100% ;
}

body#special.special2023.index #contents .list{
  flex-basis: 19% ;
  margin: 0 1% 20px 0;
  padding: 0 0 20px 0;
  /*border-bottom: 1px dotted #ccc;*/
}

body#special.special2023.index #contents .list .pht{
  margin: 0 auto 10px auto ;
  padding: 0;
  border: 1px solid #cccccc ;
  box-sizing: border-box ;
}

body#special.special2023.index #contents .list .pht img{
  width: 100% ;
  margin: 0 auto 0 auto ;
  padding: 0;
}

body#special.special2023.index #contents .list .vol{
  font-size: 100% ;
  font-family: serif ;
  font-weight: bold ;
}

body#special.special2023.index #contents .list h3{
  font-weight: bold;
  margin: 0;
  padding: 0;
  font-size: 80%;
  background: none;
  border: 0;
  color: #333;
}

body#special.special2023.index #contents .list .txt{
}

body#special.special2023.index #contents .list h2{
  font-weight: bold;
  margin: 0;
  padding: 0;
  font-size: 90%;
  width: 100% ;
  line-height: 1.4 ;
}

body#special.special2023.index #contents .list h4{
  font-weight: 500;
  font-size:80% ;
  margin: 0;
  padding: 5px 0 0 0;
  color: #333;
  width: 100%;
 line-height: 1.5 ;
}

@media screen and ( max-width:767px ){
  body#special.special2023.index #contents .list{
    flex-basis: 48% ;
  }  
}



/* 詳細ページ
----------------------------------------*/
body#special.detail #contents{
  width: 665px;
  margin: 30px auto ;
}

body#special.special2023.detail #contents{
  width: 100% ;
}

/* メイン画像 */
body#special.special2023.detail #contents h2{
  text-align: center ;
}

/* company */
body#special.special2023.detail #contents .company{}

body#special.special2023.detail #contents .company .place{
  margin-bottom: 10px ;
}

body#special.special2023.detail #contents .company .name{
  font-size: 200%;
  line-height: 100%;
  font-weight: bold;
  margin: 0;
  padding: 0 0 20px;
}

body#special.special2023.detail #contents .company .lead{
  font-size: 100%;
  line-height: 140%;
  font-weight: bold;
  color: #c30;
  margin: 0;
  padding: 0 0 20px;
}

body#special.special2023.detail #contents .subImages{
  margin: 0 auto 30px auto ;
  display: flex ;
  justify-content: space-between ;
}

body#special.special2023.detail #contents .subImages figure{
  flex-basis: 49% ;
  text-align: center ;
  padding: 0 ;
  margin: 0 ;
}

body#special.special2023.detail #contents .block{
  margin: 0 auto 30px;
  padding: 20px ;
  box-sizing: border-box ;
  border: 1px solid #ccc;
  background: #fff;
}

body#special.special2023.detail #contents .block h3{
  font-size: 90%; 
  font-weight: bold; 
  color: #fff; 
  margin: 0; 
  padding: 8px;
  background: #222;
  border-left: 10px solid #4FBA08; 
}

body#special.special2023.detail #contents .block h3.com-data {
  font-size: 90%;
  font-weight: bold;
  color: #fff;
  margin: 0 auto 15px auto ;
  padding: 0;
  border: 0;
  background: #666666 ;
}

body#special.special2023.detail #contents .block h4{
  font-size: 90%;
  font-weight: bold;
  color: #c30;
  margin: 0 0 10px 0;
  padding: 0;
  border: 0;
}

body#special.special2023.detail #contents .block .special_date{
  width: 860px ;
  margin: 0 auto ;
  font-size: 80%;
}

body#special.special2023.detail #contents .block .conts {
  width: 860px ;
  margin: 0 auto 20px;
  padding: 0 ;
  background: #fff;
}

body#special.special2023.detail #contents .block .conts .mt-image-left,
body#special.special2023.detail #contents .block .conts .mt-image-right{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body#special.special2023.detail #contents .block.company_info .conts{
  margin-bottom: 0 ;
  padding-bottom: 0 ;
}

body#special.special2023.detail #contents .block.company_info .conts p{
  margin-bottom: 0 ;
}
  
body#special.special2023.detail #contents #movie{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin: 0 auto 30px auto ;
}

body#special.special2023.detail #contents #movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
 border: none;
}

@media screen and ( max-width:767px ){
  body#special.detail #contents{
    width: 100%;
  }

  body#special.special2023.detail #contents .subImages{
    flex-wrap: wrap ;
  }

  body#special.special2023.detail #contents .subImages figure{
    flex-basis: 100% ;
    margin-bottom: 10px ;
  }

  body#special.special2023.detail #contents .block .conts {
    width: 100% ;
  }

  body#special.special2023.detail #contents .block .special_date{
    width: 100% ;
  }
  
  body#special.special2023.detail #contents .block .conts img{
    margin: 0 0 20px 0 !important ;
  }

  body#special.special2023.detail #contents .block .conts .mt-image-left,
  body#special.special2023.detail #contents .block .conts .mt-image-right{
    margin: 0 auto 20px auto !important ;
    float: none !important;
    display: block ;
  }
}

/* 最近の投稿
--------------------*/
body#special.detail #local-navi-new{
  border: 1px solid #4FBA08 ;
}

body#special.detail #local-navi-new .midashi{
  width: 100% ;
  background: #4FBA08 ;
  padding: 3px 10px ;
  box-sizing: border-box ;
  margin: 0 0 ;
  color: #ffffff ;
  font-size: 1rem ;
}

body#special.detail #local-navi-new #lnavi{
  padding: 15px ;
  box-sizing: border-box ;
}

body#special.detail #local-navi-new ul{
  width: 100% ;
  display: flex ;
  flex-wrap: wrap ;
}

body#special.detail #local-navi-new ul li{
  flex-basis: 19% ;
  margin:0 1% 15px 0 ;
  padding: 0 0 15px 0;}

body#special.detail #local-navi-new ul li a{
  display: block ;
}

body#special.detail #local-navi-new ul li img{
  display: block ;
  width: 100% ;
  margin: 0 auto 5px auto ;
  border: 1px solid #cccccc ;
  box-sizing: border-box ;
}

body#special.detail #local-navi-new ul li .num{
  display: block ;
  margin: 0 auto 0 auto ;
  font-size: 100% ;
}

body#special.detail #local-navi-new ul li p{
  margin: 0 auto 5px auto ;
  font-weight: bold ;
  font-size: 90% ;
}

body#special.detail #local-navi-new ul li .company{
  display: block ;
  margin: 0 auto 5px auto ;
  font-size: 90% ;
}

body#special.detail .more{
 text-align: center ;
 margin: 0 auto ;
}

body#special.detail .more a{
 display: inline-block ;
 padding: 5px 15px ;
 background: #4FBA08 ;
 color: #ffffff ;
 font-weight: bold ;
 
}

@media screen and ( max-width:767px ){
  body#special.detail #local-navi-new ul li{
    flex-basis: 48% ;
  }
}