@charset "utf-8";

@media screen and (max-width : 640px) {
/* ==================================================
contents
================================================== */
/* ==================================================
Required to CMS-8341
================================================== */
#tmp_contents h1 {
	margin: 0 0 0.3em;
    padding: 22px 36px 30px 10px;
    font-size: 207.1%;
    line-height: 1.4;
    -webkit-background-size: auto, 42px 74px;
    -moz-background-size: auto, 42px 74px;
    background-size: auto, 42px 74px;
    clear: both;/* Do not edit */
}
#tmp_contents h2 {
	margin-bottom: 0.8em;
	padding: 16px 9px 22px;
	line-height: 1.2;
	font-size: 178.5%;
}
#tmp_contents h3 {
	margin: 0 0 0.8em;
	font-size: 157.1%;
	padding: 4px 0px 7px 14px;
	-webkit-background-size: 6px 22px;
    -moz-background-size: 6px 22px;
    background-size: 6px 22px;
}
#tmp_contents h4 {
	margin: 0 0 0.8em;
	font-size: 142.8%;
	padding:4px 10px 3px 0;
}
#tmp_contents h5 {
	margin: 0 0 0.8em;
	padding: 2px 13px;
	font-size: 128.5%;
}
#tmp_contents h6 {
	padding: 0 10px 0 0;
	margin: 0 0 0.8em;
	font-size: 114.3%;
}
#tmp_contents div.outline {
	padding: 12px 10px 0 10px;
}
#tmp_contents ul.box_btn li {
	margin: 0 0 21px;
	padding: 17px 30px 19px 10px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#tmp_contents ul.box_btn li a {
	padding: 17px 30px 19px 10px;
	margin: -17px -30px -19px -10px;
	-webkit-background-size: auto 14px;
    -moz-background-size: auto 14px;
    background-size:: auto 14px;
    background-position: right center;
}
#tmp_contents .box_menu {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0 1.3em;
}
#tmp_contents .box_menu .box_menu_ttl {
	padding: 19px 30px 14px 7px;
}
#tmp_contents .box_menu .box_menu_ttl a {
	padding: 19px 30px 14px 10px;;
	margin: -19px -30px -14px -10px;
	-webkit-background-size: auto 14px;
    -moz-background-size: auto 14px;
    background-size: auto 14px;
    background-position: right center;
}
#tmp_contents .box_menu .box_menu_cnt {
	padding: 0 12px 10px;
}
#tmp_contents .box_info .box_info_ttl,
#tmp_contents .box_link .box_link_ttl {
	font-size: 142.8%;
	padding-left: 0;
}
#tmp_contents .box_info,
#tmp_contents .box_link {
	padding: 10px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#tmp_contents .box_info .box_info_cnt,
#tmp_contents .box_link .box_link_cnt {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 19px 4px 6px 4px;
}
.plugin {
	margin: 0 0 2em;
	padding: 18px 10px;
}
.plugin .plugin_img {
	float: none;
	margin: 0 0 10px !important;
}
#tmp_main table.col2 td.col2L,
#tmp_main table.col2 td.col2R {
	border-right: 0;
	width: 100%;
	display: block;
}
#tmp_main table.col2,
#tmp_main table.col3 {
	width: 100%;
}
#tmp_main table.col3 td.col3L, 
#tmp_main table.col3 td.col3M,
#tmp_main table.col3 td.col3R {
	border-right: 0;
	width: 100%;
	display: block;
}
div.col2 div.col2L {
	padding-right: 0;
}
div.col2 div.col2R {
	padding-left: 0;
}
div.col3 div.col3L,
div.col3 div.col3M {
	padding-right: 0;
}
div.col3 div.col3R {
	padding-left: 0;
}
div.col3 div.col3M {
	padding-left: 0;
}
/* ==================================================
index
================================================== */
#tmp_wrap_main{
	padding: 0 0 60px;
}
#tmp_contents .banner_idx_ttl h1{
	font-size: 207.1%;
	padding: 29px 20px 34px 20px;
	background: url(/shared/templates/gikai_free/images/icon/icon_h1_sp.png) no-repeat right top, 
	url(/shared/templates/gikai_free/images/icon/bg_h1.png) no-repeat left top;  
	-webkit-background-size: 53px 96%, cover;
	-moz-background-size: 53px 96%, cover;
	background-size: 53px 96%, cover;
	background-color: #3567b1;
}

#tmp_contents .list_idx_group .idx_item{
	width: 100%;
	float: none;
	padding: 0;
}
#tmp_contents .idx_menu .box_menu .box_menu_cnt {
    padding: 15px 10px 14px;
}
#tmp_contents .idx_menu .box_menu .box_menu_ttl a{
	font-size: 114.2%;
	padding: 20px 40px 20px 20px;
    margin: -20px -40px -20px -20px;
    -webkit-background-size: auto 15px;
    -moz-background-size: auto 15px;
    background-size: auto 15px;
}
#tmp_contents .idx_menu .box_menu .box_menu_cnt li a{
	font-size: 100%;
}
#tmp_wrap_custom_update{
	font-size: 87.5%;
}
#tmp_share{
    margin: 0 5px 0 0;
}
#tmp_share .share_fb{
	width: 46px;
}
#tmp_share .share_twitter{
	width: 42px;
}
#tmp_share .share_line{
	width: 45px;
}
/* ==================================================
スマホ版に新着情報エリア
================================================== */
#tmp_contents .attention_block {
	margin: 0 0 21px;
}
#tmp_contents .attention_block li p.date {
	display: block;
	margin: 0 0 5px;
}
#tmp_contents .attention_list li {
	padding-bottom: 8px;
	margin-bottom: 6px;
}
#tmp_contents .attention_list li p {
	margin: 0;
}
#tmp_contents .attention_list li a {
	line-height: 1.5;
    padding: 0 5px 0 0;
    display: inline-block;
}
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}