@charset "utf-8";

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

/* ==================================================
Base-Layout
================================================== */
/* body
================================================== */
body {
	-webkit-text-size-adjust:none;
}
/* wrapper
================================================== */
#tmp_wrapper {
	position: relative;
	width: 100%;
	min-width: 320px;
}
.container{
	padding: 0 10px;
	width: 100%;
}

/* contents
================================================== */
#tmp_contents,
#tmp_maincontents {
	word-wrap:break-word;
}

/* format-layout
================================================== */
.wrap_col_nm,
.wrap_col_rgt_navi,
.column_full .wrap_col_main,
.column_lnavi .wrap_col_main,
.column_rnavi .wrap_col_main {
	float:none;
}
.wrap_col_lft_navi {
	float:none;
	position:static;
	z-index:auto;
}
.col_main {
	padding:0;
}

/* top
================================================== */
.format_top #tmp_main_menu,
.format_top #tmp_main {
	float:none;
	width:100%;
}

/* free
================================================== */
.format_free .wrap_col_lft_navi,
.format_free .wrap_col_rgt_navi {
	display:none;
}
.format_free .column_lnavi .col_main {
	margin-left:0;
}
.format_free .column_rnavi .wrap_col_main,
.format_free .column_rnavi .col_main {
	margin-right:0;
}

/* ==================================================
header
================================================== */
#tmp_header {
	padding: 10px 5px 0;
	position:relative;
	background-color: #ffffff;
	color: #222222;
	z-index: 800;
	min-height: 70px;
}
#tmp_hlogo {
	float:none;
	padding:3px 0;
}
#tmp_hlogo h1,
#tmp_hlogo p {
	display:inline-block;
	width: 120px;
	height: 76px;
	line-height: 1.3;
	font-size: 1.5rem;
}
#tmp_hlogo a {
	width: 120px;
	height: 76px;
}
#tmp_hlogo h1 span,
#tmp_hlogo p span {
	width: 120px;
	height: 76px;
}

#tmp_hlogo h1 img,
#tmp_hlogo p img {
	width: 120px;
	height: 76px;
}

/* sp_menu
================================================== */
.spmenu_open {
	position:relative;
	width: 100%;
	min-height: 100%;
    z-index: 800;
    background: #ffffff;
    color: #222222;
}
.spmenu_open:before {
	content: "";
	min-height: 100%;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 46px;
	left: 0;	
	z-index: 699;
	background-color: rgba(0,0,0,0.5);
}
#tmp_hnavi_s > ul {
	list-style: none;
}
#tmp_hnavi_s > ul > li > a {
	display:block;
	width:46px;
	height:46px;
	text-decoration:none;
	border: 1px solid red;
	font-size: 0.6rem;
	color: #000;
	background-color: #ffffff;
}
#tmp_hnavi_lmenu > a > span,
#tmp_hnavi_mmenu > a > span,
#tmp_hnavi_rmenu > a > span {
	position:relative;
	padding: 11px 0 0;
	display:block;
	width:44px;
	height:44px;
	overflow:hidden;
}

/* gnavi
================================================== */
#tmp_gnavi {
	display:none;
}

/* pankuzu
================================================== */
#tmp_pankuzu {
}
#tmp_sma_pankuzu {
	display:block;
	padding-right:10px;
	padding-left:10px;
	border-bottom:1px solid #AABBCC;
	clear:both;
}

/* lnavi
================================================== */
/* rnavi
================================================== */
/* pnavi
================================================== */
/* plugin
================================================== */
.plugin {
	display:none; /* do not edit */
}

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

/* ==================================================
footer
================================================== */
/* fnavi */
.footer_cnt {
	padding:0 10px;
	clear:both;
}
.footer_cnt address {
	font-style:normal;
}
.copyright {
	text-align:center;
	clear:both;
}

/* ==================================================
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;
}
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_page_content table.datatable,
#tmp_page_content table.enquete_table {
    margin: 0;
}

#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;
	-webkit-box-sizing:border-box;/* Webkit */
}

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

/* Scroll Table
================================================== */

.scroll_table {
	overflow-x:auto;
	margin-bottom:10px;
	padding:23px 5px 5px;
	background:#F5F5F5 url(/shared/site_fujiichi/images/icon/scroll_table_icon.png) right 5px no-repeat;
	background-size:75px 15px;
}
.scroll_table {
	overflow-x:scroll;
}
.scroll_table_switch {
	text-align:right;
	margin:0 0 10px;
	font-size:75%;
	line-height:1.2;
}
.scroll_table_switch a {
	border:1px solid #CCCCCC;
	color:#333333;
	display:inline-block;
	padding:8px 10px 8px 70px;
	text-decoration:none;
	background:#F2F2F2 url(/shared/site_fujiichi/images/icon/scroll_table_ex.png) 10px center no-repeat;
	background-size:46px 20px;
	box-shadow:0 2px 0 0 #91918E;
	min-width:9em;
	text-align:center;
}
.scroll_table_switch a.scroll {
	background:#FFFFFF url(/shared/site_fujiichi/images/icon/scroll_table_df.png) 10px center no-repeat;
	background-size:46px 20px;
}
.scroll_table::-webkit-scrollbar{
 height: 5px;
}
.scroll_table::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.scroll_table::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}

/* 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 */
}

/* custom-shared-start */
header {
    border-bottom: 3px solid #00b8ff;
}
header .container::after {
    content: "";
    width: 180px;
    height: 58px;
    position: absolute;
    bottom: -97px;
    left: -5px;
    background-image: url("/shared/site_fujiichi/images/main/header_back_01.png");
    background-attachment: scroll;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 80% auto;
}

footer {
}
footer .container {
    margin: 30px auto 0;
    padding: 0;
}


#tmp_footer_top {
	background-size: auto 40px;
	background-position: 5% bottom;
	padding: 0;
	letter-spacing: normal;
	text-align: right;
}
#tmp_footer {
	background-size: auto 3px;
	padding: 3px 0 0;
	margin: -3px 0 0;
}
#tmp_footer {
}
#tmp_pankuzu {
	width: 100%;
	padding: 0 5%;
	display: inline-block;
	vertical-align: top;
}

.footerinfobox {
    margin: 0 auto 20px;
    padding: 0 5%;
    list-style: none;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
}
.footerinfobox li {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
}
    .footerinfobox li:last-child {
        margin: 0;
        padding: 0;
        border-left: none;
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
    }
.footerinfobox li .contacttitle {
    display: inline;
}
.footerinfobox li:last-child p {
    margin: 0 20px 0 0;
}
.footerinfobox li:last-child p:last-child {
    margin: 0;
}

.punavi {
	background-size: auto 66px;
	background-position: 95% bottom;
	padding: 30px 0 0;
	margin: 0 0 -15px;
	width: 200px;
	display: inline-block;
	vertical-align: top;
}
.punavi a {
	text-decoration: none;
	display: inline-block;
	text-align: center;
	width: 40px;
	height: 40px;
	background: transparent url("/shared/site_fujiichi/images/icon/page_up_arrow.png") no-repeat center 15px;
    background-attachment: scroll;
	padding: 5px;
	background-size: 70% auto !important;
	overflow: hidden;
	margin: 0 28% 10px 0;
}

.section_page_contents.pankuzu {
    margin: 30px 0 0;
}
/* custom-shared-end */

}