@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
body{
	margin: 0;
padding: 0;
background-color: #ffffff; /* ページの背景色 */
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color: #000000; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
}

/* --- 全体のリンクテキスト --- */
a:link{
	color: #0000ff;
}
a:visited{
	color: #800080;
}
a:hover{
	color: #ff0000;
}
a:active{
	color: #ff0000;
}

/* --- コンテナ --- */
#container{
	width: 880px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background : url(../seto-img/sidebar_200.gif) right center / auto auto repeat-y scroll padding-box border-box transparent; /* サイドバーの背景画像 */
background-color: #ffffff; /* メインカラムの背景色 */
border-left: 1px #c0c0c0 solid; /* 左の境界線 */
border-right: 1px #c0c0c0 solid; /* 右の境界線 */
}

/* --- ヘッダ --- */
#header{
	background-color: #f6807e; /* ヘッダの背景色 */
}

/* --- ヘッダ　キッコロ --- */
#header2{
	background-color: #ffffff; /* ヘッダの背景色 */
}

/* --- ナビゲーション --- */
#nav{
	float: right;
width: 200px; /* サイドバーの幅 */
}

/* --- メインカラム --- */
#content{
	float: right;
width: 680px; /* メインカラムの幅 */
}

/* --- フッタ --- */
#footer{
	clear: right; /* フロートのクリア */
width: 100%;
background-color: #FFF0F5; /* フッタの背景色 */
}

.simple-box{
    padding: 10px;
    background: #F3F3F3;
    border: 1px solid #999;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.simple-box2{
    padding: 10px;
    color:#ff6600;
    background: #F3F3F3;
    border: 1px solid #999;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.sample08{
    margin-left:10px;
    padding-left:5px;
    background: linear-gradient(transparent 60%, #DB7093 80%);
}


/* --- リストエリア --- */
ul.thumbnail{
	width: 660px; /* リストエリアの幅 */
margin: 0;
padding-left: 10px;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail li{
	padding: 20px 5px 20px 5px; /* リスト項目のパディング（上下、左右） */
border-bottom: 1px #808080 dotted; /* リスト項目の下境界線 */
}

/* --- 項目内容 --- */
ul.thumbnail dl{
	width: 100%;
margin: 0;
font-size: 90%;
font-color:#2F4F4F;
}

/* --- 写真エリア --- */
ul.thumbnail dt{
	width: 215px; /* 写真エリアの幅 */
float: left;
}
ul.thumbnail dt img{
	padding: 2px; /* 画像のパディング */
background-color: #ffffff; /* 画像の背景色 */
border: 1px #808080 solid; /* 写真の境界線 */
border-color: #c0c0c0 #808080 #808080 #c0c0c0; /* 画像の境界線色（上右下左） */
}

/* --- キャプションエリア --- */
ul.thumbnail dd{
	margin: 0 0 0 0px; /* キャプションエリアのマージン（上右下左） */
line-height: 130%;
font-color:#2F4F4F;
}

/* --- clearfix --- */
.clearFix::after{
	content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix{
	min-height: 1px;
}

/* --- ボックス --- */
div.section{
	width: 194px; /* ボックスの幅179 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
font-size: 80%; /* ボックスの文字サイズ */
margin-left:5px;/* 10→ */
}

/* --- 見出し --- */
div.section h3{
	margin: 0; /* 見出しのマージン */
padding: 6px 10px; /* 見出しのパディング（上下、左右） */
background-color: #f5f5f5; /* 見出しの背景色 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落 --- */
div.section p{
	margin: 0.5em 10px; /* 段落のマージン（上下1em、左右） */
}

/* PCのときにのみ表示 */
@media screen and (max-width: 1024px) {
    .text_pc_only {
        display: none;
    }
}
 
/* スマホ・タブレットのときにのみ表示 */
@media screen and (min-width: 1025px) {
    .text_sptab_only {
        display: none;
    }
}

/* スクロールでTOPへ戻るボタン */
#topbutton {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 18px;   /* ←下端からの距離 */
      right: 18px;    /* ←右端からの距離 */
      width: 7em;     /* ←横幅 */

      /* ▼最初は非表示にしておく      display: none; */


      /* ▼配色・配置・文字の装飾など */
      background-color: #2525aa; /* ←背景色 */
      opacity: 0.75;             /* ←透明度 */
      border-radius: 24px;       /* ←角丸の半径 */
      text-align: center;    /* ←文字の位置 */
      font-size: 120%;       /* ←文字サイズ */
      font-weight: bold;     /* ←文字の太さ */
      margin: 0px;    /* ←外側の余白 */
      padding: 10px;  /* ←内側の余白 */
   }
   #topbutton a {
      /* ▼リンクの装飾 */
      color: white;          /* ←文字色 */
      text-decoration: none; /* ←下線なし */
   }
   #topbutton a:hover {
      /* ▼マウスが載ったときの装飾 */
      color: yellow;              /* ←文字色 */
      text-decoration: underline; /* ←下線あり */
   }

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:779px) {
    body {
        box-sizing:border-box;
        width:100%;
        padding:0 10px;
    }

    #container {
        width:100%;
background : none; /* サイドバーの背景画像 */
    }

    #header {
        width:100%;
    }

/* --- ナビゲーション --- */
#nav{
	float: none;
width: 100%; /* サイドバーの幅 */
}

/* --- メインカラム --- */
#content{
	float: none;
width: 100%; /* メインカラムの幅 */
}

    #simple-box {
        width:100%;
    }

    .pc { display: none !important; }
    .sp { display: block !important; }

/* --- 項目内容 --- */
ul.thumbnail dl{
	width: 100%;
margin: 0;
font-size: 90%;
font-color:#2F4F4F;
}

ul.thumbnail{
	width: 100%; /* リストエリアの幅 */
}

/* --- 写真エリア --- */
ul.thumbnail dt{
	width: 45%; /* 写真エリアの幅 */
padding-right:10px;
float: left;
}
ul.thumbnail dt img{
	width: 99%; /* 写真の幅 */
height: auto;
	padding: 2px; /* 画像のパディング */
background-color: #ffffff; /* 画像の背景色 */
border: 1px #808080 solid; /* 写真の境界線 */
border-color: #c0c0c0 #808080 #808080 #c0c0c0; /* 画像の境界線色（上右下左） */
}

/* --- キャプションエリア --- */
ul.thumbnail dd{
	margin: 0 10px 0 0px; /* キャプションエリアのマージン（上右下左） */
line-height: 100%;
padding-left:0px;
}


.wi {
    width:100%;
}


/* ========フッターメニュー非表示======== */
footer{  
    display:none !important;
}  

#footMenu {
    display:none !important;
}

/* ========copyright非表示======== */
.copyright{  
    display:none !important;
}

}