@charset "utf-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	7;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/
/* ■body、TD、ほか■PC・TAB・SP共通 ■────── */
body {
	font-size: 15px;
	line-height: 160%;
	font-weight: normal;
}
TD {
	font-size : 16px;
	line-height : 160%;
	font-weight: normal;
}
/* ■全体枠（グリッドコンテナ）■スマホ ■─── */
.gridContainer {
 margin-left: auto;
 margin-right: auto;
 width: 100%;
 padding-left: 0%;
 padding-right: 0%;
}
/* ■全体枠（グリッドコンテナ）■スマホ ■─── */
.gridContainer2 {
 margin-left: auto;
 margin-right: auto;
 width: 100%;
 padding-left: 0%;
 padding-right: 0%;
}
.gridContainer-white {
 width: 100%;
 padding-left: 0%;
 padding-right: 0%;
 margin: auto;
 background-color: #FFFFFF;
}
.gridContainer100-koigreen {
 width: 100%;
 padding-left: 0%;
 padding-right: 0%;
 margin: auto;
 background-color: #85B200;
}
.gridContainer100-usuigreen {
 width: 100%;
 padding-left: 0%;
 padding-right: 0%;
 margin: auto;
 background-color: #EEF0E4;
}
.gridContainer100 {
 width: 100%;
 padding-left: 0%;
 padding-right: 0%;
 margin: auto;
 background-color: #FFFFFF;
}
/* ■h1　最上部のSEOの1行　（文字はh1）■TAB■─── */
#seo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 0px;
	border-bottom: 0px solid #cccccc ;
	margin-top: 3px;
	margin-bottom: 3px;
}

h1 {
	clear: both;
	float: left;
width: 100%;
	font-size : 10px;
	line-height : 125.00%;
 color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	margin-top: 3px;
	margin-left: 2px;
}
/* ■PC・TABヘッダを非表示に■スマホ■─── */
#headerpctab {
	display: none;
}

.spgaibulink {
 width:100%;
}
/* ■PC・TABヘッダを非表示に■スマホ■─── */
#headerpctab {
	display: none;
}

.spgaibulink {
 width:100%;
}
.clear {
clear:both;　/*floatの解除、ここがポイント*/
}
/* ■フッター■SP■────── */
#footer {
  clear: both;
  width: 100%;
  margin-top: 4px;
  padding-top: 10px;
  padding-bottom: 2px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  line-height: 1.4;
  border-top: solid 0px;
  border-top-color: #000000;
 background-color: #85B200;
}
.pc-only {
  display:none;
}
.tab-only {
  display:none;
}
.pctab-only {
  display:none;
}
.shirabe-waku {
 width: 98%;
 margin-left: auto;
 margin-right: auto;
 padding: 10px;
 margin-top: 8px;
 margin-bottom: 24px;
 background-color: #FFF9EE;
 border: 1px solid #FFE7B9;
}
.shirabe01 {
width:100%;
}
.shirabe02 {
width:100%;
}

.koki-waku {
 width: 98%;
 margin-left: auto;
 margin-right: auto;
 padding: 10px;
 margin-top: 24px;
 margin-bottom: 24px;
 background-color: #FFF9EE;
 border: 1px solid #FFE7B9;
}
.koki01 {
width:100%;
}
.koki02 {
width:100%;
}

.kengaku-waku {
width:100%;
 text-align: left;
  margin-bottom:6px;
}
.kengaku01 {
width:100%;
}
.kengaku02 {
 margin-left: auto;
 margin-right: auto;
 width: 94%;
}

.clear { ←　回り込みを解除するスタイル
clear:both;
}
.kengaku-cassette-ph {
 width:100%;
  padding-top:2px;
  padding-bottom:2px;
  border-top: 3px solid #DAE8B2;
  border-bottom: 3px solid #DAE8B2;
}

.shirabe-cassette-ph {
 width:100%;
  padding:2px;
  border: 3px solid #DAE8B2;
}
.shirabe-flag {
 font-size: 28px;
 color: #8C8C44;
 margin-top: 16px;
 padding-bottom: 10px;
 border-bottom: 1px solid #A9A952;
}
.flex-thumbnail-container {
width:100%;
	display: flex;
flex-wrap        : nowrap;
  margin-bottom:6px;
}
.flex-thumbnail-item {
width:18%;
 margin-top: 4px;
 margin-right: 4px;
}
.midashiset {
    margin-top: 16px;
  display:flex;
align-items: flex-end;
}
.no {
  margin-top:0px;
width:25%;
    padding-bottom: 0px;
}

.flag {
 font-size: 23px;
 color: #9B9B4B;
}
.basho {
 font-size: 23px;
 color: #000000;
 line-height : 120.00%;
    padding-left: 16px;
width:75%;
}
.honbun {
 font-size: 15px;
 color: #000000;
    margin-top: 12px;
}
.image-text {
    position: relative;
}
.katarite {
 font-size: 16px;
 font-weight: bold;
}
.serifu {
 color: #5C0000;
}
.koki-flag {
 font-size: 28px;
 color: #8C8C44;
 margin-top: 4px;
 padding-bottom: 10px;
 border-bottom: 1px solid #A9A952;
 margin-bottom: 14px;
}
.koki-midashi {
 font-size: 20px;
 color: #FF614B;
 line-height : 120.00%;
 margin-top: 14px;
}
.koki-honbun {
 font-size: 15px;
 color: #000000;
    margin-top: 4px;
}
/* 重ねる文字 */
.ph-irai {
    position: absolute;
    top: 30px;
    left: 20px;
    width: 70%;
    color: #555555;
    background-color: #fff;
  opacity: 0.9;
    padding: 10px;
    font-size: 17px;
    line-height: 130%;
 border-radius: 6px;
}

.shita-sankaku {
  text-align: center;
margin-top:15px;
margin-bottom:15px;
}
.endline {
   width: 100%;
   margin-top: 4px;
border-top:solid 1px #959595;
}

.clear {
clear:both;　/*floatの解除、ここがポイント*/
}
.otoiawase-bt {
  display: block;
 font-size : 17px;
  line-height: 125%;
  text-align: center;
  text-decoration: none;
  color: #FF5355;
  width: 90%;
   margin-left: auto;
   margin-right: auto;
 margin-top: 8px;
 margin-bottom: 60px;
   padding-top: 14px;
   padding-bottom: 14px;
   border : double 4px #40A8FF;
 border-radius: 10px;
  background: #FFFFB3;
}
.otoiawase-bt a:link {
  color: #FF5355;
}
 
.otoiawase-bt:hover{
  background: #FFFF9A;
}
 
.sp-setsumei {
 width: 98%;
 margin-left: auto;
 margin-right: auto;
 padding: 10px;
 margin-top: 6px;
 margin-bottom: 0px;
 background-color: #FFF9EE;
 border: 1px solid #FFE7B9;
}