@charset "utf-8";
/* CSS Document */

/* 基本設定 */
html { width: 100%; padding: 0; margin: 0; }

body {
background: #ffffff;
color: #555555;
font-family: 'Noto Sans JP', sans-serif;
font-size: 100%;
line-height: 1.7;
/* width: 1200px; */
margin: 0 auto;
}

h1 { font-size: 2em; }
h2 { font-size: 1.5em; margin-top: 0; background:#eeeeee; border-radius: 4px; line-height:1.3; padding:15px; }
h3 { font-size: 1.2em; }
img { max-width: 100%; }
ul,ol,li { list-style:none; margin:0; padding:0; }

/* パディングとボーダーをコンテンツ幅に含める */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.green { color:#336600; }

/* micro clearfix
-----------------------------------------------------*/
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom:1; }

/* float */
.fl_l { float:left; }
.fl_r { float:right: }

/* マージン
-----------------------------------------------------*/
.mr5 { margin-right: 5px; } .mr10 { margin-right: 10px; }	
.mr15 { margin-right: 15px; } .mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; } .mr30 { margin-right: 30px; }

.ml5  { margin-left: 5px; } .ml10 { margin-left: 10px; }	
.ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; } .ml30 { margin-left: 30px; }

.mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; } .mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.mb1e { margin-bottom: 1em; } .mb2e { margin-bottom: 2em; }
.mb3e { margin-bottom: 3em; } .mb4e { margin-bottom: 4em; }
.mb5e { margin-bottom: 5em; }

.mb1rem { margin-bottom: 1rem; } .mb2rem { margin-bottom: 2rem; }
.mb3rem { margin-bottom: 3rem; } .mb4rem { margin-bottom: 4rem; }
.mb5rem { margin-bottom: 5rem; }

.m0a { width: 950px; margin: 0 auto; }

/*===== PCでは表示 =====*/
.pc_show { display: block; }

/*===== PCでは非表示 =====*/
.sp_show { display: none; }


/* テキストセンター揃え */
.tac { text-align: center; }
/* テキスト右揃え */
.tar { text-align: right; }


/* iframe ヘッダー読み込み  */
.ifItemOut { width: 1200px; height: 780px; margin: 0 auto; display: block; }
.smpHeader { border:none; width:100%; height:auto; margin-bottom:10px; display:none; }


/* レフトナビ、メインを囲うwrapper（レスポンシブ用） */
.wrapper19 {
 display: flex;
 flex-wrap: nowrap;
 justify-content: space-between;
 width: 950px;
 margin: 0 auto;
}

.left19 { width: 200px ; }

.main19 { width: 950px; margin: 0; }

/* レフトナビ高さ低め */
.left_short { height: 1320px; }



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

 スマートフォン・タブレットのスタイルここから

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

@media screen and (max-width: 768px) {
/*==============================
/* 共通部分ここから
==============================*/
body {
  width:100%;
  padding:0 15px;
}
  
.ifItemOut { display:none; }
.smpHeader { display:block; }

img { max-width: 100%; }
h1 { font-size:22px; }
h2 { font-size:20px; }

/* スマートフォンでは表示 */
.sp_show { display:block; }

/* スマートフォンでは非表示 */
.pc_show { display:none; }

/* float */
.fl_l { float:none; }
.fl_r { float:none; }
.mr30 { margin-right:0; }

/* スマホ 画像サイズ調整 */
.img_90p { width: 90%; }  
.img_80p { width: 80%; }
.img_70p { width: 70%; }

/*  レフトナビとメインの設定
==============================*/
.wrapper19 { width: 100%; }
.left19 { display: none; }
.main19 { width: 100%; }

/*  フッター小（共通部分）
==============================*/
.footer_mi_sp {margin-bottom:3rem}

/* フッター小のリンクの設定 */

/* linkとvisited時の挙動 */
.footer_mi_sp a:link,
.footer_mi_sp a:visited {
display: block;
width:100%;
background: #fdfdfd;
border:1px solid #dddddd;
padding:.5rem;
text-align:center;
text-decoration: none;
color:#666666;
}
/* 上 左右の角丸 */
.footer_mi_sp a:first-child {
border-radius: 3px 3px 0 0; 
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-o-border-radius:  3px 3px 0 0;
-ms-border-radius:  3px 3px 0 0;
}
/* 下 左右の角丸 */
.footer_mi_sp a:last-child {
border-radius: 0 0 3px 3px; 
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
-o-border-radius: 0 0 3px 3px;
-ms-border-radius: 0 0 3px 3px;
}
/* hoverとactive時の挙動 */
.footer_mi_sp a:hover,
.footer_mi_sp a:active {
background: #bf0000;
color:#ffffff;
}
.footer_mi_sp a+a {
border-top:none!important;
}

/* このページの先頭に戻る */
#backTopPC { bottom:20px; right:20px; position:fixed; z-index:10; display:none; }
#backTopPC a img { opacity:.7; width:44px; height:44px; }
#backTopPC a:hover img { opacity:.5; }

/*フッター
============================================================*/
footer p { margin:0 auto; padding:2em 0 3em; text-align:center; width:100%; }

}