.mb30{ margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}
.mb70{margin-bottom: 70px;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
.pc_no{display: none;}
.sp_no{}
.w-auto{width: 100%;}
.txt_l{font-size: 16px;color: #3e97c6;text-align: center;line-height: 2.3em;}
a img:hover{opacity: 0.8;}
img{vertical-align: bottom;}

/*sorares*/
#sorares{
	line-height: 1.6;
	font-size: 20px;
}
#sorares .wrap{
	width: 960px;
	margin: 0 auto;
}
#sorares .wrap img {max-width: 100%; height: auto;}
#sorares h3 img{max-width: inherit;}
#sorares a{text-decoration: underline;}
#sorares .box{overflow: hidden;}
#sorares dl{ overflow: hidden;}
#sorares dt{float: left;width: 8em;font-weight: bold;}
#sorares dd{overflow: hidden;}
#sorares dd span{font-size: 80%;}
#sorares .gift{position: relative;background: #f0fafc;}
/*#sorares .gift p{}*/
#sorares .gift p a{margin:0 auto; width:700px; display: block;}
#sorares .dlbtn{width: 100%;}
#sorares dl.step{background: url(../../images/yassa-2/icon.png) no-repeat center bottom; padding-bottom: 25px;}
#sorares dl.step:nth-child(4){background:none;}
#sorares dl.step dd{float: none; line-height: 1.4;}
#sorares dl.dltable{border-top: 1px solid #9f9fa0; padding: 30px 0; font-size: 17px;}
#sorares dl.dltable dt{width: 10em;}
#sorares dl.dltable dd ul li{padding-left: 1em; text-indent: -1em;}
#sorares dl.last{border-bottom: 1px solid #9f9fa0; margin-bottom: 0px;}
#sorares .twitter-cont{font-size: 24px; font-weight: bold; text-align: center;padding: 50px 20px 60px;background: #F6F6EE; margin-bottom: 85px;}
#sorares .twitter-cont p{margin-bottom: 30px;}

#sorares .released dt{
	float: none;
	width: auto;
	font-weight: bold;
	color: #3e97c6;
	font-size: 30px;
	margin-bottom: 20px;
}

#sorares .released dd{
	font-size:18px;
}

#sorares .fl{
	display: flex;
	justify-content: space-around;
	align-items: center;
}

#sorares .fl img{
	width: 32%;
}

#sorares .gift{
	padding-top:60px;
	padding-bottom: 60px;
}

#sorares .gift h3{
	text-align:center;
	margin-bottom: 40px;
}

#sorares .gift .list_present{
	display:flex;
	align-items: center;
	justify-content:space-around;
	flex-wrap:wrap;
}

#sorares .gift .list_present li{
	margin-bottom: 40px;
	width: 43%;
}

#sorares .gift .list_present li img{
	width:100%;
}

#sorares .gift .period{
	margin-bottom:20px;
}

/*#sorares .dlbtn img{}*/


@media screen and (max-width: 767px) {
	.mb30{ margin-bottom: 15px;}
	.mb50{margin-bottom: 25px;}
	.mb70{margin-bottom: 35px;}
	.mt20{margin-top: 20px;}
	#sorares .wrap{width: 100%;margin: 0 auto;}
	.wrap h1 img,.wrap h2 img{
	width: 100%;
	height: auto;
	margin: 0;
	}
	#sorares .box{margin: auto 20px;}
	#sorares h3 img{width: auto;/* height: 23px; */}
	.txt_l{font-size: 15px;font-weight: bold;text-align: left;}
	#sorares dl{ margin-left: 0px; font-size: 16px;}
	#sorares dt{float: none;}
	#sorares .gift p{/* position: absolute; */bottom: 5%;margin: auto;display: block;}
	#sorares .gift p a{margin:0 auto; width:100%; display: inherit;}
	#sorares dl.step{
		background: url(../../images/yassa/icon.png) no-repeat center bottom;
		background-size: 25px auto;
		padding-bottom: 25px;}
	#sorares dl.step dt{float: left; width: 20%;}
	#sorares dl.step dt img{width: 90%;}
	#sorares dl.step dd{float: right; width: 75%;}
	#sorares dl.step:nth-child(4){ margin-bottom: 0px; padding-bottom: 20px;}
	#sorares .dlbtn{margin-bottom: 30px;}
	#sorares .dlbtn a img{ max-width:90%;}
	#sorares dl.dltable{font-size: 14px;}
	#sorares dl.dltable dt{width: 100%;}
	#sorares dl.dltable dd{width: 100%;}
	#sorares .twitter-cont{font-size: 15px;text-align: center;padding: 25px 5% 30px;background: #F6F6EE; margin-bottom: 45px;}
	#sorares .twitter-cont p{margin-bottom: 15px;}
	#sorares .twitter-cont img{ width: 75%; height: auto;}

	#sorares .gift img{
		text-align:center;
		width:auto;
	}

	#sorares .gift .list_present li{
		margin-bottom: 40px;
		width: 80%;
	}

	#sorares .gift .period{
		width: 100%;
		padding:10px 10px;
	}
	#sorares .gift .period img{
		width: 100%;
	}

	#sorares .gift h3{
		text-align:center;
		margin-bottom: 40px;
	}

	#sorares .gift h3 img{
		max-width: 40%;
	}

	#sorares .box h3 img{
		max-width: 40%;
	}

	#sorares .box .flow img{
		max-width:100%;
	}

	#sorares .released dt{
		font-size:20px;
	}

	#sorares .released dd{
		font-size:16px;
	}

	#sorares .youtube img{
		max-width:100%;
	}

	#sorares .youtube h2{
		font-size: 16px;
	}
}
/*yassa*/

/*app-content*/

#sorares .app-content{
	text-align:center;
	margin-bottom:50px;
	padding-top: 40px;
}

#sorares .app-content h2{
	font-size:1.5em;
}


#sorares .app-content img{
	display:block;
	margin:0px auto;
	margin-bottom:45px;
	max-width:100%;
}

#sorares .app-content a{
	font-size:1.2em;
	color:blue;
	text-decoration:underline;
}
/*app-content*/

/*=====PC SEARCH BOTTOM=====*/
.input_search_container{
	border: none;
}
.scnd_loc_title{
	padding-top: 90px;
	letter-spacing: 0px;
}
.scnd_loc_title > span{
	font-size: 18px;
}
.bg_for_second_loc > .select_search_container > .sml_str_txt,
.scnd_npt_container > .sml_str_txt {
    background-position: 10%;
}
.bg_for_second_loc > .select_search_container > .sml_str_txt > span,
.scnd_npt_container > .sml_str_txt > span{
	padding-left: 18%
}
.scnd_input > input[type="text"]{
	margin-top: 5px;
	-webkit-border-radius:0px;
}
_:-ms-lang(x),
   .scnd_btn_container{
   	padding-top: 9%!important;
   }
.scnd_btn_container > a{
	width: 82%;
}
.scnd_btn_container{
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
}
.scnd_npt_container{
	position: relative;
	height: 200px;
 }
.second_str_loc{
	padding-bottom: 23px;
}
/*PC SEARCH BOTTOM*/
/*PC BOTTOM TEXT*/
.pc_menu_top_txt > p{
	font-size: 12px;
	line-height: 18px;
}
/*PC BOTTOM TEXT*/
/*PC OVERIDES FOR BOTTOM MENU*/
.pc_icon_container{
	padding-bottom: 20px;
}
.misc_wrapper{
	padding-bottom: 25px;
}
/*PC OVERIDES FOR BOTTOM MENU*/
/*display nones*/
.sp_recommended,
.sp_store_locator{
	display: none;
}
/*display nones*/


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

	.pc_no{display: block;}
	.sp_no{display: none;}
	
	#sorares .app-content img{
		margin-bottom:25px;
	}

	/*active page*/
	.nav_list > ul > li:nth-child(2){
		background: #fff;
	}
	/*active page*/

	/*remove hover for sp*/
	.sub_menu_table > li:hover > a >.sub_menu_name > span{
		color: #000;
		border: none;
	}
	/*remove hover for sp*/

	/*favorite store paddings*/
	.taisho_lnk_container, .tenjinbashi_lnk_container, .kawachinagano_lnk_container{
		padding-bottom: 25px;
	}
	/*favorite store paddings*/
	/*sp overrides*/
	.str_loc_wrapper{
		background: #fff;
		padding-top: 66px;
	}
	.sp_menu_bot_txt > p{
		font-size: 20px;
		line-height: 24px;
	}
	.menu_wrapper, .menu_list{
		padding-bottom: 30px;
	}
	/*sp overrides*/
	/*display nones*/
	span.icon_recommended{
		display: none;
	}
	/*display nones*/
	/*display blocks*/
	.sp_recommended,
	.sp_store_locator{
		display: block;
	}
	/*display blocks*/
}
@media screen and (min-width: 481px) and (max-width: 639px) {
	ul.sub_menu_table > li{
		padding: 17.25px 15px;
	}
	.sub_menu_name > span{
		font-size: 17.25px;
	}
	.sub_img{
		padding-bottom: 21.75px;
	}
	/*submenus*/
	/*menu title*/
	.menu_title_wrapper{
		padding: 56.25px 15px;
		padding-bottom: 52.5px;
	}
	.menu_title_txt{
		padding-bottom: 18.75px;
	}
	.menu_title_txt > h1{
		font-size: 50px !important;
	}
	.menu_note > span{
		font-size: 18px;
	}
	/*menu title*/

	/*favorite store paddings*/
	.taisho_lnk_container, .tenjinbashi_lnk_container, .kawachinagano_lnk_container, .fav_lnk_container{
		padding-bottom: 18.75px;
	}
	/*favorite store paddings*/

	/*sp overrides*/
	.str_loc_wrapper{
		padding-top: 49.5px;
	}

	.sp_menu_bot_txt > p{
		font-size: 15px;
		line-height: 18px;
	}

	.menu_wrapper, .menu_list{
		padding-bottom: 22.5px;
	}
}
@media screen and (min-width: 320px) and (max-width: 480px) {
	ul.sub_menu_table > li{
		padding: 11.5px 10px;
	}

	.sub_menu_name > span{
		font-size: 11.5px;
	}

	.sub_img{
		padding-bottom: 14.5px;
	}
	/*submenus*/

	/*menu title*/
	.menu_title_wrapper{
		padding: 37.5px 10px;
		padding-bottom: 35px;
	}

	.menu_title_txt{
		padding-bottom: 12.5px;
	}

	.menu_title_txt > h1{
		font-size: 19.46px;
	}

	.menu_note > span{
		font-size: 12px;
	}
	/*menu title*/

	/*course description*/
	.course_desc_wrapper{
		padding: 35px 10px;
		padding-bottom: 31px;
	}

	.course_desc_img > ul > li:first-child{
		padding-right: 2.5px;
	}

	.course_desc_img > ul > li:last-child{
		padding-left: 2.5px;
	}

	.course_desc_img{
		padding-top: 33.5px;
		padding-bottom: 20px;
	}

	.course_desc_text > p{
		font-size: 12px;
		line-height: 22px;
	}

	.course_desc_text{
		padding-bottom: 42px;
	}
	/*course description*/

	/*course checklist*/
	.course_checklist_wrapper{
		padding: 0 10px;
		padding-bottom: 32.5px;
	}

	.checklist_box{
		padding-top: 31.5px;
		padding-bottom: 30px;
	}

	.checklist_box > ul > li{

	    padding: 12.5px 0;
	}

	.checklist_box > ul > li > span{
		font-size: 9px;
	}

	.top_left_title > h3,
	.bottom_left_title > span{
		font-size: 18px;
		padding-right: 12.5px;
	}

	span.checklist_icon,
	span.checklist_icon_unchecked{
	    width: 17.5px;
	    height: 17.5px;
	}

	span.checklist_txt{
		margin-left: 5px;
	}
	/*course checklist*/

	/*course price*/
	.course_price_table{
		padding-top: 31.5px;
		padding-bottom: 20px;
	}

	.course_price_table > ul > li.course_price_item > ul > li.points{
		font-size: 12px;
		padding: 14px 0;
	}

	.course_price_table > ul > li.course_price_item > ul > li.price{
		padding: 13.5px 0;
		padding-left: 3.5px;
		font-size: 13px;
	}

	span.sml_price{
		font-size: 6.5px;
	}

	.course_price_table > ul > li.course_price_item > ul > li.price_recommended{
		padding: 4px 0;
		padding-left: 3.5px;
	}

	.icon_recommended > span{
		font-size: 6px;
		background: #94311d;
		padding: 1.5px 3.5px;
	}

	.recommended_price{
		font-size: 13px;
	}

	.icon_recommended{
		padding-bottom: 5px;
	}
	/*course price*/

	/*course notes*/
	.course_notes > p {
	    font-size: 12px;
	    line-height: 22px;
	    word-spacing: 6px;
	}

	span.note{
		font-size: 10px;
	}
	/*course notes*/

	/*favorite store paddings*/
	.taisho_lnk_container, .tenjinbashi_lnk_container, .kawachinagano_lnk_container{
		padding-bottom: 12.5px;
	}
	/*favorite store paddings*/

	/*sp overrides*/
	.str_loc_wrapper{
		padding-top: 33px;
	}

	.sp_menu_bot_txt > p{
		font-size: 10px;
		line-height: 12px;
	}

	.menu_wrapper, .menu_list{
		padding-bottom: 15px;
	}
	/*sp overrides*/
}