@charset "utf-8";

@media screen and (max-width : 640px) {
/* ==================================================
Base-Layout
================================================== */
/* body
================================================== */
body {
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
}
/* wrapper
================================================== */
#tmp_wrapper {
	position: relative;
	width: 100%;
	min-width: 320px;
}
.container{
	padding: 0 10px;
	width: 100%;
}

/* format-layout
================================================== */
.column_rnavi .wrap_col_main {
	float:none;
}
.format_free .wrap_col_rgt_navi {
	width: 100%;
	margin-top: 48px;
}
.format_free .column_rnavi .wrap_col_main,
.format_free .column_rnavi .col_main {
	margin-right: 0;
}
.col_main {
    padding: 0;
}
.format_free #tmp_wrap_main {
    padding-bottom: 60px;
}
/* ==================================================
header
================================================== */
#tmp_header {
	position:relative;
	padding:0;
	background-color: #ffffff;
	color: #222222;
    border-bottom: 2px solid #ffcc66;
	z-index: 800;
}
#tmp_hlogo {
	float: none;
    width: 190px;
}
#tmp_hlogo h1,
#tmp_hlogo p,
#tmp_hlogo a,
#tmp_hlogo h1 span,
#tmp_hlogo p span {
	width: 190px;
	height: 60px;
}
#tmp_hlogo h1,
#tmp_hlogo p {
	background-image: url("/shared/site_kyoukai/images/header/logo_s.png");
    background-size: 190px auto;
}
#tmp_means {
    padding: 0;
    max-width: none;
    float: none;
}

/* sp_menu
================================================== */
.spmenu_open {
	position:absolute;
	width: 100%;
	min-height: 100%;
	z-index: 9999;
	background: #ffffff;
	color: #222222;
}
.spmenu_open:before {
	content:"";
	min-height: 100%;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background-color: rgba(34,34,34,0.4);
	z-index:699;
}
#tmp_sma_menu {
	position: relative;
}
.spmenu_open #tmp_sma_menu {
	background-color: #ffffff;
	color: #222222;
}
.wrap_sma_sch {
	position: absolute;
	top: -2px;
	width: 100%;
	padding: 20px 10px;
	background-color: #ffffff;
	color: #222222;
	z-index: 9999;
}
#tmp_sma_menu .close_btn {
	margin: 0 auto;
	text-align: center;
    clear: both;
}
#tmp_sma_menu .close_btn a {
	min-width: 124px;
	min-height: 40px;
	border: 1px solid #c1c1c1;
	border-radius: 10px;
	padding: 7px 5px 4px;
	display: inline-block;
	text-decoration: none;
	color: #222222;
	background: #ffffff;
}
#tmp_sma_menu .close_btn a:before {
	content: '';
	width: 10px;
	height: 10px;
	display: inline-block;
	margin-right: 8px;
	background: url("/shared/site_kyoukai/images/header/close_icon_black.png") no-repeat center center;
	background-size: 10px 10px;
}
#tmp_switch_sp_style {
	display: none;
}
#tmp_hnavi_s,
.spmenu_open #tmp_hnavi_s {
	display: block;
	list-style: none;
}
#tmp_hnavi_s {
    top: 5px;
    right: 10px;
}
#tmp_hnavi_s li a {
	display:block;
	min-width: 50px;
	min-height: 50px;
	font-weight: bold;
	text-decoration:none;
	font-size: 0.6875rem;
	text-align: center;
}
#tmp_hnavi_lmenu,
#tmp_hnavi_rmenu {
	min-width: 50px;
	float: left;
}
#tmp_hnavi_rmenu {
    margin-left: 8px;
}
#tmp_hnavi_lmenu a span {
	padding: 32px 0 0;
	color: #222222;
	background: #ffcc66 url("/shared/site_kyoukai/images/header/search_icon_sp.png") no-repeat center 8px;
	background-size: 23px auto;
    border-radius: 10px;
}
#tmp_hnavi_lmenu span,
#tmp_hnavi_rmenu span {
	display:block;
	position:relative;
	z-index:-1;
	min-width: 50px;
	min-height: 50px;
	overflow:hidden;
}
#tmp_hnavi_rmenu a span {
	padding: 32px 0 0;
	color: #ffffff;
	background: #0f8030 url(/shared/site_kyoukai/images/header/icon_menu.png) no-repeat center 8px;
	background-size: 23px auto;
    border-radius: 10px;
}
#tmp_hnavi_lmenu .active span {
	background-image: url("/shared/site_kyoukai/images/header/close_icon_black.png");
    background-position: center 10px;
	background-size: 15px 15px;
}
#tmp_hnavi_rmenu .active span {
	background-image: url("/shared/site_kyoukai/images/header/close_icon_white.png");
    background-position: center 10px;
    background-size: 15px 15px;
}
#tmp_hnavi_lmenu .active span,
#tmp_hnavi_rmenu .active span{
    min-height: 55px;
    border-radius: 10px 10px 0 0;
}
#tmp_sma_lmenu {
    border-top: 2px solid #ffcc66;
    border-bottom: 2px solid #ffcc66;
}
#tmp_sma_rmenu {
    border-top: 2px solid #0f8030;
    border-bottom: 2px solid #0f8030;
    padding: 20px 15px;
}
#tmp_setting,
#tmp_setting .mean_setting,
#tmp_setting .mean_setting li {
    display: block;
}
#tmp_setting .mean_setting {
    padding: 0 0 20px;
}
#tmp_setting .mean_setting li {
    margin: 0 0 10px;
    background-image: none !important;
}
#tmp_setting .mean_setting li a {
    display: flex;
	align-items: center;
	flex-grow:1;
    padding: 5px 5px 5px 44px;
    min-height: 50px;
    color: #222222;
    background-color: #fff9e2;
    background-size: 22px auto !important;
    background-position: 16px center;
    background-repeat: no-repeat;
}
#tmp_setting .mean_setting li.setting_fontsize a {
    background-image: url("/shared/site_kyoukai/images/header/icon_setting_font_sp.png");
}
#tmp_setting .mean_setting li.setting_language a {
    background-image: url("/shared/site_kyoukai/images/header/icon_setting_lang_sp.png");
}
#tmp_setting .mean_setting li.setting_furigana a {
    background-image: url("/shared/site_kyoukai/images/header/icon_setting_furigana_sp.png");
}

/* search */
#tmp_search {
    display: none;
}
#tmp_sma_search  {
	margin: 0 0 30px;
}
#tmp_sma_search .wrap_sch_box {
    border: 1px solid #c1c1c1;
    position: relative;
	align-items: center;
    border-radius: 10px;
    overflow: hidden;
}
#tmp_sma_search .wrap_sch_box,
#tmp_sma_search .wrap_sch_box .sch_box {
    display: flex;
}
#tmp_sma_search .wrap_sch_box .sch_box {
    padding: 0 0 0 50px;
	flex: 1;
}
#tmp_sma_search .wrap_sch_box .sch_ttl {
    position: absolute;
    left: 14px;
    top: 50%;
    margin-top: -12px;
}
#tmp_sma_search .wrap_sch_box .sch_ttl,
#tmp_sma_search .wrap_sch_box .sch_ttl label {
    display: block;
    width: 23px;
    height: 23px;
}
#tmp_sma_search .wrap_sch_box .sch_ttl {
    background: url("/shared/site_kyoukai/images/header/search_icon_sp.png") no-repeat left top;
    background-size: 23px auto;
}
#tmp_sma_search .wrap_sch_box .sch_ttl label {
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	text-align:left;
}
#tmp_sma_query {
    width: 100%;
    border: none;
    min-height: 38px;
    margin: 3px 0;
}
#tmp_sma_search .wrap_sch_box .sch_btn {
    width: 80px;
	flex: 1;
    text-align: right;
}
#tmp_sma_func_sch_btn {
    width: 80px;
    height: 100%;
    text-indent: 0;
    letter-spacing: 0;
    min-height: 34px;
    border: none;
    border-left: 1px solid #ffcc66;
    background-color: #ffcc66;
    color: #222222;
    font-weight: bold;
    text-indent: 0.2em;
    letter-spacing: 0.2em;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

/* pankuzu
================================================== */
#tmp_pankuzu {
    padding: 5px 0;
    margin: 0 0 16px;
    font-size: 87.5%;
}
.type_idx #tmp_pankuzu {
    margin: 0 0 20px;
}

/* update
================================================== */
#tmp_custom_update {
    margin: 0 0 10px;
}

/* pnavi
================================================== */
.pnavi {
    right: 10px;
    top: -27px;
}
.pnavi,
.pnavi a,
.pnavi span{
	width: 70px;
	height: 55px;
}
.pnavi a {
    background-image: url("/shared/site_kyoukai/images/icon/ptop_sp.png");
    background-size: 70px auto;
}
.pnavi a:hover,
.pnavi a:focus {
    background-image: url("/shared/site_kyoukai/images/icon/ptop_sp_hvr.png");
	background-size: 70px auto;
}

/* gnavi
================================================== */
.wrap_gnavi {
    margin-bottom: 25px;
}
.gnavi > ul {
	display: block;
    font-size: 100%;
    padding: 0 3px;
}
.gnavi > ul > li {
	display: block;
    border-top: 1px solid #222222;
}
.gnavi > ul > li:first-child {
    border-top:none;
}
.gnavi > ul > li > a {
	justify-content: flex-start;
    min-height: 49px;
    padding: 5px 5px 5px 20px;
    background: url("/shared/site_kyoukai/images/icon/icon_navi_sp.png") no-repeat left center;
    background-size: 15px auto;
}
.gnavi > ul::before,
.gnavi > ul > li > a::after {
    display: none;
}

/* model_change
================================================== */
.wrap_mc_pc,
.wrap_mc_pc #tmp_switch_pc_style {
	display: block;
}

/* ==================================================
footer
================================================== */
#tmp_wrap_footer {
	margin-top: 26px;
}
#tmp_footer {
	padding: 30px 0 40px;
    display: block;
}
#tmp_footer .foot_add {
    padding-right: 0;
}
#tmp_footer .foot_inq {
    width: 100%;
    padding-top: 10px;
}
#tmp_footer .foot_inq_btn a {
	display:flex;
	align-items: center;
    text-align: left;
    background-size: 20px auto;
    background-position: 18px center;
    padding: 6px 10px 5px 45px;
    min-height: 50px;
}
#tmp_footer .footer_title,
#tmp_footer .footer_title span{
    width: 190px;
    height: 28px;
}
#tmp_footer .footer_title {
    background-image: url("/shared/site_kyoukai/images/header/logo_s.png");
    background-size: 190px auto;
    margin: 0 0 5px;
}
#tmp_footer address {
    margin: 0 0 15px;
}
#tmp_footer address span {
    display: block;
}

/* fnavi */
#tmp_footer .foot_nav {
    display: block;
    padding-right: 0;
}
#tmp_footer .fnavi {
    padding: 0 0 10px;
}
#tmp_footer .fnavi li {
    display: block;
    margin: 0 0 14px;
}
#tmp_footer .fnavi2 {
    display: block;
}
#tmp_footer .fnavi2 li {
    width: 100%;
    margin: 0 0 10px;
}
#tmp_footer .fnavi li a,
#tmp_footer .fnavi2 li a {
    background-image: url("/shared/site_kyoukai/images/icon/icon_navi_sp.png");
    background-size: 15px auto;
}
#tmp_footer .fnavi2 li a {
    padding-left: 35px;
}

/* ==================================================
class
================================================== */

/* float ▼Do not edit
================================================== */
.float_lft,
.float_rgt {
	float:none;
	margin-left:0 !important;
	margin-right:0 !important;
}
/* youtube ▼Do not edit
================================================== */
#tmp_contents .frame_youtube {
	position:relative;
	display:block;
	height:0;
	padding-bottom:56.25%;
	overflow:hidden;
	min-width:200px;
}
#tmp_contents .frame_youtube object,
#tmp_contents .frame_youtube iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* ==================================================
parts
================================================== */
/* parts ▼Do not edit
============================== */
div.col2 div.col2L,
div.col3 div.col3L,
div.col3 div.col3M,
div.col2 div.col2 div.col2L,
div.fixed_col2 div.fixed_col2L {
	width:100%;
	margin-right:0;
	display: block;
	float:none;
	clear:both;
}
div.col2 div.col2R,
div.col3 div.col3R,
div.col2 div.col2 div.col2R,
div.fixed_col2 div.fixed_col2R {
	width:100%;
	display: block;
	float:none;
	clear:both;
}
#tmp_contents div.col3 ul,
#tmp_contents div.col2 ul {
	margin-bottom:0;
}
#tmp_contents table.col2,
#tmp_contents table.col3 {
    width: 100%;
}
#tmp_contents table.col2 td.col2L,
#tmp_contents table.col2 td.col2R,
#tmp_contents table.col3 td.col3L,
#tmp_contents table.col3 td.col3M,
#tmp_contents table.col3 td.col3R{
	display: block;
    width: 100%;
}
#tmp_contents table.col2 td.col2L,
#tmp_contents table.col3 td.col3L,
#tmp_contents table.col3 td.col3M{
	border-right: 0;
}
div.img_cap {
	width:auto !important;
}
#tmp_contents img {
	max-width:100%;
	height:auto;
}
#tmp_contents ul,
#tmp_contents ol {
	margin-left:22px;
}
#tmp_contents table {
	width:auto;
}
#tmp_contents table table {
	max-width:100%;
}
#tmp_contents table th,
#tmp_contents table td {
	width:auto;
}
#tmp_contents table.gsc-search-box td.gsc-input {
	width:100% !important;
}
#tmp_contents input[type="text"],
#tmp_contents textarea {
	width:100% !important;
	padding:0;
	box-sizing:border-box;
}

/* event_cal
================================================== */
/* cate_ttl
================================================== */
#tmp_cate_ttl img {
    height:auto;
    max-width:100%;
}

/* tmp_means
================================================== */
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* Do not edit */
	display: table; /* Do not edit */
	clear: both; /* Do not edit */
}
}