@charset "utf-8";

@media screen and (max-width : 640px) {
/* ==================================================
Required to CMS-8341
================================================== */
#tmp_contents h1 {
	padding: 33px 17px 29px;
	font-size: 160%;
	line-height: 1.8;
}
#tmp_contents h2 {
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	-moz-background-position: 0 21px;
	-webkit-background-position: 0 21px;
	background-position: 0 21px;
	font-size: 133.3%;
}
#tmp_contents h3 {
	padding: 0 0 9px;
	-moz-background-position: 0 100%;
	-webkit-background-position: 0 100%;
	background-position: 0 100%;
	font-size: 120%;
}
#tmp_contents h4 {
	padding: 10px 0 0 20px;
	font-size: 113.3%;
	background-position: 0 10px;
}
#tmp_contents h5 {
	padding: 4px 0 0 20px;
	font-size: 100%;
	background-position: 0 10px;
}
#tmp_contents h6 {
	padding: 4px 0 0 20px;
	font-size: 100%;
	background-position: 0 10px;
}

/* ==================================================
parts
================================================== */
#tmp_contents .outline,
#tmp_contents ul.box_btn,
#tmp_contents .box_info,
#tmp_contents .box_link,
#tmp_contents .box_menu {
	margin-bottom:25px;
}
/* outline
================================================== */
#tmp_contents table.outline td,
#tmp_contents div.outline {
    padding: 20px 25px 5px 31px;
}
/* box_btn
================================================== */
#tmp_contents ul.box_btn {
	padding-bottom:0;
}
#tmp_contents ul.box_btn li {
    font-size: 100%;
}
#tmp_contents ul.box_btn li a {
    -moz-background-size: 14px auto;
    -webkit-background-size: 14px auto;
	background-size: 14px auto;
	background-position: 97% 22px !important;
	padding: 17px 24px 17px 15px !important;
}
/* box_info
================================================== */
#tmp_contents .box_info .box_info_ttl {
    font-size: 100%;
}
#tmp_contents .box_info .box_info_ttl p {
    margin-bottom: 0;
    padding: 20px 0 8px 20px;
}
#tmp_contents .box_info .box_info_cnt {
    padding: 13px 10px 12px;
}
/* box_link
================================================== */
#tmp_contents .box_link .box_link_ttl {
    font-size: 100%;
}
#tmp_contents .box_link .box_link_ttl p {
    margin-bottom: 0;
    padding: 20px 0 8px 20px;
}
#tmp_contents .box_link .box_link_cnt {
    padding: 13px 10px 12px;
}
/* box_menu
================================================== */
#tmp_contents .box_menu {
	border-width:15px;
	font-size: 100%;
}
#tmp_contents .box_menu .box_menu_ttl {
    padding:5px 0 10px 5px;
}
#tmp_contents .box_menu .box_menu_ttl a {
    -moz-background-size: 14px auto;
    -webkit-background-size: 14px auto;
	background-size: 14px auto;
	font-size: 100%;
}
#tmp_contents .box_menu .box_menu_cnt {
	padding:15px 15px 10px 10px;
}
/* ==================================================
Free
================================================== */
.format_free #tmp_contents h1 {
	margin: 0 -20px 46px;
}
/* ==================================================
index
================================================== */
/* idx_visual
================================================== */
#tmp_idx_visual {
	margin:0 0 20px;
}
#tmp_idx_visual .container {
	padding:0 10px;
}
#tmp_idx_visual img {
	max-width:100%;
	height:auto;
}
#tmp_idx_visual_slide img {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#tmp_idx_visual_slide .slick_control {
	position: static;
	text-align:right;
	padding:10px 0;
}
/* idx_pic */
.idx_about #tmp_idx_pic {
	left:10px;
	bottom:auto;
	top:28%;
	width:20%;
}
.idx_pickup #tmp_idx_pic {
	left:2px;
	bottom:auto;
	top:50%;
	width:30%;
}
.idx_learn #tmp_idx_pic {
	left:0;
	bottom:auto;
	top:42%;
	width:30%;
}
/* idx_catch */
#tmp_idx_catch {
	position: static;
	max-width:none;
	max-height:none;
	padding:40px 0 10px;
	font-size:93.3%;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
#tmp_idx_catch .ttl {
	font-size:146.7%;
}

/* youkoso_idx_ttl
================================================== */
#tmp_youkoso_idx_ttl h1 {
	font-size:146.7%;
	padding:0 20px 0 30px;
	margin:0 0 25px;
}
#tmp_youkoso_idx_ttl h1::before,
#tmp_youkoso_idx_ttl h1::after {
	top:3px;
	width:15px;
	height:16px;
}
/* idx_list
================================================== */
#tmp_idx_list_menu {
	padding-bottom:28px;
}
#tmp_idx_list_menu ul {
	margin:0 -5px;
}
#tmp_idx_list_menu ul li {
	width:50%;
	padding:0 5px;
	margin:0 0 10px;
	font-size:100%;
}
#tmp_idx_list_menu ul li:nth-child(odd) {
	clear:both;
}
#tmp_idx_list_menu ul li a {
	padding:7px 5px 7px 26px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background-size:8px auto;
	background-position:10px 8px;
}
/* box_idx */
#tmp_idx_list_cnt .box_idx {
	margin:0 0 20px;
}
#tmp_idx_list_cnt .box_idx_ttl {
	min-height:auto;
	padding:17px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin:0 0 15px;
}
.idx_about #tmp_idx_list_cnt .box_idx_ttl::after {
	background-size:150px auto;
	width:150px;
	height:34px;
	bottom:-2px;
	right:2px;
}
.idx_pickup #tmp_idx_list_cnt .box_idx_ttl::after {
	background-size:192px auto;
	width:192px;
	height:45px;
	bottom:-12px;
	right:0;
}
#tmp_contents #tmp_idx_list_cnt .box_idx_ttl h2 {
	font-size:146.7%;
}
#tmp_contents #tmp_idx_list_cnt .box_idx_ttl h2::before {
	width:15px;
	height:16px;
}
#tmp_idx_list_cnt .box_idx_cnt {
	padding:0;
}
#tmp_idx_list_cnt .box_idx_cntL,
#tmp_idx_list_cnt .box_idx_cntR {
	float:none;
	width:100%;
}
#tmp_idx_list_cnt .box_idx_cntR {
	padding-top:0;
}
#tmp_idx_list_cnt .box_idx_main {
	padding:15px 0;
}
#tmp_idx_list_cnt .box_idx_main h3 {
	font-size:146.7%;
	margin-bottom:15px;
}
#tmp_idx_list_cnt .box_idx_main p {
	font-size:100%;
}
#tmp_idx_list_cnt .img img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/* more_btn */
#tmp_idx_list_cnt .box_idx_cnt .more_btn a {
	padding:8px 30px 7px 15px;
	background-size:22px auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/* idx_list_city
================================================== */
#tmp_idx_list_city {
	background:url(/shared/templates/youkoso/images/sp/city_main_bg.jpg) no-repeat center 110px;
	background-size:100% auto;
	margin-bottom:30px;
	min-height:auto;
}
#tmp_idx_list_city .container {
	background:url(/shared/templates/youkoso/images/sp/city_bg.png) no-repeat center top;
	background-size:100% auto;
	padding-top:40px;
	padding-bottom:0;
}
#tmp_idx_list_city_ttl {
	background-size:290px auto;
	background-position:left top;
	padding-top:30px;
	margin:0 0 60px;
	text-align:left;
}
#tmp_contents #tmp_idx_list_city_ttl h2 {
	font-size:146.7%;
}
#tmp_idx_list_city_cnt,
#tmp_idx_list_city_cnt .city_map,
#tmp_idx_list_city_cnt .city_cnt {
	display:block;
	width:100%;
	padding:0;
}
/* idx_cate
================================================== */
#tmp_idx_list .idx_cate {
	background: url(/shared/templates/youkoso/images/sp/learn_box_bg.png) no-repeat top center;
	background-size:100% auto;
	padding-top:33px;
	margin:0 -10px 20px;
}
#tmp_idx_list #tmp_idx_list_area .idx_cate_ttl {
	background-size:300px auto;
	padding-top:30px;
	margin:0 0 15px;
}
#tmp_idx_list #tmp_idx_list_other .idx_cate_ttl {
	background-size:300px auto;
	padding-top:30px;
	margin:0 0 15px;
}
#tmp_idx_list .idx_cate_ttl h2 {
	font-size:146.7%;
}
#tmp_idx_list .idx_cate_ttl h2 a,
#tmp_idx_list .idx_cate_cnt .learn_item li .text a {
	padding-right:30px;
	background-size:22px auto;
	background-position:right 6px;
}
#tmp_idx_list #tmp_idx_list_area .idx_cate_cnt {
	background:url(/shared/templates/youkoso/images/sp/area_map.jpg) no-repeat top center;
	background-size:300px 190px;
	padding:200px 10px 0;
	margin:0;
}
#tmp_idx_list .idx_cate_cnt .learn_item {
	margin:0 -3px;
	text-align:left;
	letter-spacing: normal;
}
#tmp_idx_list .idx_cate_cnt .learn_item li {
	display:block;
	float:left;
	width:50%;
	padding:0 3px;
	margin:0 0 10px;
}
#tmp_idx_list .idx_cate_cnt .learn_item li .img {
	margin:0 0 5px;
}
#tmp_idx_list .idx_cate_cnt .learn_item li .img,
#tmp_idx_list .idx_cate_cnt .learn_item li .img img {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#tmp_idx_list .idx_cate_cnt .learn_item li .text {
	font-size:100%;
}
#tmp_idx_list #tmp_idx_list_other .idx_cate_cnt {
	padding:0 10px;
}
/* idx_menu
================================================== */
#tmp_contents ul.idx_menu {
	margin:0;
}
#tmp_contents ul.idx_menu li {
	float:none;
	width:100%;
	padding:0;
}
#tmp_contents ul.idx_menu li a {
    -moz-background-size: 14px auto;
    -webkit-background-size: 14px auto;
	background-size: 14px auto;
	background-position: 97% 22px;
	padding: 17px 24px 17px 15px;
}
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}