@charset "UTF-8";

*{margin:0; padding:0; background-repeat: no-repeat;}

body{
margin:0 auto;
color: #4d4d4d;
font-family:'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}


/* font-family: 'Noto Serif JP', serif; */


ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, figure {
margin: 0;
padding: 0;
font-weight: normal;
list-style: none;
}

/* テキストリンク */
a {text-decoration:none; color:#858585; outline: none;}


/* 本文 */
p{
font-size: 0.9em;
padding: 0;
margin: 0;
line-height: 200%;
word-wrap: normal;
word-break: break-all;
font-family:"Noto Sans JP","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}


/* 画像 */
img {
vertical-align: top;
font-size: 0;
line-height: 0;
max-width: 100%;
height: auto;
border-style:none;
}

aside img {
  border: 2px solid #808080;
  box-sizing: border-box;
}


/* clear */
.cle:before, .cle:after {content: " "; display: table;}
.cle:after {clear: both;}
.cle {*zoom: 1;}


/* アンカーずれ修正 */
#a,#reikaizyo{
margin-top:-150px;
padding-top:150px;
}

.font_rotary {
  max-width: 100%;
  width: 309px;
  padding: 10px 0px;
  text-align: center;
  font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro";
  border: 2px solid #002e7d;
}

.mov_message {
  margin: 0 auto;
  text-align: center;
  background-color: #002e7d;
  color: #fff;
  font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.movie {
  padding: 20px 0px;
  margin: 0 auto;
  width: 85%;
  border-top: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
}


.chikutaikai {
  padding: 20px 0px;
  margin: 0 auto;
  width: 100%;
  border-top: 4px solid #002e7d;
  border-bottom: 4px solid #002e7d;
}

.calender {
  text-align:center;
}
.calender iframe {
  width:100%;
  max-width:800px;
  height:400px;
}
@media (min-width: 768px) {

  .calender iframe {
    height:600px;
  }

}

.jimu {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 900;
  font-size: 1.4em;
  text-align: center;
}

.syozai {
  text-align: center;
  padding: 25px 0px;
  margin: 0 auto;
  width: 80%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.1em;
  text-align: center;
  border-top: 4px solid  #002e7d;
}

.onrei {
  text-align: center;
  padding: 25px 0px;
  margin: 0 auto;
  width: 80%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.1em;
  text-align: center;
  }

.map {
  margin: 0 auto;
  text-align: center;
}

/* -------------------------- */
/* --------flexbox 共通-------- */
/* -------------------------- */

/*自動隙間　横並び　行替え　左寄せ*/
.flex_bet{
display: -moz-box;		/* Fx用 */
display: -webkit-box; 	/* Safari、スマホ用 */
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction:row;
flex-wrap:wrap;/*折り返しても*/
justify-content:space-between;
}



/* -------------------------- */
/* --------  タイトル  ------- */
/* -------------------------- */

/*-- フォントだけ --*/
.title_01{
font-family: 'Noto Serif JP', serif;
  color: #002e7d;
font-size: 1.7em;
margin-bottom: 15px;
}
.title_01 span{
font-size: 0.7em;
margin-left: 10px;
  color: #000;

}
/* SP */
@media screen and (max-width: 1000px) {
.title_01{
margin: 0 auto 15px auto;
line-height: 180%;
}
}



/* 写真の無いメインタイトル */
.title_02{
margin-top: 75px;
background-image: url("../img/back_blue_2.jpg");
background-position: center top;
background-size: cover;
color: #fff;
text-align: center;
padding: 45px 30px;
font-size: 1.8em;
}
/* SP */
@media screen and (max-width: 1000px) {
.title_02{
padding: 30px 10px;
margin-top: 0px;
font-size: 1.4em;
}
}





/* ［］タイトル */
.title_03 {
font-size: 1.4em;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.title_03 span{
position: relative;
line-height: 1.4;
padding:0.25em 1em;
top:0;
}
.title_03 span:before, .title_03 span:after { 
position: absolute;
top: 0;
content:'';
width: 8px;
height: 100%;
display: inline-block;
}
.title_03 span:before {
border-left: solid 2px #A99765;
border-top: solid 2px #A99765;
border-bottom: solid 2px #A99765;
left: 0;
}
.title_03 span:after {
content: '';
border-top: solid 2px #A99765;
border-right: solid 2px #A99765;
border-bottom: solid 2px #A99765;
right: 0;
}
/* SP */
@media screen and (max-width: 1000px) {
.title_03 {
font-size: 1.0em;
}
}



/* 線とベタ背景 */
.title_04{
background-color: #EBE0BB;
border: 1px solid #A99860;
text-align: center;
padding: 10px 30px;
font-size: 1.2em;
color: #83764B;
margin-bottom: 20px;
}
/* SP */
@media screen and (max-width: 1000px) {
.title_04 {
font-size: 1.0em;
}
}


/* 文字大きめ */
.title_05{
font-weight: 600;
font-size: 1.6em;
margin-bottom: 10px;
letter-spacing: 1px;
line-height: 170%;
}
/* SP */
@media screen and (max-width: 1000px) {
.title_05 {
font-size: 1.4em;
}
}



/* 各ページのメイン　*/
.title_06{
margin-top: 75px;
background-size:contain, contain, cover;
background-position:left,right ,center;
color: #fff;
text-align: center;
padding: 100px 30px;
font-size: 1.8em;
}
/* SP */
@media screen and (max-width: 1000px) {
.title_06 {
padding: 30px 10px;
margin-top: 0px;
font-size: 1.4em;
}
}
/* 概要　*/
.about .title_06{
background-image: url("../img/p_title_left_2.png"),url("../img/p_title_right_2.png"),url("../img/about_main.jpg");
}
/* ロータリーについて */
.rotary_info .title_06{
background-image: url("../img/p_title_left_2.png"),url("../img/p_title_right_2.png"),url("../img/rotary_main.jpg");
}


.rotary_song .title_06{
background-image: url("../img/p_title_left_2.png"),url("../img/p_title_right_2.png"),url("../img/rotary_song.jpg");
}





/* -------------------------- */
/* --------  ボタン  ------- */
/* -------------------------- */
/* 文字だけ */
.bt_01{
padding: 0 20px 0 0;
background-image: url("../img/icon_yazi_b.png");
background-position: right center;
}



/* 白背景　黒枠 */
.bt_02 a{
display: block;
border: 1px solid;
padding: 7px 20px 7px 40px;
background-color: #fff;
background-image: url("../img/icon_yazi_b.png");
background-repeat: no-repeat;
background-position: center right 15px;
}
.bt_02 a:hover{
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
background-position: center right 25px;
}

.imgWrap .dlse {
  color: #fff;
  padding: 5px;
  background-color: #002e7d;
  width:300px;
  text-align: center;
  border-radius: 10px;
}