@charset "utf-8";

/* キーカラー */

/* メイン#602157 */
/* サブ#c963b7 */



/* =======================================

reset

 ======================================= */
 

*{
margin:0;
padding:0;
list-style:none;
text-decoration: none;
-webkit-text-size-adjust: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
/* line-height: 1.7em;
letter-spacing: 0.05em; */
}



html, body, div, span, applet, object, iframe,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  -webkit-text-size-adjust: none;
}

#wrapper{
  width: 100%;
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 1);
 
}

.fixed_wrapper{
margin-top: 180px;

}


/*******************************
　　ヘッダー
*******************************/


#bg_mainImage{
  width: 100%;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  height: 700px;
  background-position: center top;
  color: #000;
  /* border-bottom: 1px #add9f9 solid; */
  /* box-shadow: 0px 0px 4px #b0e8ff; */
  overflow: hidden;
  z-index: 1000!important;
  margin: 0 0 80px 0;
}



header{
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  padding: 0px 0 0px;
  /* position: absolute; */
  z-index: 100;
  /* top: 0; */
  margin: 0 0 0 0;
  transition: 0.8s ease-in-out;
  border-top: 16px #a2048c solid;
  }

header .inner{
  max-width: 1200px;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 24px 0 24px;
  align-items: center;
}

.logo{
  max-width: 240px;
  position: relative;
}
.logo a{
display: block;
line-height: 0;
}
.logo a img{
  display: block;
  width: 100%;
  transition: 0.8s ease-in-out;
}

.logo a img:hover{
  display: block;
  width: 100%;
  transition: 0.8s ease-in-out;
}



/* グローバルナビ */
.global-nav{
  -ms-flex-item-align: center;
  align-self: center;
  background: #30BECD;
  position: relative;
  z-index: 1;
  /* box-shadow: 0px 8px 8px #00adff; */
  border-top: 4px #ff65b8 solid;
}
.global-nav ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1200px;
  width: 95%;
  margin: 0px auto 0;
  padding: 0px 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}



.global-nav ul li{margin: 0 0px 0 0;width: 100%;border-right: 1px #ccc solid;position: relative;}

.global-nav ul li a{
  color: #ffffff;
  font-size: 16px;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 12px 0;
}

.global-nav ul li a i{color: #fff;-webkit-transition: 0.8s ease-in-out;transition: 0.8s ease-in-out;margin: 0 8px 0 0;display: inline-block;font-size: 20px;vertical-align: middle;font-weight: unset;}



.global-nav ul li:last-child a{
 background: #333;
}





.global-nav ul li a > div{
  font-size: 10px;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  display: block;
  text-align: center;
  font-weight: bold;
}

.global-nav ul li a:hover{
  color: #a2048c;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
}

.global-nav ul li a:hover i{
  color: #a2048c;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
}
.global-nav ul li a:hover div{
  color: #a2048c;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
}



.global-nav ul li:nth-child(1){
border-left: 1px #ccc solid;
}
/* 
.global-nav ul li:nth-child(1) a{background: #a2048c!important;color: #ffffff!important;}

 */






.global-nav ul li a:hover{
  color: #a2048c;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  background: #fff;
}

.global-nav ul li a:hover i{
  color: #a2048c;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
}
.global-nav ul li a:hover div{
  color: #ffffff;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
}

.global-nav ul li:nth-child(6) a:hover{
  background: #a2048c;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  color: #fff;
}

.global-nav ul li:nth-child(6) a:hover i{
  color: #fff;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
}
.global-nav ul li:nth-child(6) a:hover div{
  color: #fff;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
}




/* 共通部分 */
/*ドロワーメニュー*/

/*モーダル*/
#modal{
  position: relative;
  display: block;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  z-index: 11000;/*これがモーダルのz基準*/
  width: 100%;
  padding: 0px 0;
  margin: 0px 0 0 0;

}


#bt_open_modal{

}


#bt_open_modal img{
  width: 100%;
  margin: 0% 0 0 0;
  /* filter: drop-shadow(1px 0.5px 1.5px #111); */
}




#modal_area{
	position: absolute;
	z-index: 1;
	background: rgba(255, 255, 255, 0.95)!important;
	display: none;
  
}

.close-modal_area{
  color: #a2048c;
  font-weight: bold;
  display: block;
  position: absolute;
  top: 5%;
  vertical-align: middle;
  bottom: auto;
  left: auto;
  right: 3%;
  height: auto;
  width: 25px;
  font-size: 2em;
  z-index: 1;
  line-height: 0;
      z-index: 9999;
    cursor: pointer;
}


#modal_logo_area{
	width: 100%;
	position: relative;
	display: flex;
	    align-items: center;
}

#modal_logo{
  width: 40%;
  position: relative;
      padding: 2% 0 2% 2%;
}

#modal_area







.modal-content > ul{
  max-width: 1200px;
  margin: 48px auto 48px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.modal-content > ul > li{
  width: 32%;
  margin: 0 2% 32px 0;
}
.modal-content > ul > li:nth-child(3n) {
    margin-right: 0;
}

.modal-content > ul > li > a{
  color: #000;
  border-bottom: 2px #a2048c solid;
  padding: 0 0 8px 0;
  margin: 0 0 8px 0;
  font-size: 18px;
  display: block;
  width: 100%;
  font-weight: bold;
}

.modal-content > ul > li > a:hover {
    color: #a2048c;
    transition: 0.8s ease-in-out;
}

.modal-content > ul > li > ul{

margin: 0 0 0 8%;

width: auto;
}

.modal-content > ul > li > ul > li{

}

.modal-content > ul > li > ul > li > a{
  color: #010101;
  position: relative;
  z-index: 0;
  font-size: 14px;
  padding: 0px 0px 0% 0;
  display: block;
}

.modal-content > ul > li > a i{
  margin: 0 2% 0 0;
  color: #a2048c;
}




.modal_tel_area{

}

.modal_tel_area dl{
    display: flex;
}

.modal_tel_area dl dt{
	color: #3c3c3c;
	    font-size: 0.8em;
	    margin: 0 0% 0 0%;
	    font-weight: bold;
}

.modal_tel_area dl dd{
	color: #0031af;
	font-size: 0.8em;
	font-weight: bold;
}

/*モーダルここまで*/

/* 共通テーブル */

/* テーブルタイプ1 */


dl.table01{
  display: flex;
position: relative;
margin: 0 0 0 0px;
flex-wrap: wrap;
  width: 100%;
}

dl.table01 dt{
    background-color: #ffffff;
    width: 35%;
    max-width: 150px;
    margin: 0 0 0 0;
    font-size: 16px;
    padding: 8px 16px;
    border-bottom: 1px solid #222;
    color: #222;
    font-weight:bold;
}

dl.table01 dt .title{

}

dl.table01 dt figure{

}
dl.table01 dt figure img{
width: 100%;

}



dl.table01 dd{width: 76%;font-size: 16px;padding: 8px 16px;display: block;border-bottom: 1px solid #222;}
dl.table01 dd div{
width: 100%;
margin: 0 0 24px 0;
}


dl.table01 dd:nth-of-type(2n){/* width: 65%; */}

/* テーブルタイプ1 */


/* 共通テーブル ここまで*/


/* ボタン共通設定 */
.btn01 {
    display: block;
    margin: 0;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.btn01 a {
      width: 100%;
      color: #ffffff;
      background: #a2048c;
      display: block;
      padding: 8px 16px;
      text-align: center;
      -webkit-transition: 0.5s ease-in-out;
      transition: 0.5s ease-in-out;
      font-weight: bold;
      font-size: 16px;
      border: 1px #a2048c solid;
      border-left: 1px transparent solid;
      position: relative;
}

.btn01 a::before{
      width: 10%;
      color: #ffffff;
      background: #ffffff;
      display: block;
   height: 1px;
      text-align: center;
      -webkit-transition: 0.5s ease-in-out;
      transition: 0.5s ease-in-out;
      font-weight: bold;
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
}

.btn01 a:hover::before{
      width: 10%;
      color: #ffffff;
      background: #a2048c;
      display: block;
   height: 1px;
      text-align: center;
      -webkit-transition: 0.5s ease-in-out;
      transition: 0.5s ease-in-out;
      font-weight: bold;
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
}


.btn01 a i{
  
}
.btn01:hover a{
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  transition: 0.8s ease-in-out;
  color: #a2048c;
  background: #fff;
  border: 1px #a2048c solid;
}

.btn02 {
  display: block;
  margin: 0;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.btn02 a {
    width: 100%;
    color: #a2048c;
    background: #fff;
    display: block;
    padding: 8px 16px;
    text-align: center;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    font-weight: bold;
    font-size: 16px;
    border: 1px #a2048c solid;
}
.btn02 a i{

}
.btn02:hover a{
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
transition: 0.8s ease-in-out;
color: #fff;
background: #a2048c;
border: 1px #fff solid;
}





.btn03 {
    display: block;
    width: 270px;
    margin: 0;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.btn03 a {
  width: 100%;
  color: #ffffff;
  background: #a2048c;
  display: block;
  padding: 8px 16px;
  text-align: center;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  font-weight: bold;
  font-size: 18px;
}
.btn03 a i{
  color: #fff;
  margin: 0 8px 0 0;

}
.btn03:hover a{
  background: #fff;
  color: #a2048c;
  border: 1px #a2048c solid;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}




.btn_block01{
position: relative;
}
.btn_block01 i{
  position: absolute;
  top: 35%;
  color: #fff;
  left: 8%;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.btn_block01:hover i{
  color: #a2048c;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
input.btn01 {
  display: block;
  width: 270px;
  color: #fff;
  background: #a2048c;
  font-size: 16px;
  padding: 8px 0px;
  border: solid 1px #a2048c;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
input.btn01:hover {

    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    background: #fff;
    color: #a2048c;
    border: 1px #a2048c solid;
}

/* ボタン共通設定 */



/* タイトル共通 */


h2.title01{

  display: flex;
  
  border-bottom: 1px #a2048c solid;
  
  align-items: center;
  margin: 0 0 24px 0;
  padding: 0 0 8px 0;
  }
  
  
h2.title01 div{
  
-webkit-appearance: radio;
  
letter-spacing: 0.1em;
  
/* color: #a2048c; */
  }
  


  h2.title01 div span{
    color: #a2048c;
    font-size: 32px;
    display: inline-block;
    }


h2.title01 figure{
    width: 4%;
    max-width: 30px;
    display: block;
    margin: 0 16px 0 0;
    }
h2.title01 figure img{
  display: block;
  height: 100%;
  width: 100%;
  }

  h2.title02{
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #a2048c;
    padding: 8px 0 8px 16px;
    position: relative;
    margin: 0 auto 24px;
    /* text-align: center; */
    border-bottom: solid 1px #7ddae2;
    border-left: 4px solid #a2048c;
background: #f1f1f1;
  }


  h2.title03{
    font-size: 20px;
    border-bottom: 1px #a2048c solid;
    margin: 0 0 16px 0;
    padding: 0 0 8px 0;
    color: #a2048c;
  }




h3.title01{
  display: block;
  font-family: "游明朝";
  width: auto;
  font-size: 28px;
  border-bottom: 1px #a2048c solid;
  padding: 0 0px 12px 0;
  text-align: center;
  margin: 0 0 40px 0;
  width: 100%;
}


h3.title02{
  font-size: 16px;
  border-bottom: 1px #a2048c solid;
  border-left: 12px #a2048c solid;
  margin: 0 0 16px 0;
  padding: 0 0 4px 8px;
  color: #333;
}



h4.title01{
  width: 100%;
  font-size: 20px;
  /* font-weight: normal; */
  padding: 8px 8px 8px 16px;
  position: relative;
  margin: 0 auto 32px;
  text-align: center;
  /* border-bottom: 1px solid #333; */
  background: #a2048c;
  color: #fff;
  text-align: left;
}


h4.title02{
  width: 100%;
  font-size: 24px;
  /* font-weight: normal; */
  color: #a2048c;
  padding: 0 0 0 0px;
  position: relative;
  margin: 0 auto 32px;
  text-align: center;
  border-bottom: 1px solid #a2048c;
}


h4.title03{
  width: 100%;
  font-size: 16px;
  /* font-weight: normal; */
  color: #a2048c;
  padding: 0 0 0 0px;
  position: relative;
  margin: 0 auto 32px;
  text-align: left;
  border-bottom: 1px solid #a2048c;
}


/* cssスライダー */
.infinity-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  overflow: hidden;
}
#slide-block {
  -webkit-animation: infinity-loop 240s infinite linear 1s both;
 animation: infinity-loop 240s infinite linear 1s both;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 350px;
	position: relative;
}
#slide-block li {
  margin-right: 16px;
}
#slide-block img {
  width: auto;
  	height: 100%;
}

/* 無限ループ用アニメーション設定 */
@-webkit-keyframes infinity-loop {
  from {
    -webkit-transform: translateX(0vw);
    transform: translateX(0vw);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes infinity-loop {
  from {
    -webkit-transform: translateX(0vw);
    transform: translateX(0vw);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
/* cssスライダー ここまで*/



/* 共通部分ここまで */
/* ヘッダー上部ナビ */


.global-nav02{
  margin: 0 0px 0px 0px;
  display: flex;
  width: 58%;
  justify-content: space-between;
}

.global-nav02 > ul:nth-child(1){
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-end;
  justify-content: space-between;
  margin: 0 0px 0px 0;
  width: 100%;
}


.global-nav02 > ul:nth-child(1) > li{margin: 0 0% 0px 0;}

.global-nav02 > ul:nth-child(1) > li:last-child{display: none;}

.global-nav02 > ul:nth-child(1) > li > a{
  color: #000000;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  font-size: 0.9vw;
  font-weight: bold;
  position: relative;
  display: block;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
}

.global-nav02 > ul:nth-child(1) > li > a:hover{

}

.global-nav02 > ul:nth-child(1) > li > a::after {
  position: absolute;
  bottom: .3em;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #a2048c;
  opacity: 0;
  transition: 0.8s ease-in-out;
}

.global-nav02 > ul:nth-child(1) > li > a:hover::after {
  bottom: -4px;
  opacity: 1;
  transition: 0.8s ease-in-out;
}


.global-nav02 > ul:nth-child(1) > li > a > i{
color: #30BECD;
    margin: 0 0px 4px 0;
    -webkit-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    font-size: 24px;
    display: block;
    text-align: center;
}
.global-nav02 > ul:nth-child(1) > li > a:hover{
        color: #a2048c;
        -webkit-transition: 0.8s ease-in-out;
        transition: 0.8s ease-in-out;
}




.global-nav02 > ul:nth-child(1) > li > a:hover i{
        color: #30BECD;
        -webkit-transition: 0.8s ease-in-out;
        transition: 0.8s ease-in-out;
}




/* 送料無料アナウンス */

.global-nav02 .user_block{
  position: relative;
  margin: 0px 0 0 10%;
  width: 35%;
}




.global-nav02 .user_block .user_name{
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  align-items: center;
  margin: 0 0 8px 0;
  flex-wrap: wrap;
}
.global-nav02 .user_block .user_name li{

line-height: 1;

font-size: 14px;
}

.global-nav02 .user_block .user_name li i{
  font-size: 16px;
  color: #a2048c;
  margin: 0 4px 0 0;
}






.global-nav02 .user_block .souryo_block{
  position: relative;
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  border-bottom: 1px #c31920 solid;
  padding: 0 0 4px 0;
  flex-wrap: wrap;
}
.global-nav02 .user_block .souryo_block li{

line-height: 1;
}
.global-nav02 .user_block .souryo_block li:nth-child(1){

margin: 0 8px 0 0;
}
.global-nav02 .user_block .souryo_block li:nth-child(2){font-size: 12px;margin: 0 8px 0 0;}
.global-nav02 .user_block .souryo_block li:nth-child(3){text-align: right;margin: 0px 0 0 auto;font-size: 12px;}


.global-nav02 .user_block .souryo_block li span{font-weight: bold;color: #c31920;font-size: 20px;margin: 0 4px 0 0px;}


.global-nav02 .user_block .souryo_block li i{
  font-size: 18px;
  color: #c31920;
  margin: 0 0px 0 0;
}

/* 送料無料アナウンス ここまで*/











/* ヘッダーお問い合わせ */
header .inner .contact_block{}

header .inner .contact_block h2{display:none;border-left: 4px #a2048c solid;border-bottom: 1px #a2048c solid;margin: 0 0px 8px 0;padding: 0 0px 0 8px;font-size: 16px;}

header .inner .contact_block ul{
  
font-size: 14px;
  
text-align: right;
  
border-top: 1px #a2048c solid;
  
border-left: 1px #a2048c solid;
  
border-bottom: 1px #a2048c solid;
  
border-right: 1px #a2048c solid;
  
padding: 0 0px 0px 0px;
  
width: 100%;
  
margin: 0 0 0 auto;
  
padding: 7px 16px;
  }

header .inner .contact_block ul li{
  font-size: 12px;
  text-align: left;
}
header .inner .contact_block ul li span{
  
}


header .inner .contact_block ul li:nth-child(1){
  
font-size: 14px;
  
font-weight: bold;
}
header .inner .contact_block ul li:nth-child(2){font-size: 12px;}


header .inner .contact_block ul li:nth-child(1) span{
  
}
header .inner .contact_block ul li:nth-child(2) span{font-size: 24px;color: #a2048c;font-weight: bold;}

/* ヘッダーお問い合わせ ここまで*/




/* スクロール後ヘッダー固定レイアウト *//* スクロール後ヘッダー固定レイアウト *//* スクロール後ヘッダー固定レイアウト */
header.fixed_header{
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  padding: 0px 0 0px;
  /* position: absolute; */
  z-index: 100000;
  position: fixed;
  /* display: flex; */
  flex-direction: row-reverse;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 0px;
  transition: 0.8s ease-in-out;
  box-shadow: 0px 0px 2px #a2048c;
  border-top: 8px #a2048c solid;
}

header.fixed_header .logo{
  position: relative;
  width: 15%;
  line-height: 0;
}


header.fixed_header .tel_block{
  position: relative;
  width: 31%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}




header.fixed_header .tel_block li:nth-child(1) {
    color: #a2048c;
    font-size: 16px;
    font-weight: bold;
}

header.fixed_header .global-nav02 {
    margin: 0 0px 0px 0px;
    display: flex;
    width: 58%;
    justify-content: space-between;
}


header.fixed_header .global-nav02 > ul:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-end;
  justify-content: space-between;
  margin: 0 0px 0px 0;
  width: 100%;
}

header.fixed_header .global-nav02 > ul:nth-child(1) > li {
  margin: 0 2% 0px 0;
}

header.fixed_header .global-nav02 > ul:nth-child(1) > li:last-child {
  display: none;
}


header.fixed_header .global-nav02 > ul:nth-child(1) > li > a > i {
  color: #30BECD;
  margin: 0 0px 4px 0;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  font-size: 20px;
  display: block;
}






/* 送料無料アナウンス */

header.fixed_header .global-nav02 .user_block{
  position: relative;
  margin: 0px 0 0 10%;
  width: 26%;
}




header.fixed_header .global-nav02 .user_block .user_name{
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  align-items: center;
  margin: 0 0 8px 0;
  flex-wrap: wrap;
}
header.fixed_header .global-nav02 .user_block .user_name li{

line-height: 1;

font-size: 0.8vw;
}

header.fixed_header .global-nav02 .user_block .user_name li i{
  font-size: 1vw;
  color: #a2048c;
  margin: 0 4px 0 0;
}






header.fixed_header .global-nav02 .user_block .souryo_block{
  position: relative;
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  border-bottom: 1px #c31920 solid;
  padding: 0 0 4px 0;
  flex-wrap: wrap;
}
header.fixed_header .global-nav02 .user_block .souryo_block li{

line-height: 1;
}
header.fixed_header .global-nav02 .user_block .souryo_block li:nth-child(1){

margin: 0 8px 0 0;
}
header.fixed_header .global-nav02 .user_block .souryo_block li:nth-child(2){font-size: 0.8vw;margin: 0 8px 0 0;}
header.fixed_header .global-nav02 .user_block .souryo_block li:nth-child(3){text-align: right;margin: 0px 0 0 auto;font-size: 1vw;}


header.fixed_header .global-nav02 .user_block .souryo_block li span{font-weight: bold;color: #c31920;font-size: 1.2vw;margin: 0 4px 0 0px;}


header.fixed_header .global-nav02 .user_block .souryo_block li i{
  font-size: 18px;
  color: #c31920;
  margin: 0 0px 0 0;
}

/* 送料無料アナウンス ここまで*/





header.fixed_header .inner {
  display: flex;
  max-width: 1200px;
  width: 95%;
  margin: 0px auto 0;
  padding: 8px 0 8px;
}

header.fixed_header .global-nav{
  box-shadow: 0px 4px 6px rgba(0, 173, 255, 0.5);
}


header.fixed_header .inner .contact_block {
  max-width: 100%;
  width: 25%;
}

header.fixed_header .contact_block h2 {
  display: none;
}




header.fixed_header .inner .contact_block ul{
  
font-size: 14px;
  
text-align: right;
  
border: none;
  
padding: 0 0px 0px 0px;
  
width: 100%;
  
margin: 0 0 0 auto;
  
padding: 0px 0px;
  
}
  
header.fixed_header .inner .contact_block ul li{
    
  font-size: 0.9vw;
    
  text-align: right;
    
  width: 100%;
  }
  header.fixed_header .inner .contact_block ul li span{
    
  }
  
  
  header.fixed_header .inner .contact_block ul li:nth-child(1){
    
font-size: 0.7vw;
    
font-weight: bold;
    
width: 100%;
  }

  header.fixed_header .inner .contact_block ul li:nth-child(2){
    font-size: 14px;
    }


  header.fixed_header .inner .contact_block ul li:nth-child(3){
display: none;
    }


  header.fixed_header .inner .contact_block ul li:nth-child(2){font-size: 0.7vw;width: 100%;}
  
  header.fixed_header .inner .contact_block ul li:nth-child(1) span{
    
  }
  header.fixed_header .inner .contact_block ul li:nth-child(2) span{color: #a2048c;font-weight: bold;font-size: 1.2vw;}
  header.fixed_header .inner .contact_block ul li:nth-child(3) span{
    
  color: #a2048c;
    
  font-weight: bold;
  }


/* スクロール後ヘッダー固定レイアウト ここまで*/










main{
  position: relative;
  margin: 80px auto 0px;
}


/* トップ 掲示板 */
 
  body#top .news_board .inner .list_area{
      width: 78%;
  }



/* トップコンテンツ */
.top_about_temple{
position: relative;

}
.top_about_temple .bg_kamon:nth-of-type(1){position: absolute;top: 160px;left: -25%;width: 560px;z-index: -1;bottom: auto;}

.top_about_temple .bg_kamon:nth-of-type(2){
     position: absolute;
    top: 160px;
    left: 3%;
    width: 420px;
    z-index: 0;
    bottom: auto;
  }
  .top_about_temple .bg_kamon img{
  width: 100%;
  opacity: 0.2;
  }



.top_about_temple .inner{
  max-width: 1200px;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  z-index: 1;
  position: relative;
}
.top_about_temple .inner h2{
  display: flex;
  font-family: "游明朝";
  width: 7%;
  height: 300px;
  align-self: center;
}
.top_about_temple .inner h2 span:nth-child(1){
  display: block;
  font-family: "游明朝";
    writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
  width: auto;
  font-size: 32px;
  border-right: 1px #333 solid;
  padding: 0 4px 0 0;
}
.top_about_temple .inner h2 span:nth-child(2){
  display: block;
  font-family: "游明朝";
  width: auto;
    writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
  font-size: 24px;
  font-weight: 200;
  padding: 0 0px 0 4px;
}

.top_about_temple .inner figure{width: 88%;margin: 0 auto 40px 0;line-height: 0;}
.top_about_temple .inner figure img{width: 100%;}
.top_about_temple .inner .sente{

width: 55%;

font-size: 14px;

margin: 0px 0% 0 0;
}

.top_about_temple .inner ul{

width: 41%;

margin: 0px 4% 0 0%;

display: flex;

flex-wrap: wrap;

align-self: center;

justify-content: space-between;
}

.top_about_temple .inner ul li.btn01{

width: 49%;

margin: 0 0 8px 0;
}
.top_about_temple .inner ul li.btn01 a{

font-size: 20px;

font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
}



.top_about_temple:nth-of-type(3) .inner {
  max-width: 1200px;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  z-index: 1;
  position: relative;
}

.top_about_temple:nth-of-type(3) figure{
  margin: 0 0 40px auto;
  line-height: 0;
  display: flex;
  justify-content: space-between;}


.top_about_temple:nth-of-type(3) figure div:nth-of-type(1){
  width: 47%;
  }
.top_about_temple:nth-of-type(3) figure div:nth-of-type(2){
  width: 57%;
  margin: 10% 0 0 -5%;
}
.top_about_temple:nth-of-type(3) figure img{
  width: 100%;
}

.top_about_temple:nth-of-type(3) .inner ul {
  width: 41%;
  margin: 0px 0 0 4%;
  display: flex;
  flex-wrap: wrap;
  align-self: center;
  justify-content: space-between;
}


/* トップコンテンツ ここまで*/

/* トップバナー */


.top_bnr_block {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 80px auto 80px;
}




.top_bnr_block figure{
	position: relative;
	overflow: hidden;
	flex: 1 1 auto;
}

.top_bnr_block figure a{display: block;overflow: hidden;position: relative;height: 300px;}
.top_bnr_block figure a::before{position: absolute;top: 0;background: rgba(162, 4, 140, 0.5);z-index: 1;content:"";width: 100%;height: 100%;display: block;}


.top_bnr_block figure a ul{
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 40%;
	z-index: 100;
	display: block;
	width: 85%;
}

.top_bnr_block figure a ul li:nth-child(1){
	text-align: center;
	font-weight: bold;
	border-bottom: 1px #fff solid;
	font-size: 33px;
	color: #fff;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}

.top_bnr_block figure a ul li:nth-child(2){
	text-align: center;
	color: #fff;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;

}



.top_bnr_block figure img{
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	/* border: 1px #1d60c7 solid; */
	-webkit-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;
}

.top_bnr_block figure:hover img{
	-webkit-transition: 0.8s ease-in-out;
	-o-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}






/* トップバナー ここまで*/



/* トップ納骨堂 */

.nokotsudo_block{

  margin: 96px 0 96px;
  }
  .nokotsudo_block .inner{
  
max-width: 1200px;
  
width: 95%;
  
margin-right: auto;
  
margin-left: auto;
  
display: flex;
  
flex-wrap: wrap;
  
justify-content: space-between;
  
align-items: flex-start;
position: relative;
  }


  .nokotsudo_block .bg_kamon{
    position: absolute;
    top: 0px;
    right: -10%;
    width: 320px;
    z-index: 0;
    bottom: auto;
    }

      .nokotsudo_block .bg_kamon img {
        width: 100%;
        opacity: 0.2;
}



  .nokotsudo_block .inner figure{
  width: 35%;
  /* margin-right: auto; */
  /* margin-left: auto; */
  z-index: 1;
  position: relative;
  }

  .nokotsudo_block .inner figure img{
        width: 100%;

    }

  .nokotsudo_block .inner .sente{
      width: 61%;
      margin: 0px 0 0;
  }
  .nokotsudo_block .inner .sente p{
  
  }
  .nokotsudo_block .inner .sente .jushoku_name{
  font-size: 32px;
  margin: 24px 0 0;
  }
  .nokotsudo_block .inner .sente .jushoku_name span{
  font-size: 20px;
  
  }



  .nokotsudo_block .inner dl{
    width: 80%;
    margin: 32px auto 0;
    
    }

  .nokotsudo_block .inner dl dt{
 font-size: 24px;
 color: #a2048c;
 margin: 0 0 32px 0;
 border-bottom: 1px #a2048c solid;
 }
  .nokotsudo_block .inner dl dd{
 
margin: 0 0 32px auto;
 
border-bottom: 1px #a2048c solid;
 
padding: 0px 0 24px 0;
 
width: 95%;
 
line-height: 2.2em;
}
  .nokotsudo_block .inner dl dd h4{
 
font-size: 18px;
 
margin: 0 0 24px;
 
font-weight: normal;
 
background: #eee;
 
padding: 8px;
}

/* トップ納骨堂ここまで */




/* トップ宝物 */
.top_homotsu{
  position: relative;
  
  }
  .top_homotsu .bg_kamon:nth-of-type(1){position: absolute;top: 160px;left: -25%;width: 560px;z-index: -1;bottom: auto;}
  
  .top_homotsu .bg_kamon:nth-of-type(2){
       position: absolute;
      top: 160px;
      left: 3%;
      width: 420px;
      z-index: 0;
      bottom: auto;
    }
    .top_homotsu .bg_kamon img{
    width: 100%;
    opacity: 0.2;
    }
  
  
  
  .top_homotsu .inner{
    max-width: 1200px;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    z-index: 1;
    position: relative;
  }
  .top_homotsu .inner h2{
    display: flex;
    font-family: "游明朝";
    width: 7%;
    height: 300px;
    align-self: center;
  }
  .top_homotsu .inner h2 span:nth-child(1){
    display: block;
    font-family: "游明朝";
      writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
    width: auto;
    font-size: 32px;
    border-right: 1px #333 solid;
    padding: 0 4px 0 0;
  }
  .top_homotsu .inner h2 span:nth-child(2){
    display: block;
    font-family: "游明朝";
    width: auto;
      writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
    font-size: 24px;
    font-weight: 200;
    padding: 0 0px 0 4px;
  }
  
  .top_homotsu .inner figure{margin: 0 0 40px auto;line-height: 0;display: flex;justify-content: space-between;width: 88%;}

  .top_homotsu .inner figure div:nth-child(1){
width: 47%;
  }

  .top_homotsu .inner figure div:nth-child(2){
    width: 57%;
    margin: 10% 0 0 -5%;
  }


  .top_homotsu .inner figure img{width: 100%;}
  .top_homotsu .inner .sente{
  
  width: 55%;
  
  font-size: 14px;
  
  margin: 0px 0% 0 0;
  }
  
  .top_homotsu .inner ul{
  width: 41%;
  margin: 0px 0% 0 4%;
  display: flex;
  flex-wrap: wrap;
  align-self: center;
  justify-content: space-between;
  }
  
  .top_homotsu .inner ul li.btn01{
  
  width: 49%;
  
  margin: 0 0 8px 0;
  }
  .top_homotsu .inner ul li.btn01 a{
  
  font-size: 20px;
  
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
  }
  
  
  
  .top_homotsu:nth-of-type(3) .inner {
    max-width: 1200px;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    z-index: 1;
    position: relative;
  }
  
  .top_homotsu:nth-of-type(3) figure{
    margin: 0 0 40px auto;
    line-height: 0;
    display: flex;
    justify-content: space-between;}
  
  
  .top_homotsu:nth-of-type(3) figure div:nth-of-type(1){
    width: 47%;
    }
  .top_homotsu:nth-of-type(3) figure div:nth-of-type(2){
    width: 57%;
    margin: 10% 0 0 -5%;
  }
  .top_homotsu:nth-of-type(3) figure img{
    width: 100%;
  }
  
  .top_homotsu:nth-of-type(3) .inner ul {
    width: 41%;
    margin: 0px 0 0 4%;
    display: flex;
    flex-wrap: wrap;
    align-self: center;
    justify-content: space-between;
  }
  
  
  /* トップコンテン宝物 ここまで*/



/*----------パンくず----------*/

ul.breadcrums {
	max-width: 1200px;
	width: 100%;
	margin: 16px auto 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
ul.breadcrums li {
	font-size: 12px;
	margin: 0 12px 0 0;
}
ul.breadcrums li a {
  font-size: 12px;
  color: #a2048c;
  font-weight: bold;
}
ul.breadcrums li a:hover {
	border-bottom: 1px #a2048c solid;
}

/*----------パンくずここまで----------*/





/* 下層メイン画像 */
.sub_mainImage_area{

}

.sub_mainImage_area .inner{
position: relative;
}

.sub_mainImage_area .inner .catch01{
  width: 100%;
    margin: 0 0% 0 0;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    padding: 3%;
    background-position-y: 0%;
    position: relative;
    letter-spacing: 0.08em;
    /* text-align: center; */
    line-height: 1.3em;
    border: 1px #fff solid;
    position: absolute;
    top: 35%;
    max-width: 400px;
    width: -ms-max-content;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;

}
.sub_mainImage_area .inner .catch01 span{
    color: #693;

}


.sub_mainImage_area .inner figure{

height: 480px;
}
.sub_mainImage_area .inner figure img{width: 100%;height: 100%;}



/* 下層メインページ ここまで*/

/* 下層共通タブ */
.tabmenu{
	padding: 0px 0 0px 0;
	margin: 32px auto 32px;
	width: 100%;
	max-width: 1200px;
	display: flex;
	/* flex-wrap: wrap; */
	/* background: #F0F0F0; */
}


.tabmenu > a{
	color: #a2048c;
	font-size: 16px;
	transition: 0.8s ease-in-out;
	padding: 8px;
	text-shadow: none;
	width: calc(100% / 5);
	display: block;
	text-align: center;
	font-weight: bold;
	height: 42px;
	cursor: pointer;
	margin: 0 4px 0 0;
	border: 1px #a2048c solid;
}

.tabmenu > a:hover{
	color: #fff;
	font-size: 16px;
	transition: 0.8s ease-in-out;
	padding: 8px;
	text-shadow: none;
	width: calc(100% / 5);
	display: block;
	text-align: center;
	font-weight: bold;
	height: 42px;
	cursor: pointer;
	margin: 0 4px 0 0;
	border: 1px #a2048c solid;
	background: #a2048c;
}

/* 下層共通タブここまで */









/* 掲示板 */


body#top .news_board .inner{

  flex-wrap: nowrap;
}


/* 掲示板タブ */
.news_board .tabmenu{
	padding: 0px 0 0px 0;
	margin: 0px auto 32px;
	width: 100%;
	max-width: 1200px;
	display: flex;
	/* flex-wrap: wrap; */
	/* background: #F0F0F0; */
}


.news_board .tabmenu > a{
	color: #fff;
	font-size: 16px;
	transition: 0.8s ease-in-out;
	padding: 8px;
	text-shadow: none;
	width: calc(100% / 5);
	display: block;
	text-align: center;
	font-weight: bold;
	height: 42px;
	cursor: pointer;
	margin: 0 4px 0 0;
}


.news_board .tabmenu a.tab_wh{
  background: #fff;
  border: 1px #333 solid;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333!important;
}
.news_board .tabmenu a.tab_wh:hover {
    color: #fff!important;
    background: #333!important;
    transition: 0.8s ease-in-out!important;
    border: 1px #333 solid!important;
}



.news_board .tabmenu a.tab_gr{
  background: #04a21f;
  border: 1px #04a21f solid;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news_board .tabmenu a.tab_gr:hover {
    color: #04a21f!important;
    background: #fff!important;
    transition: 0.8s ease-in-out!important;
    border: 1px #04a21f solid!important;
}




.news_board .tabmenu a.tab_bl{
  background: #0459a2;
  border: 1px #0459a2 solid;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news_board .tabmenu a.tab_bl:hover {
    color: #0459a2!important;
    background: #fff!important;
    transition: 0.8s ease-in-out!important;
    border: 1px #0459a2 solid!important;
}



.news_board .tabmenu a.tab_or{
  background: #a24d04;
  border: 1px #a24d04 solid;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news_board .tabmenu a.tab_or:hover {
    color: #a24d04!important;
    background: #fff!important;
    transition: 0.8s ease-in-out!important;
    border: 1px #a24d04 solid!important;
}



.news_board .tabmenu a.tab_pr{
  background: #a2048c;
  border: 1px #a2048c solid;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news_board .tabmenu a.tab_pr:hover {
    color: #a2048c!important;
    background: #fff!important;
    transition: 0.8s ease-in-out!important;
    border: 1px #a2048c solid!important;
}




.news_board .tabmenu div.to_list{
		    width: 10%;
    margin: 0 0px 0 auto;
}

.news_board .tabmenu div.to_list i{
margin: 0 4px 0 0;

}

.news_board .tabmenu div.to_list a{
	background: #5A5971;
	border: 1px #5A5971 solid;
	font-size: 13px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	padding: 8px;
}
.news_board .tabmenu div.to_list a:hover {
    color: #5A5971;
    background: #fff;
    transition: 0.2s ease-in-out;
    border: 1px #5A5971 solid;
}


.news_board{
    /* background: #f3f3f3; */
    padding: 180px 32px 32px 32px;
    margin-top: 0px;
    margin: -180px 0 0 0;
  }
  
  .news_board .inner{
    max-width: 1200px;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
  }
  .news_board .inner h2{display: flex;font-family: "游明朝";width: 18%;}
  
  .news_board .inner h2 span:nth-child(1){display: block;font-family: "游明朝";  writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;width: auto;font-size: 32px;border-right: 1px #333 solid;padding: 0 4px 0 0;}
  
  .news_board .inner h2 span:nth-child(2){display: block;font-family: "游明朝";width: auto;  writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;font-size: 24px;font-weight: 200;padding: 0 0 0 4px;}
  
  
  .news_board .inner .list_area{
      width: 100%;
  }
  .news_board .inner ul{
  
  width: 100%;
  }
  
  .news_board .inner ul li{align-items: flex-start;display: flex;margin: 0 0 12px 0;padding: 24px 0;border-bottom: 1px #333 dotted;}
  
  
  .news_board .inner ul li a{margin: 0 0 0 40px;font-size: 14px;display: block;color: #333;transition: 0.8s ease-in-out;width: 85%;font-weight: bold;}
  
  .news_board .inner ul li a .date{

margin: 0 0 8px 0;

font-weight: normal;

line-height: 1;
}

  .news_board .inner ul li a:hover{
  font-size: 14px;display: block;color: #a2048c;
      transition: 0.8s ease-in-out;
  }
/*   .news_board .inner ul li a::before{width: 0;height: 0;border-top: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 6px solid #333;content: "";display: inline-block;vertical-align: middle;margin: 0 8px 0 0;transition: 0.8s ease-in-out;}
  
  .news_board .inner ul li a:hover::before{
    width: 0;height: 0;border-top: 5px solid transparent;border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;border-left: 6px solid #a2048c;
    content: "";display: inline-block;vertical-align: middle;margin: 0 8px 0 0;
  transition: 0.8s ease-in-out;
    }
   */
  
  
  .news_board .inner ul li .icon_gr{
  
  color: #fff;
  
  background: #04a21f;
  
  font-weight: 100;
  
  padding: 4px;
  
  margin: 0 0 0px 0;
  
  display: block;
  
  width: 100px;
  
  text-align: center;
  
  position: relative;
  
  font-size: 12px;
  }
  .news_board .inner ul li .icon_bl{
  
  color: #fff;
  
  background: #0459a2;
  
  font-weight: 100;
  
  padding: 4px;
  
  margin: 0 0 0px 0;
  
  display: block;
  
  width: 100px;
  
  text-align: center;
  
  position: relative;
  
  font-size: 12px;
  }
  .news_board .inner ul li .icon_pr{
  
  color: #fff;
  
  background: #a2048c;
  
  font-weight: 100;
  
  padding: 4px;
  
  margin: 0 0 0px 0;
  
  display: block;
  
  width: 100px;
  
  text-align: center;
  
  position: relative;
  
  font-size: 12px;
  }
  .news_board .inner ul li .icon_or{
  
  color: #fff;
  
  background: #a24d04;
  
  font-weight: 100;
  
  padding: 4px;
  
  margin: 0 0 0px 0;
  
  display: block;
  
  width: 100px;
  
  text-align: center;
  
  position: relative;
  
  font-size: 12px;
  }
  
  .news_board .btn01{
      background: #f3f3f3;
      padding: 0px;
      margin: 16px auto 0;
      max-width: 300px;
    }
    .news_board .btn01 a{
      padding: 8px;
      font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
    }

    /* 掲示板タブ ここまで*/



/* 新着詳細　法要・法座 */



.news_detail_hoyo_hoza{

margin: 0px 0 0px;
}

.news_detail_hoyo_hoza .inner{
    max-width: 1200px;
    width: 100%;
    margin: 0px auto 0px;
    /* display: flex; */
    justify-content: space-between;
    /* flex-wrap: wrap; */
    border-bottom: 1px #a2048c solid;
}

.news_detail_hoyo_hoza > .inner > figure{
  width: 55%;
  margin: 0 auto 64px;
  line-height: 0;
}
.news_detail_hoyo_hoza .inner figure img{
width: 100%;
}

.news_detail_hoyo_hoza .inner article{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}

.news_detail_hoyo_hoza .inner article h3{

display: flex;

flex-wrap: wrap;

align-items: center;
}

.news_detail_hoyo_hoza .inner article h3 .icon{

color: #fff;

background: #04a21f;

font-weight: 100;

padding: 4px;

margin: 0 0 0px 0;

display: block;

width: 100px;

text-align: center;

position: relative;

font-size: 12px;
}
.news_detail_hoyo_hoza .inner article h3 .date{

width: 10%;

font-size: 16px;
}
.news_detail_hoyo_hoza .inner article h3 .title{

width: 100%;

text-align: left;

margin: 12px 0 0 0;

font-size: 24px;
}

.news_detail_hoyo_hoza .inner article .sente{
  margin: 0 0 0px 0;
  width: 67%;
}
.news_detail_hoyo_hoza > .inner > article > figure{width: 30%;}



.news_detail_hoyo_hoza .inner > .free_box{margin: 40px 0 40px;display: flex;justify-content: flex-end;}

.news_detail_hoyo_hoza .inner > .free_box > .btn01{
  width: 20%;
  margin: 0 8px 0px 0;
}



.news_detail_hoyo_hoza > .btn01{
  width: 20%;
  margin: 64px auto 0;
}








/* 新着詳細　お知らせ */

.news_detail_news{

  margin: 0px 0 0px;
  }
  
  .news_detail_news .inner{
      max-width: 1200px;
      width: 100%;
      margin: 0px auto 0px;
      /* display: flex; */
      justify-content: space-between;
      /* flex-wrap: wrap; */
      border-bottom: 1px #a2048c solid;
  }
  
  .news_detail_news .inner figure{
    
  width: 55%;
    
  margin: 0 auto 64px;
    
  line-height: 0;
  }
  .news_detail_news .inner figure img{
  width: 100%;
  }
  
  .news_detail_news .inner article{
  
  width: 100%;
  }
  
  .news_detail_news .inner article h3{
  
  display: flex;
  
  flex-wrap: wrap;
  
  align-items: center;
  }
  
  .news_detail_news .inner article h3 .icon{
  
  color: #fff;
  
  background: #0459a2;
  
  font-weight: 100;
  
  padding: 4px;
  
  margin: 0 0 0px 0;
  
  display: block;
  
  width: 100px;
  
  text-align: center;
  
  position: relative;
  
  font-size: 12px;
  }
  .news_detail_news .inner article h3 .date{
  
  width: 10%;
  
  font-size: 16px;
  }
  .news_detail_news .inner article h3 .title{
  
  width: 100%;
  
  text-align: left;
  
  margin: 12px 0 0 0;
  
  font-size: 24px;
  }
  
  .news_detail_news .inner article .sente{
    margin: 0 0 40px 0;
  }
  
  


  .news_detail_news .free_box{
    width: 100%;
    display: flex;
    /* justify-content: space-between; */
    margin: 40px 0 40px;
  }

  .news_detail_news .free_box figure{
    width: 30%;
    margin: 0 24px 0 0;
  }

  .news_detail_news .free_box figure img{
width: 100%;
  }

  
  .news_detail_news .free_box .btn01{
    width: 20%;
    margin: 0 0 0 auto;
  }


  .news_detail_news > .btn01{
    width: 20%;
    margin: 64px auto 0;
}







/* 新着詳細　法話 */

.news_detail_howa{

  margin: 0px 0 0px;
  }
  
  .news_detail_howa .inner{
      max-width: 850px;
      width: 100%;
      margin: 0px auto 0px;
      /* display: flex; */
      justify-content: space-between;
      /* flex-wrap: wrap; */
      border-bottom: 1px #a2048c solid;
  }
  
  .news_detail_howa .inner figure{
    
  width: 55%;
    
  margin: 0 auto 64px;
    
  line-height: 0;
  }
  .news_detail_howa .inner figure img{
  width: 100%;
  }
  
  .news_detail_howa .inner article{
  
  width: 100%;
  }
  
  .news_detail_howa .inner article h3{
  
  display: flex;
  
  flex-wrap: wrap;
  
  align-items: center;
  }
  
  .news_detail_howa .inner article h3 .icon{
  
color: #fff;
  
background: #a24d04;
  
font-weight: 100;
  
padding: 4px;
  
margin: 0 16px 0px 0;
  
display: block;
  
width: 100px;
  
text-align: center;
  
position: relative;
  
font-size: 12px;
  }
  .news_detail_howa .inner article h3 .date{
  
  width: 13%;
  
  font-size: 16px;
  }
  .news_detail_howa .inner article h3 .title{
  
  width: 100%;
  
  text-align: left;
  
  margin: 12px 0 0 0;
  
  font-size: 24px;
  }
  
  .news_detail_howa .inner article .sente{
    margin: 0 0 40px 0;
    line-height: 3em;
  }
  
  


  .news_detail_howa .free_box{
    width: 100%;
    /* display: flex; */
    /* justify-content: space-between; */
    margin: 40px 0 40px;
  }
  .news_detail_howa .free_box .sente{
    margin: 24px 0 64px 0;
    line-height: 3em;
  }
  

  .news_detail_howa .free_box figure{
    width: 60%;
    margin: 0 auto 0;
  }

  .news_detail_howa .free_box figure img{
width: 100%;
  }

  
  .news_detail_howa .free_box .btn01{
    width: 20%;
    margin: 0 0 0 auto;
  }


  .news_detail_howa > .btn01{
    width: 20%;
    margin: 64px auto 0;
}





/* 新着詳細　お知らせ */

.news_detail_kobunsho{

  margin: 0px 0 0px;
  }
  
  .news_detail_kobunsho > .inner{
      max-width: 1200px;
      width: 100%;
      margin: 0px auto 0px;
      /* display: flex; */
      justify-content: space-between;
      /* flex-wrap: wrap; */
      border-bottom: 1px #a2048c solid;
  }
  
  .news_detail_kobunsho .inner figure{
    
  width: 55%;
    
  margin: 0 auto 64px;
    
  line-height: 0;
  }
  .news_detail_kobunsho .inner figure img{
  width: 100%;
  }
  
  .news_detail_kobunsho .inner article{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  }
  
  .news_detail_kobunsho .inner article h3{
  
  display: flex;
  
  flex-wrap: wrap;
  
  align-items: center;
  }
  
  .news_detail_kobunsho .inner article h3 .icon{
  
  color: #fff;
  
  background: #a2048c;
  
  font-weight: 100;
  
  padding: 4px;
  
  margin: 0 0 0px 0;
  
  display: block;
  
  width: 100px;
  
  text-align: center;
  
  position: relative;
  
  font-size: 12px;
  }
  .news_detail_kobunsho .inner article h3 .date{
  
  width: 10%;
margin: 0 0 0 8px;
  font-size: 16px;
  }
  .news_detail_kobunsho .inner article h3 .title{
  
  width: 100%;
  
  text-align: left;
  
  margin: 12px 0 0 0;
  
  font-size: 24px;
  }
  
  .news_detail_kobunsho .inner article > .sente{
    margin: 0 0 40px 0;
    width: 35%;
    /* height: 328px; */
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    font-size: 16px;
  }
  .news_detail_kobunsho .inner article > .sente h4{
  font-size: 20px;
  margin: 0 0px 0 8px;
  }

  
   .news_detail_kobunsho .inner article .free_box .sente{
    margin: 0 0 40px 0;
    width: 100%;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    font-size: 18px;
    overflow-x: scroll;
    padding: 32px 0;
  }

     .news_detail_kobunsho .inner article .free_box .sente h4{
 font-size: 20px;
 margin: 0 0 0 6px;
 }

  .news_detail_kobunsho .inner article .free_box .sente02{
    margin: 0 0 40px 0;
    width: 100%;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    font-size: 18px;
    padding: 32px 0;
    overflow-x: scroll;
  }
  
  .news_detail_kobunsho .inner article .free_box .sente02 h4{
 font-size: 20px;
 margin: 0 0 0 6px;
 }


  .news_detail_kobunsho .free_box{
    width: 60%;
    /* display: flex; */
    /* justify-content: space-between; */
    margin: 0px auto 40px auto;
  }

  .news_detail_kobunsho .free_box figure{
    width: 100%;
    margin: 0 auto 40px;
  }



  .news_detail_kobunsho .free_box figure img{
    max-width: 720px;
    max-height: 720px;
    display: block;
    margin: 0 auto;
    width: auto;
  }

  .news_detail_kobunsho .free_box figure figcaption{
    font-size: 16px;
    margin: 16px 0 0 0;
    display: block;
    line-height: 1;
    text-align: center;
      }

  .news_detail_kobunsho .free_box .inner{
    /* width: max-content; */
    margin: 0 auto 0;
  }

  
  .news_detail_kobunsho .free_box .btn01{
    width: 20%;
    margin: 0 0 0 auto;
  }


  .news_detail_kobunsho > .btn01{
    width: 20%;
    margin: 64px auto 0;
}




/* 圓満寺の概要 */



/* 寺院の建造物 */

.building_block{


}

.building_block .inner{max-width: 1200px;width: 95%;margin-right: auto;margin-left: auto;display: flex;flex-wrap: wrap;justify-content: center;}


.building_block .inner figure:nth-of-type(1){width: 80%;margin: 0 0px 120px auto;}
.building_block .inner figure:nth-of-type(2){width: 80%;margin: 0 auto 72px 0;}


.building_block .inner figure{width: 42%;position: relative;margin: 0 4% 72px 4%;}
.building_block .inner figure:nth-of-type(3),.building_block .inner figure:nth-of-type(4){
margin-bottom: 0;
width: 42%;
  }

.building_block .inner figure img{width: 100%;position: relative; z-index:1;}

.building_block .inner figure figcaption{background-color: rgba(255,255,255,0.9);color: #a2048c;position: absolute;z-index: 1;padding: 16px;font-weight: bold;bottom: -16px;left: -6%;border: 1px #a2048c solid;}


.building_block .inner figure:nth-of-type(2) figcaption{background-color: rgba(255,255,255,0.9);color: #a2048c;position: absolute;z-index: 1;padding: 16px;font-weight: bold;bottom: -16px;left: auto;right: -6%;border: 1px #a2048c solid;}


.building_block .inner figure:nth-of-type(1) .bg_kamon{
  position: absolute;
  top: 70%;
  z-index: 0;
  width: 60%;
  left: -35%;
  right: auto;
}
.building_block .inner figure:nth-of-type(2) .bg_kamon{
  position: absolute;
  top: 60%;
  z-index: 0;
  width: 60%;
  left: auto;
  right: -35%;
}




.building_block .inner figure .bg_kamon img{
  width: 100%;
  opacity: 0.2;
}




/* 沿革 */
.enkaku_block{margin: 96px 0 0px;}
.enkaku_block .inner{

max-width: 1200px;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;

}


.enkaku_block .inner figure{
max-width: 1200px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.enkaku_block .inner figure img{
width: 100%;
}
.enkaku_block .inner .sente{
    width: 80%;
margin: 32px auto 0;
}
.enkaku_block .inner .sente p{line-height: 2.2em;}




/* 歴史 */
.history_block{

margin: 96px 0 0px;
}
.history_block .inner{

max-width: 1200px;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;

}


.history_block .inner figure{
max-width: 1200px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.history_block .inner figure img{
width: 100%;
}
.history_block .inner .sente{
    width: 80%;
    margin: 32px auto 0;
    line-height: 2.2em;
}
.history_block .inner .sente p{

}







/* アクセス */
.access_block{

  margin: 96px 0 0px;
  }
  .access_block .inner{
  
  max-width: 1200px;
      width: 95%;
      margin-right: auto;
      margin-left: auto;
      display: flex;
      flex-wrap: wrap;
  
  }
  
  
  .access_block .inner iframe{
  max-width: 1200px;
      width: 90%;
      height: 320px;
      margin-right: auto;
      margin-left: auto;
  }

  .access_block .inner .sente{
      width: 80%;
  margin: 32px auto 0;
  }
  .access_block .inner .sente p{
  
  }

  .access_block .inner dl{
    width: 80%;
    margin: 32px auto 0;
    
    }


  .access_block .inner dl dt{
 font-size: 24px;
 color: #a2048c;
 margin: 0 0 32px 0;
 border-bottom: 1px #a2048c solid;
 }
  .access_block .inner dl dd{
 
margin: 0 0 32px auto;
 
border-bottom: 1px #a2048c solid;
 
padding: 0px 0 24px 0;
 
width: 95%;
 
line-height: 2.2em;
}

.access_block .inner dl dd iframe{
width: 100%;
display: block;
  }

  .access_block .inner dl dd h4{
 
font-size: 18px;
 
margin: 0 0 24px;
 
font-weight: normal;
 
background: #eee;
 
padding: 8px;
}




/* 住職 */
.jushoku_block{

  margin: 96px 0 0px;
  }
  .jushoku_block .inner{
  
max-width: 1200px;
  
width: 95%;
  
margin-right: auto;
  
margin-left: auto;
  
display: flex;
  
flex-wrap: wrap;
  
justify-content: space-between;
  
align-items: flex-start;
  }
  
  
  .jushoku_block .inner figure{
  width: 46%;
  /* margin-right: auto; */
  /* margin-left: auto; */
  }

  .jushoku_block .inner figure img{
        width: 100%;

    }

  .jushoku_block .inner .sente{
      width: 51%;
      margin: 0px 0 0;
  }
  .jushoku_block .inner .sente p{
  
  }
  .jushoku_block .inner .sente .jushoku_name{
width: 300px;
  margin: 56px 0 0 auto;
  }

  .jushoku_block .inner .sente .jushoku_name img{
    width: 100%;
    }

  .jushoku_block .inner .sente .jushoku_name span{
  font-size: 20px;
  
  }



  .jushoku_block .inner dl{
    width: 80%;
    margin: 32px auto 0;
    
    }

  .jushoku_block .inner dl dt{
 font-size: 24px;
 color: #a2048c;
 margin: 0 0 32px 0;
 border-bottom: 1px #a2048c solid;
 }
  .jushoku_block .inner dl dd{
 
margin: 0 0 32px auto;
 
border-bottom: 1px #a2048c solid;
 
padding: 0px 0 24px 0;
 
width: 95%;
 
line-height: 2.2em;
}
  .jushoku_block .inner dl dd h4{
 
font-size: 18px;
 
margin: 0 0 24px;
 
font-weight: normal;
 
background: #eee;
 
padding: 8px;
}





/* 宝物 */

.homotsu_block{margin: 0 0 80px;}
.homotsu_block .inner{max-width: 1200px;width: 95%;margin-right: auto;margin-left: auto;display: flex;flex-wrap: wrap;background: #fdf9f4;padding: 3% 5% 3% 5%;justify-content: space-between;}


.homotsu_block .inner figure{max-width: 1200px;width: 22%;margin-right: auto;margin-left: auto;}
.homotsu_block .inner figure img{
width: 100%;
}
.homotsu_block .inner figure figcaption{/* font-size: 16px; */}

.homotsu_block .inner .sente{
    width: 80%;
margin: 32px auto 0;
}
.homotsu_block .inner .sente p{line-height: 2.2em;}



.homotsu_block .inner figure:nth-of-type(1){
  max-width: 1200px;
  width: 39%;
  margin: 0 0 56px 0;
  }

.homotsu_block .inner figure:nth-of-type(2){
  max-width: 1200px;
  width: 58%;
  margin: 0 0% 0 0%;
  }

.homotsu_block .inner figure:nth-of-type(3){
  max-width: 1200px;
  width: 23.5%;
  margin: 0 0% 0 0%;
  }





    .homotsu_block .inner .sente{
    width: 40%;
    height: 360px;
    margin: 0px 0 0 0%;
      writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
    font-size: 0.8vw;
}
.homotsu_block .inner div:nth-of-type(2){
  width: 40%;

}


    .homotsu_block .inner .sente02{
    width: 50%;
    margin: 0px auto 0%;
      writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
    font-size: 0.8vw;
}
  





.homotsu_block02{

}
.homotsu_block02 .inner{max-width: 1200px;width: 95%;margin-right: auto;margin-left: auto;display: flex;flex-wrap: wrap;background: #fdf9f4;padding: 3% 5% 3%;justify-content: space-between;}


.homotsu_block02 .inner figure{max-width: 1200px;width: 22%;margin-right: auto;margin-left: auto;}
.homotsu_block02 .inner figure img{
width: 100%;
}
.homotsu_block02 .inner figure figcaption{/* font-size: 16px; */}

.homotsu_block02 .inner .sente{
    width: 80%;
margin: 32px auto 0;
}
.homotsu_block02 .inner .sente p{line-height: 2.2em;}



.homotsu_block02 .inner figure:nth-of-type(1){
  max-width: 1200px;
  width: 14%;
  margin: 0 0 0px 0;
  }

.homotsu_block02 .inner figure:nth-of-type(2){
  max-width: 1200px;
  width: 15%;
  margin: 0 0% 0 0%;
  }

.homotsu_block02 .inner figure:nth-of-type(3){
  max-width: 1200px;
  width: 23.5%;
  margin: 0 0% 0 0%;
  }





    .homotsu_block02 .inner .sente{
    width: 65%;
    margin: 0px 0 0 0%;
    font-size: 16px;
}

.homotsu_block02 .inner:nth-child(2) .sente{
  width: 83%;
  margin: 0px 0 0 0%;
  font-size: 14px;
}

    .homotsu_block02 .inner .sente02{
    width: 50%;
    margin: 0px auto 0%;
      writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
    font-size: 0.8vw;
}
  


.homotsu_block02 > .sente{
text-align: center;
font-size: 20px;
margin: 24px 0 0;
}











.homotsu_block03{

}
.homotsu_block03 .inner{max-width: 1200px;width: 29%;margin-top: 32px;margin-right: auto;margin-left: auto;/* display: flex; *//* flex-wrap: wrap; *//* background: #fdf9f4; */padding: 2%;justify-content: space-between;border: 1px #a2048c solid;}


.homotsu_block03 .inner figure{max-width: 1200px;width: 22%;margin-right: auto;margin-left: auto;}
.homotsu_block03 .inner figure img{
width: 100%;
}
.homotsu_block03 .inner figure figcaption{/* font-size: 16px; */}

.homotsu_block03 .inner .sente{
    width: 80%;
margin: 32px auto 0;
}
.homotsu_block03 .inner .sente p{line-height: 2.2em;}



.homotsu_block03 .inner figure:nth-of-type(1){
  max-width: 1200px;
  width: 46%;
  margin: 0 auto 0;
  }

.homotsu_block03 .inner figure:nth-of-type(2){
  max-width: 1200px;
  width: 15%;
  margin: 0 0% 0 0%;
  }

.homotsu_block03 .inner figure:nth-of-type(3){
  max-width: 1200px;
  width: 23.5%;
  margin: 0 0% 0 0%;
  }





    .homotsu_block03 .inner .sente{
    width: 72%;
    margin: 16px auto 0%;
    font-size: 16px;
}

    .homotsu_block03 .inner .sente02{
    width: 50%;
    margin: 0px auto 0%;
      writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
    font-size: 0.8vw;
}
  







/* ご本尊 */

.gohonzon_block{margin: 96px 0 0 0;}
.gohonzon_block .inner{max-width: 1200px;width: 95%;margin-right: auto;margin-left: auto;display: flex;flex-wrap: wrap;background: #fdf9f4;padding: 2%;justify-content: space-between;}


.gohonzon_block .inner figure{/* max-width: 1200px; */width: calc(98% / 8);}
.gohonzon_block .inner figure img{width: 100%;}
.gohonzon_block .inner figure figcaption{/* font-size: 16px; */}

.gohonzon_block .inner .sente{
    width: 80%;
margin: 32px auto 0;
}
.gohonzon_block .inner .sente p{line-height: 2.2em;text-align: center;}



.gohonzon_block .inner figure:nth-of-type(1){
  /* max-width: 1200px; */
  /* width: 101%; */
  /* margin: 0 auto 56px; */
  }

.gohonzon_block .inner figure:nth-of-type(2){
  /* max-width: 1200px; */
  /* width: calc(98% / 4); */
  /* margin: 0 0% 0 0%; */
  }

.gohonzon_block .inner figure:nth-of-type(3){
  max-width: 1200px;
  margin: 0 0% 0 0%;
  width: calc(98% / 2);
  }
.gohonzon_block .inner figure:nth-of-type(4){
  /* max-width: 1200px; */
  /* margin: 0 0% 0 0%; */
  /* width: calc(98% / 5); */
  }




    .gohonzon_block .inner .sente:nth-of-type(1){
    width: 100%;
    margin: 40px 0 0 0%;
}

    .gohonzon_block .inner .sente:nth-of-type(2){
    width: 100%;
    margin: 40px auto 0;
}
  






/* 年間行事 */
.nenkangyoji_block{

}
.nenkangyoji_block .inner{max-width: 960px;width: 90%;margin: 0 auto 120px;display: flex;/* flex-wrap: wrap; */align-items: flex-start;justify-content: space-between;}



.nenkangyoji_block:nth-child(2n) .inner{
flex-direction: row-reverse;
}


.nenkangyoji_block .inner h3{
  margin: 0;
  border-bottom: none;
  color: #fff;
  padding: 24px 34px;
  width: 19%;
  font-size: 32px;
  position: relative;
}


.nenkangyoji_block:nth-child(1) .inner h3{
  background: #f09199;
}
.nenkangyoji_block:nth-child(1) .inner h3::after{
    background: #d8e698;
    content: "";
    width: 70%;
    height: 90px;
    display: block;
    position: absolute;
    top: auto;
    left: auto;
    bottom: -50%;
    right: -40%;
    z-index: 0;
}



.nenkangyoji_block:nth-child(2) .inner h3{
    background: #028760;
}
.nenkangyoji_block:nth-child(2) .inner h3::after{
    background: #59b9c6;
    content: "";
    width: 70%;
    height: 90px;
    display: block;
    position: absolute;
    top: auto;
    left: auto;
    bottom: -50%;
    right: 80%;
    z-index: 0;
}


.nenkangyoji_block:nth-child(3) .inner h3{
  background: #ff6347;
}
.nenkangyoji_block:nth-child(3) .inner h3::after{
    background: #ffd700;
    content: "";
    width: 70%;
    height: 90px;
    display: block;
    position: absolute;
    top: auto;
    left: auto;
    bottom: -50%;
    right: -40%;
    z-index: 0;
}
    


.nenkangyoji_block:nth-child(4) .inner h3{
  background: #db8449;

}
.nenkangyoji_block:nth-child(4) .inner h3::after{
    background: #d3a243;
    content: "";
    width: 70%;
    height: 90px;
    display: block;
    position: absolute;
    top: auto;
    left: auto;
    bottom: -50%;
    right: 80%;
    z-index: 0;
}

.nenkangyoji_block:nth-child(5) .inner h3{
  background: #4483e2;
}
.nenkangyoji_block:nth-child(5) .inner h3::after{
    background: #bbfcff;
    content: "";
    width: 70%;
    height: 90px;
    display: block;
    position: absolute;
    top: auto;
    left: auto;
    bottom: -50%;
    right: -40%;
    z-index: 0;
}



.nenkangyoji_block .inner h3 figure{
    width: 100%;
    position: absolute;
    top: auto;
    left: 0%;
    bottom: -130%;
    display: flex;
    }
.nenkangyoji_block .inner h3 figure img{
width: 100%;
display: block;
margin: 0 8px 0 0;
}
.nenkangyoji_block dl.table01 {
    display: flex;
    position: relative;
    margin: 0 0 0 10%;
    padding: 0 0 24px 0;
    flex-wrap: wrap;
    width: 70%;
}

.nenkangyoji_block:nth-child(2n) dl.table01{
 margin: 0 0 0 0;
}

.nenkangyoji_block dl.table01 dt{padding: 24px 0px 24px;width: 40%;max-width: 300px;}
.nenkangyoji_block dl.table01 dt .title{

width: 100%;font-size: 16px;

}
.nenkangyoji_block dl.table01 dt .title span{width: 100%;font-size: 32px;margin: 0 4px 0 0;}
.nenkangyoji_block dl.table01 dt figure{line-height: 0;width: 100%;}
.nenkangyoji_block dl.table01 dt figure img{width: 100%;display: block;}

.nenkangyoji_block dl.table01 dd{width: 56%;padding: 24px 0px 24px 4%;}
.nenkangyoji_block dl.table01 dd .title{font-size: 16px;color: #a2048c;margin: 0 0 16px 0;}
.nenkangyoji_block dl.table01 dd .sente{margin: 0;font-size: 14px;}




/* 年間行事ここまで */







/*フッター*/
footer{
  width: 100%;
  margin: 120px 0 0px 0!important;
  position: relative;
  /* background: #505050; */
}






footer > .inner{
  width: 100%;
  margin: 0px auto 0px!important;
  position: relative;
  /* display: flex; */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0px 0 0px;
}



#footer_top{
	padding: 32px 0 32px 0;
	position: relative;
	margin: 0 0 0 0;
	position: relative;
	width: 100%;
	text-align: center;
	/* display: none; */
	background: #ffffff;
	border-bottom: 1px #b3b3b3 solid;
	}

#footer_top > .inner{
	/* display: flex; */
	/*border: 1px #333 solid;*/
	border-top: none;
	position: relative;
}



#footer_top > .inner > ul{
  margin: 0px auto 0px;
  position: relative;
  width: 720px;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}


#footer_top > .inner > ul li{
    text-align: left;
    width: 36%;
    margin: 0 5% 0px 0;
}
#footer_top > .inner > ul li .title01{
	color: #fff;
	background: #a2048c;
	font-weight: bold;
	padding: 5px;
	margin: 0 0 5px 0;
	display: block;
	width: 70px;
	text-align: center;
	position: relative;
}


#footer_top > .inner > ul li div{font-size: 16px;}


#footer_top > .inner > ul li a{
	
	display: block;
	padding: 0px 0 0px 0;
}

#footer_top > .inner > ul li img{
	width: 100%;
-webkit-transition: 0.8s ease-in-out;
max-width: 240px;
transition: 0.8s ease-in-out;
}
#footer_top > .inner > ul li a:hover img{
opacity: 0.7;
-webkit-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
}


#footer_top > .inner > ul li:nth-child(2){
	font-size: 14px;
	color: #000;
	width: 40%;
	margin: 0 0 0 0%;
}

#footer_top > .inner > ul li:nth-child(3){
  position: absolute;
  top: auto;
  bottom: -40px;
  right: -270px;
  margin: 0;
}
#footer_top > .inner > ul li:nth-child(3) img{
width: 100%;
}



#footer_top > .inner > ul li.btn01{
    width: 80%;
margin: 24px 0 0;
}
#footer_top > .inner > ul li.btn01 a{
    padding: 16px 0 16px 0;

}
#footer_top > .inner > ul li.btn01 a i{
margin: 0 8px 0 0;
}











#footer_middle{
  margin: 0 0 0 0;
  width: 100%;
  padding: 0px 0 0px 0;
  background: linear-gradient(0deg, #9c9c9c, #565656);
}


/* フッターナビ */
#footer_navi{
  width: 100%;
  /* background: #333333; */
}

.btn_open{
display: none;
}

#footer_navi > .inner{margin: 0px auto 0px;padding: 32px 0 32px 0;display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;max-width: 1200px;/* flex-wrap: wrap; */justify-content: space-between;}

#footer_navi > .inner > li{
  width: 22%;
  /* border-bottom: 1px #a2048c solid; */
  padding: 0 0 32px 0;
}

#footer_navi > .inner > li:nth-child(n+5){
  padding: 0;
}



#footer_navi > .inner > li > a{
  color: #fff;
  font-size: 14px;
  display: block;
  /* border-bottom: 1px #a2048c dashed; */
  padding: 0px 0px 0px 0px;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
}

#footer_navi > .inner li a:hover{/* text-decoration: underline; */color: #80ff00;-webkit-transition: 0.8s ease-in-out;transition: 0.8s ease-in-out;}

#footer_navi > .inner > li > a > i{
margin: 0 8px 0 0;
}


#footer_navi > .inner > li > ul{padding: 0px 0px 0px 22px;}
#footer_navi > .inner > li > ul > li{

}

#footer_navi > .inner > li > ul > li > a{
  font-size: 12px;
  color: #fff;
  padding: 0 0 0 0px;
}
#footer_navi > .inner > li > ul > li > a > i{
margin: 0 8px 0 0;
}




/* フッターナビ */




#footer_bottom{
	/* background: #a2048c; */
	margin: 0 auto;
	width: 100%;
}



#footer_bottom .inner .footer_logo{
	margin: 0 20px 0 0;
	width: 391px;
}

#footer_bottom .inner .footer_logo a{

}

#footer_bottom .inner .footer_logo a:hover{
	opacity: 0.5;
	-webkit-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;
}


#footer_bottom .inner .footer_logo a img{

}

#footer_bottom .inner .footer_address{
	font-size: 14px;
	margin: 0 40px 0 0;
	width: 390px;
}

#footer_bottom .inner .footer_address br{
	display: none;
}


#footer_bottom .inner p#copyright{
	font-size: 12px;
	text-align: center;
	width: 100%;
	background: #333333;
	color: #fff;
	margin: 0 auto;
	padding: 16px 0 16px 0;
}






#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 12px;
    z-index: 100000;
}
#page-top a {
  text-decoration: none;
  width: 100%;
  text-align: center;
  display: block;
  color: #FFFFFF;
  background: #a2048c;
  padding-top: 16px;
  padding-right: 8px;
  padding-bottom: 16px;
  padding-left: 8px;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  border: 1px #a2048c solid;
   
}
#page-top a:hover{
  color: #a2048c;
  background: #ffffff;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
}


#page-top a i{
    font-size: 0px;
    margin: 0 0px 0 0;
    color: #ccc;
    -webkit-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
}
#page-top a:hover i{
    color: #a2048c;
-webkit-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;
}

#page-top .inner{
width: 1200px;
margin: 0 auto;
position: relative;
}







.ontheFooter{position: relative!important;right: 0!important;}

/*フッターここまで*/











/* 404エラー */

main#e404{
background: linear-gradient(to bottom, #ffffff 0%,#b8ffdb 51%,#ffffff 100%);
}


.e404_block{
  max-width: 1024px;
  margin: 72px auto;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  
}

.e404_block .sente{
  margin: 32px auto;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  
}

.e404_block .btn01{
margin: 0 auto;
      width: 300px;
}










		/*ページネイション*/
		.pagination {
      margin: 0px auto 0px;
      /* width: 1200px; */
      width: 100%;
      padding: 0px 0 0px;
		}
		.pagination_inner {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex;
						-webkit-box-pack: center;
						-ms-flex-pack: center;
						justify-content: center;
		}
		.pagination_inner li {
		    margin: 0 8px 0 0;
		}
		.pagination_inner li:last-child{
				margin-right: 0;
		}

		.pagination_inner li a {
			border: 2px solid #f1f1f1;
			color: #a2048c;
			background: #f1f1f1;
			display: block;
			padding: 4px 12px 4px 12px;
			font-size: 14px;
			-webkit-transition: 0.8s ease-in-out;
			transition: 0.8s ease-in-out;
		}

		.pagination_inner li:hover a{
border: 2px solid #a2048c;
				-webkit-transition: 0.8s ease-in-out;
				transition: 0.8s ease-in-out;
		}



		.pagination_inner li a.pagination_on{
      pointer-events: none;
      background: #a2048c;
      color: #fff;
      border: 2px solid #a2048c;
  }


		/*ページネイション*/



.ofi_cv{
  -o-object-fit: cover;
  object-fit: cover;
font-family: 'object-fit: cover;'
}




/* タブレット */
@media screen and (min-width:767px) and ( max-width:1200px) {
  .global-nav02 > ul > li > a {

      font-size: 10px;
  }
  header .tel_block > div {
    font-size: 10px;
}
  

}





@media print{
  /* 印刷用CSSの定義を指定する */
  #{
    width: 100%;
    position: relative;
    overflow: visible;
  }
  .backstretch{
    width: 100%!important;
    height: 100%!important;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .backstretch img{
  /* width: 100%!important;
  height: 100%!important; */
  }
  
  
  
.top-company-img-block{
  background-attachment: unset;
}

.top-product-img-block{
background-attachment: unset;
}

.top-bumon-img-block{
background-attachment: unset;
}


  
}