@charset "UTF-8";

/* ------- bodyの設定------- */
body {
  color: #000099;
  background-color: #FAF0E6;
  width : 100%;
  margin: 30px auto;
  padding: 0px;
  background: url(TX_17.JPG); 
  background-repeat: repeat;
  background-position: left;
  background-attachment: fixed;
  font-size: 12px;
  line-height: 150%;
}

h1 {display: none;}
h2 {display: none;}
h3 {font-size: small; font-weight: 100; margin-bottom: -1px;}
h4 {font-size: small; font-weight: 100; margin-bottom: 2px;}
h5 {font-size: medium; text-align: center;}

hr {width: 80%;}

img {border: 0px;}

ul li {
  margin: 0px 0px 0px -25px;
  list-style: none;
  list-style-position: outside;
}


fieldset {border: none;}

legend {display: none;}


/* ------- 本体の設定------- */
#inbox {
  width :860px;
  height: 100%;
  margin: 0px auto;
}

/* ------- ヘッダー -------*/
header {
  width:850px;
  margin: 0px auto;
  padding: 4px;
  border: 1px solid #777;
  clear: both;
}

.hdtx {
  text-align: right;
  margin-right: 20px;
}

/* ------- フッター ------- */
footer {
  clear: both;
  font-size: x-small;
  text-align: center;
  width: 850px;
  margin: 0px auto;
  padding: 4px;
  border: 1px solid #777;
}

/* ------- カラム外枠 ------- */
#cont {
  width:850px;
  margin: 0px;
  clear: both;
}


/* ------- 右カラム ------- */

#R {
  float: right;
  width: 240px;
  margin: 40px 0px 0px 5px;
  display: inline;
}

nav {
  width: 100%;
  margin: 0px 0px 30px 0px;
  padding: 0px 0px 30px 0px;
}

#part_ow {
  margin-bottom: 25px;
}

.part {
  margin-bottom: 20px;
}

.part_b {
  margin-bottom: 10px;
}

.part1_1 {
  margin: 30px 0px 20px 30px;
}

.part1_2 {
  margin: 0px 0px 30px 30px;
}
.part1_3 {
  margin: 0px 0px 30px 30px;
}


.pixi {
  margin-left: 70px;
  margin-top: 10px;
}

.pixi2 {
  width: 170px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
}

.clap {margin: 20px auto 0px 30px;}

.tweet {margin: 0px 0px  40px 80px;}


.clap_v {
  text-align: center;
  color: #4C4C4C;
  background-color: #FFF6DA;
  border: solid 1px #A5A5A5;
}

#info {
  width:210px;
  margin: 30px 0px 30px 0px;
  padding: 0px 20px 0px 20px;

}

.part3 {
  margin-bottom: 10px;
}

.part4 {
  text-align: center;
  margin-top: 50px;
}

.contex {
  font-size: medium;
  font-weight:900;
  border: none;
}

.contex2 {
  font-size: small;
  font-weight:900;
  border: none;
}

.contex_ow {
  font-size: 15px;
  font-weight:700;
  border: none;
}

.infotex {color: #0000FF;}



/* ------- 左カラム ------- */
#L {
  float: left;
  width: 600px;
  text-align: left;
  margin: 10px auto 0px auto;
}

/* ------- topメッセージ ------- */
#mssg {
  width: 400px;              /* ← 少し広げる */
  margin: 10px auto;         /* ← 中央寄せ強化 */
  padding: 20px 60px;        /* ← 内側余白 */
  text-align: left;

  /* 見た目強化 */
  border: 1px solid #999;
  background-color: rgba(255,255,255,0.6);
}

/* 見出しを中央＆強調 */
#mssg h5 {
  text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
}

/* 段落の余白 */
#mssg p {
  margin-bottom: 15px;
  line-height: 1.8;
}

/* 日付の位置 */
#mssg .rigt {
  margin-top: 20px;
  text-align: right;
}

/*-----------------------*/

#img {
  width: 600px;
  margin: 30px auto 50px auto;
  text-align: center;
}

#utena {
  width: 380px;
  text-align: left;
  margin-top : 50px;
  margin-left : auto;
  margin-right : auto;
}

.cr {
  width: 350px;
  text-align: center;
  margin: 5px auto 5px auto;
  padding: 5px;
  font-size: 12px;
  color: #800000;
  border: 2px solid #A9A9A9;
}

.info2 {
  width: 375px;
  text-align: left;
  margin-top: 20px;
  margin-left: auto ;
  margin-right: auto ;
  padding: 5px;
  font-size: 12px;
}

.info2title {
  text-align: center;
  font-weight: bold;
}


.info3 {
  width: 460px;
  text-align: left;
  margin-top: 20px;
  margin-left: auto ;
  margin-right: auto ;
  padding: 10px;
  font-size: 14px;
  border: 2px solid #A9A9A9;
}

.info3title {
  text-align: center;
  font-weight: bold;
}

.info3_ {
  width: 430px;
  margin-left: auto ;
  margin-right: auto ;
}

.le {
  float: left;
  width: 195px;
  margin-top: 10px;
  margin-left: 5px;
}

.rt {
  width: 220px;
  margin-top: 20px;
  margin-left: 5px;
  text-align: left;
  float: right;
}




/* ------- 回り込み解除 ------- */
.clear { clear:both; }  
.clear hr { display:none; }  


/* ------- 個別 ------- */
.tex_b {font-weight: bold;}

.line4 {text-decoration: line-through;}

.ix_1 {
  margin: -10px 0px 10px -15px;
  list-style-type: circle;
  list-style-position: outside;
  }

.ix_2 {
  margin-left: -15px;
  list-style-type: circle;
  list-style-position: outside;
}

.ct {text-align: center;}

.u_line {border-bottom: 1px solid #AAAAAA;}

/* --------風来記応援バナー------- */
.furai {
  clear: both;
  text-align: center;
  width: 650px;
  margin: 0px auto;
  padding: 5px;
  font-size: large;
}
.fog_l {float: left;}
.fog_r {float: right; margin: 0px; padding-top: 100px;}


/* ----- 以下、携帯端末 -------------------------------------- */

/* 600px〜959px：タブレット
------------------------------ */
@media screen and (min-width:600px) and (max-width:959px) {

  body {
    font-size: clamp(14px, 1.8vw, 16px);
  }

  img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

}


/* ～599px：SP
------------------------------ */
@media only screen and (max-width:599px) {

  body {
    font-size: clamp(14px, 3vw, 16px);
  }

  img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

}