@charset "utf-8";

@media screen and (max-width : 640px) {
body.custom_koukousei #tmp_wrapper .col_main{
	font-size: 100%;
}
#tmp_contents h1{
	line-height: 1.4;
	font-size: 171.4%;
	padding: 15px 20px 21px;
	margin: 0 0 0.2em;
	background-repeat: no-repeat;
	background-size: 28px auto, 28px auto, 28px auto, 28px auto, 9px auto, 8px auto, 4px auto, 100% 2px, 100% 2.1px , 2px 100%, 2px 100%, 100% 100% , 100% 100%, 100% 100%;
	background-position: left top, left bottom, right top, right bottom, right top, left bottom, right bottom, center top, center bottom 9px, left top, right 4px top, -6px 0,-7px -9px, 4px -5px;
	background-image: url(/shared/templates/gikai_koukousei/images/icon/bg_h1_sp_lft_top.png), /* 1. frame left top */
	url(/shared/templates/gikai_koukousei/images/icon/bg_h1_sp_lft_bot.png), /* 2. frame left bot */
	url(/shared/templates/gikai_koukousei/images/icon/bg_h1_sp_rgt_top.png), /* 3. frame right top */
	url(/shared/templates/gikai_koukousei/images/icon/bg_h1_sp_rgt_bot.png), /* 4. frame right bot */
	url(/shared/templates/gikai_koukousei/images/icon/bg_h1_sp_border_top.png), /*  5. radius top */
	url(/shared/templates/gikai_koukousei/images/icon/bg_h1_sp_border_bottom.png), /* 6. radius bot left */
	url(/shared/templates/gikai_koukousei/images/icon/bg_h1_sp_border_bot2.png), /* 7. radius bot rgt */
	linear-gradient(to right, transparent 26px,#018904 0, #018904 calc(100% - 26px), transparent 0), /* 8. top line */
	linear-gradient(to right, transparent 16px,#018904 0, #018904 calc(100% - 7px), transparent 0), /* 9. bot line */
	linear-gradient(to bottom, transparent 26px,#018904 0, #018904 calc(100% - 26px), transparent 0), /* 10. left line */
	linear-gradient(to bottom, transparent 26px,#018904 0, #018904 calc(100% - 26px), transparent 0), /* 11. right line */
	linear-gradient(to bottom, transparent 0,#ffffff 0, #ffffff calc(100% - 20px), transparent 0), /* 12. inner white bg */
	linear-gradient(to right, transparent 0,#ffffff 0, #ffffff 100%, transparent 0), /* 13. inner white bg */
	repeating-linear-gradient(45deg,#ffffff 2px, #ffffff 4px,#fcdd03 4px,#fcdd03 6px); /* 14. striped bg */
}
#tmp_contents h2{
	font-size: 150%;
	background-image: url(/shared/templates/gikai_koukousei/images/icon/h2_bg_sp.png);
	background-size: 100% 9px;
	-webkit-background-size: 100% 9px;
	-moz-background-size: 100% 9px;
	margin-top: 1.3em;
}
#tmp_contents h3{
	font-size: 142.8%;
	background-image: url(/shared/templates/gikai_koukousei/images/icon/h3_bg_sp.png);
	background-size: 20px auto;
	-webkit-background-size: 20px auto;
	-moz-background-size: 20px auto;
	background-position: 0 5px;
	padding-left: 24px;
	margin: 1.4em 0 0.4em;
}
#tmp_contents h4{
	font-size: 135.7%;
	background-image: url(/shared/templates/gikai_koukousei/images/icon/h4_bg_sp.png);
	background-size: auto 2px;
	-webkit-background-size: auto 2px;
	-moz-background-size: auto 2px;
	padding-bottom: 6px;
    margin: 1.4em 0 0.7em;
}
#tmp_contents h5{
	font-size: 128.6%;
	background-image: url(/shared/templates/gikai_koukousei/images/icon/h5_bg_sp.png);
	background-size: 12px auto;
	-webkit-background-size: 12px auto;
	-moz-background-size: 12px auto;
	background-position: left 3px;
	padding-left: 20px;
    margin: 1.6em 0 0.3em;
}
#tmp_contents h6{
	font-size: 121.4%;
	margin: 1.6em 0 0.3em;
}
#tmp_contents ul{
    margin-left: 25px;
	margin-bottom: 1em;
}
#tmp_contents ol{
	margin-left: 37px;
	margin-bottom: 2em;
}
#tmp_contents ul li,
#tmp_contents ol li {
    margin: 0 0 0.8em;
}
#tmp_contents table.datatable,
#tmp_contents table.enquete_table{
	margin: 0 0 1em;
}
.custom_koukousei .scroll_table_switch{
	font-size: 85.7%;
	font-weight: bold;
}
.custom_koukousei .scroll_table_switch a{
	color: #333333 !important;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	box-shadow: 0 2px 3px 0 rgba(170, 170, 170, 0.15);
	-webkit-box-shadow: 0 2px 3px 0 rgba(170, 170, 170, 0.15);
	-moz-box-shadow: 0 2px 3px 0 rgba(170, 170, 170, 0.15);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.custom_koukousei .scroll_table{
	background-color: #f7f7f7;
	background-image: url(/shared/site_gikai/images/icon/scroll_table_icon.png);
	background-position: right 10px top 10px;
	padding: 36px 10px 5px;
	margin-bottom: 28px;
}
#tmp_contents table.datatable th,
#tmp_contents table.enquete_table th{
	padding: 10px 8px 9px;
}
#tmp_contents table.datatable td,
#tmp_contents table.enquete_table td{
	padding: 11px 12px 9px;
}
#tmp_contents .outline {
    margin: 0 0 1.6em;
}
#tmp_contents div.outline{
	padding: 14px 15px 4px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#tmp_contents table.outline td,
#tmp_contents div.outline{
	background-image: url(/shared/templates/gikai_koukousei/images/icon/box_link_pattern_sp.jpg);
	background-size: 50px auto;
	-webkit-background-size: 50px auto;
	-moz-background-size: 50px auto;
}
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;
	padding-right: 0;
	padding-left: 0;
	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;
	padding-right: 0;
	padding-left: 0;
	clear:both;
}
#tmp_contents table.col3{
    width: 100%;
}
table.col2 td.col2L,
table.col2 td.col2L,
table.col3 td.col3L,
table.col3 td.col3M{
    border-right: 0;
}
table.col2 td.col2L,
table.col2 td.col2R,
table.col3 td.col3L,
table.col3 td.col3M,
table.col3 td.col3R{
    display: block;
    width: 100%;
}
#tmp_contents div.col3 ul,
#tmp_contents div.col2 ul {
	margin-bottom:0;
}
#tmp_contents ul.box_btn li{
	padding: 19px 27px 15px 13px;
}
#tmp_contents ul.box_btn li a{
	margin: -19px -27px -15px -13px;
	padding: 19px 27px 15px 13px;
	background-image: url(/shared/templates/gikai_koukousei/images/icon/link_arr_corner_sp.png);
	background-size: 40px auto;
	-webkit-background-size: 40px auto;
	-moz-background-size: 40px auto;
}
#tmp_contents .box_menu{
	margin-bottom: 0.7em;
}
#tmp_contents .box_menu_ttl{
	padding: 17px 22px 16px 13px;
}
#tmp_contents .box_menu_ttl a{
	padding: 17px 22px 16px 13px;
	margin: -17px -22px -16px -13px;
	background-image: url(/shared/templates/gikai_koukousei/images/icon/link_arr_corner_sp.png);
	background-size: 40px auto;
	-webkit-background-size: 40px auto;
	-moz-background-size: 40px auto;
}
#tmp_contents .box_menu_cnt {
    padding: 8px 13px 0;
}
#tmp_contents .box_info{
	margin: 2.9em 0 2.1em;
}
#tmp_contents .box_link{
	margin-bottom: 2.2em;
}
#tmp_contents .box_info .box_info_ttl,
#tmp_contents .box_link .box_link_ttl{
	font-size: 128.6%;
	padding: 9px 14px 4px;
	border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
}
#tmp_contents .box_info .box_info_cnt,
#tmp_contents .box_link .box_link_cnt{
    padding: 13px 0px 0;
	border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
}
/* ==================================================
contents
================================================== */
.custom_koukousei .show_pc{
	display: none;
}
.custom_koukousei .show_sp{
	display: block;
}
.custom_koukousei #tmp_wrap_main_container .container{
	width: 100%;
}
.custom_koukousei #tmp_pankuzu{
	font-size: 71.4%;
	margin: 10px 0 4px;
}
.custom_koukousei #tmp_custom_update{
	margin-bottom: 6px;
}
.custom_koukousei #tmp_update {
    font-size: 71.4%;
}
.custom_koukousei .gikai_banner {
    margin-bottom: 20px;
}
#tmp_contents .eye_catching{
	margin-bottom: 19px;
}
#tmp_contents .genre_box{
	padding-bottom: 10px;
    margin-bottom: 14px;
}
#tmp_contents .genre_box_inner{
	display: block;
	text-align: right;
}
#tmp_contents .genre_box .genre_ttl,
#tmp_contents .genre_box .genre_tag{
	display: block;
}
#tmp_contents .genre_box .genre_ttl{
	margin-bottom: 6px;
}
#tmp_contents .genre_box .genre_ttl span{
	margin-right: 0;
	font-size: 92.8%;
	padding-left: 20px;
	background-image: url(/shared/templates/gikai_koukousei/images/icon/name_icon_sp.png);
	background-position: left 2px;
	background-size: 14px auto;
	-webkit-background-size: 14px auto;
	-moz-background-size: 14px auto;
}
#tmp_contents .genre_box .genre_tag span{
	font-size: 100%;
	padding: 2px 7px 0;
}
#tmp_contents .eye_catching img{
	width: 100%;
}
#tmp_contents .mainvs_gikai{
	margin: 16px 0 19px;
}
#tmp_contents .mainvs_gikai span.show_sp{
	display: block;
}
#tmp_contents .mainvs_gikai span.show_pc{
	display: none;
}
#tmp_contents .classification_info{
	margin-bottom: 28px;
}
#tmp_contents .classification_nav{
	padding: 21px 0 15px;
	margin-bottom: 20px;
}
#tmp_contents .classification_head{
	margin-bottom: 11px;
}
#tmp_contents .classification_head h2{
	font-size: 142.8%;
	background-image: url(/shared/templates/gikai_koukousei/images/icon/title_bg_sp.png);
	background-position: left 3px;
	background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-moz-background-size: 16px auto;
	padding-left: 21px;
}
#tmp_contents .classification_nav_list{
	margin: 0 -5px;
}
#tmp_contents .classification_nav_list li{
	width: 50%;
	padding: 0 5px;
	margin-bottom: 10px;
}
#tmp_contents .classification_nav_list li:nth-child(n){
	clear: both;
}
#tmp_contents .classification_nav_list li:nth-child(2n+1){
	clear: left;
}
#tmp_contents .classification_nav_list li:nth-child(2n){
	clear: right;
}
#tmp_contents .classification_nav_list a{
	line-height: 1.5;
	min-height: 55px;
	font-size: 114.3%;
	padding: 4px 14px 1px 38px;
	background-position: 9px center;
	background-size: 19px auto;
	-webkit-background-size: 19px auto;
	-moz-background-size: 19px auto;
}
#tmp_contents .guide_ttl{
	font-size: 150%;
}
#tmp_contents .classification_list{
	display: block;
    margin: 0 0 38px;
	padding-right: 8px;
	width: 100% !important;
}
#tmp_contents .classification_list li{
	width: 100%;
	padding: 0;
	margin-bottom: 28px;
}
#tmp_contents .classification_item:after{
	background-image: url(/shared/templates/gikai_koukousei/images/icon/post_pattern_bg_sp.jpg);
	background-size: 50px auto;
	-webkit-background-size: 50px auto;
	-moz-background-size: 50px auto;
}
#tmp_contents .classification_img{
	padding: 8px 8px 0;
	margin-bottom: 15px;
}
#tmp_contents .classification_cnt{
	padding: 0 8px 11px;
}
#tmp_contents .classification_cnt:after{
	width: 40px;
	height: 40px;
	background-image: url(/shared/templates/gikai_koukousei/images/icon/link_arr_corner_sp.png);
}
#tmp_contents .classification_tag{
	font-size: 100%;
	padding: 2px 7px 0;
	margin-bottom: 11px;
}
#tmp_contents .classification_ttl p{
	font-size: 142.8%;
	margin-bottom: 1px;
}
#tmp_contents p.classification_des_txt {
	font-size: 114.3%;
	line-height: 1.5;
    margin-bottom: 3px;
}
#tmp_contents .classification_more_btn a{
	font-size: 114.3%;
	min-width: 250px;
	padding: 8px 10px 3px;
}
#tmp_contents .classification_more_btn span{
	background-position: left 8px;
}
/* inquiry
============================== */
.custom_koukousei #tmp_inquiry{
	padding: 0;
	margin-bottom: 0;
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.custom_koukousei #tmp_inquiry_ttl{
	padding: 10px 14px 7px;
}
.custom_koukousei #tmp_inquiry_ttl p {
    font-size:128.6%;
}
.custom_koukousei #tmp_inquiry_cnt{
	font-size: 100%;
    padding: 10px 14px 6px;
}
.custom_koukousei #tmp_inquiry_cnt p {
    margin-bottom: 3px !important;
}
.custom_koukousei #tmp_inquiry_cnt p.inquiry_fax{
	padding-left: 7px;
}
/* ==================================================
Accessibility
================================================== */
.color_blue #tmp_contents .box_info .box_info_cnt,
.color_black #tmp_contents .box_info .box_info_cnt,
.color_yellow #tmp_contents .box_info .box_info_cnt,
.color_blue #tmp_contents .box_link .box_link_cnt,
.color_black #tmp_contents .box_link .box_link_cnt,
.color_yellow #tmp_contents .box_link .box_link_cnt{
	padding-left: 10px;
}
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}