@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;
}
/* ■全体枠（グリッドコンテナ）■PC ■─── */
.gridContainer {
	width: 100%;
	max-width: 1200px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}


/* ■全体枠（グリッドコンテナ）■PC ■─── */
.gridContainer2 {
	width: 100%;
	max-width: 1200px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	overflow:hidden	/*サブページの左subの背景色を下部まで伸ばすために、これも必要（あとは、#subのところでpadding-bottomを32768pxに、margin-bottomを-32768pxに。*/
}


.gridContainer-white {
/*width: 1000px; メイン画像との隙間をひろめにしたいとき */
  width: 990px;/*背景が画像でメイン画像との隙間をせまくしたいとき */
 max-width: 1000px;
 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）■PC■─── */
#seo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	max-width: 1200px;
	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 : 12px;
	line-height : 125.00%;
	color: #FFFFFF;
	font-weight: normal;
	text-align: right;
	margin-top: 3px;
	margin-left: 2px;
}
/* ■スマホヘッダを非表示に■PC・TAB■─── */
#headersp {
	display: none;
}

.spgaibulink {
	width:100%;
}
/* ■スマホヘッダを非表示に■PC・TAB■─── */
#headerpctab {
 width: 100%;
}
.clear {
clear:both;　/*floatの解除、ここがポイント*/
}
/* ■フッター■PC・TAB■────── */
#footer {
  clear: both;
  width: 100%;
  margin-top: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  line-height: 1.4;
  border-top: solid 0px;
  border-top-color: #000000;
 background-color: #85B200;
}
.tab-only {
  display:none;
}
.sp-only {
  display:none;
}
.tabsp-only {
  display:none;
}
.shirabe-waku {
	width: 100%;
	max-width: 1200px;
 padding: 24px;
 margin-top: 24px;
 margin-bottom: 24px;
 background-color: #FFF9EE;
 border: 1px solid #FFE7B9;
}
.shirabe01 {
width:53%;
float:left;
}
.shirabe02 {
width:47%;
float:left;
  padding-left: 30px;
}

.koki-waku {
	width: 100%;
	max-width: 1200px;
 padding: 24px;
 margin-top: 24px;
 margin-bottom: 24px;
 background-color: #FFF9EE;
 border: 1px solid #FFE7B9;
}
.koki01 {
width:40%;
float:left;
}
.koki02 {
width:60%;
float:left;
  padding-left: 30px;
}

.kengaku-waku {
width:100%;
 text-align: left;
  margin-bottom:6px;
}
.kengaku01 {
width:50%;
float:left;
}
.kengaku02 {
width:50%;
float:left;
  padding-left: 30px;
}

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

.shirabe-cassette-ph {
 width:100%;
  padding:2px;
  border: 3px solid #DAE8B2;
}
.shirabe-flag {
 font-size: 28px;
 color: #8C8C44;
 margin-top: 4px;
 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;
}
.no {
  margin-top:0px;
}
.flag {
 font-size: 26px;
 color: #9B9B4B;
}

.basho {
 font-size: 25px;
 color: #000000;
 line-height : 120.00%;
    padding-left: 20px;
}
.honbun {
 font-size: 16px;
 color: #000000;
 line-height : 160.00%;
    margin-top: 16px;
}
.midashiset {
    margin-top: 10px;
  display:flex;
align-items: flex-end;
}
.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;
}
.koki-midashi {
 font-size: 20px;
 color: #FF614B;
 line-height : 120.00%;
 margin-top: 8px;
}
.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 {
    padding-left: 518px;
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: 100%;
  text-align: center;
  text-decoration: none;
  color: #FF5355;
  width: 70%;
   margin-left: auto;
   margin-right: auto;
 margin-top: 8px;
 margin-bottom: 8px;
   padding-top: 14px;
   padding-bottom: 14px;
   border : double 4px #40A8FF;
 border-radius: 20px;
  background: #FFFFB3;
}
.otoiawase-bt a:link {
  color: #FF5355;
}
 
.otoiawase-bt:hover{
  background: #FFFF9A;
}
 
.sp-setsumei  {
  display:none;
}