@charset "UTF-8";


body {
  margin: 0px; padding: 0px;
  text-align: center;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
a:hover img{
  opacity: 0.5;
  filter: alpha(opacity=50);
}
/*---------------------------------------
全体定義
----------------------------------------*/
.fl_l{float:left;}
.fl_r{float:right;}

.mb10{ margin-bottom: 10px;}
.m20{ margin: 20px;}
.mt10{ margin-top: 10px;}
.mtb10{ margin-top: 10px; margin-bottom: 10px;}

.m10{ margin: 10px;}

.p10{ padding: 10px;}

.t_l{ text-align: left;}
.wrap_blue{background-color: #0a82d7;}
.wrap_pink{background-color: pink;}
.wrap_green{background-color: #009245;}


/*-------------------------------------
グリット周りの定義
---------------------------------------*/
.mini-layout {
    /*border: 1px solid #ddd;*/
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    background-color: #FFFFFF;
}

.mini-layout {
	margin: 10px 0;
	padding: 9px;
}
.row-fluid .table{
 margin-bottom: 0;
}
/*-------------------------------------
SNS
---------------------------------------*/
.snsb {
	overflow: hidden;
	margin-top: 10px;
}
.snsb li {
	float: left;
	margin-right: 4px;
	list-style: none;
}
.snsb iframe {
	margin: 0 !important;
}
/*-------------------------------------
02_お題
---------------------------------------*/

/*--冬_10～5月--*/
.odai_img{
    background-image: url("img2016/02_01_odai_img_1610.gif");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0;
    width: 100%;
}

/*--夏_6～9月--*/
.odai_img_natu{
    background-image: url("img2016/02_01_odai_img.gif");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0;
    width: 100%;
}


.follow_btn{
 text-align: left;
 padding: 25% 0 2% 2%;
 top:0; left:0;
}
.follow_btn img{
 width: 50%;
}

/*-------------------------------------
03_マメーポイント交換
---------------------------------------*/

/*--冬10～5月--*/
.mame_img{
    background-image: url("img2016/02_02_mame_txt_1710.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0;
    width: 100%;
}

/*--夏6～9月--*/
.mame_img_natu{
    background-image: url("img2016/02_02_mame_txt_1709.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0;
    width: 100%;
}

.mame_club_btn{
 text-align: right;
 padding: 45% 5% 2% 0;
 top:0; left:0;
}
.mame_club_btn img{
 width: 52%;
}

/*-------------------------------------
マウスオーバーで白
---------------------------------------*/
a:hover img.overwhite{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}


/*-----------------------------------------------------------------
ウィジェット
-----------------------------------------------------------------*/
.tw_wi_area{
 display:block;
 height: 530px;
}
/*-----------------------------------------------------------------
Float
-----------------------------------------------------------------*/
/* clearfix */
.clearfix:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
.clearfix {
 display:inline-block;
}
/* hide mac ie \*/
* html .clearfix {
 height:1%;
}
.clearfix {
 display: block;
}

.clear{
 clear: both;
}
/* end */
/*-------------------------------------
Bootstorap　CSS
---------------------------------------*/
.thumbnail {
  background-color:#FFFFFF;
}



/*[if IE]*/

>.container {padding-left:14px;}
>.frame {left:4px; top:4px;}
>.shadow {background:#000; margin:-4px -4px; filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.60');}


/*-------------------------------------
btn
---------------------------------------*/
.btnw {
    width: 300px;
}

/* -- 白 --*/
.button-sub {
    background: #FFF!important;
    color: #4d4d4d!important;
    border: 1px solid gray!important;
}

/* 半透明 ____________________ */
.tra:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}