@charset "utf-8";

/*-----------------------------------------------------*/
/* PC版 基本スタイル
/*-----------------------------------------------------*/

.clearfix {
	display: block;
}

.sp {
	display:none;
}

.prize ul.prizeInner li.prizeA.sp{
	display:none;
}

#container{
	width:100%!important;
	margin:0 auto;
	text-align:left;
}

.inner{
	width: 1260px;
	margin: 0 auto;
	text-align: left;
}

ul#gnavi.menu6 li{width:15%;}

.attention{
	color:red;
	font-weight:bold;
}


.details .Clogo {
	/* width: 80%; */
	width: 410px;
	margin: 0 auto;
}

ul.indent li {
	text-indent: -1em;
	padding-left: 1em;
}

img{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#footer_link {
    min-width: auto;
}

/* フェードインの設定 */

.fadein {
    opacity: 0;
    animation: fadein 1.5s ease forwards;
}

@keyframes fadein {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    40% { opacity: 0;}
    100% {  
        opacity: 1;
        transform: translateY(0px);
    }
}
/*-----------------------------------------------------*/
/* パンくずエリアのスタイル
/*-----------------------------------------------------*/

div#breadSns{
  width:980px;
  margin:5px auto 0;
  padding:0;
  height:32px;
}


/*     パンくず
------------------------------------------*/

div#bread{
	float:left;
	margin:6px 0 0 5px;
}

div#bread p.crumbs{
	font-size:10px;
}


/*    IE用　　*/
div#bread{
	margin/*\**/: 0 0 0 5px\9;
}

/*     SNSボタン用
------------------------------------------*/

#snsBox{
/*	width:400px;*/
	float:right;
    margin: 5px 0px 0px 0;
	vertical-align: top;
}

/*    IE用　　*/
#snsBox{
	margin/*\**/: 0 0 7px 0\9;
}


#snsBox ul li{
  float: left;
	padding: 0px;
	display: inline;
}

#snsBox ul li.fb{
  margin: 0px 10px 5px 0px;
}

#snsBox ul li.fb div{
  width:110px!important;
}

#snsBox ul li.gg{
  margin: 0px 10px 5px -10px;
}

#snsBox ul li.tw{
  margin: 0px 10px 5px -10px;
}

/*--------------------------------------------------------------------*/
/* G-Naviのスタイル
/*--------------------------------------------------------------------*/

ul#gnavi{
	display:block;
	margin:15px auto;
	border-right:1px solid #E4E4E4;
}
ul#gnavi li{
	float:left;
	padding:5px 0.7% 0 0.7%;
	text-align:left;
	border-right:1px solid #E4E4E4;
}
ul#gnavi li:first-child{
	border-left:1px solid #E4E4E4;
}
ul#gnavi li:last-child{
	border-right:none;
}
ul#gnavi.menu6 li{width:15%;}
ul#gnavi.menu5 li{width:18.4%;}
ul#gnavi.menu4 li{width:23.4%;}
ul#gnavi.menu3 li{width:31.7%;}
ul#gnavi.menu2 li{width:48.4%;}

ul#gnavi li a{
	display:block;

	width:100%;
	padding-bottom:10px;
	border-bottom:3px solid #CCCCCC;
	text-decoration:none;
}
ul#gnavi li a:link{color:#454545;}
ul#gnavi li a:visited{color:#454545;}
ul#gnavi li a:hover{color:#DD0000;}

ul#gnavi li.selected a{
	border-bottom:5px solid #0086CD;
	color:#0086CD;
}

ul#gnavi li strong{
	display:block;
	margin-top:3px;
	font-size:140%;
}

/*-----------------------------------------------------*/
/* メインビジュアル
/*-----------------------------------------------------*/

.text-image p {
    position: absolute;
    top: 80%;
    left: 85%;
    width: 50%;
    color: #000000;
    font-size: 110%;
}

.mainvisual{
	background:url(images/bg_mainvisual.jpg) no-repeat;
	padding: 0;
	margin: 0 auto;
	width:100%;
	height:100%;
	background-position:center;
	background-size:cover;
}

.mainvisual h1{
	width: 1260px;
	margin: 0 auto;
	padding: 0;
}

.read {
    margin: 0px 0px 20px 0px;
	font-size: 15px;
}

/*-----------------------------------------------------*/
/* メインビジュアル下バナー
/*-----------------------------------------------------*/

.campaignList_unit_bnrPC {
    display: block !important;
    margin: auto;
    max-width: 100%;
}
.campaignList_unit_bnrSP {
    display: none !important;
    margin: auto;
    max-width: 100%;
}
figure {
    margin: 0 15px;
}
.free_text{
	font-size: 20px;
	font-weight: 600;
	display: none;
}
/*-----------------------------------------------------*/
/* 各種期間表示エリアのスタイル
/*-----------------------------------------------------*/

#term{
	background-color:#46a501;
}

#term p.term {
    width: 980px;
    margin: 0 auto;
}

p.lead{
	margin: 0px 0px 20px 0px;
	text-align: center;
	line-height: 1.6em;
}

h2{
	margin: 30px 0px;
	text-align: center;
	line-height: 1.6em;
}

@media screen and (min-width: 641px) {
    dl.display_terms {
        box-sizing: border-box;
    }
}

/*-----------------------------------------------------*/
/* ボタンエリアのスタイル調整
/*-----------------------------------------------------*/

.campaignBtn_2022, .bookingBtn_2022 {
    display: inline-block;
    text-align: center;
    width: 50%!important;
    position: relative;
    padding: 18px 20px 20px;
}

.btnArea_2022 {
    margin: 20px auto 20px;
    width: 100%!important;
    text-align: center;
    font-size: 28px;
    line-height: normal;
}

/*-----------------------------------------------------*/
/* 賞品詳細
/*-----------------------------------------------------*/

.prize ul.prizeInner{
	width: 980px;
	margin: 0 auto;
}
.prize ul.prizeInner li{
	margin-bottom: 40px;
}

/*-----------------------------------------------------*/
/* キャンペーン概要エリアのスタイル
/*-----------------------------------------------------*/

#outline{
	padding-top: 110px;
	margin-top: -110px;
}

#outline h2 {
	padding: 7px;
	border-left: 10px solid #2ca6e0;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
}

#outline .inner p.details_note{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 20px;
}

#outline table{
	border-collapse:collapse;
	font-size:13px;
	border-top: 1px solid #dedede;
}
#outline th{
	width: 150px;
	padding: 0 5px;
	text-align: left;
	vertical-align: middle;
	color: #565656;
	border-bottom: 1px solid #dedede;
}

#outline td{
	width:800px;
	padding:10px 5px;
	border-bottom:1px solid #dedede;
	line-height:1.3;
}
#outline dt{
    margin-bottom:5px;
    font-weight:bold;
}
#outline ol li{
	text-indent:-1.5em;
	padding-left:1.5em;
}
#outline .cp_attentiontable {
	border:1px dotted #666666;
}
#outline .cp_attentiontable th {
	background:#eee;
	padding:8px 8px 5px 8px;
	border-bottom:1px dotted #666666;
}
#outline .cp_attentiontable td {
	border-bottom:none;
	border-right:1px dotted #666666;
	padding:5px 30px 8px;
	text-align:left;
}
#outline ul.textIndent li{
	text-indent: -1em;
	padding-left: 1em;
}

#outline dl.prize_note dt {
	margin-top: 15px;
}

/* Tポイント注意点 */

.tpoint{
	border:3px solid #1977b3;
	padding:15px 20px;
	margin:20px 27px;
	}
	
.tpoint .sp{
     display: none;
	}

div.tpoint ul li.tpoint_note{
	font-size: 17px;
	font-weight: bold;
}

#outline .inde,
#outline ol.inde li{
		text-indent: -1em !important;
		padding-left: 1em !important;
	}

/* チェックボックス */
.note{
	margin: 30px 0 20px 0;
    text-align: center;
    line-height: 1.5;
}

p.agree {
	width: 240px;
    margin: 0 auto 30px auto;
    padding: 10px 15px 15px 15px;
    text-align: center;
    background-color: #F6F6F6;
    border: 1px solid #DDDDDD;
    font-size: 108%;
    font-weight: bold;
}

p.agree input {
	width:20px;
	height:20px;
	margin: 0 5px 0 0;
	border:1px solid #999;
	position:relative;
	top:5px;
}

  /*キャンペーン詳細*/
  .course_detail{
    margin: 16px auto 13px auto !important;
  }
  
  /*コース詳細*/

  .course_item .caption{
	width: 98%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1.6em;
  }

  .course_box{
	margin-bottom: 100px;
  }

  .ct{
	width: 300px;
	margin: 0 auto;
}
  .course_area{
    margin: 30px auto 70px auto !important;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
  }
  .course_area h2{
/*    max-width: 73%;*/
    padding-bottom: 10px;
  }
  .course_area h2 img {
	  width: 336px;
	  height: auto;
	  margin: 0 auto;
  }
  .course_area p{
  padding-bottom: 20px;
  font-size: 14px;
    line-height: 1.7;
  }
  .details{
  padding: 0 0 0 30px;
  }
  ul.btn_2 {
      padding: 30px 0;
  }
  ul.btn_2.cp_bnr li {
      /* width: 30%; */
	  width: 40%;
      display: table-cell;
	  text-align: center;
  }
  ul.btn_2 li {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      letter-spacing: normal;
      vertical-align: top;
  }
  ul.btn_2.cp_bnr li.btn {
    padding-left: 10px;
	
  }
	.gfbtn{
		width: 55%;
}
  
  dl.display_terms {
    margin: 5px 0 0 0 !important;
}

 /*コーポレートのリニューアル詳細用バナー*/
.renewalbnr_area{
	width: 959px;
    margin: 60px auto 0;
	box-sizing: border-box;
	text-align: center;
   }

    /*クーポン獲得エリア*/
.coupon_area{
	box-sizing: border-box;
	margin:40px 0 50px 0;
}
.coupon_box{
	width:auto;
	margin: 30px 20px 0 20px;
	box-sizing: border-box;
    padding: 30px;
    background-color: #f5faf7;
    border:solid 10px #46a501;
	text-align: center;
}
 /*クーポン獲得エリア タイトルリボン*/
.coupon_playmonth{
	color: #0086cd;
	background-color: #d4eaf9;
	margin: 0 auto 15px;
	width: 60%;
    font-size: 30px;
    padding: 8px 0;
    border-radius: 50vh;
  }
  
/*クーポン獲得エリア 内容*/
.coupon_flex{
	display:flex;
	text-align: left;
	align-items: center;
	margin: 40px auto 10px;
	justify-content: center;
}
.coupon_box dl{
	margin:0 0 0;
	text-align: left;
}
.coupon_box dl dt{
	display:inline-block;
	margin: 0 0 0;
	width: auto;
	padding:3px 10px 0;
	line-height:1.8em;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
	background-color: #46a501;
	border-radius:5px 5px 5px 5px;
}

.coupon_box dl dd{
	margin: 0px auto 3px;
	line-height:1.7em;
	font-size:20px;
	font-weight:bold;
	color: #22654d;
}

.coupon_text{
	font-size:15px;
	line-height: 1.5em;
	margin: 0 auto 15px;
	font-weight: bold;
}
.img_1000off_coupon{
	margin: 20px 30px 20px 20px;
	/*flex調整*/
	padding:0 0 10px;
	width:474px;
}
span.playmonth1{
	color:#34cdf9;
}
span.playmonth2{
	color:#ffffff;
}
.red_bold{
	font-weight: bold;
	color:#c91a0e;
	font-size:34px;
}

/*-----------------------------------------------------*/
/* 対象コースエリア */
/*-----------------------------------------------------*/

.courseArea_ttl{
	text-align: center;
	font-size: 28px;
	color: #fff;
	background-color: #3aa5d6;
	font-weight: bold;
	padding: 8px 0;
}

.courseArea{
	display: flex;
    flex-wrap: wrap;
	margin-bottom: 40px;
}

.courseArea li{
	margin-top: 30px;
    width: 33.33333%;
    box-sizing: border-box;
    padding: 0 0 25px 15px;
}

.onimg {
  width: 400px;
  position: relative;
}

.onimg img {
  width: 100%;
}

.onimg p {
  color: #333;
  text-align: center;
  font-weight: bold;
  width: 100%;
  padding: 10px 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  font-size: 19px;
}

.courseArea a.btn_reserve {
    display: block;
    color: #fff;
    background: #0086cd;
    text-decoration: none;
    width: 238px;
    text-align: center;
    padding: 12px 0 7px;
    margin: 0 auto;
    border-radius: 4px;
    font-size: 18px;
    box-shadow: 0 4px #b8b8b8;
    font-weight: bold;
}


.courseArea a.btn_reserve:hover {
    opacity: 0.8;
}

.btnArea a:hover {
    opacity: 0.8;
}

.ribbon {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 5px 0;
  margin: 0 0 0 -10px;
  width: calc(100% + 10px);
  color: white;
  background: #90c31f;

}

.ribbon p{
	margin: 0;
    padding-left: 9px;
    font-size: 16px;
    line-height: 31px;
	text-align:center;
	font-weight: bold;
}

.ribbon:after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: 0;
  width: 0px;
  height: 0px;
  border-width: 20px 15px 20px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

.ribbon:before {
	position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 10px transparent;
    border-right: solid 15px #6081b7;
}

.btn_reserveArea{
	margin-top:10px;
}


#outline ul li, #outline ol li {
	text-align: left;
}

#outline table.cp_attentiontable td{
	padding: 16px!important;
}


/*--------------------------------------------------------------------*/
/* レスポンシブル対応
/*--------------------------------------------------------------------*/

@font-face {
    font-family: 'WebSymbolsgfeditRegular';
    src: url('/css/font/websymbols_gf-edit-webfont.eot');
    src: url('/css/font/websymbols_gf-edit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/font/websymbols_gf-edit-webfont.woff') format('woff'),
         url('/css/font/websymbols_gf-edit-webfont.ttf') format('truetype'),
         url('/css/font/websymbols_gf-edit-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (max-width:1260px) {
	#container{
		margin: 18px auto 0;
	}
	div#breadSns{
	  	width:100%;
	}
	.inner{
		width: auto;
		margin: 0 10px;
	}
	dl.display_terms {
		width: 100% !important;
		padding: 0;
	} 
	/* 対象ゴルフ場エリア */

	div.courseArea{
		margin-top: 40px;
	margin-bottom: 30px;
	}
	.onimg {
	width: 100%;
	}
	.onimg p {
	font-size: 2vw;
	}
	.courseArea li {
	width: 50%;
	}
	.ribbon p {
	font-size: 2vw;
	}
	.courseArea a.btn_reserve {
	font-size: 2vw;
	}
		
	/* メインビジュアル */
	.mainvisual h1{
		width: 100%;
	}
	.mainvisual h1 img{
		width: 100%;
	}

	.text-image p {
    position: absolute;
	top: 75%;
	left: 80%;
    width: 50%;
    color: #000000;
    font-size: 100%;
}
	
	#term p.term{
		width: 98%;
		margin: 0 1%;
	}
	
	/* キャンペーンバナーのスタイル*/
	div.cp_btn img {
		width: 100%;
	}
	
	/* 賞品詳細 */
	.prize ul.prizeInner{
		width: 100%;
	}

	.renewalbnr_area {
		width: 100%;
	}
	.details .Clogo {
		width: 80%;
	}
	.course_area p {
		font-size: 0.9em;
	}
	
	/* ボタンエリアのスタイル */

	.campaignBtn_2022, .bookingBtn_2022 {
		width: 80% !important;
	}
	ul.btnArea{
    width:100%;
    margin-bottom:30px;

  }
    ul.btnArea li{
    width: 43%;
    margin: 3% 3% 0 5%;
    padding: 0;
  }
    ul.btnArea li:last-child{
      margin-left:0;
    }

	/*クーポン獲得エリア*/
	.coupon_flex{
		display:block;
		text-align: center;
	}
		
	/*クーポン獲得エリア タイトルリボン*/
	.coupon_playmonth{
		max-width:100%;
		width: 75%;
	}
	/*クーポン獲得エリア 内容*/
	.coupon_box dl{
		width:100%;
		text-align: center;
		display: block;
		margin:0 auto 5px;
	}
	.coupon_box dl dt{
		margin: 0 auto;
		line-height:2em;
		font-size:2.3vw;
	}
	.coupon_box dl dd{
		text-align: center;
		width:100%;
		font-size:2.8vw;
		margin-bottom: 15px;
	}

	/*タブレットの時に非表示*/
	.tablet_none{
		display:none;
	}
}

@media screen and (max-width:850px) {

	.coupon_box dl dt {
        margin: 0 auto;
        line-height: 2em;
        font-size: 3vw;
    }

    .coupon_box dl dd {
        text-align: center;
        width: 100%;
        font-size: 3vw;
    }

table.golf_course td,table.golf_course th{
		display: table-cell!important;
	}

	.onimg p {
		font-size: 2.5vw;
	}
}

@media screen and (min-width: 641px){
#outline h3 {
    border-bottom: none;
}
}

@media screen and (max-width:640px) {
    div.cp_btn img {
        width: 100%;
    }
    .sp {
        display: block;
    }
    /*.pc {
        display: block;
    }*/
    #footer {
        display: none;
    }
    #breadSns {
        display: none;
    }
    header.common .logo {
        float: left;
        width: 275px;
    }
    header.common .navi li {
        float: right;
        padding-top: 15px;
    }

    #container{
        width:100% !important;
        position:relative;
		margin: 0;
    }
	h2 {
    margin: 35px 0px;
}
	.read {
    margin: 0px 0px 20px 0px;
}

/*-----------------------------------------------------*/
/* メインビジュアル
/*-----------------------------------------------------*/

	.mainvisual{
		background: none;
	}
	
	.mainvisual h1{
		width: 100%;
	}

/*-----------------------------------------------------*/
/* メインビジュアル下バナー
/*-----------------------------------------------------*/
	.campaignList_unit_bnrPC {
    display: none !important;
	}
	
	.campaignList_unit_bnrSP {
    display: block !important;
	}
	.free_text{
	display: block;
}
/*-----------------------------------------------------*/
/* 各種期間表示エリアのスタイル
/*-----------------------------------------------------*/

	#term{
		margin-bottom: 10px;
		padding:10px;
		color:#FFFFFF;
		height: auto;
	}
	#term p.pc{
		display: none;
	}
	#term dl.sp{
		display: block;
		text-align: center;
	}
	#term dl{
		letter-spacing:-0.4em;
		text-align:left;
	}
	#term dt,
	#term dd{
		*display:inline;
		*zoom:1;
		letter-spacing:normal;
		font-size: 3vw;
    line-height: 150%;
		font-weight:bold;
	}


/* -------------------------------------------------------------- */
/* ボタンエリアのスタイル
/* -------------------------------------------------------------- */
/*キャンペーン詳細を確認する*/
	ul.btnArea_top{
    	margin: 10px 0;
	}

	ul.btnArea_top li {
		width:95%;
		padding: 3px 10px;
	}
	
	/*応募・予約ボタン*/

	.campaignBtn_2022, .bookingBtn_2022 {
		width: 100% !important;
	}
	div.btnArea,
	ul.btnArea{
		width:100%;
		margin: 10px 0 20px;
	}
	div.btnArea p,
	ul.btnArea li{
		width:80%;
		margin: 2% auto;
		display: block;
	}
	
	ul.btnArea li:last-child{
		margin: 0 auto;
	}
	.note {
		margin: 10px 15px 25px 15px;
	}
	
	 .btnArea{
        margin-bottom:10px;
    }
    .btnArea img{
        display:none;
    }
    div.btnArea.sp ul.btnArea,
    div.btnArea.sp ul.btnArea li{
        display:block;
    }
    div.btnArea.sp ul.btnArea li{
		position:relative;
        margin: 0 auto 10px;
		width: 98%;
    }
    div.btnArea.sp ul.btnArea a{
        display:block;
        width:85%;
        margin:0 auto;
        padding:20px 7% 20px 0;
        background: #ff7700; /* Old browsers */
        border-radius:6px;
        -webkit-border-radius: 6;
        -moz-border-radius: 6;
        box-shadow: 3px 3px #b8b8b8;
        -webkit-box-shadow: 3px 3px #b8b8b8;
        -moz-box-shadow: 3px 3px #b8b8b8;
        border: solid #FFFFFF 2.5px;
        font-size:20px;
        font-weight:bold;
        color:#FFFFFF;
        text-indent:0;
        text-align:center;
        text-decoration:none;
    }
	div.btnArea.sp ul.btnArea li.txtAL a{
		background: #0086cd;
	}
    div.btnArea.sp ul.btnArea li:after {
        content:")";
        font: 23px "WebSymbolsgfeditRegular";
        position:absolute;
        top:45%;
        right:8%;
        margin-top:-9px;
		color:#FFFFFF;
    }
	/* 詳細・予約ボタン横並びのスタイル */
	div.btnArea_wrap{
		width:100%;
		margin: 15px auto;
	}
	ul.btnArea_top{
		float: none;
        width:100%;
    }
	div.btn_booking01{
	float: none;
	width:100%;
	margin: 10px 0;
}
	div.btn_booking01 p.pc{
	display: none;
}
/*-----------------------------------------------------*/
/* コース詳細
/*-----------------------------------------------------*/
  .details {
      padding: 0;
  }

	.course_area {
    margin: 30px auto 30px auto !important;
  }
  .course_area h2 {
    max-width: 100%;
    margin: 14px auto 18px;
    padding: 0;
  }

  .course_area p {
    padding-bottom: 14px;
	font-size: 3.3vw;
    }

  ul.btn_2 {
      padding: 22px 0 0 0;
  }
  ul.btn_2.cp_bnr li {
      width: 100%;
      display: block;
  }
  ul.btn_2 li {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      letter-spacing: normal;
      vertical-align: top;
  }
  ul.btn_2.cp_bnr li.btn {
    padding: 15px 0 0 0;
  }

/*-----------------------------------------------------*/
/* 賞品詳細
/*-----------------------------------------------------*/
	.prize ul.prizeInner{
		width: 100%;
	}

	#outline h2 {
	margin: 20px 0 0 0
		!important;
	padding: 7px;
	border-left: 10px solid #2ca6e0;
	border-bottom: none;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}


/*-----------------------------------------------------*/
/* キャンペーン概要エリア */
/*-----------------------------------------------------*/
#outline {
	padding-top: 0;
	margin-top: 0;
}
#outline .inner {
	margin: 0 10px;
	padding-bottom: 50px;
}
#outline h3 {
	margin: 20px 0 0 0
		!important;
	padding: 7px;
	border-left: 10px solid #2ca6e0;
	border-bottom: none;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}
#outline th {
	white-space: normal;
}

#outline table {
	border-bottom: 1px solid #dedede;
}
#outline table.cp_attentiontable th, #outline table.cp_attentiontable td {
	border-right: 0;
}
#outline th {
	padding: 10px 5px;
	display: block;
	width: auto;
	text-align: left;
}
#outline td {
	display: block!;
	width: auto;
	text-align: left;
}


#outline table.cp_pointtable {
	width: 100%;
}
#outline table.cp_pointtable th,
#outline table.cp_pointtable td {
	display: table-cell;
}
#outline table.course_detail th.courseName {
	width: 40%;
	white-space: normal;
}
#outline table.course_detail th.exemptPlay {
	width: 60%;
	white-space: normal;
}
#outline table.cp_attentiontable td {
	border-bottom: none;
	padding: 10px;
}

.cp_btn img {
width: 100%;
}
.btn img {
display: inline-block;
width: 100%;
}

#outline th {
white-space: normal;
}

/*コーポレートのリニューアル詳細用バナー*/
.renewalbnr_area{
	margin-top: 30px;
   }

  /*クーポン獲得エリア*/
  .coupon_area{
	width:100%;
	box-sizing: border-box;
	margin:45px 0 50px 0;
    display: block;
}

.red_bold {
	font-size: 28px;
}
.coupon_box{
	width:100%;
    box-sizing: border-box;
    padding: 20px;
	margin:40px 0 0 0;
}
.coupon_flex{
	margin:15px auto 35px;
}
.coupon_playmonth{
	width:100%;
}
.coupon_playmonth img{
	width:100%;
}
.coupon_box dl dt{
	width:70%;
	margin: 10px auto 5px auto;
	font-size: 4.5vw;
}
.coupon_box dl dd{
	font-size: 4.8vw;
}
.coupon_box dl{
	margin:0 0 0 0;
}
.coupon_text{
	font-size:15px;
	
}
.img_1000off_coupon{
	width:90%;
	max-width: 100%;
	padding:10px 0;
	margin:0 auto 5px;
}
.img_btn_coupon{
	width:100%;
}
.img_btn_coupon_not{
	width:100%;
}

/*クーポン獲得ボタン*/
.btn_coupon_sp{
display: block;
position: relative;
    width: 80%;
    margin: 0 auto;
    padding: 20px 7% 20px 2%;
    background: #ff7700;
    border-radius: 6px;
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    box-shadow: 3px 3px #b8b8b8;
    -webkit-box-shadow: 3px 3px #b8b8b8;
    -moz-box-shadow: 3px 3px #b8b8b8;
    border: solid #FFFFFF 2.5px;
    font-size: 5vw;
    font-weight: bold;
    color: #FFFFFF;
    text-indent: 0;
    text-align: center;
    text-decoration: none;
}
.btn_coupon_sp:visited, .btn_coupon_sp:hover{color: #FFF;}  

.btn_coupon_sp:after{
content: ")";
    font: 23px "WebSymbolsgfeditRegular";
    position: absolute;
    top: 45%;
    right: 7%;
    margin-top: -9px;
}
.btn_coupon_not_sp{
	width: 80%;
    margin: 0 auto;
    padding: 11px 5% 11px 5%;
    background: #d5d3d3;
    border-radius: 6px;
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    font-size: 5vw;
    font-weight: bold;
    color: #373737;
    text-indent: 0;
    text-align: center;
    text-decoration: none;
}
/*-----------------------------------------------------*/
/* 対象コースエリア */
/*-----------------------------------------------------*/
	.courseArea li {
		width: 100%;
	}			
	.onimg {
	width: 98%;
	}	
	.ribbon {
	margin: 0 0 0 -10px;
	width: 102%;
	}
	.ribbon p {
	font-size: 4vw;
	}
	.ribbon:before {
	left: 0px;
	}
	.btn_reserveArea{
	margin-top: 2%;
	}	
	.courseArea a.btn_reserve {
	font-size: 4vw;
	}
	.onimg p {
	padding: 16px 0;
	font-size: 18px;
	}
	.courseArea a.btn_reserve{
		width: 63%;
		padding: 3% 0 2%;
	}
	
}

@media screen and (max-width: 360px) {
    dl.display_terms dt {
        width: 22%!important;
    }
}