@charset "utf-8";

/**
 * @version	0.0.1 2015/07/24
**/

/******************************************************/
/* 画像 */
/******************************************************/
@media screen and (max-width: 679px) {
	img.imageFit{width:100% !important;height:auto !important;}
	img.imageFit50{width:50% !important;height:auto !important;}
	img.imageFit55{width:55% !important;height:auto !important;}
	img.imageFit60{width:60% !important;height:auto !important;}
	img.imageFit65{width:65% !important;height:auto !important;}
	img.imageFit70{width:70% !important;height:auto !important;}
	img.imageFit75{width:75% !important;height:auto !important;}
	img.imageFit80{width:80% !important;height:auto !important;}
	img.imageFit85{width:85% !important;height:auto !important;}
	img.imageFit90{width:90% !important;height:auto !important;}
	img.imageFit95{width:95% !important;height:auto !important;}
	img.imageFit100{width:100% !important;height:auto !important;}
	img.imageFit110{width:110% !important;height:auto !important;}
	img.imageFit120{width:120% !important;height:auto !important;}
	img.imageFit130{width:130% !important;height:auto !important;}
	img.imageFit140{width:140% !important;height:auto !important;}
	img.imageFit150{width:150% !important;height:auto !important;}
}

/* 20151029 */
  /******************************************************/
  /* ボタン */
  /******************************************************/
  a.button{
    display: inline-block;
    border:1px solid #ababab;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background:#fffae9 url(/mobile/common_rwd2/images/ui/gradation_gray_s.png) bottom left repeat-x;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  a.button:hover{
    text-decoration: none;
    background-color:#faf2d6;
  }
  a.button.gray{background:#fcfcfc url(/mobile/common_rwd2/images/ui/gradation_gray_s.png) bottom left repeat-x !important;}
  a.button.gray:hover{background-color:#f4f4f4 !important;}
    a.button span{
      display: inline-block;
      padding:5px 12px 2px 27px;
      font-size:90%;
      font-weight: bold;
      color:#333;
      background:url(/mobile/common_rwd2/images/ui/linkcircle_05ss.png) 10px 0.7em no-repeat;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
    }
    a.button.gray span{background:url(/mobile/common_rwd2/images/ui/linkcircle_00ss.png) 10px center no-repeat;}
    a.button span.new_win:after{padding-left:3px;content: url(/mobile/one/rwd_images/icon_newwin.png);}

  a.buttonM{
    display: inline-block;
    border:1px solid #ababab;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background:#fffae9 url(/mobile/common_rwd2/images/ui/gradation_gray_s.png) bottom left repeat-x;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  a.buttonM:hover{
    text-decoration: none;
    background-color:#faf2d6;
  }
  a.buttonM.gray{background:#fcfcfc url(/mobile/common_rwd2/images/ui/gradation_gray_s.png) bottom left repeat-x !important;}
  a.buttonM.gray:hover{background-color:#f4f4f4 !important;}
    a.buttonM span{
      display: inline-block;
      padding:10px 17px 7px 32px;
      font-size:100%;
      font-weight: bold;
      color:#444;
      background:url(/mobile/common_rwd2/images/ui/linkcircle_05ss.png) 15px center no-repeat;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
    }
    a.buttonM.gray span{background:url(/mobile/common_rwd2/images/ui/linkcircle_00ss.png) 15px center no-repeat;}
    a.buttonM span.new_win:after{padding-left:3px;content: url(/mobile/one/rwd_images/icon_newwin.png);}

  a.buttonL{
    display: inline-block;
    border:1px solid #ababab;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background:#fffae9 url(/mobile/common_rwd2/images/ui/gradation_gray_s.png) bottom left repeat-x;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  a.buttonL:hover{
    text-decoration: none;
    background-color:#faf2d6;
  }
  a.buttonL.gray{background:#fcfcfc url(/mobile/common_rwd2/images/ui/gradation_gray_s.png) bottom left repeat-x !important;}
  a.buttonL.gray:hover{background-color:#f4f4f4 !important;}
    a.buttonL span{
      display: inline-block;
      padding:10px 32px 7px 42px;
      font-size:120%;
      font-weight: bold;
      color:#555;
      background:url(/mobile/common_rwd2/images/ui/linkcircle_05s.png) 20px center no-repeat;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
    }
    a.buttonL.gray span{background:url(/mobile/common_rwd2/images/ui/linkcircle_00s.png) 20px center no-repeat;}
    a.buttonL span.new_win:after{padding-left:3px;content: url(/mobile/one/rwd_images/icon_newwin.png);}

  a.closeButton{
    display: inline-block;
    border:1px solid #ababab;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background:#fffae9 url(/mobile/common_rwd2/images/ui/gradation_gray_s.png) bottom left repeat-x;
    text-align: center;
    width:180px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  a.closeButton:hover{
    text-decoration: none;
    background-color:#faf2d6;
  }
  a.closeButton.gray{background:#fcfcfc url(/mobile/common_rwd2/images/ui/gradation_gray_s.png) bottom left repeat-x !important;}
  a.closeButton.gray:hover{background-color:#f4f4f4 !important;}
    a.closeButton span{
      display: inline-block;
      padding:5px 12px 2px 24px;
      font-size:90%;
      color:#333;
      background:url(/mobile/common_rwd2/images/ui/close_05s.png) 10px center no-repeat;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
    }
    a.closeButton.gray span{background:url(/mobile/common_rwd2/images/ui/close_00s.png) 10px center no-repeat;}
/* 20151029 */

/******************************************************/
/* 段組 */
/******************************************************/

/* 2段組回り込み無 */
.nowrapText{margin-bottom:30px;}
.nowrapText:after {display:block;content:"";clear:both;overflow:hidden;}
	.nowrapText .floatLblock{
		float:left;
		margin-right:30px;
		_display:inline;
	}
	.nowrapText .floatRblock{
		float:right;
		margin-left:30px;
		_display:inline;
	}
	.nowrapText .nowrapblock{
		overflow:hidden;
		display:block;
		_display:inline-block;
	}

  @media screen and (max-width: 679px) {
		.nowrapText .floatRblock,
		.nowrapText .floatLblock{
			float:none;
			width:auto !important;
			text-align:center;
			margin-right:0;
			margin-left:0;
      margin-bottom:15px;
		}
	}

/* 2段組回り込み有 */
.wrapText{margin-bottom:30px;}
.wrapText:after {display:block;content:"";clear:both;overflow:hidden;}
	.wrapText .floatLblock{
		float:left;
		margin-right:30px;
	}
	.wrapText .floatRblock{
		float:right;
		margin-left:30px;
	}

  @media screen and (max-width: 679px) {
		.wrapText .floatRblock,
		.wrapText .floatLblock{
			float:none;
			width:auto !important;
			text-align:center;
			margin-right:0;
			margin-left:0;
      margin-bottom:15px;
		}
	}

/******************************************************/
/* カラムエリア */
/******************************************************/

/* 2カラム */
.column2Area10{padding-right: 10px;}
.column2Area10:after {display:block;content:"";clear:both;overflow:hidden;}
  .column2Area10 .column1{
    float: left;
    width:50%;
    margin:0 10px 10px 0;
  }
  .column2Area10 .column2{
    float: left;
    width:50%;
    margin:0 -10px 10px 0;
  }
.column2Area15{padding-right: 15px;}
.column2Area15:after {display:block;content:"";clear:both;overflow:hidden;}
  .column2Area15 .column1{
    float: left;
    width:50%;
    margin:0 15px 15px 0;
  }
  .column2Area15 .column2{
    float: left;
    width:50%;
    margin:0 -15px 15px 0;
  }
.column2Area20{ padding-right: 20px; }
.column2Area20:after {display:block;content:"";clear:both;overflow:hidden;}
  .column2Area20 .column1{
    float: left;
    width:50%;
    margin:0 20px 20px 0;
  }
  .column2Area20 .column2{
    float: left;
    width:50%;
    margin:0 -20px 20px 0;
  }
.column2Area30{ padding-right: 30px; }
.column2Area30:after {display:block;content:"";clear:both;overflow:hidden;}
  .column2Area30 .column1{
    float: left;
    width:50%;
    margin:0 30px 30px 0;
  }
  .column2Area30 .column2{
    float: left;
    width:50%;
    margin:0 -30px 30px 0;
  }
.column2Area10noRes{padding-right: 10px;}
.column2Area10noRes:after {display:block;content:"";clear:both;overflow:hidden;}
  .column2Area10noRes .column1{
    float: left;
    width:50%;
    margin:0 10px 10px 0;
  }
  .column2Area10noRes .column2{
    float: left;
    width:50%;
    margin:0 -10px 10px 0;
  }
@media screen and (max-width: 679px) {
  .column2Area10,
  .column2Area15,
  .column2Area20,
  .column2Area30{
    padding-right:0;
  }
  .column2Area10 .column1,
  .column2Area10 .column2,
  .column2Area15 .column1,
  .column2Area15 .column2,
  .column2Area20 .column1,
  .column2Area20 .column2,
  .column2Area30 .column1,
  .column2Area30 .column2{
    width:100%;
    margin:0 0 15px 0;
  }
}

/* 2カラムレスポンシブなし */
.column2Area15noRes{padding-right: 15px;}
.column2Area15noRes:after {display:block;content:"";clear:both;overflow:hidden;}
  .column2Area15noRes .column1{
    float: left;
    width:50%;
    margin:0 15px 15px 0;
  }
  .column2Area15noRes .column2{
    float: left;
    width:50%;
    margin:0 -15px 15px 0;
  }
.column2Area20noRes{ padding-right: 20px; }
.column2Area20noRes:after {display:block;content:"";clear:both;overflow:hidden;}
  .column2Area20noRes .column1{
    float: left;
    width:50%;
    margin:0 20px 20px 0;
  }
  .column2Area20noRes .column2{
    float: left;
    width:50%;
    margin:0 -20px 20px 0;
  }
.column2Area30noRes{ padding-right: 30px; }
.column2Area30noRes:after {display:block;content:"";clear:both;overflow:hidden;}
  .column2Area30noRes .column1{
    float: left;
    width:50%;
    margin:0 30px 30px 0;
  }
  .column2Area30noRes .column2{
    float: left;
    width:50%;
    margin:0 -30px 30px 0;
  }
@media screen and (max-width: 679px) {
.column2Area10noRes,
.column2Area15noRes,
.column2Area20noRes,
.column2Area30noRes{padding-right: 15px;}
  .column2Area10noRes .column1,
  .column2Area15noRes .column1,
  .column2Area20noRes .column1,
  .column2Area30noRes .column1{
    margin:0 15px 15px 0;
  }
  .column2Area10noRes .column2,
  .column2Area15noRes .column2,
  .column2Area20noRes .column2,
  .column2Area30noRes .column2{
    margin:0 -15px 15px 0;
  }
}


/* 3カラム */
.column3Area10{ padding-right: 20px; }
.column3Area10:after {display:block;content:"";clear:both;overflow:hidden;}
  .column3Area10 .column{
    float: left;
    width: 33.33%;
    margin:0 10px 10px 0;
  }
  .column3Area10 .column.last{
    margin:0 -20px 10px 0;
  }

.column3Area15{ padding-right: 30px; }
.column3Area15:after {display:block;content:"";clear:both;overflow:hidden;}
  .column3Area15 .column{
    float: left;
    width: 33.33%;
    margin:0 15px 15px 0;
  }
  .column3Area15 .column.last{
    margin-right: -30px;
  }

.column3Area20{ padding-right: 40px; }
.column3Area20:after {display:block;content:"";clear:both;overflow:hidden;}
  .column3Area20 .column{
    float: left;
    width: 33.33%;
    margin:0 20px 20px 0;
  }
  .column3Area20 .column.last{
    margin-right: -40px;
  }

.column3Area30{ padding-right: 60px; }
.column3Area30:after {display:block;content:"";clear:both;overflow:hidden;}
  .column3Area30 .column{
    float: left;
    width: 33.33%;
    margin:0 30px 30px 0;
  }
  .column3Area30 .column.last{
    margin:0 -60px 30px 0;
  }

@media screen and (max-width: 679px) {
  .column3Area10,
  .column3Area15,
  .column3Area20,
  .column3Area30{
    padding-right:0;
  }
  .column3Area10 .column,
  .column3Area10 .column.last,
  .column3Area15 .column,
  .column3Area15 .column.last,
  .column3Area20 .column,
  .column3Area20 .column.last,
  .column3Area30 .column,
  .column3Area30 .column.last{
    width: 100%;
    margin:0 0 15px 0;
  }
}

/* 3カラムレスポンシブなし */
.column3Area10noRes{ padding-right: 20px; }
.column3Area10noRes:after {display:block;content:"";clear:both;overflow:hidden;}
  .column3Area10noRes .column{
    float: left;
    width: 33.33%;
    margin:0 10px 10px 0;
  }
  .column3Area10noRes .column.last{
    margin:0 -20px 10px 0;
  }

.column3Area15noRes{ padding-right: 30px; }
.column3Area15noRes:after {display:block;content:"";clear:both;overflow:hidden;}
  .column3Area15noRes .column{
    float: left;
    width: 33.33%;
    margin:0 15px 15px 0;
  }
  .column3Area15noRes .column.last{
    margin-right: -30px;
  }

.column3Area20noRes{ padding-right: 40px; }
.column3Area20noRes:after {display:block;content:"";clear:both;overflow:hidden;}
  .column3Area20noRes .column{
    float: left;
    width: 33.33%;
    margin:0 20px 20px 0;
  }
  .column3Area20noRes .column.last{
    margin-right: -40px;
  }

.column3Area30noRes{ padding-right: 60px; }
.column3Area30noRes:after {display:block;content:"";clear:both;overflow:hidden;}
  .column3Area30noRes .column{
    float: left;
    width: 33.33%;
    margin:0 30px 30px 0;
  }
  .column3Area30noRes .column.last{
    margin:0 -60px 30px 0;
  }

@media screen and (max-width: 679px) {
  .column3Area10noRes,
  .column3Area15noRes,
  .column3Area20noRes,
  .column3Area30noRes{
    padding-right: 0;
  }
  .column3Area10noRes .column,
  .column3Area15noRes .column,
  .column3Area20noRes .column,
  .column3Area30noRes .column{
		margin:0 0 15px 0;
  }
	.column3Area10noRes .column.last,
	.column3Area15noRes .column.last,
	.column3Area20noRes .column.last,
	.column3Area30noRes .column.last{
		margin-right: 0;
	}
}

/* 変則21カラム */
.column21Area15{ padding-right: 15px; }
.column21Area15:after {display:block;content:"";clear:both;overflow:hidden;}
  .column21Area15 .column1{
    float: left;
    width: 67.20%;
    margin:0 15px 15px 0;
  }
  .column21Area15 .column2{
    float: left;
    width: 32.80%;
    margin:0 -15px 15px 0;
  }
@media screen and (max-width: 679px) {
  .column21Area15{
    padding-right:0;
  }
  .column21Area15 .column1,
  .column21Area15 .column2{
    width:100%;
    margin:0 0 15px 0;
  }
}

/* 4カラム */
.column4Area10{ padding-right: 30px; }
.column4Area10:after {display:block;content:"";clear:both;overflow:hidden;}
  .column4Area10 .column{
    float: left;
    width: 25%;
    margin:0 10px 10px 0;
  }
  .column4Area10 .column.last{
    margin:0 -30px 10px 0;
  }

.column4Area15{ padding-right: 45px; }
.column4Area15:after {display:block;content:"";clear:both;overflow:hidden;}
  .column4Area15 .column{
    float: left;
    width: 25%;
    margin:0 15px 15px 0;
  }
  .column4Area15 .column.last{
    margin:0 -45px 15px 0;
  }

.column4Area20{ padding-right: 60px; }
.column4Area20:after {display:block;content:"";clear:both;overflow:hidden;}
  .column4Area20 .column{
    float: left;
    width: 25%;
    margin:0 20px 20px 0;
  }
  .column4Area20 .column.last{
    margin:0 -60px 20px 0;
  }

.column4Area30{ padding-right: 90px; }
.column4Area30:after {display:block;content:"";clear:both;overflow:hidden;}
  .column4Area30 .column{
    float: left;
    width: 25%;
    margin:0 30px 30px 0;
  }
  .column4Area30 .column.last{
    margin:0 -90px 30px 0;
  }


@media screen and (max-width: 679px) {
  .column4Area10,
  .column4Area15,
  .column4Area20,
  .column4Area30{
    padding-right:0;
  }
  .column4Area10 .column,
  .column4Area10 .column.last,
  .column4Area15 .column,
  .column4Area15 .column.last,
  .column4Area20 .column,
  .column4Area20 .column.last,
  .column4Area30 .column,
  .column4Area30 .column.last{
    width: 100%;
    margin:0 0 15px 0;
  }
}


/* 5カラム */
.column5Area20{ padding-right:80px; }
.column5Area20:after {display:block;content:"";clear:both;overflow:hidden;}
  .column5Area20 .column1,
  .column5Area20 .column2,
  .column5Area20 .column3,
  .column5Area20 .column4{
    float: left;
    width: 20%;
    margin:0 20px 20px 0;
  }
  .column5Area20 .column5{
    float: left;
    width: 20%;
    margin:0 -80px 20px 0;
  }

  @media screen and (max-width: 679px) {
    .column5Area20{ padding-right: 30px; }
    	.column5Area20 img{width:100%;height:100%;}
      .column5Area20 .column1,
      .column5Area20 .column2{
        width: 33.33%;
        margin:0 15px 15px 0;
      }
      .column5Area20 .column3{
        width: 33.33%;
        margin:0 -30px 15px 0;
      }
      .column5Area20 .column4{
        width: 33.33%;
        margin:0 15px 15px 17.6%;
      }
      .column5Area20 .column5{
        width: 33.33%;
        margin:0 -30px 15px 0;
      }



  }