@charset "UTF-8";
/*

Theme Name: ActionLabo 4
Description: Original Theme for Action Labo
Version: 1.0
Theme URI: NoData
Author: Office Mint
Author URI: NoData
License: Action Labo Inc
License URI: NoData
*/
@import url("sitemap.css");

/* Reset Style
-------------------------------- */
ul{ margin:0; padding:0; list-style:none; }
li{ margin:0; padding:0; }
p{ margin:0; padding:0; }
h1{ margin:0; padding:0; }
h2{ margin:0; padding:0; }
h3{ margin:0; padding:0; }
h4{ margin:0; padding:0; }
h5{ margin:0; padding:0; }


/* ■画面サイズ default 1024px～ for PC */
/* @media screen and (min-width: 1024px) {} */

.pc {display:block;}		/* 表示/非表示 切替 */
.phone {display:none;}

/* Base Style
-------------------------------- */
html{ margin:0; padding:0; -webkit-text-size-adjust: 100%; }
body{
	margin:0 auto;
	padding:0;
	font-size:14px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background: #ffde90 url(img/bg01.jpg) repeat-x top left;
	position: relative;
}

.orangecolor { color:#ff7301; }
.memo {color:#ea5416;}/* koi orange*/

body {-webkit-text-size-adjust:100%;} /* iphone safari で文字が拡大される対策 */
body {word-wrap:break-word; overflow-wrap:break-word;} /* 禁則処理+折り返し */

/* ボックスサイズ(width, height) の算出方法 */
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/* Link Style
-------------------------------- */
a{text-decoration:none;color:#544936;}
a:hover{text-decoration:none;color:#FEA700;}

a.brown{text-decoration:none;color:#a44225;}
a.brown:hover{text-decoration:none;color:#FEA700;}

/* Header Style
-------------------------------- */
#header{
	width: 1400px;

	height: 185px;
	background: #fff url(img/header04.jpg) top no-repeat;
	position: relative;
}
#header h1 {
	font-size:12px;
	font-weight:normal;
	padding:5px;
}
#header #logo{
	width:270px;
	position:absolute;
	left:130px;
	top:50px;
}
#b-fome{
	position:absolute;
	top:50px;
	right:30px;
	text-align:center;
}
#header #p_menu {display:none;}

.p_title{
	width:754px;
	padding: 5px 0 0 10px;
	margin-bottom:15px;
	font-size:18px;
	color:#573f2b;
	border-left: 5px solid #ff7301;
}

/* Header Navi
-------------------------------- */
#header_navi {
	clear: both;
	display: block;
	z-index: 1;

	width: 1400px;
	height: 46px;
	margin: 15px auto 0;
	padding: 7px 10px;
	background-color: #f8f5f0;
}
#header_navi ul {margin: 0 auto; padding-left: 0; width:1200px;}
#header_navi li {
	float: left;
	position: relative;
	padding:5px 10px 5px 23px;
	margin:0 0 0 3px;
	background:url(img/navi-base.gif) no-repeat left 50%;
/*	font-weight: bold;*/
	font-size: 110%;
}
#header_navi ul li:hover {background:#ed92a7 url(img/navi-act.gif) no-repeat left 50%;}
#header_navi ul li:hover a {color:#fff;}
#header_navi ul li.current-menu-item {background:#ed92a7 url(img/navi-act.gif) no-repeat left 50%;}
#header_navi ul li.current-menu-item>a {color:#fff;}/* 2019/10/ */
#header_navi ul a {display: block;}

/* sub menu */
#header_navi ul ul {
	width:300px;
	display: none;
	float: left;
	position: absolute;
	top: 32px;
	left: -3px;
	z-index: 99999;
/*	border-top: #ff8700 2px solid;*/
}
#header_navi ul ul ul {top:0;left:100%;}
#header_navi ul ul a {width: 150px;}
#header_navi ul ul li {background-color:#fff4d6; font-size:100%;}
#header_navi ul li:hover>ul {display:block;}
#header_navi ul li:hover>ul li a {color:#544936; font-weight:normal;}
#header_navi ul li:hover>ul li:hover a {color:#fff;}

/* Pankuzu
-------------------------------- */
#pankuzu{
	font-size: 12px;
	margin: 0 5px 5px 0;
}
#pankuzu .home {margin-right: 7px;}
#pankuzu span {
	padding-left: 10px;
	margin-right: 7px;
	background: url(img/a_pankuzu.gif) no-repeat center left;
}

/* Contents Style
-------------------------------- */
#page{
	width: 1400px;
	/*min-height:100%;*/
	margin:0 auto;
	padding:0 0 15px 0;
	overflow:hidden;
	position:relative;
	background-color: #fff;
/*	background:url(img/contents_bg_btm.png) #fff no-repeat bottom center; labo4 */
}
#contents {
/*	background:url(img/contents_bg.jpg) repeat-y; labo4 */
	width: 1024px;
	margin: 0 auto;
}
#inner {
/*	background:url(img/contents_bg_top.jpg) no-repeat left top; labo4 */
	min-height: 1000px;
	margin: 0;
	width: 1024px;
	display:inline-block;
}
#main_top, main1col {
	width:100%;
	padding:20px;
	margin: 0;
}
#main{
	width:784px;
	padding:20px;
	float:right;
	margin: 0;
}

/* Side Navi
-------------------------------- */
#sidebar{
	width:210px;
	float:left;
	padding:20px 15px;
	font-size:90%;
}

.s-home {height:40px;}

#sidebar ul {width:210px;}

ul#menu-side-navi,
ul#menu-sidenavi-success,
ul#menu-sidenavi-rental,
ul#menu-sidenavi-project,
ul#menu-sidenavi-profile,
ul#menu-sidenavi-entry,
ul#menu-sidenavi-yoyaku
 {margin-top:0; padding:8px 0 10px 0; background:#fff4d6;/* width:210px;*/}

ul#menu-side-navi li,
ul#menu-sidenavi-success li,
ul#menu-sidenavi-rental li,
ul#menu-sidenavi-project li,
ul#menu-sidenavi-profile li,
ul#menu-sidenavi-entry li,
ul#menu-sidenavi-yoyaku li
 {background:url(img/menu-base_bg.jpg) no-repeat top left; display:block;}

ul#menu-side-navi li a,
ul#menu-sidenavi-success li a,
ul#menu-sidenavi-rental li a,
ul#menu-sidenavi-project li a,
ul#menu-sidenavi-profile li a,
ul#menu-sidenavi-entry li a,
ul#menu-sidenavi-yoyaku li a
 {width:210px; height:42px; display:block; padding-left:28px; line-height:42px; display:block;}

ul#menu-side-navi li:hover,
ul#menu-sidenavi-success li:hover,
ul#menu-sidenavi-rental li:hover,
ul#menu-sidenavi-project li:hover,
ul#menu-sidenavi-profile li:hover,
ul#menu-sidenavi-entry li:hover,
ul#menu-sidenavi-yoyaku li:hover
 {background:url(img/menu-act_bg.jpg) no-repeat top left; display:block;}

ul#menu-side-navi li a:hover,
ul#menu-sidenavi-success li a:hover,
ul#menu-sidenavi-rental li a:hover,
ul#menu-sidenavi-project li a:hover,
ul#menu-sidenavi-profile li a:hover,
ul#menu-sidenavi-entry li a:hover,
ul#menu-sidenavi-yoyaku li a:hover
 {color:#544936; width:210px; height:42px; display:block; padding-left:28px; line-height:42px; display:block;}

ul#menu-side-navi li.current-menu-item,
ul#menu-sidenavi-success li.current-menu-item,
ul#menu-sidenavi-rental li.current-menu-item,
ul#menu-sidenavi-project li.current-menu-item,
ul#menu-sidenavi-profile li.current-menu-item,
ul#menu-sidenavi-entry li.current-menu-item,
ul#menu-sidenavi-yoyaku li.current-menu-item
 {background:url(img/menu-act_bg.jpg) no-repeat top left;}

ul#menu-side-navi li ul.sub-menu,
ul#menu-sidenavi-success li ul.sub-menu,
ul#menu-sidenavi-rental li ul.sub-menu,
ul#menu-sidenavi-project li ul.sub-menu,
ul#menu-sidenavi-profile li ul.sub-menu,
ul#menu-sidenavi-entry li ul.sub-menu,
ul#menu-sidenavi-yoyaku li ul.sub-menu
 {margin:0; padding:0; width:210px;}

ul#menu-side-navi li ul.sub-menu li,
ul#menu-sidenavi-success li ul.sub-menu li,
ul#menu-sidenavi-rental li ul.sub-menu li,
ul#menu-sidenavi-project li ul.sub-menu li,
ul#menu-sidenavi-profile li ul.sub-menu li,
ul#menu-sidenavi-entry li ul.sub-menu li,
ul#menu-sidenavi-yoyaku li ul.sub-menu li
 {margin:0; background:url(img/sub-base_bg.gif) no-repeat top left;}

ul#menu-side-navi li ul.sub-menu li a,
ul#menu-sidenavi-success li ul.sub-menu li a,
ul#menu-sidenavi-rental li ul.sub-menu li a,
ul#menu-sidenavi-project li ul.sub-menu li a,
ul#menu-sidenavi-profile li ul.sub-menu li a,
ul#menu-sidenavi-entry li ul.sub-menu li a,
ul#menu-sidenavi-yoyaku li ul.sub-menu li a
 {width:210px; height:30px; display:block; padding-left:35px; line-height:30px;}

ul#menu-side-navi li ul.sub-menu li:hover,
ul#menu-sidenavi-success li ul.sub-menu li:hover,
ul#menu-sidenavi-rental li ul.sub-menu li:hover,
ul#menu-sidenavi-project li ul.sub-menu li:hover,
ul#menu-sidenavi-profile li ul.sub-menu li:hover,
ul#menu-sidenavi-entry li ul.sub-menu li:hover,
ul#menu-sidenavi-yoyaku li ul.sub-menu li:hover
 {margin:0; background:url(img/sub-act_bg.gif) no-repeat top left;}

ul#menu-side-navi li ul.sub-menu li a:hover,
ul#menu-sidenavi-success li ul.sub-menu li a:hover,
ul#menu-sidenavi-rental li ul.sub-menu li a:hover,
ul#menu-sidenavi-project li ul.sub-menu li a:hover,
ul#menu-sidenavi-profile li ul.sub-menu li a:hover,
ul#menu-sidenavi-entry li ul.sub-menu li a:hover,
ul#menu-sidenavi-yoyaku li ul.sub-menu li a:hover
 {color:#544936; width:210px; height:30px; display:block;  padding-left:35px; line-height:30px;}

.menu-item{  }
.menu-item a{ text-decoration:none; }
.menu-item a:hover{ text-decoration:none; }

.sub-menu li.menu-item{  }
.menu-item a{ text-decoration:none; }
.menu-item a:hover{ text-decoration:none; }

#s_fb{ background-image:none; background-color:#fff; margin: 10px 0 0 0; }

#s_bnr_ceo_tv{ background:#aaaccc url(img/banner/bn_ceotv-base.jpg) no-repeat top; width:210px; height:130px; margin:0 auto; display:block; }
#s_bnr_ceo_tv a:hover{ background:url(img/banner/bn_ceotv-act.jpg) no-repeat top; width:210px; height:130px; margin:0 auto; display:block; }
#s_bnr_ceo_plf{ background:url(img/banner/bn_otsuprof.jpg) no-repeat top left; width:210px; height:50px; margin:0 auto; padding:0; display:block; }

#s_bnr_actionpower{ background:url(img/banner/bn_actionpower.jpg) no-repeat top left; width:210px; height:55px; margin:0 auto; padding:0; display:block;}
#s_bnr_seizen{ background:url(img/banner/bn_seizen.jpg) no-repeat top left; width:210px; height:60px; margin:0 auto; padding:0; display:block;}
#s_bnr_ceo_site{ background:url(img/banner/bn_tamamiofficial.png) no-repeat top left; background-size:contain; width:210px; height:56px; margin:0 auto; padding:0; display:block;}
#s_bnr_ceo_blog{ background:url(img/banner/bn_otsublog.jpg) no-repeat top left; width:210px; height:50px; margin:0 auto; padding:0; display:block;}
#s_bnr_mailmag{ background:url(img/banner/bn_mailmag-s.png) no-repeat top left; width:210px; height:50px; margin:0 auto; padding:0; display:block;}
#s_bnr_hotel{ background:url(img/banner/bn_hotel.jpg) no-repeat top left; background-size:contain; width:210px; height:56px; margin:0 auto; padding:0; display:block;}

.bnr_bar{ background:url(img/banner/ber01.gif) no-repeat top left; width:210px; height:10px; margin:10px auto; padding:0; display:block;}

/* Contact Banner */
.p_contact { margin:40px 0 20px 0; text-align:center; }
.p_noborder { border:none; }

/* Footer Style
-------------------------------- */
#footer{
	position: relative;
	min-width: 1400px;
	z-index:80;

/*	height: 168px;*/
	padding:10px;
	color: #544936;
	background: url(img/footer_bg.jpg) repeat-x bottom;
}
#f_sitemap{
	width: 1400px;
	margin: 0 auto;
	height: 128px;
	padding:0 0 0 30px;
}
.f_sitegroup1,
.f_sitegroup2,
.f_sitegroup3{
	float:left;
	margin-left:20px;
	overflow:hidden;
	text-align:left;
}
.f_sitegroup1{width:150px;}
.f_sitegroup2{width:280px;}
.f_sitegroup3{width:250px;}

.f_sitegroup1 ul li,
.f_sitegroup2 ul li,
.f_sitegroup3 ul li {
	color:#f00;
	background: url(img/ya01.gif) no-repeat 0 2px;
	padding-left: 16px;
}
.f_sitegroup1 a:hover,
.f_sitegroup2 a:hover,
.f_sitegroup3 a:hover{
	color:#ea5416;
}

.f_sitegroup1 ul li.f_sub,
.f_sitegroup2 ul li.f_sub,
.f_sitegroup3 ul li.f_sub {
	color:#ccc;
	margin-left: 15px;
	padding: 0 0 0 10px;
	background: url(img/ya02.gif) no-repeat 0 3px;
}

#footer_copy{
	width:1024px;
	margin:20px auto 0 auto;
	padding:0;
}
#f_privacy{float:left;}
#f_copyright{text-align:right;}

#footer_copy a:hover {color:#ea5416;}


/*** ▼ Page Style ▼ ***/
/* Common Style
-------------------------------- */
.c_title{
	width:100%;
	height:100px;
/*	line-height:50px;*/
	margin:0 0 10px 0;
	padding:40px 0 0 0;
	text-align: center;
	font-size:20px;
	color:#666;
	background:URL(img/ttl-other.jpg) no-repeat;
	background-size:cover;
}
.ttl-success{background:URL(img/ttl-success.jpg) no-repeat; background-size:cover;}
.ttl-rental{background:URL(img/ttl-rental.jpg) no-repeat; background-size:cover;}
.ttl-project{background:URL(img/ttl-project.jpg) no-repeat; background-size:cover;}
.ttl-yoyaku{background:URL(img/ttl-yoyaku.jpg) no-repeat; background-size:cover;}

.c_article{
	color:#666;
	padding: 0 0 24px 0;
}
.top_contents{
	width:100%;
	font-size:14px;
}
.c_contents{
	width:744px;
	font-size:14px;
}
.c_header{
	height:45px;
	margin-bottom:24px;
}

/* 1カラム */
.c_contents1col{width:100%;}


.btn_jump {margin-top: 10px; text-align: right;}
.btn_jump img {border: none;}

.link01 {background:url(img/link01.gif) no-repeat 0 3px; padding-left:20px;}
.link02 {background:url(img/link02.gif) no-repeat 0 3px; padding-left:18px;}
.link_rgt{background:url(img/link02.gif) no-repeat right 3px; padding-right:18px; text-align:right !important;}

.alignleft {float: left;}
.alignright {float: right;}

/* box style */
.comment-box {
	margin: 15px;
	padding: 10px;
	border: orange 2px dotted;
	color: teal;
}

.col-flex {
	display: flex;
	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex;
	margin: 30px 20px 50px 20px;
	align-items:center;
}
.col-flex .col-left {
	width: 60%;
}
.col-flex .col-right {
	width: 40%;
	padding: 0 2%;
	margin-bottom:5px;
}
.col-flex .col-right img {
	margin-top:5%;
	width: 100%;
	height: auto;
}
.col-flex h3 {
	font-weight: 600;
	font-size: calc(14px + 0.6vw);
	line-height: 2;
	margin-bottom: 1em;
	text-align:center;
}
.col-flex p {
	font-size: calc(14px + 0.2vw);
}

.col-flex .btn {text-align: center;}
.col-flex .btn a {
	color: #fea700;
	display: block;
	padding: 0 1.5em;
	font-weight: 700;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius:10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}


ul.postlist li {
	border-bottom: #ddd 1px solid;
	margin-bottom: 20px;
	padding-bottom: 20px;
}


/* pager */
.navigation{
	overflow: hidden;
	margin: 20px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: url(img/gray.gif) repeat-y 50% 0;
}
.navigation > div {width: 50%;}
.navigation .alignright {text-align: right;}
.navigation a {display: block; padding: 0.5em 1em;	border: none; min-height:40px;}
.navigation a:hover {background: #ffebcd; color: #000;}
.navigation .alignright a:hover {border-left: 1px solid #ddd;}

/* pager */
.page_navi {
	clear: both;
	text-align: center;
	margin:35px auto;
}
.page_navi li {
	display: inline-flex;
	margin-top:5px;
	list-style-type: none;
}
.page_navi li a {
  padding: 7px 10px;
  background-color: #fff;
	color: #555;
	border: 1px solid #ccc;
}
.page_navi li a:hover {
	background-color: #ffebcd;
}
.page_navi li.current span {
  padding: 7px 10px;
  background-color: #ffaa33;
  color: #fff;
	border: 1px solid #ccc;
}
.page_navi li.page_nums span {
  padding: 7px 10px;
	background-color: #ff8833;
  color: #fff;
	border: 1px solid #ccc;
}

/* plugin browser shot */
.browser-shot img {border: 1px solid #ddd;;}

/* form */
.form-box {
	width: 680px;
	margin: 0 auto 20px auto;
	padding: 12px !important;
	border: #ccc 1px solid;
	overflow: hidden;
}
.wpcf7-form .kibounichiji{ width:60px; }
.wpcf7-form .bigtext{ width:90%; }
.wpcf7-form textarea{ width:90%; }
.wpcf7-form p { margin:0 0 10px 0; }

.wpcf7-text {min-height:44px;}
.wpcf7-textarea {height:10em; line-height:130%; color:#505050;}

.wpcf7-text, .wpcf7-select,
.wpcf7-textarea{font-size:18px; border-radius:4px;padding:6px 16px;border:1px solid #cccccc;}

/* Browser */
.ie.p_space01{ height:12px; width:1px; }
.webkit.p_space01{ height:12px; width:1px; }
.chrome.p_space01{ height:12px; width:1px; }

.ie6 .c_contents, .top_contents { height:980px; }
.ie5 .contents{ background:white; }
.ie6 .sidebar{ background:white; }


/* Common Style
-------------------------------- */
.clear { clear: both; width:0px; height:0px; display:block; overflow:hidden; }

.p_t05{ padding-top:5px;}
.p_t10{ padding-top:10px;}
.p_t15{ padding-top:15px;}
.p_t20{ padding-top:20px;}
.p_t30{ padding-top:30px;}
.p_t40{ padding-top:40px;}

.p_b05{ padding-bottom:5px;}
.p_b10{ padding-bottom:10px;}
.p_b15{ padding-bottom:15px;}
.p_b20{ padding-bottom:20px;}
.p_b30{ padding-bottom:30px;}
.p_b40{ padding-bottom:40px;}

.m_t05{ margin-top:5px;}
.m_t10{ margin-top:10px;}
.m_t15{ margin-top:15px;}
.m_t20{ margin-top:20px;}
.m_t30{ margin-top:30px;}
.m_t40{ margin-top:40px;}

.m_b05{ margin-bottom:5px;}
.m_b10{ margin-bottom:10px;}
.m_b15{ margin-bottom:15px;}
.m_b20{ margin-bottom:20px;}
.m_b30{ margin-bottom:30px;}
.m_b40{ margin-bottom:40px;}
.m_b100{ margin-bottom:100px;}

.f-left { float: left; }
.f-right { float: right; }

.cen{text-align:center !important;}
.rgt{text-align:right !important;}
.lft{text-align:left !important;}

/* fonts
-------------------------------- */
.text10 { font-size: 77%; }
.text11 { font-size: 85%; }
.text12 { font-size: 93%; }
.text13 { font-size: 100%; }
.text14 { font-size: 108%; }
.text15 { font-size: 116%; }
.text16 { font-size: 123.1%; }
.text17 { font-size: 131%; }
.text18 { font-size: 138.5%; }
.text19 { font-size: 146.5%; }
.text20 { font-size: 153.9%; }
.text21 { font-size: 161.6%; }
.text22 { font-size: 167%; }
.text23 { font-size: 174%; }
.text24 { font-size: 182%; }
.text25 { font-size: 189%; }
.text26 { font-size: 197%; }

.red{color: #c51544;}
.gray{color: #ddd;}
.small{font-size: small;}
.phone-small{font-size: small;}
.bold{font-weight: bold;}

/* th
-------------------------------- */
.th_10{ width:10px; }
.th_20{ width:20px; }
.th_30{ width:30px; }
.th_40{ width:40px; }
.th_60{ width:60px; }
.th_80{ width:80px; }
.th_100{ width:100px; }
.th_120{ width:120px; }
.th_140{ width:140px; }
.th_160{ width:160px; }
.th_180{ width:180px; }
.th_200{ width:200px; }


#pageTop {
	position: fixed;
	bottom: 60px;
	right: 20px;
	z-index:99;
}
@media print {
	#contents .pageup, x:-moz-any-link {display:none;}
}

/* ■画面サイズ ～1400px */
@media screen and (max-width:1400px) {
	#header{width:100%;}
	#header_navi {width:100%;}
	#page{width:100%;}
	#footer{min-width:100%;}
	#f_sitemap{width:100%;}
}


/* ■コンテンツ最小幅 1024px で切替に変更 2024/10/21 */
@media screen and (max-width: 1024px) {

/* □画面サイズ ～768px for ～タブレット縦・スマフォ横 720　*/
/* @media screen and (max-width:768px) {} */

/* □画面サイズ ～640px(+margin) for スマフォ */
/* @media screen and (max-width:667px) {} */

	.pc {display:none;}
	.phone {display:block;}

	img, object, embed {max-width:100%; height:auto;}
	img {-ms-interpolation-mode:bicubic;}

	#sidebar, #pankuzu {display:none;}

/* 横幅、背景、fontサイズ
----------------------------------------------------------- */
/*	#body {background-image:none;}*/

	#main,#main_top {width:100%; padding:20px 3px;}
	#page {width:100%; background-image:none; padding:0;}
	#contents {width:100%; background-image:none; border-bottom:2px solid orange;}
	#inner {width:100%; background-image:none; border-top:2px solid orange;}

	.c_contents,.top_contents {width:95%; margin:0 auto; font-size:16px;}
	.small{font-size: medium;}

/* header
----------------------------------------------------------- */
	#header{width:100%; background: url(pimg/header-sp.jpg) top no-repeat;}
	#header h1 {font-size:78%; width:100%; height:40px; min-width:320px; background-color:#ffde90;}
	#header #logo {position:absolute; top:46px; left:5px; width:60%;}
	#header #b-fome {display:none;}
	#header #p_menu {display:block; position:absolute; top:46px; right:10px; cursor:pointer;}

/* スマフォ用メニュー
----------------------------------------------------------- */
	#header_navi {
		width:100%;
		display:none;
		position:absolute;
		top:0px; left:0; z-index:100;
		margin:0;
		min-width: 320px; height:800px;
		background:#fff;
		border-bottom: 1px solid orange;
		box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 3px 0px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 3px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 3px 0px;
		bottom:0;
		overflow:visible;
	}

	/* title & とじるボタン */
	#gmenu_header {position:absolute; top:0; width:100%; height:36px; background:#ffde90; margin:0;}
	#gmenu_header h2 {color:#fff; text-align:center; margin:5px 0;}
	#close_icon {position:absolute; top:46px; right:10px; cursor:pointer;}

	/* カスタムメニュー menu-main-navi */
	#header_navi ul {width:100%; position:absolute; top:100px;}
	#header_navi ul li {height:auto;}
	#header_navi ul li a {
		font-weight:normal;
		letter-spacing:normal;
		text-decoration:none;
		height:auto;
		text-indent:0;
		color:#5b4f4f;
		width:100%;
		display: block;
	}
	#header_navi form:after {content:""; clear:both; display:block;}

	/* 親メニュー */
	#header_navi ul>li {
		font-size:16px;
		width:100%; margin:0;
		border-top:1px solid orange;
		background-color:#fdfdef;
		background:url(pimg/pnavi-base.gif) no-repeat left 15px,-webkit-gradient(linear,left top,left bottom,color-stop(1.00,#fdeddd),color-stop(0.00,#fff));
		background:url(pimg/pnavi-base.gif) no-repeat left 15px,-webkit-linear-gradient(#fdeddd,#fff);
		background:url(pimg/pnavi-base.gif) no-repeat left 15px,-ms-linear-gradient(top,#fdeddd,#fff);
		background:url(pimg/pnavi-base.gif) no-repeat left 15px,linear-gradient(#fdeddd,#fff);
	}
	#header_navi ul>li:last-child {border-bottom:1px solid orange;}
	#header_navi ul>li>a {padding:10px 5px;}
	#header_navi ul>li.menu-item-has-children {padding-right:0; padding-bottom:0;}

	/* サブメニュー */
	#header_navi ul>li .sub-menu {
		position:static;
		width:100%; margin: 0; padding:0;
		border-top: none;
		display: block;
	}
	#header_navi ul>li .sub-menu li {
		font-size:16px;
		margin:0; padding:0;
		border:none; background-image:none;
	}

/*	#header_navi ul>li .sub-menu li:last-child {margin-bottom:0;}*/

	#header_navi ul>li .sub-menu li a {
		padding:5px 0 5px 20px;
		background:#FDFDEF url(pimg/pnavc-base.png) 5px 50% no-repeat;
	}

	/* 現在地 */
	#header_navi ul>li.current-menu-item {
		background:#ed92a7 url(img/navi-act.gif) no-repeat left 15px;
	}
	#header_navi ul>li .sub-menu li.current-menu-item a{
		background:#ed92a7 url(pimg/pnavc-act.png) no-repeat 5px 50%;
	}

	/* mouce over */
	#header_navi ul>li:hover {background:#ed92a7 url(img/navi-act.gif) no-repeat left 15px;}
	#header_navi ul>li .sub-menu li:hover {background:#ed92a7 url(pimg/pnavc-act.png) no-repeat 5px 50%;}
	#header_navi ul>li .sub-menu li a:hover {background:#ed92a7 url(pimg/pnavc-act.png) no-repeat 5px 50%;}
	#header_navi ul > li.menu-item-has-children:hover .current-menu-item a {color:#fff;}

/* title test */
/*	.cl_title{line-height:1.3em;}*/
	.c_title {padding:15px 0 0 0; background-size:100% 75%;}



/* page top
----------------------------------------------------------- */
	#pageTop {bottom: 20px;right: 5px;}

/* footer
----------------------------------------------------------- */
#f_sitemap{width:100%;}

	#footer, #footer_copy {width:100%; min-width:320px;}

	/* サイドバナー → フッター前 */
	#fbanner {margin:10px auto; padding-top:10px; width:100%;}

	#fbanner ul {display:flex; justify-content:center}
	#fbanner ul.wide {display:block;}

	#fbanner ul li {/*width:50%;*/ height:auto; padding:0 1%; float:left;}
	#fbanner ul.wide li {width:100%; height:auto; padding:0 1%;float:none; text-align:center;}

	#fbanner ul li img {width:auto;}
	#fbanner ul li.qr img {width:100px;}

	#fnavi {}
	#fnavi h3{padding-top:10px; clear:both;}
	#fnavi .fnavi_list {border-top:1px solid orange; margin-bottom: 12px; }
	#fnavi .fnavi_list li {border-bottom:1px solid orange; width:50%; display:inline; text-align:center; background:#ffffed;}
	#fnavi .fnavi_list.info li {background:#fffddd;}
	#fnavi .fnavi_list li:nth-child(odd) {border-right:1px solid orange; float:left;}
	#fnavi .fnavi_list li:nth-child(even) {float:right;}
	#fnavi .fnavi_list li:nth-child(2n+1) {clear:both;}
	#fnavi .fnavi_list li:nth-last-child(-n+2) {/*border-bottom:none;*/}
	#fnavi .fnavi_list li a {font-size:13px; display:block; text-decoration:none; padding:10px 0;}
	#fnavi .finfo {width:96%; margin:10px 2% 10px 0;}
	#fnavi .finfo .addr {font-size:12px;}
	#fnavi .finfo .name,
	#fnavi .finfo .tel {font-size:13px;}

/* form
----------------------------------------------------------- */
	.form-box {width:100%;}

/* title
----------------------------------------------------------- */
.p_title{width:100%;}



}

/* 画面サイズ 479px以下（スマフォ） */
@media screen and (max-width: 479px) {

/* title
----------------------------------------------------------- */
	.c_title{padding:15px 0 0 0; background-size:100% 75%;}
	.cl_title{line-height:1.3em;}

	#fbanner ul li {width:50%;}

/**/
	.col-flex {
		display: block;
		display: -webkit-block; display: -moz-block; display: -ms-block; display: -o-block;
	}
	.col-flex .col-left, .col-flex .col-right {
		width: 100%;
	}


}
