@media screen and (max-width : 768px){

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
background-position: center;
margin-top : 0px;
margin-bottom : 10px;
background: #ffffff;
}


/*◆◆divのメイン*/
#main { 
width: auto;
height: auto;
margin-right: auto;
margin-left: auto;
}


/*◆◇◆スマホ用に必要*/

#box {
    width: auto;
}


#div.main table {
margin: auto;     /*◆◆ 標準のセンタリング方法 */
text-align: left;     /*◆◆ IE用方法の弊害対策用 */
}



/*◆◆ 枠組み */
#wrapper{
  background: #ffffff;
  width: auto;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}


#header{
float: left;
background-image: url('https://awab.jp/img/title_sp2.jpg');
background-repeat: no-repeat;
width: 305px;
height: 43px;
padding: 0px 0px 0px 0px;
}


#navi{
   clear: both;
background-color: #ffffff;
width: auto;
height: auto;
padding: 8px 0px 8px 0px;
}



/*　◆◆パンくずリスト　*/

.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {/* ?を表示*/
  font-family: 'Font Awesome 5 Free';
  content: '\f0da';
  padding: 0 0.2em;
  color: silver;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #888;
}

.breadcrumb li:first-child a:before {
  /*家アイコン*/
  font-family: 'Font Awesome 5 Free';
  content: '\f015';
  font-weight: normal;
  font-size: 1.1em;
  color: #f3948f;
}

.breadcrumb li a:hover {
  text-decoration: underline;
}




/*◆◆divでboxを左右に並べない*/


#box1{
   clear: both;
background-color: #ffffff;
width: auto;
}

#box2{
background-color: #ffffff;
width: auto;
}

#footer{
background-color: #00ced1; 
width: auto;
height: auto;
text-align: right;
padding: 5px 0px 5px 0px;
}



 /*◆◇◆ 角丸ボックスを指定：*/

div.kadomaru {
   border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */

   border: 1px #00ced1 solid;     /* 枠線の装飾 */
   background-color: #e0ffff;   /* 背景色 */

margin: 10px 0px 10px 0px;
padding: 10px 10px 10px 10px;
}


div.kadomaru-right {
   border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */

   border: 1px #00ced1 solid;     /* 枠線の装飾 */
   background-color: #e0ffff;   /* 背景色 */

margin: 10px 0px 10px 0px;
padding: 10px 5px 20px 5px;
}




 /*◆◇◆ 引用符を指定：*/

blockquote {
    position: relative;
    padding: 10px 15px 10px 50px;
    box-sizing: border-box;
    font-style: italic;
    background: #f5f5f5;
    color: #777777;
    border-left: 4px solid #9dd4ff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 15px;
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    color: #9dd4ff;
    font-size: 20px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}



 /*◆◆ デフォルトのテーブルと文字を指定：*/

table.dfnb {
margin: 10px 0px 20px 0px;
border: none;
border-collapse: collapse;
}

.dfnb td {
font-size: 12px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 150%;
color: #666666;
text-align: left;
padding: 3px 2px 7px 2px;
}


table.df {
margin: 10px 0px 20px 20px;
border: solid 1px #666666;
border-collapse: collapse;
}

.df th {
border: solid 1px #666666;
background-color:#f0f8ff;
font-size: 14px;
font-weight: normal;
font-family: 'Noto Sans JP', sans-serif;
line-height: 150%;
color: #666666;
text-align: left;
padding: 11px 5px 0px 5px;
}

.df td {
border: solid 1px #666666;
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 150%;
color: #666666;
text-align: left;
padding: 11px 5px 0px 5px;
}




 /*◆◆ リンクを指定：*/

a:link {
color: #336699;
text-decoration: none;
line-height: 160%;
}

a:visited {
color: #3399cc;
text-decoration: none;
line-height: 160%;
}

a:hover {
color: #ff8000;
text-decoration: none;
line-height: 160%;
}


a:link.wht {
color: #ffffff;
text-decoration: none;
line-height: 130%;
}

a:visited.wht {
color: #f0f8ff;
text-decoration: none;
line-height: 130%;
}

a:hover.wht {
color: #ff8000;
text-decoration: none;
line-height: 130%;
}




 /*◆◆ ul li要素を指定：*/

ul {
margin: 10px 10px 20px 20px;
padding: 0;
}

ul.mokuji {
margin: 0px 10px 20px 20px;
padding: 0;
}


ul.box {
margin: 5px 10px 20px 10px;
padding: 0;
}


ol {
margin: 15px 15px 15px 25px;
padding: 0;
}

li {
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
margin: 10px 10px 18px 10px;
line-height: 150%;
color: #666666;
}

li.mokuji {
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
margin: 0px 10px 22px 10px;
line-height: 150%;
color: #666666;
}

li.box {
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
margin: 5px 10px 15px 16px;
line-height: 140%;
color: #666666;
}



 /*◆◆ ヘッドライン文字を指定：*/

h1{
color:#ffffff;
font-size:16px;
font-family: 'Noto Sans JP', sans-serif;
margin: 1px 0px 11px 0px;
padding: 7px 15px 6px 10px;
background-color: #00ced1; /* 背景色 赤*/
line-height: 150%; /* 行の高さ */
}

h2 {
color:#ffffff;
font-size:16px;
font-family: 'Noto Sans JP', sans-serif;
margin: 50px 0px 11px 0px;
padding: 7px 15px 6px 10px;
background-color: #00ced1; /* 背景色 赤*/
line-height: 145%; /* 行の高さ */
}

h2.m40 {
color:#ffffff;
font-size:16px;
font-family: 'Noto Sans JP', sans-serif;
margin: 40px 0px 11px 0px;
padding: 7px 15px 6px 10px;
background-color: #00ced1; /* 背景色 赤*/
line-height: 145%; /* 行の高さ */
}

h2.m30 {
color:#ffffff;
font-size:16px;
font-family: 'Noto Sans JP', sans-serif;
margin: 30px 0px 11px 0px;
padding: 7px 15px 6px 10px;
background-color: #00ced1; /* 背景色 赤*/
line-height: 145%; /* 行の高さ */
}

h2.m20 {
color:#ffffff;
font-size:16px;
font-family: 'Noto Sans JP', sans-serif;
margin: 20px 0px 11px 0px;
padding: 7px 15px 6px 10px;
background-color: #00ced1; /* 背景色 赤*/
line-height: 145%; /* 行の高さ */
}



h3.red{
color: #ff0000;
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
margin: 30px 5px 3px 5px;
}


h3.box {
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
color: #666666;
margin: 15px 5px 15px 5px;
line-height: 145%; /* 行の高さ */
}

h3.boxred {
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
color: #ff0000;
margin: 15px 5px 15px 5px;
line-height: 125%; /* 行の高さ */
}


h3 {
  padding: 0.22em 0.4em;/*上下 左右の余白*/
  color: #009140;/*文字色*/
  font-size: 16px;
  line-height: 125%; /* 行の高さ */
  background: transparent;/*背景透明に*/
  border-left: solid 7px #00ced1;/*左線*/
  margin: 35px 10px 8px 5px;
}

h3.ichiban {
  padding: 0.22em 0.4em;/*上下 左右の余白*/
  color: #009140;/*文字色*/
  font-size: 16px;
  line-height: 125%; /* 行の高さ */
  background: transparent;/*背景透明に*/
  border-left: solid 7px #00ced1;/*左線*/
  margin: 30px 10px 8px 5px;
}


h4 {
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
color:#009140;
margin: 35px 5px 3px 5px;
line-height: 140%;
}


h4.box {
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
color: #666666;
margin: 10px 5px 5px 4px;
line-height: 125%; /* 行の高さ */
}

h4.boxred {
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
color: #ff0000;
margin: 10px 5px 5px 4px;
line-height: 125%; /* 行の高さ */
}


/*◆◆ 共通フォント */

p.menu {
  padding: 5px 20px 5px 5px;/*上下 左右の余白*/
  color: #288c66;/*文字色forestgreen*/
  font-size: 12px;
  line-height: 120%;
  background: transparent;/*背景透明に*/
  border-left: solid 10px #00ced1;/*左線*/
  margin: 0px 20px 5px 0px;
}

p.forestgreen{
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 180%;
color: #288c66;
margin: 0px 5px 25px 5px;
}

p.mokuji{
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 160%;
color: #666666;
margin: 0px 5px 10px 18px;
}

p.fukamura{
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 180%;
color: #663399;
margin: 0px 5px 25px 5px;
}


p.middle{
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 135%;
color: #666666;
margin: 0px 5px 15px 5px;
}

p{
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 180%;
color: #666666;
margin: 0px 5px 30px 5px;
}


p.small{
font-size: 12px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 135%;
color: #666666;
margin: 5px 5px 10px 5px;
}

p.redm{
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 135%;
color: #ff0000;
margin: 0px 5px 15px 5px;
}


p.red{
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 180%;
color: #ff0000;
margin: 0px 5px 15px 5px;
}

p.reds{
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 160%;
color: #ff0000;
margin: 0px 5px 15px 5px;
}

p.bluem{
font-size: 18px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 135%;
color: #6495ed;
margin: 0px 5px 15px 5px;
}

p.blue{
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 160%;
color: #6495ed;
margin: 0px 5px 15px 5px;
}

p.blues{
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 170%;
color: #6495ed;
margin: 0px 5px 15px 5px;
}


p.box{
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 170%;
color: #666666;
margin: 5px 5px 20px 5px;
}


p.boxm{
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 170%;
color: #666666;
margin: 5px 5px 20px 5px;
}


p.update{
font-size: 12px;
font-family:MS UI Gothic;
line-height: 100%;
color: #666666;
text-align: right;
margin: 15px 5px 15px 5px;
}




/*◆◆ SPAN 参考：p=14px */


.red{
  text-align: left;
  font-size:14px;
  font-family: 'Noto Sans JP', sans-serif;
  color:#ff0000;
  width: auto;
  height: auto;
}

.redm{
  text-align: left;
  font-size:16px;
  font-family: 'Noto Sans JP', sans-serif;
  color:#ff0000;
  width: auto;
  height: auto;
}


.blue{
  text-align: left;
  font-size:16px;
  font-family: 'Noto Sans JP', sans-serif;
  color:#6495ed;
  width: auto;
  height: auto;
}


.bluem{
  text-align: left;
  font-size:18px;
  font-family: 'Noto Sans JP', sans-serif;
  color:#6495ed;
  width: auto;
  height: auto;
}


/*◆◆ おすすめ記事 */

p.link_cmt{
font-size: 12px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 150%;
color: #666666;
margin: 0px 5px 0px 5px;
}

.img_cmt{
  float: left;
  margin: 3px 7px 0px 5px;
}





/*◆◆ MS UI ゴシック グローバルメニュー＆フッタ */

p.msu{
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 100%;
color: #00ced1;
margin: 0px 5px 0px 5px;
}

p.msufoot{
font-size: 12px;
font-family:MS UI Gothic;
line-height: 100%;
color: #ffffff;
margin: 8px 5px 8px 5px;
}

p.msumid{
font-size: 16px;
font-family:MS UI Gothic;
line-height: 140%;
color: #666666;
margin: 0px 5px 15px 5px;
}



/*◆◆ メインコンテンツ写真 最大幅（img srcにclass指定） */


.img300{
   max-width: 300px;
   height: auto;
}

.img290{
   max-width: 290px;
   height: auto;
}

.img280{
   max-width: 280px;
   height: auto;
}

.img270{
   max-width: 270px;
   height: auto;
}

.img260{
   max-width: 260px;
   height: auto;
}

.img250{
   max-width: 250px;
   height: auto;
}

.img240{
   max-width: 240px;
   height: auto;
}

.img230{
   max-width: 230px;
   height: auto;
}

.img220{
   max-width: 220px;
   height: auto;
}

.img210{
   max-width: 210px;
   height: auto;
}

.img200{
   max-width: 200px;
   height: auto;
}

.img190{
   max-width: 190px;
   height: auto;
}

.img180{
   max-width: 180px;
   height: auto;
}

.img170{
   max-width: 170px;
   height: auto;
}

.img160{
   max-width: 160px;
   height: auto;
}

.img150{
   max-width: 150px;
   height: auto;
}

.img140{
   max-width: 140px;
   height: auto;
}

.img130{
   max-width: 130px;
   height: auto;
}

.img120{
   max-width: 120px;
   height: auto;
}

.img110{
   max-width: 110px;
   height: auto;
}

.img100{
   max-width: 100px;
   height: auto;
}

.img90{
   max-width: 90px;
   height: auto;
}

.img80{
   max-width: 80px;
   height: auto;
}


/*◆◆ メインコンテンツ写真（mobileのみ右にキャプションなし） */

.img_pcfloat{
  margin: 3px 7px 4px 5px;
}



/*◆◆ メインコンテンツ写真（右にキャプションを入れる時） */


.img00{
  float: left;
  margin: 3px 7px 4px 5px;
}


.img_box{
  float: left;
  margin: 0px 7px 5px 7px;
}




/*◆◆ メインコンテンツ写真（右にキャプションなし） */

.img{
  margin: 0px 0px 10px 5px;
}



/* ■■下側 box2の文字 */

h3.rside{
color:#ffffff; /* cadetblue */  
font-size:18px;
font-family: 'Noto Sans JP', sans-serif;
margin: 0px 0px 5px 0px;
padding: 6px 10px 4px 5px;
background-color: #00ced1; /* 背景色 赤 */
line-height: 125%; /* 行の高さ */
}


h4.rside{
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 130%;
color: #666666;
margin: 0px 5px 10px 5px;
}


p.category{
color:#ffffff;
font-size:16px;
font-family: 'Noto Sans JP', sans-serif;
margin: 0px 0px 5px 0px;
padding: 19px 10px 19px 10px;
background-color: #00ced1; /* 背景色 赤 */
line-height: 125%; /* 行の高さ */
}

p.rsidemid{
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 125%;
color: #666666;
margin: 0px 5px 15px 5px;
}

p.rside{
font-size: 18px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 180%;
color: #666666;
margin: 0px 5px 10px 5px;
}


p.rsides{
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 180%;
color: #666666;
margin: 0px 5px 10px 5px;
}


p.rside-banner{
font-size: 18px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 180%;
color: #666666;
margin: 0px 0px 10px 0px;
}



 /*◆◆下メニューの ul li要素を指定：*/

ul.rside{
margin: 0px 5px 15px 5px;
padding: 0;
}

li.menu{
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
margin: 10px 5px 35px 5px;
line-height: 120%;
list-style: none;
}



/*■■右カラム写真（右にキャプションを入れる時） */

.img01{
  float: left;
  margin: 0px 5px 3px 5px;
}



}


















@media screen and (min-width : 769px) {

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
background-position: center;
margin-top : 0px;
margin-bottom : 10px;
background: #e6e6fa;
}

/*◆◆divのメイン*/
#main { 
width: 1000px;
height: auto;
text-align: center;     /*◆◆ IEでセンタリングさせる方法 */
margin-right: auto;
margin-left: auto;
}

#div.main table {
margin: auto;     /*◆◆ 標準のセンタリング方法 */
text-align: left;     /*◆◆ IE用方法の弊害対策用 */
}

/*◆◆ 枠組み */
#wrapper{
  background: #ffffff;
  width: 1000px;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

#header{
float: left;
background-image: url('https://awab.jp/img/title2.jpg');
background-repeat: no-repeat;  
width: 1000px;
height: 176px;
padding: 0px 0px 0px 0px;
}

#navi{
   clear: both;
background-color: #ffffff;
width: 980px;
height: auto;
padding: 8px 0px 8px 20px;
}




/*　◆◆パンくずリスト　*/

.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {/* ?を表示*/
  font-family: 'Font Awesome 5 Free';
  content: '\f0da';
  padding: 0 0.2em;
  color: silver;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #888;
}

.breadcrumb li:first-child a:before {
  /*家アイコン*/
  font-family: 'Font Awesome 5 Free';
  content: '\f015';
  font-weight: normal;
  font-size: 1.1em;
  color: #f3948f;
}

.breadcrumb li a:hover {
  text-decoration: underline;
}




/*◆◆divでboxを左右に並べる*/

#box1{
float: left;
background-color: #ffffff;
width: 700px;
}

#box2{
float: left;
background-color: #ffffff;
width: 300px;
}

#footer{
   clear: both;
background-color: #00ced1; 
width: 1000px;
height: auto;
text-align: right;
padding: 5px 0px 5px 0px;
}



 /*◆◇◆ 角丸ボックスを指定：*/

div.kadomaru {
   border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */

   border: 1px #00ced1 solid;     /* 枠線の装飾 */
   background-color: #e0ffff;   /* 背景色 */

margin: 10px 15px 15px 15px;
padding: 20px 20px 20px 20px;
}



div.kadomaru-right {
   border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */

   border: 1px #00ced1 solid;     /* 枠線の装飾 */
   background-color: #e0ffff;   /* 背景色 */

margin: 10px 15px 10px 0px;
padding: 10px 10px 20px 10px;
}




 /*◆◇◆ 引用符を指定：*/

blockquote {
    position: relative;
    padding: 15px 35px 20px 60px;
    box-sizing: border-box;
    font-style: italic;
    background: #f5f5f5;
    color: #777777;
    border-left: 4px solid #9dd4ff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 15px;
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    color: #9dd4ff;
    font-size: 24px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}



 /*◆◆ デフォルトのテーブルと文字を指定：*/

table.dfnb {
margin: 10px 0px 20px 12px;
border: none;
border-collapse: collapse;
}

.dfnb td {
font-size: 12px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 150%;
color: #666666;
text-align: left;
padding: 3px 2px 7px 2px;
}


table.df {
margin: 10px 0px 20px 20px;
border: solid 1px #666666;
border-collapse: collapse;
}

.df th {
border: solid 1px #666666;
background-color:#f0f8ff;
font-size: 14px;
font-weight: normal;
font-family: 'Noto Sans JP', sans-serif;
line-height: 150%;
color: #666666;
text-align: left;
padding: 8px 3px 0px 3px;
}

.df td {
border: solid 1px #666666;
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 150%;
color: #666666;
text-align: left;
padding: 8px 3px 0px 3px;
}




 /*◆◆ リンクを指定：*/

a:link {
color: #336699;
text-decoration: none;
line-height: 160%;
}

a:visited {
color: #3399cc;
text-decoration: none;
line-height: 160%;
}

a:hover {
color: #ff8000;
text-decoration: none;
line-height: 160%;
}



a:link.wht {
color: #ffffff;
text-decoration: none;
line-height: 130%;
}

a:visited.wht {
color: #f0f8ff;
text-decoration: none;
line-height: 130%;
}

a:hover.wht {
color: #ff8000;
text-decoration: none;
line-height: 130%;
}






 /*◆◆ ul li要素を指定 p=18  */

ul {
margin: 15px 45px 45px 20px;
padding: 0;
}

ul.mokuji {
margin: 0px 15px 20px 20px;
padding: 0;
}


ul.box {
margin: 5px 15px 20px 10px;
padding: 0;
}


ol {
margin: 15px 45px 45px 35px;
padding: 0;
}

li {
font-size: 18px;
font-family: 'Noto Sans JP', sans-serif;
margin: 5px 25px 15px 30px;
line-height: 150%;
color: #666666;
}

li.mokuji {
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
margin: 0px 25px 5px 30px;
line-height: 120%;
color: #666666;
}

li.box {
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
margin: 5px 20px 12px 20px;
line-height: 150%;
color: #666666;
}



 /*◆◆ ヘッドライン文字を指定：*/

h1{
color:#ffffff;
font-size:20px;
font-family: 'Noto Sans JP', sans-serif;
margin: 1px 15px 15px 15px;
padding: 8px 15px 8px 10px;
background-color: #00ced1; /* 背景色 */
line-height: 150%; /* 行の高さ */
}


h2 {
color:#ffffff;
font-size:20px;
font-family: 'Noto Sans JP', sans-serif;
margin: 100px 15px 18px 15px;
padding: 10px 15px 8px 10px;
background-color: #00ced1; /* 背景色 ダーク・ターコイズ*/
line-height: 125%; /* 行の高さ */
}

h2.m40 {
color:#ffffff;
font-size:20px;
font-family: 'Noto Sans JP', sans-serif;
margin: 80px 15px 18px 15px;
padding: 10px 15px 8px 10px;
background-color: #00ced1; /* 背景色 ダーク・ターコイズ*/
line-height: 125%; /* 行の高さ */
}

h2.m30 {
color:#ffffff;
font-size:20px;
font-family: 'Noto Sans JP', sans-serif;
margin: 60px 15px 18px 15px;
padding: 10px 15px 8px 10px;
background-color: #00ced1; /* 背景色 ダーク・ターコイズ*/
line-height: 125%; /* 行の高さ */
}

h2.m20 {
color:#ffffff;
font-size:20px;
font-family: 'Noto Sans JP', sans-serif;
margin: 40px 15px 18px 15px;
padding: 10px 15px 8px 10px;
background-color: #00ced1; /* 背景色 ダーク・ターコイズ*/
line-height: 125%; /* 行の高さ */
}


h3.red{
color: #ff0000;
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
margin: 30px 15px 3px 20px;
}

h3.box {
font-size: 18px;
font-family: 'Noto Sans JP', sans-serif;
color: #666666;
margin: 15px 5px 12px 4px;
}

h3.boxred {
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
color: #ff0000;
margin: 15px 5px 12px 4px;
}

h3 {
  padding: 0.15em 0.4em;/*上下 左右の余白*/
  color: #009140;/*文字色*/
  font-size: 20px;
  background: transparent;/*背景透明に*/
  border-left: solid 10px #00ced1;/*左線*/
  margin: 50px 20px 15px 18px;
}

h3.ichiban {
  padding: 0.15em 0.4em;/*上下 左右の余白*/
  color: #009140;/*文字色*/
  font-size: 20px;
  background: transparent;/*背景透明に*/
  border-left: solid 10px #00ced1;/*左線*/
  margin: 40px 20px 15px 18px;
}


h4 {
font-size: 18px;
font-family: 'Noto Sans JP', sans-serif;
color:#009140;
margin: 35px 15px 3px 20px;
}


h4.box {
font-size: 18px;
font-family: 'Noto Sans JP', sans-serif;
color: #666666;
margin: 10px 5px 5px 10px;
}

h4.boxred {
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
color: #ff0000;
margin: 10px 5px 5px 4px;
}




/*◆◆ 共通フォント */

p.menu {
  padding: 5px 20px 5px 5px;/*上下 左右の余白*/
  color: #288c66;/*文字色forestgreen*/
  font-size: 12px;
  line-height: 190%;
  background: transparent;/*背景透明に*/
  border-left: solid 10px #00ced1;/*左線*/
  margin: 0px 20px 5px 0px;
}

p.mokuji{
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 160%;
color: #666666;
margin: 30px 15px 6px 40px;
}


p.forestgreen{
font-size: 18px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 180%;
color: #288c66;
margin: 0px 15px 22px 20px;
}


p.fukamura{
font-size: 18px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 180%;
color: #663399;
margin: 0px 15px 22px 20px;
}


p.middle{
font-size: 18px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 135%;
color: #666666;
margin: 0px 15px 15px 20px;
}


p{
font-size: 18px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 180%;
color: #666666;
margin: 0px 15px 30px 20px;
}


p.small{
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 135%;
color: #666666;
margin: 5px 15px 10px 20px;
}

p.redm{
font-size: 18px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 135%;
color: #ff0000;
margin: 0px 15px 15px 20px;
}

p.red{
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 180%;
color: #ff0000;
margin: 0px 15px 15px 20px;
}

p.reds{
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 160%;
color: #ff0000;
margin: 0px 15px 15px 20px;
}

p.bluem{
font-size: 18px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 135%;
color: #6495ed;
margin: 0px 15px 15px 20px;
}

p.blue{
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 160%;
color: #6495ed;
margin: 0px 15px 15px 20px;
}

p.blues{
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 170%;
color: #6495ed;
margin: 0px 15px 15px 20px;
}


p.box{
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 180%;
color: #666666;
margin: 5px 5px 18px 10px;
}


p.boxm{
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 180%;
color: #666666;
margin: 5px 5px 10px 5px;
}


p.update{
font-size: 16px;
font-family:MS UI Gothic;
line-height: 100%;
color: #666666;
text-align: right;
margin: 20px 15px 20px 20px;
}




/*◆◆ SPAN 参考：p=18px */

.red{
  text-align: left;
  font-size:18px;
  font-family: 'Noto Sans JP', sans-serif;
  color:#ff0000;
  width: auto;
  height: auto;
}


.redm{
  text-align: left;
  font-size:20px;
  font-family: 'Noto Sans JP', sans-serif;
  color:#ff0000;
font-weight: bold;
  width: auto;
  height: auto;
}


.blue{
  text-align: left;
  font-size:18px;
  font-family: 'Noto Sans JP', sans-serif;
  color:#6495ed;
  width: auto;
  height: auto;
}


.bluem{
  text-align: left;
  font-size:20px;
  font-family: 'Noto Sans JP', sans-serif;
  color:#6495ed;
  width: auto;
  height: auto;
}



/*◆◆ おすすめ記事 */

p.link_cmt{
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 180%;
color: #666666;
margin: 0px 15px 0px 20px;
}

.img_cmt{
  float: left;
  margin: 3px 7px 4px 20px;
}



/*◆◆ MS UI ゴシック グローバルメニュー＆フッタ */

p.msu{
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 100%;
color: #00ced1;
margin: 0px 20px 0px 20px;
}

p.msufoot{
font-size: 16px;
font-family:MS UI Gothic;
line-height: 100%;
color: #ffffff;
margin: 8px 20px 8px 20px;
}

p.msumid{
font-size: 18px;
font-family:MS UI Gothic;
line-height: 140%;
color: #666666;
margin: 0px 15px 15px 20px;
}




/*◆◆ メインコンテンツ写真（PCのみ右にキャプションを入れる時） */

.img_pcfloat{
  float: left;
  margin: 5px 14px 4px 20px;
}




/*◆◆ メインコンテンツ写真（右にキャプションを入れる時） */


.img00{
  float: left;
  margin: 5px 7px 4px 20px;
}


.img_box{
  float: left;
  margin: 0px 7px 5px 5px;
}



/*◆◆ メインコンテンツ写真（右にキャプションなし） */

.img{
  margin: 0px 0px 10px 15px;
}



/* ■■右側 box2の文字 */

h3.rside{
color:#ffffff;
font-size:18px;
font-family: 'Noto Sans JP', sans-serif;
margin: 0px 15px 3px 0px;
padding: 10px 10px 9px 10px;
background-color: #00ced1; /* 背景色 */
line-height: 145%; /* 行の高さ */
}


h4.rside{
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 140%;
color: #666666;
margin: 0px 20px 10px 10px;
}


p.category{
color:#ffffff;
font-size:18px;
font-family: 'Noto Sans JP', sans-serif;
margin: 0px 15px 3px 0px;
padding: 25px 10px 25px 10px;
background-color: #00ced1; /* 背景色 */
line-height: 145%; /* 行の高さ */
}



p.rsidemid{
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 125%;
color: #666666;
margin: 0px 20px 15px 5px;
}

p.rside{
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 190%;
color: #666666;
margin: 0px 20px 20px 5px;
}


p.rsides{
font-size: 12px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 140%;
color: #666666;
margin: 0px 20px 15px 10px;
}


p.rside-banner{
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 190%;
color: #666666;
margin: 0px 0px 10px 0px;
}




 /*◆◆右メニューの ul li要素を指定：*/

ul.rside{
margin: 0px 7px 20px 7px;
padding: 0;
list-style-type: disc;
list-style-position: outside;
}

li.menu{
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
margin: 10px 30px 20px 20px;
line-height: 110%;
}



/*■■右カラム写真（右にキャプションを入れる時） */

.img01{
  float: left;
  margin: 0px 20px 3px 8px;
}




}