/* 360pxスマホ用 */

/* ｂｏｄｙタグ */
body{
margin: 0 auto;
  padding: 0;
}
/* 全てを包むｄｉｖタグ画面中央よりにする */
div#container{
margin: 0 auto;
width: 360px;
background-color: white;
font-family:"メイリオ", "ＭＳ Ｐゴシック", "ＭＳ ゴシック","ヒラギノ角ゴ Pro W3","Osaka";
}

div.photo_mozi{
  position: relative;
  text-align: center;
}

/* DIV・POTO＿MOZI配下のP絶対配置 */
div.photo_mozi p.a{
  position: absolute;
  top: 1px;
  left: 40px;
  font-size: 20px;
  font-weight: bold;
  color: white;
}

div.photo_mozi p.b{
  position: absolute;
  top: 70px;
  left: 200px;
  font-size: 16px;
  font-weight: bold;
  color: white;
}

div.photo_mozi p.c{
  position: absolute;
  bottom: 0px;
  right: 10px;
  font-size: 13px;
  color: white;
}

div.photo_mozi p.c_blu{
  position: absolute;
  bottom: 0px;
  right: 20px;
  font-size: 20px;
  color: blue;
}
div.photo_mozi p.d{
  position: absolute;
  top: 5px;
  left: 70px;
  font-size: 26px;
  font-weight: bold;
  color: white;
}

div.photo_mozi p.d_blu{
  position: absolute;
  top: 10px;
  left: 180px;
  font-size: 46px;
  font-weight: bold;
  color: blue;
}

div.center{
  font-size: 16px;
  line-height : 25px;
  text-align: center;
  margin: 10px 0px 10px 0px;
}
div.center_1{
  font-size: 28px;
  line-height : 45px;
  text-align: center;
  margin: 10px 0px 10px 0px;
}

h1{
  font-size: 20px;
  text-align: center;
  line-height : 30px;
  margin:10px 15px;
  border-bottom: solid 4px navy;
}

/* h2{
  font-size: 30px;
  line-height : 40px;
  margin-left: 10px;
  border-left: solid 10px red;
} */

h2{
  font-size: 18px;
  line-height : 25px;
  font-weight: bold;
  margin: 3px 1px 10px 20px;
  padding: 0 10px;
  border-left: solid 10px  #c0c0c0;

}


h3{
  font-size: 20px;
  line-height : 30px;
/* border-left: solid 10px red; */
}

p.bun span{
  text-decoration:line-through;
}
P.bun{
  font-size: 18px;
  line-height : 26px;
  margin: 0px 5px 0px 20px;
  text-align: left;
}

P.bun_center{
  font-size: 30px;
  line-height : 50px;
  text-align: center;
}

P.bun_center_s{
  font-size: 25px;
  line-height : 50px;
  text-align: center;
}


P.bun_red{
  color: red;
  font-size: 30px;
  line-height : 40px;
}

p.hiduke a {
  display: inline-block;      /* リンクをインラインブロック化して表示 */
  font-size: 30px;
  width: 600px;                 /* 横幅を600px分*/
  border: 1px solid skyblue;    /* 枠線を加える */
  padding: 0.7em;               /* 内側の余白量を0.7文字分にする。この余白は「クリック可能な空白」 */
  margin: 0px 0px 1px 0px;
  /* 外側の余白量として、右に0.15文字分、下に0.5文字分。この余白は「クリック対象外」 */
  text-decoration: none;        /* リンクの下線を消す */
  line-height: 1.4;             /* 行の高さを1.4倍にする */
    background-color: #99FF99;
}

p.link a {
  display: inline-block; /* リンクをインラインブロック化して表示 */
  font-size: 16px;
  font-weight: bold;
  width: 310px;                 /* 横幅を340px分*/
  border: 1px solid skyblue;    /* 枠線を加える */
  border-radius: 0.75em;        /* 枠線の角を丸くする */
  padding: 0.7em;               /* 内側の余白量を0.7文字分にする。この余白は「クリック可能な空白」 */
  /* margin: 0px 0.15em 0.5em 0px; */
  margin: 0px 10px 0.5em 10px;
  /* 外側の余白量として、右に0.15文字分、下に0.5文字分。この余白は「クリック対象外」 */
  text-decoration: none;        /* リンクの下線を消す */
  line-height: 1.4;             /* 行の高さを1.4倍にする */
}
p.link a.usucya{
  background-color: #EEE8AA;
}
p.link a.usuaka{
  background-color: #FFBEDA;
}
p.link a.usumidori{
  background-color: #99FF99;
}
p.link a.usuki{
  background-color: #ffffcc;
}
p.link a.sorairo{
  background-color: #eeffff;
}

/* ２列table左写真右文全体をクリック可能に */
table.zentai{
 font-size: 25px;
}
/* table.zentai a{
  display: block;
  padding: 0.6em 1em;
  font-size: 18px;
  font-weight: bold;
  text-decoration:none;
} */
a.widelink{
  display: block;
  padding: 0.6em 0.6em;
  text-decoration: none;
  color:black;
  font-size: 17px;
  font-weight: bold;
}
a.widelink:visited {
color:black;
}
table.hyou1{
  border-collapse: collapse;
  border: solid 2px;
  border-color: #c0c0c0;
  width:600px;
  font-size: 25px;
}
table.hyou1 td{
  border-collapse: collapse;
  border: solid 1px;
  border-color: #c0c0c0;
  font-size: 25px;
}
table.hyou1 th{
  border-collapse: collapse;
  border: solid 1px;
  border-color: #c0c0c0;
  font-size: 25px;
}

table.hyou2{
  border-collapse: collapse;
  text-align: center;
  border: solid 2px;
  border-color: #c0c0c0;
  width:600px;
  font-size: 25px;
}
table.hyou2 td{
  border-collapse: collapse;
  text-align: center;
  border: solid 1px;
  border-color: #c0c0c0;
  font-size: 25px;
}
table.hyou2 th{
  border-collapse: collapse;
  text-align: center;
  border: solid 1px;
  border-color: #c0c0c0;
  font-weight: bold;
  font-size: 25px;
}
td.left div.main{
margin: 0 10px;
text-align: left;
}

td.right div.main{
margin: 0 auto;
text-align: left;
}
table.sub_1{
  margin: 10px 5px 10px 20px;
  border-collapse: collapse;
}
table.sub_1 td{
font-size: 16px;
border-collapse: collapse;
border: solid 1px;
padding: 1px 1px 1px 1px;
}


/* ーーーブロック型リンク ーーー*/
div.link a{
   display: inline-block;      /* リンクをインラインブロック化して表示 */
   width: 340px;                 /* 横幅を340px*/
   border: 1px solid skyblue;    /* 枠線を加える */
   font-size: 30px;
   font-weight: bold;
   border-radius: 0.75em;        /* 枠線の角を丸くする */
   padding: 0.7em;               /* 内側の余白量を0.7文字分にする。この余白は「クリック可能な空白」 */
    margin: 0px 0.15em 0.5em 0px;
    /* 外側の余白量として、右に0.15文字分、下に0.5文字分。この余白は「クリック対象外」 */
   text-decoration: none;        /* リンクの下線を消す */
   line-height: 1.4;             /* 行の高さを1.4倍にする */
}
div.link a.usucya{
  background-color: #EEE8AA;
}
div.link a.usuaka{
  background-color: #FFBEDA;
}
div.link a.usumidori{
  background-color: #99FF99;
}
div.link a.usuki{
  background-color: #ffffcc;
}
div.link a.sorairo{
  background-color: #eeffff;
}
/* ▼リンクの上にマウスが載った際の装飾(背景色だけ指定) */
div.link a:hover {
 background-color: #fcfcaa;
}

div.cm{
  font-size: 13px;
  text-align: center;
}

footer{
  line-height : 28px;
  font-size: 18px;
  text-align: center;
  margin: 30px 0px;
}
  /* (c)copy 2016 os-hobby.com */