/* --------------------------------------------------
   top
-------------------------------------------------- */

/* ===== 共通要素 ===== */

.next {
	position:absolute;
	bottom: -30px;
	right:20px;
	z-index: 0;
}
.next a{
	width:124px;
}
.slides {
	position:relative;
	margin:0 auto;
	overflow:hidden;
}
.slides li{
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
}

/* ===== top_area ===== */

.entry {
	position:relative;
}
.entry .ttlA{
	background:#f1efd6 url(../images/common/ttl_01r.png) no-repeat 98% 50%;
}
.entry_inner {
	position:relative;
	background:#FFFFFF;
	padding:20px;
	z-index:1;
}
.entry_inner_box {
	background:#f8f8f8;
	padding:0px;
}

/* ===== google　feed ===== */

.meifeed_set {
}

.meifeed_set ul {
	min-height:50px;
	max-height:160px;
	overflow-x:hidden;
	padding:5px 20px;
}

.meifeed_set li a {
	display:block;
	padding:15px 0;
	border-bottom: 1px dotted #CCCCCC;
	line-height: 120%;
	text-decoration: none;
}
.entry_data {
	display:inline;
	padding:0 0 0 30px;
	background:url(../images/common/lis_01.png) no-repeat 5px 50%;
	color:#444444;
	margin:0 10px 0 0;
}
.entry_cate {
	color:#444444;
	background:#ccecff;
	font-size: 86%;
	padding:2px 20px;
	margin:0 10px 0 0;
}
.entry_title {
	text-decoration: underline;
}
.entry_none {
	text-align: center;
	padding:40px 0;
}

/* ===== top_about ===== */

.top_about {
	background:url(../images/top/fig_01.png) no-repeat;
	width:660px;
	height:364px;
	position:relative;
	float:left;
}
.top_about_inner{
	position:absolute;
	width:260px;
	height:200px;
	right:40px;
	bottom:40px;
}

/* ===== top_voice ===== */

.top_voice {
	width:320px;
	float:right;
	position:relative;
}
.top_voice .ttlA{
	background:#f1efd6 url(../images/common/ttl_02r.png) no-repeat 94% 50%;
}
.top_voice_inner {
	position:relative;
	background:#FFFFFF;
	padding:20px 20px 10px;
	z-index:2;
}
.top_voice_inner dt{
	border: 1px solid #eeeeee;
}
.top_voice_inner dt span{
	display:block;
	background:#ccecff;
	padding:10px;
	text-align: center;
	font-size: 86%;
}
.top_voice_inner dd{
	margin: 10px 0;
}

/* slide_navigation */

.flex-control-nav  {
	width:60px;
	margin:0 auto;
}
.flex-control-nav li {
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-nav li a {
	margin:0px 5px;
	width: 10px;
	height: 10px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	background:url(../images/common/ico_02.png) no-repeat 0 0;
}
.flex-control-nav li a:hover,
.flex-control-nav li a.flex-active {
	background:url(../images/common/ico_01.png) no-repeat 0 0;
}

/* ===== top_shop ===== */
.top_shop {
	overflow:hidden;
}
.top_shop dl{
	margin:20px;
}
.top_shop dt{
}
.top_shop li{
	width:320px;
	background:#FFFFFF;
	float:left;
}
.top_shop li:nth-child(1),
.top_shop li:nth-child(2) {
margin:0 20px 0 0;
}
.top_shop span{
	text-align: center;
	display:block;
	padding:2px 0;
}
.top_shop div{
	text-align: center;
	line-height:160%;
	margin:3px 0 5px;
	font-size: 79%;
}

/* ===== top_list ===== */
.top_list .ttlA{
	background:#f1efd6 url(../images/common/ttl_03r.png) no-repeat 98% 50%;
}
.top_list {
	background:#FFFFFF;
	padding:20px;
	overflow:hidden;
}
.top_list li{
	float:left;
	margin: 10px 20px 0 0;
}
.top_list li:nth-child(4) {
	margin-right: 0 !important;
}

/* --------------------------------------------------
   about
-------------------------------------------------- */
#about {
	font-size: 115%;
	line-height: 160%;
}
#about dl{
	overflow:hidden;
	margin:0 0 20px 0;
}
#about .photo {
	float:left;
	overflow:hidden;
	margin:0 20px 0 0;
}

#about dd{
	margin:10px 0 0;
}


/* ===== スタッフ紹介 ===== */
.m-plus{
    font-family: "M PLUS Rounded 1c", sans-serif;
}
#staff .main_box{
	overflow:visible;
}
#staff dl{
	margin:0 0 20px 0;
	position:relative;
}
#staff dt{
	margin:0 0 10px 0;
    .staff_post{
    color:#2286c1;

    }
    .staff_name{
        font-size: 30px;
        font-weight: 500;
        margin-top: .5rem;
    }
    .staff_rome{
        font-size: 15px;
        font-weight: 400;
        display: inline-block;
        margin-left: .5rem;
    }
}
#staff .photo {
	float:left;
	overflow:hidden;
	margin:0 20px 0 0;
}
#staff .profile {
	position:absolute;
	top: 0;
	right:0;
	display: inline;
	margin-left: 15px;
	cursor:pointer;
}
/*  ツールチップ  */
#staff .profile > div {
	width: 460px;
	position: absolute;
	display: inline;
	bottom: 40px;
	margin-left: -320px;
	padding: 20px;
	visibility:hidden;
	opacity: 0;
	margin-bottom: 0px;
	background: #f6f6f6;
	font-size:1em;
	z-index: 9999999;
/* transition */
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#staff .profile:hover > div {
	visibility:visible;
	opacity: 1;
	bottom: 80px;
	margin-bottom: 0px;
/* transition */
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#staff .profile > div dl{
	margin:0 !important;
	border-top: 2px dotted #cccccc;
	position:relative;
}
#staff .profile > div dt {
	width:90px;
	margin:0 !important;
	float:left;
	clear:both;
	padding:5px 0;
	color:#2286c1;
}
#staff .profile > div dd {
	border-bottom: 2px dotted #cccccc;
	padding:5px 0 5px 90px;
}
#staff .profile > div span{
	position:absolute;
	bottom:-32px;
	right:126px;
}
/* --------------------------------------------------
   service
-------------------------------------------------- */
#service .main_box{
	margin-top:10px !important;
}
#service dl{
	width:300px;
	overflow:hidden;
	margin:0 0 0px 0;
	border-bottom: 2px dotted #f1efd6;
}
#service dt{
	margin:0 0 10px 0;
}
#service dd{
	overflow:hidden;
}
#service .fl {
	padding:19px 19px 10px 0;
	border-right: 2px dotted #f1efd6;
}
#service .fr {
	padding:19px 0px 10px 19px;
}
/* --------------------------------------------------
   faq
-------------------------------------------------- */
#faq .main_box{
	overflow:inherit;
}

#faq dl{
	margin:20px 0;
}
#faq dt{
	background:url(../images/faq/ico_faq01.png) no-repeat;
	padding:10px 0 10px 50px;
	font-size: 115%;
	cursor:pointer;
	border-bottom: 2px dotted #f1efd6;
}
#faq dd{
	margin:10px 0 20px;
	padding:20px 20px 20px 70px;
	background:#f4fbe9 url(../images/faq/ico_faq02.png) no-repeat 20px 10px;
}

#faq div{
	position:relative;
}
#faq ul{
	position:absolute;
	right:0;
	top: -55px;
	width:100px;
}
#faq li a{
	float:right;
	display: inline-block;
	padding:2px 8px !important;
	margin:0 0 0 5px;
}
/* --------------------------------------------------
   ひろばの声
-------------------------------------------------- */
#voice .voice {
	background:#f1efd6;
	overflow:hidden;
	margin:0 0 20px 0;
}
#voice .inner {
	background:#fffef0;
	margin:20px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
#voice .box {
	margin:20px;
	display:inline-block;
}
#voice .photo {
	background:#ffffff;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin:0px 0px 10px 10px;
	padding:10px;
	position:relative;
	float:right;
}
#voice .flag {
	color:#ffffff !important;
	padding:5px 10px;
	display:block;
	position:absolute;
	top:0;
	right:0;
}
#voice .name {
	display:block;
	text-align: center;
	padding:15px 10px 5px;
	font-size: 115%;
	color:#72963e;
}

/* --------------------------------------------------
   shop
-------------------------------------------------- */
#shop .main_box {
	margin-top:15px !important;
}
#shop .shop {
	/* overflow:hidden; */
	display: flex;
}
#shop .shop dl{
	float:left;
}
#shop .photo {
	margin-left: auto;
}
/*
#shop .photoA,
#shop .photoB,
#shop .photoC {
	border:solid 2px #f1efd6;
	overflow:hidden;
}
#shop .thumbs{
	overflow:hidden;
}
#shop .thumbs li{
	border:solid 2px #f1efd6;
} */
#shop .caption {
	display:none !important;
}
#shop .map {
	margin:20px 0 0 0;
	position:relative;
}
#shop .map dl{
	margin: 10px 0 0;
}
#shop .loading {
	padding:140px;
	text-align: center;
	background:#f6f6f6;
}
#shop .tblA{
	margin:25px 0 0;
	width:300px;
}
#shop .heightLine-oita,
#shop .heightLine-kusu,
#shop .heightLine-minami {
	border:5px solid #f1efd6;
}
.main-swiper {
	width: 313px;
	>.swiper-wrapper {
		/* border:solid 2px #f1efd6;
		box-sizing: border-box; */
		>.swiper-slide {
			border:solid 2px #f1efd6;
			box-sizing: border-box;
			>img {
				width: 100%;
			}
		}
	}
}
.thumbs-swiper {
	width: 313px;
	>.swiper-wrapper {
		>.swiper-slide {
			width: calc(100% / 3)!important;
			border:solid 2px #f1efd6;
			cursor: pointer;
			box-sizing: border-box;
			>img {
				width: 100%;
			}
		}
	}
}
/* --------------------------------------------------
   会社概要
-------------------------------------------------- */
#company .photo {
	float:right;
	margin:0 0 0px 20px;
}
#company .name {
	display:block;
	text-align: right;
	margin:15px 0 0;
}

#company .fl,
#company .fr {
	width:300px;
}

.dl_listA dt {
	font-weight: bold;
	font-size: 110%;
	color: #2286c1;
	text-indent: -4em;
	margin-left: 4em;
}

.dl_listA dd {
	display: block;
	margin-bottom: 15px;
	padding: 10px 0;
	border-bottom: 2px dotted #f1efd6;
}

.dl_listA dd ul {
	margin: 10px 0;
}

.dl_listA dd ul > li {
	list-style-type: decimal !important;
	margin-left: 30px;
	margin-top: 10px;
}

/* --------------------------------------------------
   個人情報保護・勧誘方針
-------------------------------------------------- */
#policy {
	line-height: 180%;
}
#policy p,
#policy ul,
#policy ol {
	padding:0px 0 10px;
}
#policy .ttlC{
	margin:20px 0 10px 0;
}
.policy_point {
	padding: 15px;
	background: #f8fbf4;
	margin-bottom: 10px;
}

.result {
	margin: 5px 0 10px;
	border: solid 2px #eee;
	padding: 10px 15px;
}

/* --------------------------------------------------
   sitemap
-------------------------------------------------- */
#sitemap .fl,
#sitemap .fr {
	width:300px;
}
#sitemap a {
	display:block;
	padding:20px 0;
}
#sitemap .listB li {
  background:url(../images/common/lis_01.png) no-repeat 0 50%;
}
/* --------------------------------------------------
   お問合わせ
-------------------------------------------------- */

#inquiry .fl,
#inquiry .fr {
	width:300px;
}

#inquiry dd dl {
	width:280px !important;
	margin:20px 20px 10px;
}
#inquiry .tblA dd span{
	padding:10px 10px;
	background:#d9ecbf;
	display:block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#inquiry input[type=submit] {
	padding:15px;
	font-size: 115%;
}
#inquiry .done {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#d9ecbf;
	padding:150px 0;
	text-align: center;
}
#inquiry .done p{
	margin:10px 0;
}

.contact-sub {
	margin-top: 30px;
}
.contact-link-btn {
	display: block;
    padding: 20px 0;
    text-align: center;
    color: #FFFFFF !important;
    background: #f39c55;
    text-decoration: none;
	width: 300px;
	margin: 30px auto 0 auto;
}