@charset "utf-8";

/*-----------------------------------------------------*/
/* PC版 基本スタイル
/*-----------------------------------------------------*/
body {color: #000;}
.clearfix {display: block;}
.sp {display: none;}

#container{
	width:100%!important;
	margin:0 auto;
	text-align:left;
    overflow: hidden;/*追加*/
}
.inner{
	width: 980px;
	margin: 0 auto;
	text-align: left;
  box-sizing: border-box;
}
.bg-fit {
    position: relative;
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}
ul.indent li {
	text-indent: -1em;
	padding-left: 1em;
}
.fwb {font-weight: bold;}
.flex {display: flex;flex-wrap: wrap;}
img {-webkit-backface-visibility: hidden;}

/* 改行のスタイル */
.br980_hide {display: block;}
.br850,
.br770,
.br400 {display: none;}
/* 明朝体の指定 */
.mn {
  font-family: "Crimson Text", "Noto Serif JP","游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  padding: 0 5%;
  background-color: #f5f6e8;
  padding-bottom: 5%;
  margin-bottom: 7%;
}
/*-----------------------------------------------------*/
/* パンくずエリアのスタイル
/*-----------------------------------------------------*/

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;}

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

.mainvisual{
	background:url(images/bg_mainvisual.png) 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;
}
/*-----------------------------------------------------*/
/* 各種期間表示エリアのスタイル
/*-----------------------------------------------------*/

#term{
background: rgb(205,175,122);
background: linear-gradient(106deg, rgba(205,175,122,1) 6%, rgba(252,230,183,1) 10%, rgba(236,212,163,1) 15%, rgba(255,251,243,1) 27%, rgba(252,230,183,1) 38%, rgba(252,230,183,1) 61%, rgba(254,247,232,1) 71%, rgba(223,196,145,1) 84%, rgba(240,216,168,1) 88%, rgba(205,175,122,1) 92%);
}

#term p.term {width: 1260px;margin: 0 auto;padding: 5px 0;}
.img_finish img {width: 980px;margin: 1% 0;}

/*-----------------------------------------------------*/
/* リードタイトルとリード
/*-----------------------------------------------------*/

.lead_top{
	padding: 40px 0;
    line-height: 1.5;
    text-align: left;
	color: #062c29;
	font-weight: 600;
	display: inline-block;
	letter-spacing: 1px;
	font-size: 18px;
}

.lead_box{display: inline-block; padding: 2% 5%; background:rgba(255,255,255,0.7); border-radius: 30px; color:#062c29;}

.lead_title {margin: 40px 0;}

p.lead {
  margin: 15px 0 50px 0;
  line-height: 2em;
  font-size: 18px;
	font-weight: 600;
}

.period-box {
  color: #062c29;
  margin-bottom: 5%;
}

.period-row {
  margin-bottom: 10px;
}

.period-row:last-child {
  margin-bottom: 0;
}

.label {
  background-color: #145b4c; /* 緑背景 */
  color: #fff;
  padding: 5px 12px;
  margin-right: 12px;
  font-weight: bold;
  display: inline-block;
  white-space: nowrap;
  font-size: 20px;
  width: 250px;
  letter-spacing: 2px;
}

.date {
  font-size: 14px;
  color: #1d2f29;
  font-size: 20px;
  font-weight: bold;
	letter-spacing: 2px;
}

@media screen and (max-width:500px) {
    span.label , span.date {font-size: 4vw;
}
	.lead_top {
    font-size: 15px;
}
}

@media screen and (max-width:780px) {
.date {
  display: block;
  padding: 2% 0%;
}
}

@media screen and (max-width:1070px) {
	.br_top1{display: none;}
}

@media screen and (max-width:1135px) {
	.br_top2{display: none;}
}

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

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

/*キャンペーン詳細を確認する*/
div.btnArea_wrap{width: 880px;text-align: center;margin: 30px auto 40px;}
ul.btnArea_top{vertical-align: top;margin: 30px 0;}
ul.btnArea_top li{width:450px;margin:15px auto 0;}
ul.btnArea_top li a:hover{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

/*応募・予約ボタン共通 btn_area*/
.btn_area{
    margin: 20px auto;
    width: 980px;
    text-align: center;
    font-size: 26px;
    font-family: 'メイリオ','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
    transition:.5s all;
}
.btn_area ul li{
    padding: 20px;
    transition:.5s all;
    }
.btn_area ul li .pc{
    display: inline-block;
    width: 100%;
    position: relative;
 }
 .btn_area ul li .sp{display: none;}
.btn_area ul li a {
	position: relative;
	display: inline-block;
	font-weight: bold;
	border-radius: 7px;
	color: #fff;
	border: 3px solid #fff;
	box-shadow: 5px 6px 0px -2px rgba(0, 0, 0, 0.3);
	padding: 0.4em 1.2em 0.3em 0.5em;
	cursor: pointer;
	text-decoration: none;
	box-sizing: border-box;
	width: 100%;
	transition: .5s;
  background-color: #0086CD;
}
/* .btn_area ul li a:hover{opacity: 1;} */
.btn_area ul li a::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: .4em;
	height: .4em;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: none;
	right: 1em;
}

.btn_area .booking {
    width: 392px;
    margin: 0 auto;
}
.btn_area a.btn_booking{background-color: #ff7700;}

/* 賞品一覧 */

    #prz_list {
        display: block;
        margin: 20px auto;
        font-family: "Crimson Text", "Noto Serif JP","游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
        margin: 15px auto 40px;
        
    }
h2.prz_list {
    color: #000;
    font-weight: bold!important;
    background: url(/images/campaign/season/202208/prizettl_bk.png) no-repeat;
    background-size: auto;
    background-position: center center;
    margin-bottom: 0.5em;
    font-size: 42px;
    display: block;
    text-align: center;
    padding: 5px 0 6px;
    letter-spacing: .2em;
	margin-top: 6%;
}
ul.prize_anker {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}
ul.prize_anker li a{
    display: block;
    background: #0b3d60;
    border: 3px solid #466799;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 12px 0 10px;
    font-size: 25px;
    font-weight: bold;
    position: relative;
    width: 10em;
    padding: 0.5em 1.1em 0.5em 0.3em;
    transition: .3s all;
}
ul.prize_anker li a:after{
    display: block;
    content: "";
    position: absolute;
    top: .85em;
    right: .8em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .6em .35em 0 .35em;
    border-color: #fff transparent transparent transparent;
    transition: .3s all;
}
ul.prize_anker li a:hover {
    transform: translateY(-3px);
}
ul.prize_anker li a:hover::after{
    transform:rotate(90deg);
    border-color: rgba(240,216,168,1) transparent transparent transparent;
}


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


@supports (-ms-ime-align:auto) {
  section.prz_lesson, section.prz_round, section.prz_point {
    margin-bottom:-14px;
  }
}
@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop,
  section.prz_lesson, section.prz_round, section.prz_point {
    margin-bottom:-14px;
  }
}

/* ページ内リンク */
#lesson, #round, #kanto, #kansai, #point, #ball {
    padding-top: 170px;
    margin-top: -170px;
    display: inline-block;
}
section {
    font-family: "Crimson Text","Noto Serif JP","游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
section h3 {
    color: #fff;
    background-color: #0b3d60;
    width: 100%;
    display: block;
    font-size: 30px;
    text-align: center;
    padding: 0.3em 0;
    margin-bottom: 0px!important;/* media.cssの打消し */
}
section .prz_dtl {
    background-color: #f0f0f0;
    width: 100%!important;
    display: inline-block;
    padding-bottom: 40px;
    box-sizing: border-box;
}

section .prize_wrap {
    display: block;
    box-sizing: border-box;
    background-color: #fff;
    width: 1260px;
    padding: 30px 50px 50px;
    margin: 0 auto ;
    font-size: 16px;
    
}

/* tab */
.tab-kanto, .tab-kansai {
    width: 1200px;
    text-align: center;
    margin: 30px auto 0;
    display: flex;
    flex-wrap: nowrap;
    font-size: 30px;
    justify-content: space-between;
}
@supports (-ms-ime-align:auto) {
  .tab-kanto, .tab-kansai {margin-bottom: -.55em;}
}
@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop,
  .tab-kanto, .tab-kansai {margin-bottom: -0.55em;}
}
.tab-kanto div, .tab-kansai div{display: block;width: 48%;margin: 0 auto; }
.tab-kanto a, .tab-kansai a {
    display: block;
    text-decoration: none;
    font-weight: bold;
    background-color: #fff;
    position:relative;
    transition: all .1s;
    height: 1.8em;
    padding: 0.4em 0 0;
}
.tab-kanto a.on {
  /* border-top: 4px solid #2a7bc7; 
  color: #2a7bc7; */
  background-color: #2a7bc7;
  color: #fff;
}
.tab-kansai a.on {
  /* border-top: 4px solid #d9422a;
  color: #d9422a; */
  background-color: #d9422a;
  color: #fff;
}
.tab-kansai a.off {color: #2a7bc7;}
.tab-kanto a.off {color: #d9422a;}
.tab-kanto a.off, .tab-kansai a.off {filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}

.tab-kanto a:hover, .tab-kansai a:hover {
    transform: translateY(-0.2em);
    height: 2em;
    margin-bottom: -0.2em;
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}


/* prz_place */
.prz_place {display: flex;justify-content: space-evenly; align-items: center;}
.prz_place figure { width: 40%;transition:.5s;}
.prz_place figure img {width: auto;}
.prz_place div {width: 50%;}
.prz_place dl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0.8em 0 0.3em 0.7em;
    font-size: 20px;  
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.prz_place dl dt { 
    width: 7em;
    text-align: center;
    border: solid 1px #8b8b8b;
    padding: 0.3em 0;
    letter-spacing: -0.1em;
}
.prz_place dl dd {
    padding: 0.3em 0 0.3em 0.5em;
}
.prz_place dl p {
    width: 100%;
    font-size: 85%;
    line-height: 1.6em;
}

p.Num {
    background-color: #f9e615;
    width: 560px;
    font-size: 25px;
    margin: 0.7em auto;
    padding: 0.2em 0;
    color: #000;
    text-align: center;
    font-weight: 900;
}
p.Num span {
    display: inline-block;
    font-size: 1.5em;
    vertical-align: -0.07em;
}


/* agreeBlock　この部分使用する */
.agreeBlock {width: 100%;margin: 1em auto;text-align: left;font-size: 13.2px;font-weight: normal;font-family: 'メイリオ','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;line-height: 1.35;border: 2px solid red;padding: 2em;box-sizing: border-box;}
.agree {width: 100%;margin: 18px auto 0;padding: 20px 8px 20px 16px;background-color: #F6F6F6;border: 1px solid #DDDDDD;font-size: 108%;font-weight: bold;text-align: left;display: -webkit-flex;display: -moz-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;box-sizing: border-box;}
li.agree_button {margin-top: 10px;text-align: left !important;margin: 0;pointer-events: none;}
.agree input {width: 25px;height: 25px;margin: 0 5px 0 0;border: 1px solid #999;cursor: pointer;}

/* ボタン共通 */

.campaignBtn_2022, .bookingBtn_2022 {
    width: 20em!important;
}
/* レッスン賞*/
.prizetext_lesson {
    text-align: center;
    padding: 20px 10px;
    display: block;
    font-weight: bold;
    font-size: 2.3em;
    line-height: 1.2;
    background: url(/images/campaign/season/202208/leaf_lesson.png) no-repeat;
    background-size: auto;
    background-position: center center;
}
.prizetext_lesson em {
    font-size: 0.95em;
letter-spacing: -0.1em;
font-style: normal;
}

.lecturer_info {text-align: center;}
.lecturer_info .link {display: flex;display: -webkit-flex;display:-ms-flexbox;flex-wrap: wrap;margin: 0 auto;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: center;}
.lecturer_info figure img {
    width: auto;
}
.lecturer_info .btn_area {
    width: 50%;
    margin: 0 0 0 2em;
    transition:.5s all;}
.lecturer_info dl {font-size: 40px;line-height: 1.6;margin-bottom: 20px;font-weight: 900;}
.lecturer_info dt span{font-size: 0.6em;font-weight: bold;}
.lecturer_info dd {font-size: 16px;line-height: 1.4;}

.lecturer_info .btn_area ul{margin: 0 auto;font-size: 20px;}
.lecturer_info .btn_area ul li {padding: 0;}
.lecturer_info .btn_area ul li .pc {
    width: 100%;
    padding: 0.8em 1.8em 0.7em 0.5em;
    margin: 8px 0;
}

.lesson_btn{font-size: 24px; text-align: center; padding: 10px 0px}
/* ラウンド賞 */

section.prz_round {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
/* 横スクロール対策 */
.l-wrapper {
  overflow: hidden;
}
.prizetext_round {
  margin: 30px 0 10px 0;
    text-align: center;
    padding: 30px 10px;
    display: block;
    font-weight: bold;
    font-size: 2.3em;
    line-height: 1.5;
    background: url(/images/campaign/season/202208/leaf_lesson.png) no-repeat;
    background-size: auto;
    background-position: center center;
	}

  .round_lead{
    text-align: center;
    line-height: 1.6em;
    margin: 0 10px;
    font-size: 18px;
  }
  .prizetext_round span {font-size: 0.6em;}

.prz_round ul.round_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    font-size: 34px;
    margin: 1em auto auto;
}
.prz_round ul.round_btn li {
    width: 31%;
    margin-left: .9em;
    margin-bottom: 0.7em;
}

.prz_round ul.round_kansai li {
	width: 32%;}

.prz_round ul.round_btn li.item1, .prz_round ul.round_btn li.item4 {margin-left: 0em;}
.prz_round ul.round_btn li.item1_2 , .prz_round ul.round_btn li.item4_2{margin-left: none;}
.prz_round ul.round_btn li figure {width: auto; font-weight: bold;}
.prz_round ul.round_btn li figure img , .prz_place figure img{width: 100%;margin-bottom: 0.2em;transition:.5s;}
.prz_lesson figure img{width: 75%!important; margin-top: 30px;}
.prz_lesson{justify-content: flex-end; padding: 30px 0;}
.coach_txt{width: 50%!important; margin-right: 50px;}
.coach {color:#0a316a; text-align: center; font-size: 24px; font-weight: 600; padding-bottom: 10px;}
.coach_lead{font-size: 22px;}
.coach_lead span{font-size: 18px;}
.prz_round ul.round_btn li figure figcaption span {font-size: 90%;}
.prz_round .btn_area {
  margin: 0 auto;
  display: flex;
}

@media screen and (max-width:980px) {
.coach {font-size: 1.4em;}
.coach_lead{font-size: 1.2em;}
.coach_lead span{font-size: 0.8em;}
	
.coach_txt {
    width: 58% !important;
    margin-right: 0px;
}
}

.prz_round .btn_lesson{width: 20em!important; display: inline-block;}
.btn_area_box{text-align: center;}

.prz_round .btn_area a::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: .4em;
	height: .4em;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: none;
	right: 1em;
}

/* ポイント賞・ボール賞 */

.point_ball{
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  padding-bottom: 80px;
  background-color: #f0f0f0;
}

.point_ball_flex {
  width: 1260px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

.point_ball .point,.ball {
  background-color: #fff;
}

section.prz_point .prize_wrap, section.prz_ball .prize_wrap{
  padding-top: 10px;
  padding-bottom: 10px;
}
  ul.prize_3-4 {
    font-size: 30px;
    justify-content: flex-start;
    align-items:center
  }
  ul.prize_3-4 li.image {width: 100%;display: block;}
  ul.prize_3-4 li.image img {
    width: auto;
    text-align: right;
    pointer-events: none;
  }
  ul.prize_3-4 li.dtl {width: 100%;text-align: center;}
  ul.prize_3-4 li.dtl .Num {width: 12em;}
  ul.prize_3-4 li.dtl .text {
    background: url(/images/campaign/season/202208/leaf_s.png) no-repeat;
    background-size: auto;
    background-position: center center;
    text-align: center;
    font-weight: bold;
    padding: 10px;
  }
  ul.prize_3-4 li.dtl .text span {font-size: 50px;}
  ul.prize_3-4 li.dtl .btn_area{
    font-size: 24px;
    width: 80%;
    margin: 0 auto;
  }
  ul.prize_3-4 li.dtl .btn_area ul li {
    padding: 0;
  }
  ul.prize_3-4 li.dtl .btn_area a {padding: 0.6em 1em 0.5em 0.2em;}
  ul.prize_3-4 li.dtl .btn_area a::after{
    width: .4em;
    height: .4em;
    top: 0;
    bottom: 0;
    margin: auto;
  }
/*-----------------------------------------------------*/
/* キャンペーン概要エリアのスタイル
/*-----------------------------------------------------*/
#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;margin-top: 40px;}
#outline h3 {padding-left: 0;margin-left: -8px;border: none;font-size: 16px;}
#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;}

#cp-detail {
  padding-top: 0!important;
}

.campaignBtn_2022, .bookingBtn_2022 {
  display: inline-block;
  text-align: center;
  width: 40%;
  position: relative;
  padding: 0px;
}

#cp-detail{
  margin-bottom: 0!important;
}
/* PCでのhoverアニメーション */
@media (hover: hover) and (pointer: fine) {

	/* ボタンのhoverアニメーション */
	.btnAnimation_2022 a:hover, figure a img:hover {
		-webkit-transform: translate(0, -2px);
		transform: translate(0, -2px)scale(1.05, 1.05);
		color: #fff;
		-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
		box-shadow: 0 10px 15px rgba(0, 0, 0, .4);
		transition: 0.3s ease-in-out;
		opacity: 1;
	}

	.btnAnimation_2022 a:hover::after {
		animation: arrowyoko infinite .7s ease-in;
	}
}
/* IE11でのアニメーションのカクツキ対応 */
@media (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.btnAnimation_2022 a:hover {
		box-shadow: 8px 8px 5px 0 rgb(224, 222, 222);
		transform: scale(1.05, 1.05) translate(0, -2px);
	}

	.btnAnimation_2022 a:hover::after {
		animation: arrowyoko infinite .7s ease-in;
	}
}
@keyframes arrowyoko {
	0% {
		right: 25px;
	}
	100% {
		right: 10px;
		opacity: 0;
	}

}

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

@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;
}

/* max-width:1000px */
@media screen and (max-width:1260px) {
  .br980_hide {display: none;}
	#container{
		width: 100%;
		margin: 18px auto 0;
	}
	div#breadSns{
	  	width:100%;
	}
	.inner{
		width: 100%;
		padding: 0 3%;
		box-sizing: border-box;
	}
	dl.display_terms {
		width: 100% !important;
		padding: 0;
	}
  p.lead {margin: 15px 0;}
  .img_finish img {width: 100%;}
  .btn_area {width: 100%;}

	
	/* メインビジュアル */
	.mainvisual h1{width: 100%;padding: 0 2%;box-sizing: border-box;}
	#term p.term{width: 98%;margin: 0 1%;}
	.mainvisual h1 img,
	#term p.term img{width: 100%;}
    
	
    /* 賞品一覧 */

    #prz_list {
        width: 92%;
        margin: 10% auto 9%;
        box-sizing: border-box;
      }
      ul.prize_anker {
        margin: 0 auto;
        flex-wrap: wrap;
        width: 100%;
      }
      ul.prize_anker li {
        margin-bottom: .8em;
        width: 45%;
      }
      ul.prize_anker li a {
        width: auto;
        font-size: 2.5vw;
      }
    ul.prize_anker li a::after{right: .6em;}
    section .prize_wrap {width: 95%;padding: 3%;}
    .prz_place dl {font-size: 16px;}
    .prz_place dl dt{padding: 0.5em 0;}
    .prz_place dl p {font-size: 100%;}
    .prz_place figure img, .lecturer_info figure img {width: 100%;}

    p.Num {font-size: 22px;}

      /* レッスン賞 */
      .lecturer_info .btn_area {margin: 0 0 0 1em;}
      .lecturer_info .btn_area a{font-size: 2.1vw;}
      .lecturer_info .btn_area ul li a::after {right: 1em;}

      /* ラウンド賞 */
    .tab-kanto, .tab-kansai {width: 90%;}
    .prz_round ul.round_btn {font-size: 3vw;}

      /* ポイント賞・ボール賞 */
    ul.prize_3-4 {font-size: 3.5vw;}
    section.prz_point .prize_wrap, section.prz_ball .prize_wrap {padding-left: 0;padding-bottom: 26px;}
    ul.prize_3-4 li.image {width: 36%;}
    ul.prize_3-4 li.image img {width: 100%;}
    ul.prize_3-4 li.dtl {width: 68%;}
    ul.prize_3-4 li.dtl .text {background-size: contain;}

    .point_ball_flex {
     width: 95%;
    }

    ul.prize_3-4 li.image {
      width: 100%;
    }

    .point_ball .point {
      margin-right: 30px;
    }

    ul.prize_3-4 li.dtl {
      width: 100%;
}	

ul.prize_3-4 {
  font-size: 3vw;
}

ul.prize_3-4 li.dtl .text span {
  font-size: 3.5vw;
}

ul.prize_3-4 li.dtl {
  width: 90%;
  display: block;
  margin: 0 auto;
}

ul.prize_3-4 li.dtl .btn_area {
  font-size: 24px;
  width: 85%;
  margin: 0 auto;
  padding: 20px 0;
}
}
/* max-width:900px */
@media screen and (max-width:56.3em) {
    .prizetext_lesson, .prizetext_round {
        padding: 2% 10px;
        margin: 1.5% 3%;
        font-size: 3.5vw;
        background-size: 100%;
    }
    .lecturer_info .btn_area ul li a::after {right: 0.4em;}
	
	.ipad{display: none;}
}

/* max-width:850px */
@media screen and (max-width:53em) {
    .br850 {display: inline;}
 
    /* レッスン賞 */
    .lecturer_info figure {width: 45%;}
    .lecturer_info .btn_area {width: 50%;margin: 0 auto;} 

      /* ラウンド賞 */
    .prz_round .btn_area {
        /* width: 100%; */
        margin: 0.2em auto 1em;
      }
    .prz_round .btn_area a {
        font-size: 2.5vw;
        padding: 0.6em 1.7em 0.6em 0.8em;
      }
	
	.btn_area_box .btn_lesson {margin: 0.2em auto 0em;}
      /* .prz_round .btn_area a::after {
        width: .8em;
        height: .8em;
      } */
      ul.prize_3-4 li.dtl .btn_area {font-size: 2.5vw;}
      ul.prize_3-4 li.dtl .btn_area a{padding: 0.6em 1.65em 0.6em .7em;}
}

@media screen and (max-width:800px) {
.prz_place dl {font-size: 15px;}
}

/* max-width:770px */
@media screen and (max-width:48em) {
    .br770 {display: inline;}

    /* 賞品一覧 */
    h2.prz_list {font-size: 5.5vw;}
    ul.prize_anker {justify-content: center;}
    ul.prize_anker li {width: 45%;margin-bottom: 1em;}
    ul.prize_anker li:nth-child(2n){margin-left: 1em;}
    ul.prize_anker li a {
        font-size: 3.5vw;
      }

    /* hoverアクションの打消し */
    /* ul.prize_anker li a:hover {transform: unset;}
    ul.prize_anker li a:hover::after{transform:unset;border-color: #fff transparent transparent transparent;} */
    /* activに置き換え */
    ul.prize_anker li a:active {transform: translateY(-3px);}
    ul.prize_anker li a:active::after{transform:rotate(90deg);border-color: rgba(240,216,168,1) transparent transparent transparent;}

    /* レッスン賞 */
    .lecturer_info .btn_area a{
        font-size: 2.5vw;
        line-height: 1.4;
      }
      .lecturer_info .btn_area ul li a::after{right: 1em;}

      /* ラウンド賞 */
        /* hoverアクションの打消し */
      /* .tab-kanto a:hover, .tab-kansai a:hover {
        transform: unset;
        height: 1.5em;
        margin-bottom: 0;
        filter:alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7;
      } */
      /* activに置き換え */
      .tab-kanto a:active, .tab-kansai a:active {
        transform: translateY(-0.2em);
        height: 1.7em;
        margin-bottom: -0.2em;
        filter:alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
      }

}

/* max-width:640px */
@media screen and (max-width:40em) {
    .sp {display: block;}
    .pc {display: none;}

    #footer {display: none;}
    #breadSns {display: none;}
    header.common .logo {float: left;width: 275px;}
    header.common .navi li { float: right;padding-top: 15px;}

    .br770 {display: none;}

    #container{
      width:100% !important;
      position:relative;
      margin: 0;
    }	

    .img_finish img {width: 90%;margin: 4% 5%;text-align: center;}


/*-----------------------------------------------------*/
/* メインビジュアル
/*-----------------------------------------------------*/
	.mainvisual{background: none;}
	.mainvisual h1 {padding: 0;}	
/*-----------------------------------------------------*/
/* 各種期間表示エリアのスタイル
/*-----------------------------------------------------*/
	#term {margin-bottom: 10px;padding:10px;color:#000;height: auto;text-align: center; }
	#term dt {color: #830c0c;text-align: center;font-weight: bold;}
	#term p.pc{display: none;}
	#term dl.sp{display: block;}
	#term dl{letter-spacing:-0.4em;text-align:left;text-align: center;font-weight: bold;}
	#term dt,#term dd{*display:inline;*zoom:1;letter-spacing:normal;font-size: 4.2vw;line-height: 130%;font-weight:bold;font-family: "Crimson Text", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif
	}
/* -------------------------------------------------------------- */
/* ボタンエリアのスタイル
/* -------------------------------------------------------------- */

	/*キャンペーン詳細を確認する*/
	ul.btnArea_top{margin: 30px 0;}
	ul.btnArea_top li {width: 100%;padding: 3px 0;box-sizing: border-box;}
	
	ul.btnArea_top{float: none;width:100%;display: block!important;padding-bottom: 0;}
	/* p.agree {margin-bottom: 20px;} */
	/* .toTop {margin: -10 2% 10px 0;font-size: 3vw;} */

    .btn_area ul li .pc{display: none;}
    .btn_area ul li .sp{
      display: inline-block;
      width: 100%;
      padding: 0.8em 1.8em 0.7em 0.5em;
      margin: 8px 0;
    }
    .btn_area ul li a {
      border-radius: 8px;
      border: 2px solid #fff;
    }

    .btn_area .booking {
        width: 100%;
        margin: 0 auto;
        font-size: 5vw;
        padding: 2% 0;
    }
    .btn_area ul.booking li a::after {right: 1em;}

    /* リード */

    .mn .lead_title {
      font-size: 20px;
    }
    .mn .lead {
      text-align:left ;
      margin: 0 10px 35px!important;
      font-size: 16px;
    }
	
	.mn {
    padding-bottom: 15%;
}

    /* 必要条件 */
    /* dl.display_terms dd {
      width: 100%!important;
    } */



    /* 賞品一覧 */
    h2.prz_list {
        background: url(/images/campaign/season/202208/prizettl_bk_sp.png) no-repeat;
        background-size: 100%;
        background-position: center center;
        margin-bottom: 15px;
        font-size: 7vw;
    }
    ul.prize_anker li a {font-size: 4.5vw;}

	.prz_place dl dt {
		width: 5em;}
	
	.prz_place div {
        width: 100%!important;
    }

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

  /* ページ内リンク */
  #lesson, #round, #point, #ball {
      padding-top: 25px;
      margin-top: -25px;
      display: inline-block;
  }
  #kanto, #kansai {
      padding-top: 65px;
      margin-top: -65px;
      display: inline-block;
  }


  .prizetext_lesson, .prizetext_round {
    padding: 3% 10px;
    font-size: 5.5vw;
    background: url(/images/campaign/season/202208/leaf_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  .prz_place {display: block;}
  .prz_place figure {width: 100%;}
  .prz_place div {margin-top: 1em;width: 100%;}
  .prz_place dl {font-size: 3.5vw;padding: 0em 0 0.3em 0.7em;}
  p.Num {
    width: 100%;
    font-size: 4.5vw;
    line-height: 1.2;
    padding: 0.4em 0;
  }

  /* ラウンド賞 */
  .round_lead {
    text-align: left;
    font-size: 3.5vw;
  }
  .tab-kanto, .tab-kansai {font-size: 6vw;}
  .tab a:hover {
    transform: translateY(0em);
    height: 1.5em;
    margin-bottom: 0em;
    color: red;
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }

  .prz_round ul.round_btn {font-size: 6vw;}
  .prz_round ul.round_btn .item1 {font-size: 7.5vw;}
  .prz_round ul.round_btn li {
    width: 48%;
    margin-left: .5em;
    margin-bottom: 0.7em;
  }
  .prz_round ul.round_btn li.item1 {width: 70%;}
  .prz_round ul.round_btn li.item1_2 {width: 70%;}
  .prz_round ul.round_btn li.item2, .prz_round ul.round_btn li.item4 {margin-left: 0em;}

  .prz_round .btn_area {
    width: 80vw;
    margin: 0.3em auto 0.7em;
  }
  .prz_round .btn_area a {
    font-size: 4.6vw;
    padding: 0.5em 1em 0.5em .3em;
    border-radius: 8px;
    border: 2px solid #fff;
  }
	
	.lesson_btn{font-size: 4.6vw;}

  .prz_place dl p {
    display: block;
    margin-top: 10px;
  }

  /* ポイント賞・ボール賞 */
  section.prz_point .prize_wrap, section.prz_ball .prize_wrap {padding: 0 3% 5%;}
  ul.prize_3-4 {
    flex-wrap: wrap;
    justify-content: center;
    font-size: 5.5vw;
  }
  ul.prize_3-4 li.image {width: 70%;}
  ul.prize_3-4 li.dtl {width: 100%;font-weight: bold;}
  ul.prize_3-4 li.dtl .text {margin: .3em auto;}
  ul.prize_3-4 li.dtl .btn_area {font-size: 4.6vw;width: 80vw; padding: 20px 0;}
  ul.prize_3-4 li.dtl .btn_area a {padding: 0.5em 1em 0.5em .3em;}

  .btn_lesson{font-size: 4.6vw;width: 80vw; padding: 20px 0;}
  .btn_lesson a{padding: 0.5em 1em 0.5em .3em;}
  .prz_round .btn_lesson , .btn_area_kansai , .btn_area_kanto{width: 80vw!important;}

  .point_ball_flex {
    display: block;
  }

  .point_ball .point {
    margin-right: 0;
}

ul.prize_3-4 li.image{
  width: 100%;
}

ul.prize_3-4 li.dtl .text span {
  font-size: 5.5vw;
}

ul.prize_3-4 li.dtl .text {
  padding: 0;
}

.point {
  margin-right: 0;
  margin-bottom: 45px;
}
/*-----------------------------------------------------*/
/* キャンペーン概要エリア */
/*-----------------------------------------------------*/
	
	#outline {padding-top: 0;margin-top: 0;}
	#outline .inner {margin: 0;}
	#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 th {white-space: normal;}
	#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;}
	#outline th {white-space: normal;}

}
@media screen and (max-width:480px) {
    .mn .lead_title {
        font-size: 5vw;
		line-height: 1.4;
    }
}

/* max-width:400px */
@media screen and (max-width:25em) {
    .br400 {display: inline;}
	.mn .lead {
      font-size: 4vw;
    }
}

/* タッチディバイスでのactiveアニメーション */
@media (hover: none) and (pointer: none) {
	.btnAnimation_2022 a:active {
		-webkit-transform: translate(0, -2px);
		transform: translate(0, -2px)scale(1.05, 1.05);
		color: #fff;
		-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
		box-shadow: 0 10px 15px rgba(0, 0, 0, .4);
		transition: 0.3s ease-in-out;
		opacity: 1;
	}
}