@charset "utf-8";
/* CSS Document */
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
0.0 - all
1.0 - header
2.0 - contents
3.0 - footer
--------------------------------------------------------------*/

/*-------------------
0.0 - all
---------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; 
}
html{
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
@media screen and (min-width: 769px){/*画面の横幅が769px以上*/
body {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 0;/*上部header固定*/
    padding: 260px 0 0 0; /*上部header固定*/
}

}
@media screen and (max-width: 768px){/* 画面の横幅が768pxまで*/
body {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 0;/*上部header固定*/
    padding: 190px 0 0 0; /*上部header固定*/
}
}
@media screen and (max-width: 700px){/* 画面の横幅が700pxまで*/
body {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 0;/*上部header固定*/
    padding: 170px 0 0 0; /*上部header固定*/
}
}
@media screen and (max-width: 640px){/* 画面の横幅が640pxまで*/
body {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 0;/*上部header固定*/
    padding: 135px 0 0 0; /*上部header固定*/
}
}
@media screen and (max-width: 480px){/* 画面の横幅が480pxまで*/
body {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 0;/*上部header固定*/
    padding: 110px 0 0 0; /*上部header固定*/
}
}
@media screen and (max-width: 320px){/* 画面の横幅が320pxまで*/
body {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 0;/*上部header固定*/
    padding: 90px 0 0 0; /*上部header固定*/
}
}
* html body{  
    overflow: hidden; /*上部header固定*/ 
}
p{
	padding:0;
	margin:0;
	line-height:0;
}
a{
	text-decoration:none;
}
a:hover,
a:active {
  outline: 0; 
}
a img {
  border: 0;
  opacity: 1;/*透明ではない*/   
}
a:hover img {
  border: 0;
  opacity: 0.8 !important;/*透明*/  
}
.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */ 
header h1{
	width:100%;
}

/*-------------------
1.0 - header
---------------------*/
@media screen and (max-width: 1024px){/*画面の横幅が769px以上*/
.bg h1 img{
	width:100%;
}
}
@media screen and (min-width: 769px){/*画面の横幅が769px以上*/
.bg{
	width:100%;
	background:url(../images/bg.jpg) repeat-x;
	text-align:center;
	padding:0 0 0 0;
	line-height:0;
}
header{
	width:100%;/*上部header固定*/
	background:none;
	/*opacity: 0.9;背景色透明*/
	padding:0 0 0 0;
    position: fixed !important; /*上部header固定*/ 
    position: absolute;/*上部header固定*/
    top: 0;  /*上部header固定*/
    left: 0;/*上部header固定*/
	z-index:2;	/*重なり順指定_大きい数字の方が上に表示される */
}
* html header{  
    height: 100%;/*上部header固定*/
    overflow: auto; /*上部header固定*/ 
}
#header_all{
  max-width:1100px !important;
  margin:0 auto !important;
}
#btn_all{
	width:100%;
	background: linear-gradient(to bottom, #FFAA23, #FC8019);/* IE10+, W3C */
	background: -moz-linear-gradient(top,#f2f2f2,#f2f2f2 5%,#ffffff 5%,#eaeaea 95%,#eaeaea 95%,#dedede);
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), color-stop(0.05,#f2f2f2), color-stop(0.05,#ffffff), color-stop(0.95,#eaeaea), color-stop(0.95,#dedede), to(#dedede));
	padding:0;
	margin:0 0 0 0;
}
.n_btn{
	font-size: 1.6rem;
	font-weight:normal;
	background: linear-gradient(to bottom, #FFAA23, #FC8019);/* IE10+, W3C */
	background: -moz-linear-gradient(top,#f2f2f2,#f2f2f2 5%,#ffffff 5%,#eaeaea 95%,#eaeaea 95%,#dedede);
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), color-stop(0.05,#f2f2f2), color-stop(0.05,#ffffff), color-stop(0.95,#eaeaea), color-stop(0.95,#dedede), to(#dedede));
	border-left: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	color: #333;
	width:31%;
	padding:1%;
	float:left;
	margin:0 0 0 0;
	text-align:center;
}
.n_btn a{
	display:block;/*ボタン全体にリンク範囲を*/
	width:100%;/*ボタン全体にリンク範囲を*/
	color: #333;
}
}
@media screen and (max-width: 768px){/* 画面の横幅が768pxまで*/
.bg{
	width:100%;
	background:none;
	text-align:center;
	padding:0 0 0 0;
	line-height:0;
}
.bg h1 img{
	width:100%;
}
header{
	width:100%;/*上部header固定*/
	background:none;
	/*opacity: 0.9;背景色透明*/
	padding:0 0 0 0;
    position: fixed !important; /*上部header固定*/ 
    position: absolute;/*上部header固定*/
    top: 0;  /*上部header固定*/
    left: 0;/*上部header固定*/
	z-index:2;	/*重なり順指定_大きい数字の方が上に表示される */
}
* html header{  
    height: 100%;/*上部header固定*/
    overflow: auto; /*上部header固定*/ 
}
#header_all{
  max-width:100% !important;
  margin:0 auto !important;
}
#btn_all{
	width:100%;
	background: linear-gradient(to bottom, #FFAA23, #FC8019);/* IE10+, W3C */
	background: -moz-linear-gradient(top,#f2f2f2,#f2f2f2 5%,#ffffff 5%,#eaeaea 95%,#eaeaea 95%,#dedede);
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), color-stop(0.05,#f2f2f2), color-stop(0.05,#ffffff), color-stop(0.95,#eaeaea), color-stop(0.95,#dedede), to(#dedede));
	padding:0;
	margin:0 0 0 0;
}
.n_btn{
	font-size: 1.6rem;
	font-weight:normal;
	background: linear-gradient(to bottom, #FFAA23, #FC8019);/* IE10+, W3C */
	background: -moz-linear-gradient(top,#f2f2f2,#f2f2f2 5%,#ffffff 5%,#eaeaea 95%,#eaeaea 95%,#dedede);
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), color-stop(0.05,#f2f2f2), color-stop(0.05,#ffffff), color-stop(0.95,#eaeaea), color-stop(0.95,#dedede), to(#dedede));
	border-left: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	color: #333;
	width:31%;
	padding:1%;
	float:left;
	margin:0 0 0 0;
	text-align:center;
}
.n_btn a{
	display:block;/*ボタン全体にリンク範囲を*/
	width:100%;/*ボタン全体にリンク範囲を*/
	color: #333;
}
}
@media screen and (max-width: 640px){/* 画面の横幅が640pxまで*/
.bg{
	width:100%;
	background:none;
	text-align:center;
	padding:0 0 0 0;
	line-height:0;
}
.bg h1 img{
	width:100%;
}
header{
	width:100%;/*上部header固定*/
	background:none;
	/*opacity: 0.9;背景色透明*/
	padding:0 0 0 0;
    position: fixed !important; /*上部header固定*/ 
    position: absolute;/*上部header固定*/
    top: 0;  /*上部header固定*/
    left: 0;/*上部header固定*/
	z-index:2;	/*重なり順指定_大きい数字の方が上に表示される */
}
* html header{  
    height: 100%;/*上部header固定*/
    overflow: auto; /*上部header固定*/ 
}
#header_all{
  max-width:100% !important;
  margin:0 auto !important;
}
#btn_all{
	width:100%;
	background: linear-gradient(to bottom, #FFAA23, #FC8019);/* IE10+, W3C */
	background: -moz-linear-gradient(top,#f2f2f2,#f2f2f2 5%,#ffffff 5%,#eaeaea 95%,#eaeaea 95%,#dedede);
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), color-stop(0.05,#f2f2f2), color-stop(0.05,#ffffff), color-stop(0.95,#eaeaea), color-stop(0.95,#dedede), to(#dedede));
	padding:0;
	margin:0 0 0 0;
}
.n_btn{
	font-size: 1.2rem;
	font-weight:normal;
	background: linear-gradient(to bottom, #FFAA23, #FC8019);/* IE10+, W3C */
	background: -moz-linear-gradient(top,#f2f2f2,#f2f2f2 5%,#ffffff 5%,#eaeaea 95%,#eaeaea 95%,#dedede);
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), color-stop(0.05,#f2f2f2), color-stop(0.05,#ffffff), color-stop(0.95,#eaeaea), color-stop(0.95,#dedede), to(#dedede));
	border-left: 1px solid #DEDEDE;
	border-right:none;
	color: #333;
	width:33%;
	padding:5% 0;
	float:left;
	margin:0 0 0 0;
	text-align:center;
}
.n_btn a{
	display:block;/*ボタン全体にリンク範囲を*/
	width:100%;/*ボタン全体にリンク範囲を*/
	color: #333;
}
}
@media screen and (max-width: 568px){/* 画面の横幅が568pxまで*/
.bg{
	width:100%;
	background:none;
	text-align:center;
	padding:0 0 0 0;
	line-height:0;
}
.bg h1 img{
	width:100%;
}
header{
	width:100%;/*上部header固定*/
	background:none;
	/*opacity: 0.9;背景色透明*/
	padding:0 0 0 0;
    position: fixed !important; /*上部header固定*/ 
    position: absolute;/*上部header固定*/
    top: 0;  /*上部header固定*/
    left: 0;/*上部header固定*/
	z-index:2;	/*重なり順指定_大きい数字の方が上に表示される */
}
* html header{  
    height: 100%;/*上部header固定*/
    overflow: auto; /*上部header固定*/ 
}
#header_all{
  max-width:100% !important;
  margin:0 auto !important;
}
#btn_all{
	width:100%;
	background: linear-gradient(to bottom, #FFAA23, #FC8019);/* IE10+, W3C */
	background: -moz-linear-gradient(top,#f2f2f2,#f2f2f2 5%,#ffffff 5%,#eaeaea 95%,#eaeaea 95%,#dedede);
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), color-stop(0.05,#f2f2f2), color-stop(0.05,#ffffff), color-stop(0.95,#eaeaea), color-stop(0.95,#dedede), to(#dedede));
	padding:0;
	margin:0 0 0 0;
}
.n_btn{
	font-size: 1.2rem;
	font-weight:normal;
	background: linear-gradient(to bottom, #FFAA23, #FC8019);/* IE10+, W3C */
	background: -moz-linear-gradient(top,#f2f2f2,#f2f2f2 5%,#ffffff 5%,#eaeaea 95%,#eaeaea 95%,#dedede);
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), color-stop(0.05,#f2f2f2), color-stop(0.05,#ffffff), color-stop(0.95,#eaeaea), color-stop(0.95,#dedede), to(#dedede));
	border-left: 1px solid #DEDEDE;
	border-right:none;
	color: #333;
	width:33%;
	padding:1% 0;
	float:left;
	margin:0 0 0 0;
	text-align:center;
}
.n_btn a{
	display:block;/*ボタン全体にリンク範囲を*/
	width:100%;/*ボタン全体にリンク範囲を*/
	color: #333;
}
}
/*-------------------
2.0 - contents
---------------------*/
@media screen and (min-width: 769px){/*画面の横幅が769px以上*/
#contents{
	max-width:1100px;
	padding:0;
	margin:0 auto 0 auto;
	z-index:1;	/*重なり順指定_大きい数字の方が上に表示される */
}
#main_text{
	font-size: 1.4rem;
	line-height:1.4 !important;
	padding:0 0 1% 0;
	color:#ED641C;color:#666;
}
#contents h2,
#bottom h2{
	font-size: 1.9rem;
	font-weight:normal;
	background:url(../images/h2_bg.jpg) repeat-x;
	color: #fff;
	font-weight:bold;
	width:98%;
	padding:1%;
	margin:0;
	text-align:left;
}
.main_img{
	font-size: 2rem;
	line-height:1.4 !important;
	color:#FF0004;
	width:100%;
	/*background-color:#FEE9CC;*/
	background:url(../images/event_bg.gif) repeat;
	padding:1% 0 1% 0;
	text-align:center;
	margin:0 0 3% 0;
}
.main_img span{
	font-size: 1.3rem;
}
.main_img img{
	width:55%;width:95%;
}
#oshirase{
	width:100%;
	padding:0 0 2% 0;
}
#oshirase ul{
	width:100%;
	background-color:#FAFCF0;
}
#oshirase ul li{
	/*background-color:#FEFFE0;*/
	clear:both;
	list-style-type:none;
	padding:1% 0 1% 1%;
	border-bottom:1px solid #FFC989;
}
#oshirase ul li span{
	font-size: 1.2rem;
	color:#333;
}
#oshirase ul li div.oshirase_l{
	width:83%;
	padding:0 1% 0 0;
	float:left;	
	text-overflow: ellipsis;

}
#oshirase ul li div.oshirase_r{
    overflow: hidden;
    width: 130px;/* トリミングしたい枠の幅 */
    height: 130px;/* トリミングしたい枠の高さ */
	float:right;
	text-align:left;
	margin:0 1% 0 0;
 position: relative;
 }
 #oshirase ul li div.oshirase_r img{  /* 画像の縦と横、大きいほうに合わせてリサイズ */
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

#oshirase ul li p.title{
	line-height:1.5;
	font-size: 1.5rem;
	font-weight:bold;
	color:#333;	color:#FF7618;
}
#oshirase ul li p.title a{
	font-size: 1.8rem;
	color:#FF7618;
	font-weight:bold;
	text-decoration:underline;
}
#oshirase ul li p.oshirase_text{
	font-size: 1.3rem;
	line-height:1.3;
}
}
@media screen and (max-width: 768px){/* 画面の横幅が768pxまで*/
#contents{
	max-width:95%;
	padding:0;
	margin:0 auto 0 auto;
	z-index:1;	/*重なり順指定_大きい数字の方が上に表示される */
}
#main_text{
	font-size: 1.3rem;
	line-height:1.3 !important;
	padding:0 0 1% 0;
	color:#666;
}
#contents h2,
#bottom h2{
	font-size: 1.7rem;
	font-weight:normal;
	background:url(../images/h2_bg.jpg) repeat-x;
	color: #fff;
	font-weight:bold;
	width:98%;
	padding:1%;
	margin:1% 0 0 0;
	text-align:left;
}
.main_img{
	font-size: 1.3rem;
	line-height:1.3 !important;
	color:#FF0004;
	width:96%;
	background:url(../images/event_bg.gif) repeat;
	padding:1% 2% 1% 2%;
	text-align:center;
	margin:0 0 3% 0;
}
.main_img span{
	font-size: 1.2rem;
}
.main_img img{
	width:82%;
	padding:0 0 1% 0;
}
#oshirase{
	width:100%;
	padding:0 0 2% 0;
}
#oshirase ul{
	width:100%;
	background-color:#FAFCF0;
}
#oshirase ul::-webkit-scrollbar {/*スクロールバー全体の色とサイズ*/
  background:#E5E5E5;
  width:15px;
}
#oshirase ul::-webkit-scrollbar-thumb {/*スクロールバーの動かす部分の色*/
  background:#ccc;
}
#oshirase ul li{
	clear:both;
	list-style-type:none;
	padding:1% 0 1% 1%;
	border-bottom:1px solid #FFC989;
}
#oshirase ul li span{
	font-size: 1.2rem;
	color:#333;
}
#oshirase ul li div.oshirase_l{
	width:79%;
	padding:0 1% 0 0;
	float:left;
	text-overflow: ellipsis;

}
#oshirase ul li div.oshirase_r{
    overflow: hidden;
    width: 120px;/* トリミングしたい枠の幅 */
    height: 120px;/* トリミングしたい枠の高さ */
	float:right;
	text-align:left;
	margin:0 1% 0 0;
 position: relative;
 }
 #oshirase ul li div.oshirase_r img{  /* 画像の縦と横、大きいほうに合わせてリサイズ */
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

#oshirase ul li p.title{
	line-height:1.5;
	font-size: 1.5rem;
	font-weight:bold;
	color:#333;	color:#FF7618;
}
#oshirase ul li p.title a{
	font-size: 1.8rem;
	color:#FF7618;
	font-weight:bold;
	text-decoration:underline;
}
#oshirase ul li p.oshirase_text{
	font-size: 1.3rem;
	line-height:1.3;
}
}
@media screen and (max-width: 700px){/* 画面の横幅が700pxまで*/
#contents{
	max-width:95%;
	padding:0;
	margin:0 auto 0 auto;
	z-index:1;	/*重なり順指定_大きい数字の方が上に表示される */
}
#main_text{
	font-size: 1.3rem;
	line-height:1.3 !important;
	padding:0 0 1% 0;
	color:#666;
}
#contents h2,
#bottom h2{
	font-size: 1.7rem;
	font-weight:normal;
	background:url(../images/h2_bg.jpg) repeat-x;
	color: #fff;
	font-weight:bold;
	width:98%;
	padding:1%;
	margin:1% 0 0 0;
	text-align:left;
}
.main_img{
	font-size: 1.3rem;
	line-height:1.3 !important;
	color:#FF0004;
	width:96%;
	background:url(../images/event_bg.gif) repeat;
	padding:1% 2% 1% 2%;
	text-align:center;
	margin:0 0 3% 0;
}
.main_img span{
	font-size: 1.2rem;
}
.main_img img{
	width:82%;
	padding:0 0 1% 0;
}
#oshirase{
	width:100%;
	padding:0 0 2% 0;
}
#oshirase ul{
	width:100%;
	background-color:#FAFCF0;
}
#oshirase ul::-webkit-scrollbar {/*スクロールバー全体の色とサイズ*/
  background:#E5E5E5;
  width:15px;
}
#oshirase ul::-webkit-scrollbar-thumb {/*スクロールバーの動かす部分の色*/
  background:#ccc;
}
#oshirase ul li{
	clear:both;
	list-style-type:none;
	padding:1% 0 1% 1%;
	border-bottom:1px solid #FFC989;
}
#oshirase ul li span{
	font-size: 1.2rem;
	color:#333;
}
#oshirase ul li div.oshirase_l{
	width:76%;
	padding:0 1% 0 0;
	float:left;
text-overflow: ellipsis;
}
#oshirase ul li div.oshirase_r{
    overflow: hidden;
    width: 120px;/* トリミングしたい枠の幅 */
    height: 120px;/* トリミングしたい枠の高さ */
	text-align:left;
	margin:0 1% 0 0;
position: relative;
}
#oshirase ul li div.oshirase_r img{  /* 画像の縦と横、大きいほうに合わせてリサイズ */
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
#oshirase ul li p.title{
	line-height:1.5;
	font-size: 1.5rem;
	font-weight:bold;
	color:#333;	color:#FF7618;
}
#oshirase ul li p.title a{
	font-size: 1.8rem;
	color:#FF7618;
	font-weight:bold;
	text-decoration:underline;
}
#oshirase ul li p.oshirase_text{
	font-size: 1.3rem;
	line-height:1.3;
}
}
@media screen and (max-width: 640px){/* 画面の横幅が640pxまで*/
#contents{
	max-width:95%;
	padding:0;
	margin:0 auto 0 auto;
	z-index:1;	/*重なり順指定_大きい数字の方が上に表示される */
}
#main_text{
	font-size: 1.2rem;
	line-height:1.2 !important;
	padding:0 0 1% 0;
	color:#666;
}
#contents h2,
#bottom h2{
	font-size: 1.4rem;
	font-weight:normal;
	background:url(../images/h2_bg.jpg) repeat-x;
	color: #fff;
	font-weight:bold;
	width:96%;
	padding:1% 2%;
	margin:1% 0 0 0;
	text-align:left;
}
.main_img{
	font-size: 1.3rem;
	line-height:1.3 !important;
	color:#FF0004;
	width:96%;
	background:url(../images/event_bg.gif) repeat;
	padding:2% 2% 2% 2%;
	text-align:left;
	margin:0 0 3% 0;
}
.main_img span{
	font-size: 1.1rem;
}
.main_img img{
	width:100%;
	padding:0 0 1% 0;
}
#oshirase{
	width:100%;
	padding:0 0 2% 0;
}
#oshirase ul{
	width:100%;
	background-color:#FAFCF0;
}
#oshirase ul::-webkit-scrollbar {/*スクロールバー全体の色とサイズ*/
  background:#E5E5E5;
  width:15px;
}
#oshirase ul::-webkit-scrollbar-thumb {/*スクロールバーの動かす部分の色*/
  background:#ccc;
}
#oshirase ul li{
	clear:both;
	list-style-type:none;
	padding:2% 0 2% 1%;
	border-bottom:1px solid #FFC989;
}
#oshirase ul li span{
	font-size: 1.1rem;
	color:#666;
}
#oshirase ul li div.oshirase_l{
	width:70%;
	padding:0 1% 0 0;
	float:left;
text-overflow: ellipsis;
}
#oshirase ul li div.oshirase_r{
    overflow: hidden;
    width: 80px;/* トリミングしたい枠の幅 */
    height: 80px;/* トリミングしたい枠の高さ */
	text-align:left;
	margin:0 1% 0 0;
 position: relative;
 }
 #oshirase ul li div.oshirase_r img{  /* 画像の縦と横、大きいほうに合わせてリサイズ */
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
#oshirase ul li p.title{
	font-size: 1.3rem;
	line-height:1.3;
	font-weight:bold;
	color:#FF7618;
}
#oshirase ul li p.title a{
	font-size: 1.4rem;
	color:#FF7618;
	font-weight:bold;
	text-decoration:underline;
}
#oshirase ul li p.oshirase_text{
	padding:1% 0 0 0;
	margin:0;
	font-size: 1.2rem;
	line-height:1.3;
}

/*モバイル用ローディング画像の設定*/
#boxer.mobile.loading .boxer-container {
  background: #000 url(../images/boxer/jquery.fs.boxer-loading-dark.gif) no-repeat center;
}
 
/*オーバーレイの設定*/
#boxer-overlay {
  background: #000;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;

}
 
/*オーバーレイの不透明度の設定*/
.boxer-open #boxer-overlay {
  opacity: 0.75;
}
}
@media screen and (max-width: 568px){/* 画面の横幅が568pxまで*/
#contents{
	max-width:95%;
	padding:0;
	margin:0 auto 0 auto;
	z-index:1;	/*重なり順指定_大きい数字の方が上に表示される */
}
#main_text{
	font-size: 1.2rem;
	line-height:1.2 !important;
	padding:0 0 1% 0;
	color:#666;
}
#contents h2,
#bottom h2{
	font-size: 1.4rem;
	font-weight:normal;
	background:url(../images/h2_bg.jpg) repeat-x;
	color: #fff;
	font-weight:bold;
	width:96%;
	padding:1% 2%;
	margin:1% 0 0 0;
	text-align:left;
}
.main_img{
	font-size: 1.3rem;
	line-height:1.3 !important;
	color:#FF0004;
	width:96%;
	background:url(../images/event_bg.gif) repeat;
	padding:2% 2% 2% 2%;
	text-align:left;
	margin:0 0 3% 0;
}
.main_img span{
	font-size: 1.1rem;
}
.main_img img{
	width:100%;
	padding:0 0 1% 0;
}
#oshirase{
	width:100%;
	padding:0 0 2% 0;
}
#oshirase ul{
	width:100%;
	background-color:#FAFCF0;
}
#oshirase ul::-webkit-scrollbar {/*スクロールバー全体の色とサイズ*/
  background:#E5E5E5;
  width:15px;
}
#oshirase ul::-webkit-scrollbar-thumb {/*スクロールバーの動かす部分の色*/
  background:#ccc;
}
#oshirase ul li{
	clear:both;
	list-style-type:none;
	padding:2% 0 2% 1%;
	border-bottom:1px solid #FFC989;
}
#oshirase ul li span{
	font-size: 1.1rem;
	color:#666;
}
#oshirase ul li div.oshirase_l{
	width:80%;
	padding:0 1% 0 0;
	float:left;
text-overflow: ellipsis;
}
#oshirase ul li div.oshirase_r{
    overflow: hidden;
    width: 80px;/* トリミングしたい枠の幅 */
    height: 80px;/* トリミングしたい枠の高さ */
	text-align:left;
	margin:0 1% 0 0;
 position: relative;
 }
 #oshirase ul li div.oshirase_r img{  /* 画像の縦と横、大きいほうに合わせてリサイズ */
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
#oshirase ul li p.title{
	font-size: 1.3rem;
	line-height:1.3;
	font-weight:bold;
	color:#FF7618;
}
#oshirase ul li p.title a{
	font-size: 1.4rem;
	color:#FF7618;
	font-weight:bold;
	text-decoration:underline;
}
#oshirase ul li p.oshirase_text{
	padding:1% 0 0 0;
	margin:0;
	font-size: 1.2rem;
	line-height:1.3;
}
}
@media screen and (max-width: 480px){/* 画面の横幅が480pxまで*/
#contents{
	max-width:95%;
	padding:0;
	margin:0 auto 0 auto;
	z-index:1;	/*重なり順指定_大きい数字の方が上に表示される */
}
#main_text{
	font-size: 1.2rem;
	line-height:1.2 !important;
	padding:0 0 1% 0;
	color:#666;
}
#contents h2,
#bottom h2{
	font-size: 1.4rem;
	font-weight:normal;
	background:url(../images/h2_bg.jpg) repeat-x;
	color: #fff;
	font-weight:bold;
	width:96%;
	padding:1% 2%;
	margin:1% 0 0 0;
	text-align:left;
}
.main_img{
	font-size: 1.3rem;
	line-height:1.3 !important;
	color:#FF0004;
	width:96%;
	background:url(../images/event_bg.gif) repeat;
	padding:2% 2% 2% 2%;
	text-align:left;
	margin:0 0 3% 0;
}
.main_img span{
	font-size: 1.1rem;
}
.main_img img{
	width:100%;
	padding:0 0 1% 0;
}
#oshirase{
	width:100%;
	padding:0 0 2% 0;
}
#oshirase ul{
	width:100%;
	background-color:#FAFCF0;
}
#oshirase ul::-webkit-scrollbar {/*スクロールバー全体の色とサイズ*/
  background:#E5E5E5;
  width:15px;
}
#oshirase ul::-webkit-scrollbar-thumb {/*スクロールバーの動かす部分の色*/
  background:#ccc;
}
#oshirase ul li{
	clear:both;
	list-style-type:none;
	padding:2% 0 2% 1%;
	border-bottom:1px solid #FFC989;
}
#oshirase ul li span{
	font-size: 1.1rem;
	color:#666;
}
#oshirase ul li div.oshirase_l{
	width:68%;
	padding:0 0 0 0;
	float:left;
text-overflow: ellipsis;
}
#oshirase ul li div.oshirase_r{
    overflow: hidden;
    width: 80px;/* トリミングしたい枠の幅 */
    height: 80px;/* トリミングしたい枠の高さ */
	text-align:left;
	margin:0 1% 0 0;
 position: relative;
 }
 #oshirase ul li div.oshirase_r img{  /* 画像の縦と横、大きいほうに合わせてリサイズ */
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
#oshirase ul li p.title{
	font-size: 1.3rem;
	line-height:1.3;
	font-weight:bold;
	color:#FF7618;
}
#oshirase ul li p.title a{
	font-size: 1.4rem;
	color:#FF7618;
	font-weight:bold;
	text-decoration:underline;
}
#oshirase ul li p.oshirase_text{
	padding:1% 0 0 0;
	margin:0;
	font-size: 1.2rem;
	line-height:1.3;
}
}
/*-------------------
3.0 - footer
---------------------*/
#pagetop{
	clear:both;
	width:99%;
	padding:1% 0 1% 0;
	margin:4% auto 0 auto;
	line-height:0;
	text-align:right;
}
@media screen and (min-width: 769px){/*画面の横幅が769px以上*/
footer{
	max-width:1100px;
	padding:0;
	margin:0 auto 0 auto;
	z-index:0;	/*重なり順指定_大きい数字の方が上に表示される */
}
footer div.shop{
	width:99%;
	padding:2% 0% 1% 1%;
	margin:0 auto;
	background-color:#FFFEDC;
}
footer ul{
	width:100%;
	margin:0 1% 0 1%;
}
footer li{
	width:30%;
	list-style-type:none;
	padding:0 3% 2% 0;
  display: inline-block !important;/*横並び指定*/
  vertical-align: top !important;/*改行しても上揃え*/
}
footer li p img{
	padding:0 0 1% 0;
}
footer li p a{
	color:#FF5700;
	text-decoration:underline;	
	font-size: 1.2em;
	line-height:1.2 !important;
}
footer li p{
	background-color:#fff;
}
footer li p.type{
	width:96%;
	background-color:#FFE9C8 !important;
	color:#FF5700;
	font-weight:bold;
	padding:1% 2% !important;
	font-size: 1.5em;
	line-height:normal !important;
	border-left:2px #FF5700 solid;
}
footer li p.shop_text{
	width:96%;
	color:#333;
	font-size: 1.2em;
	line-height:1.4 !important;
	padding:2%;
	background-color:#fff;
}
#pagetop a{
	color:#FFF;
	font-size: 1.4rem;
	text-decoration:underline;text-decoration:none;
	background-color:#FF771F;
	padding:1%;
}
p#copy{
	width:96%;
	background-color:#FF771F;
	padding:1% 2% 1% 2%;
	margin:0;
	text-align:center;
	font-size: 1.2rem;
	color:#fff;
}
p#copy a{
	font-size: 1.2rem;	color:#00027C;
}
}
@media screen and (max-width: 768px){/* 画面の横幅が768pxまで*/
footer{
	max-width:95%;
	padding:0;
	margin:0 auto 0 auto;
	z-index:0;	/*重なり順指定_大きい数字の方が上に表示される */
}
footer div.shop{
	width:99%;
	padding:2% 0% 1% 1%;
	margin:0 auto;
	background-color:#FFFEDC;
}
footer ul{
	width:100%;
	float:left;
	margin:0 1%;
}
footer li{
	width:30%;
	list-style-type:none;
	padding:0 3% 2% 0;
  display: inline-block !important;/*横並び指定*/
  vertical-align: top !important;/*改行しても上揃え*/
}
footer li p img{
	padding:0 0 1% 0;
}
footer li p a{
	color:#FF5700;
	text-decoration:underline;	
	font-size: 1.2em;
	line-height:1.2 !important;
}
footer li p{
	background-color:#fff;
}
footer li p.type{
	width:96%;
	background-color:#FFE9C8 !important;
	color:#FF5700;
	font-weight:bold;
	padding:1% 2% !important;
	font-size: 1.5em;
	line-height:normal !important;
	border-left:2px #FF5700 solid;
}
footer li p.shop_text{
	width:96%;
	color:#333;
	font-size: 1.2em;
	line-height:1.4 !important;
	padding:2%;
	background-color:#fff;
}
#pagetop a{
	color:#FFF;
	font-size: 1.4rem;
	text-decoration:underline;text-decoration:none;
	background-color:#FF771F;
	padding:1%;
}
p#copy{
	width:96%;
	background-color:#FF771F;
	padding:2% 2% 2% 2%;
	margin:0;
	text-align:center;
	font-size: 1.2rem;
	color:#fff;
}
p#copy a{
	font-size: 1.2rem;	color:#00027C;
}
}
@media screen and (max-width: 640px){/* 画面の横幅が640pxまで*/
footer{
	max-width:95%;
	padding:0;
	margin:0 auto 0 auto;
	z-index:0;	/*重なり順指定_大きい数字の方が上に表示される */
}
footer div.shop{
	width:99%;
	padding:2% 0% 1% 1%;
	margin:0 auto 2% auto;
	background-color:#FFFEDC;
}
footer ul{
	width:98%;
	float:left;
	margin:0 1%;
}
footer li{
	width:100%;
	list-style-type:none;
	padding:0 0 4% 0;
	
}
footer li p img{
	width:100%;
	padding:2% 0 1% 0;
}
footer li p a{
	color:#FF5700;
	text-decoration:underline;	
	font-size: 1.3em;
	line-height:1.3 !important;
	font-weight:bold;
}
footer li p{
	width:94%;
	padding:0 3%;
	background-color:#fff;
	margin:0 auto;
}
footer li p.type{
	width:96%;
	background-color:#FFE9C8 !important;
	color:#FF5700;
	font-weight:bold;
	padding:1% 2% !important;
	font-size: 1.3em;
	line-height:normal !important;
	border-left:2px #FF5700 solid;
}
footer li p.shop_text{
	width:96%;
	color:#333;
	font-size: 1.2em;
	line-height:1.3 !important;
	padding:2%;
	background-color:#fff;
}
#pagetop a{
	color:#FFF;
	font-size: 1.2rem;
	text-decoration:underline;text-decoration:none;
	background-color:#FF771F;
	padding:2%;
}
p#copy{
	width:96%;
	background-color:#FF771F;
	padding:4% 2% 4% 2%;
	margin:0;
	text-align:center;
	font-size: 1rem;
	color:#fff;
}
p#copy a{
	font-size: 1rem;
	color:#00027C;
}
}