@charset "UTF-8";
@import url("text.css");
/*====================================================
基本のスタイルを指定するcss
*/
/* CSS Document */
html,body,div,p,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,table,th,td {
	margin: 0;
	padding: 0;
}

html {overflow-y:scroll;}

body {
  -webkit-text-size-adjust: 100%;
	font-family: "メイリオ", "meiryo", sans-serif;
    margin: 0;
    padding: 0;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #0066CC;
	text-decoration: underline;
}
.cf:after{
	content: "";
	clear: both;
	display: block;
}
.both {
	clear: both;
}
.none {

	display: none;
}
.border-bottom_none {
	border-bottom: none !important;
}
img {
    border-style:none;
		vertical-align: middle;
}
a img {
	border-style: none;
	margin-bottom: 10;
}
a img:hover{
opacity: 0.7;
transition: all 0.3s ease;
}
.word-nobreak {
    display: inline-block;
}
.w950 {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.w620 {
	width: 620px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.w600 {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.w600_2 {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 50px;
	padding-top:30px;
}

.w560 {
	width: 560px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.mar_bottom_10 {
	margin-bottom: 10px;
}

.mar_bottom_20 {
	margin-bottom: 20px;
}

.mar_bottom_30 {
	margin-bottom: 30px;
}

.mar_top_10 {
	margin-top: 10px;
}

.mar_top_15 {
	margin-top: 15px;
}

.mar_top_0 {
	margin-top: 0 !important;
}

.mar_top_down_7 {
	margin-top: 7px;
	margin-bottom: 7px;
}

.mar_top_down_15 {
	margin-top: 15px;
	margin-bottom: 15px;
}
.pt15 {
	padding-top: 15px;
}
.boder_none {
	border: none !important
}
.line_h15 {
	line-height: 1.5;
}
.cont_txt {
	font-size: 14px;
	line-height: 1.5;
}
.cont_btn_wrap {
	display: flex;
	gap: 10px;
	justify-content: center;
}
.cont_btn {
	background-color: #000;
	color: #fff;
	border-radius: 4px;
	display: table;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	padding: 10px;
	text-decoration: none;
	margin: 30px 0 0;
}
.cont_btn:link,
.cont_btn:visited {
	color: #fff;
	text-decoration: none;
}
.cont_btn:hover {
	color: #fff;
	text-decoration: none;
	opacity: 0.7;
}
#wrapper_l {
	width: 650px;
	text-align: left;
	float: left;
	margin-top: 30px;
    margin-bottom: 30px;
    background-color: white;
}
#wrapper_r {
	width: 280px;
	text-align: left;
	float: right;
	margin-top: 30px;
}

#bg_top {
	height: 730px;
	background-repeat: repeat-x;
	background-image: url(../../img/bg_top.jpg);
}

#bg_top_inner {
	height: 200px;
	background-repeat: repeat-x;
	background-image: url(../../img/bg_top.jpg);
}

#bg_bottom {
	min-width: 950px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url("../../img/bg_down.jpg");
}
/* 共通 */

#img_title {
	width: 650px;
	height: 80px;
	background-color: #000;
	margin-bottom: 0;
}
#img_banner {
	width: 650px;
	height: 250px;
	background-color: #000;
	margin-bottom: 15px;
}

#img_banner_02 {
	width: 650px;
	height: 300px;
	background-color: #000;
	margin-bottom: 15px;
}

#img_banner_03 {
	width: 650px;
	height: 355px;
	background-color: #000;
	margin-bottom: 30px;
}

#img_banner_04 {
	width: 650px;
	height: 371px;
	background-color: #FFF;
	margin-bottom: 30px;
}

#contents_area {
	width: 650px;
	background-color: #fff;
    text-align: center;
}

.goods_all {
	width: 650px;
	height: 300px;
	background-color: #FFF;
	margin-bottom: 30px;
}

/* ヘッダー */
#wrapper_header {
	width: 950px;
	height: 190px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-image: url(../../img/bg_header.jpg);
	padding-bottom: 10px;
}
/* #wrapper_header_l {
	width: 550px;
	height: 120px;
	text-align: left;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 10px;
	clear: left;
} */

#wrapper_header_l {
	width: 480px;
	height: 120px;
	text-align: left;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 10px;
	clear: left;
}

#wrapper_header_l h1 {
	width: 370px;
	color:#fff;
}

#wrapper_logo {
	width: 107px;
	height: 120px;
	float: left;
	margin-right: 10px;
}
#wrapper_logo2 {
	width:247px;
	height: 53px;
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
}

/* #wrapper_header_r {
	width: 380px;
	height: 120px;
	text-align: left;
	float: right;
	margin-top: 15px;
	margin-bottom: 10px;
} */

#wrapper_header_r {
	width: 450px;
	height: 120px;
	text-align: left;
	float: right;
	margin-top: 15px;
	margin-bottom: 10px;
}

/* #wrapper_icon {
	width: 330px;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}
*/

#wrapper_icon {
	width: 540px;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}

.btn_icon {
	width: 70px;
	height: 44px;
	float: right;
	margin-left: 15px;
	margin-right: 15px;
	text-align: center;
}

.btn_icon_02 {
	width: 60px;
	height: 44px;
	float: right;
	margin-left: 15px;
	margin-right: 15px;
	text-align: center;
}

.line_tensen {
	height: 44px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFF;
	float: right;
}


/*検索機能部分*/
#wrapper_kensaku {
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}
#wrapper_kensaku p{
	display:flex;
	justify-content:center;
	align-items:center;
}







#header_mainmenu {
		width: 950px;
}
#header_mainmenu ul {
		height: 45px;

}
#header_mainmenu li {
	float: left;
	list-style-type: none;
}

/* フッター */
#btn_pagetop {
	width: 950px;
	height: 30px;
	float: right;
	margin-top: 20px;
	text-align: right;
}
#wrapper_footer {
	width: 950px;
	height: 260px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	float: left;
	background-image: url(../../img/bg_footer.png);
}
#wrapper_footer_r {
	width: 570px;
	text-align:  left;
	margin-top: 20px;
	float: right;
}
#wrapper_footer_l {
	width: 300px;
	text-align:  left;
	margin-top: 30px;
	margin-left: 30px;
	float: left;
}

#footerContent {
	float: left;
	font-size: 12px;
	line-height: 20px;
}

#footerContent #footer {
	float: left;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	width: 190px;
	text-align: left;
}

#footerContent #footer a {
	color: #000;
	text-decoration: none;
}

#footerContent #footer a:hover {
	text-decoration: underline;
	color: #0066CC;
}

#footerContent #footer li {
	float: left;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	list-style-type: none;
	padding-top: 5px;
}

#footerContent #footer li ul li {
	float:none;
	padding:0;
	border:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 0;
}

#footerContent #footer li ul li a {
	background-image: url(../../img/arrow_info.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}

#footerContent #footer li ul li img {
	padding: 0 0 0 5px;
	vertical-align: middle;
	background-image: url(../img/arrow2.gif);
}

#footerContent #footer li ul li ul li {
	float: none;
	border: none;
	font-size: 12px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
	line-height: 20px;
}

#footerContent #footer li ul li ul li a {
	color: #000;
	background-image: url(../img/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

/* コピーライト */
#wrapper_copy {
	width: 100%;
	height: 40px;
	text-align: left;
	background-color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #FFF;
}
#fnavi {
	text-align: left;
	float: left;
	width: 550px;
	line-height: 40px;
}
#fnavi li {
	display: inline;
	padding-left: 10px;
	padding-right: 5px;
}
#fnavi li a {
	color: #ffffff;
}
#fnavi li.first {
border-left:none;
}
#copy_text {
	text-align: right;
	float: right;
	width: 300px;
	line-height: 40px;
	font-size: 12px;
}

/* トップページ */

#wrapper_pr {
	width: 950px;
	height: 507px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	float: left;
	background-image: url(../img/bg_pr.jpg);
	background-repeat: repeat;
	position:relative;
}

#wrapper_slideshow {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	float: left;
}
#wrapper_recommend {
	width: 250px;
	height: 507px;
	position: absolute;
	top: 0;
	right: 0;
}
#wrapper_recommend_recuit {
	width: 230px;
	height: 470px;
	float: right;
	background-color: #999;
	margin-top: 10px;
	margin-right: 10px;
}

.top_recruit_btn_area {
	height: 45px;
	margin: 0;
}

/* .top_recruit_btn_area {
	height: 60px;
}
*/

.top_recruit_btn {
	float: left;
	width: 115px;
	height:60px;
	padding-top:25px;
}

.top_recruit_img_01 {
}

.top_recruit_img_01_2 {
	height: 83px;
}

.top_recruit_skype_area {
	height: 86px;
}

#wrapper_info {
	width: 650px;
	text-align: left;
	float: left;
}

#bar_info {
	width: 650px;
	float: left;
	height: 38px;
	background-image: url(../../img/bar_info.png);
	margin-bottom: 20px;

}

#bar_campaign {
	width: 650px;
	float: left;
	height: 38px;
	background-image: url(../../img/bar_campaign.png);
	margin-bottom: 20px;
}

#bar_yorozuya {
	width: 650px;
	float: left;
	height: 38px;
	background-image: url(../img/bar_yorozuya.png);
	margin-bottom: 20px;
}

.sodvr_inquiry {
	width: 650px;
	height: 30px;
	margin-bottom: 20px;
}



.info_box	{
	margin-bottom: 30px;
	padding: 0;
	overflow: hidden;
	zoom: 1;
	float: left;
	overflow: scroll;
	height: 390px;
}

.campaign_box	{
	margin-bottom: 30px;
	padding: 0;
	overflow: hidden;
	zoom: 1;
	float: left;
	overflow: scroll;
	height: 250px;
}

.yorozuya_box	{
	margin-bottom: 30px;
	padding: 0;
	overflow: hidden;
	zoom: 1;
	float: left;
	overflow: scroll;
	height: 180px;
}

.info_box ul,
.campaign_box ul,
.yorozuya_box ul {
	margin:0;
	padding:0;
	list-style:none;
}

.info_box li,
.campaign_box li,
.yorozuya_box li {
	width: 630px;
	overflow: hidden;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}

.info_box li, .campaign_box li	{
	background:url(../../img/line_info.png) bottom left no-repeat;
	list-style: none;
}

.info_box li,
.campaign_box li,
.yorozuya_box li {
	background:url(../../img/line_info.png) bottom left no-repeat;
	list-style: none;
}

.info_icon,
.campaign_icon,
.yorozuya_icon {
	width: 117px;
	margin-right: 25px;
	vertical-align: top;
	float: left;
}

.info_box dl,
.campaign_box dl,
.yorozuya_box dl {
	width:470px;
	margin:0;
	padding:0;
	float:left;
}

.info_box dt,
.campaign_box dt,
.yorozuya_box dt {
	font-size: 13px;
	letter-spacing: 0.1em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	line-height: 22px;
}

.info_box dt img,
.campaign_box dt img,
.yorozuya_box dt img {
	margin-right: 7px;
}

.info_box dd,
.campaign_box dd,
.yorozuya_box dd {
	margin: 0;
	padding: 0 0 0 12px;
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 20px;
}

.info_box dd,
.campaign_box dd,
.yorozuya_box dd {
	background-image: url(../../img/arrow_info.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.info_box a,
.campaign_box a,
.yorozuya_box a {
	text-decoration:underline;
}

#wrapper_enjoy {
	width: 623px;
	text-align: left;
	float: left;
	background-color: #000;
	padding-left: 27px;
	background-image: url(../../img/bg_enjoy.jpg);
	background-repeat: no-repeat;
}
#bar_enjoy {
	width: 650px;
	float: left;
	height: 38px;
	background-image: url(../../img/bar_info.png);
	margin-top: 15px;

}
#wrapper_enjoy_text {
	width: 450px;
	text-align: right;
	float: right;
	margin-top: 50px;
	margin-right: 20px;
	height:150px;
}
#wrapper_enjoy_text a {
	color: #CCC;
	text-decoration: underline;
}
.box_enjoy {
	width: 290px;
	float: left;
	height: 180px;
	background-color: #999;
	margin-bottom: 20px;
	margin-right: 20px;

}
.box_room {
	width: 600px;
	float: left;
	height: 120px;
	background-color: #999;
	margin-bottom: 20px;

}
#wrapper_twitter {
	width: 650px;
	text-align: left;
	background-color: #fff;
	float: left;
	height: 300px;
	margin-top: 20px;
}
#wrapper_facebook {
	width: 650px;
	text-align: left;
	background-color: #fff;
	float: left;
	height: 300px;
	margin-top: 20px;
}
#banner_recruit {
	width: 650px;
	text-align: left;
	background-color: #fff;
	float: left;
	height: 250px;
	margin-top: 20px;
}
#box_banner {
	width: 650px;
	float: left;
	margin-top: 20px;
}

/*
#banner_sns {
	width: 650px;
	text-align: left;
	float: left;
	height: 100px;
	margin-top: 20px;
	background-image: url(../img/banner_sns.png);
}
*/

#banner_sns {
	width: 650px;
	text-align: left;
	float: left;
	height: 100px;
	margin-top: 20px;
}

.box_facebook {
	padding: 0px;
	float: left;
	height: 100px;
	width: 334px;
	margin-right: 9px;
}

.box_twitter {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 307px;
}

#news {
	width: 650px;
	text-align: left;
	float: left;
	margin-bottom: 30px;
}

#takarajima_rogo {
	width: 173px;
	height: 99pv;
	position: absolute; top:404px; left:525px
}

.box_vip ul {
    background-image: url(../../img/shop/bar_system6.jpg)!important;
}

.vr_title {
text-align: center;
width: 100%;
font-size: 120%;
font-weight: bold;
	margin:10px;
	padding:5px;
	display: block;
	background-color: #efefef;
}

.section-title_vr {
	text-align: center;
	width: 100%;
	font-size: 150%;
	font-weight: bold;
	/*margin: 10px 0px;
	padding: 7px;*/
	display: block;
	color: #C60000;
/*
background: #fffcfb;
background: -moz-linear-gradient(top, #fffcfb 0%, #c5c3c4 100%);
background: -webkit-linear-gradient(top, #fffcfb 0%,#c5c3c4 100%);
background: linear-gradient(to bottom, #fffcfb 0%,#c5c3c4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfb', endColorstr='#c5c3c4',GradientType=0 );
*/
margin: 10px 0px 0px;
padding: 14px 0px 12px;
background: #ededed;
box-sizing: border-box;
}



.vr_banner {
	width: 650px;
	height: auto;
	margin-bottom: 20px;
}

.top_recruit_img_02 {
	height:256px;
    width:230px;
	margin: 0;
}


/*下に空白をつくる*/
/*下に1文字分の空白*/
.mb1em{
	margin-bottom:1em;
}

.reservation_text {
text-align: left;
margin-top: 15px;
margin-right: auto;
margin-left: auto;
font-size: 12px;
line-height: 150%;
	padding: 10px;
	clear: both;
	height: auto;
	width: 580px;
	background-color: #efefef;
}

/*---------------------------------------------------
2019リニューアル後のコード
---------------------------------------------------*/
.page_home{

}
.page_home .section_icon-area{
clear: both;
}
.page_home .section_icon-area .section-h_guide{
background:#000;
color:#fff;
font-weight:bold;
margin-bottom: 20px;
position:relative;
background:url(/img/bar_bg.png);
height: 38px;
	z-index: 1;
	background-position-x: center;
	background-size: 900px auto;
	background-repeat: no-repeat;
	font-size: 19px;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', '游ゴシック', 'Yu Gothic', sans-serif;
}
.page_home .section_icon-area .section-h_guide::before{
	content:"";
	z-index: -1;
	left:0px;
	top:0;
	background:url(/img/bar_bg_lead.png);
	position: absolute;
	width: 41px;
height: 38px;
}
.page_home .section_icon-area .section-h_guide::after{
	content:"";
	z-index: -1;
	right:0;
	top:0;
	background:url(/img/bar_bg_tail.png);
	position: absolute;
	width: 41px;
height: 38px;
}
.page_home .section_icon-area .section-h_guide .main-text{
position:absolute;
left:30px;
padding:9px;
}
.page_home .section_icon-area .section-h_guide .sub-text{
position:absolute;
right:10px;
padding:9px;
}
.page_home .section_icon-area ul{
	display: flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.page_home .section_icon-area ul li{
	width: 150px;
	list-style-type: none;
	height: 150px;
	margin-bottom: 40px;
	display: flex;
justify-content: center;
}
.page_home .section_icon-area ul li .caption{
text-align:center;
font-weight: bold;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', '游ゴシック', 'Yu Gothic', sans-serif;
}
.page_home .section_icon-area ul li:hover a{
text-decoration: none;
}



.page_home{

}
.page_home{

}
.page_home{

}
.side-banner_list{
	display: flex;
	flex-direction:column;
	clear: both;
	width:270px;
	margin: 0px auto 20px;
	list-style-type: none;
	background-image: url(../../img/bg_beginner.png);
	padding: 5px;
	background-size: 100% 90%;
	background-repeat: no-repeat;
	background-position-y: bottom;
}
.side-banner_list li{
	margin-bottom:10px;
	box-shadow:0px 2px 4px #666;
}



.page_home .info_box{
	height: 438px;
}

/*---------------------------------------------------
2019消費税
---------------------------------------------------*/
.page_home{
	padding:20px 0px 0px;
}
.page_home .info-text-area_consumption-tax{
	border:4px solid #ec6941;
	background: #f6f2e1;
	width:840px;
	margin:0px auto;
	padding: 16px;
}
.page_home .info-text-area_consumption-tax .h{
	color:#e56404;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}
.page_home .info-text-area_consumption-tax .inner{
	display:flex;
}
.page_home .info-text-area_consumption-tax .button a{
	color:#fff;
	font-size:20px;
	font-weight:bold;
	background: #eb9f64;
	width:180px;
	display:flex;
	justify-content: center;
	align-items: center;
	margin-top:20px;
	padding: 20px;
	box-sizing: border-box;
	margin-left: 20px;
}
















/*---------------------------------------------------
2019コース導入店舗
---------------------------------------------------*/
.page_reservation #contents_area,
.page_course #contents_area{
background-color: transparent;
}
.page_reservation .section_course,
.page_course .section_course{
	margin-bottom:40px;
}
.page_reservation .text-area,
.page_course .text-area{
	background:#fff;
	padding: 20px 60px;
	line-height: 1.5em;
	font-size:14px;
}
.page_reservation .lookatshop_button,
.page_course .lookatshop_button{
	background:#006699;
	text-align:center;
	padding:10px;
}
.page_reservation .lookatshop_button img,
.page_course .lookatshop_button img{
width: 120px;
margin:0px auto;
}
.page_course #acMenu dd{
	background:#fff;
	display: none;
}
.acMenu .lookatshop_button{
    width:650px;
} 



.page_reservation .wrapper_shop .shop-area-box,
.page_course .wrapper_shop .shop-area-box {
    float: left;
    width: 260px;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 20px;
    clear: none;
}
.page_reservation .wrapper_shop .shop-area-name,
.page_course .wrapper_shop .shop-area-name {
    font-size: 18px;
    font-weight: 700;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #666;
    margin-bottom: 7px;
    margin-top: 7px;
    padding-bottom: 5px;
    line-height: 24px;
    letter-spacing: 0.07em;
}
.page_reservation .wrapper_shop .shop-area-box li,
.page_course .wrapper_shop .shop-area-box li {
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.07em;
    background: no-repeat left url("/img/arrow_info.png");
    padding: 0.25em 0em 0.25em 1em;
}
.page_reservation .wrapper_shop .shop-area-box li a,
.page_course .wrapper_shop .shop-area-box li a {
    color: #06C;
		display: inline-block;
width: 100%;
}


.page_reservation .shopphone-number{
	font-weight:bold;
	color:#B40D25;
	padding-left: 16px;
	background: url("/common/img/course/shopphone-icon.jpg")no-repeat;
	background-size: auto 20px;
}

#wrapper_goto_l {
	width: 650px;
	text-align: left;
	float: left;
	margin-top: 30px;
    background-color: #00B6E8
}

.ttl_sub_text{
    font-size: 14px;
    text-align: center;
    padding:0px 0px 20px 0px;
    margin: 0 0 15 0;
}
#extra_info {
    width:600px;
    height:auto;
    background:#FFFFFF;
    border: #000000;
    border-color: #000000;
    border-style: solid;
    font-size:16px;
    padding:20px;
    margin-bottom: 10px;
}

.wrapper_shop .info_ttl {
    font-size:16px;
    font-weight: 200;
    text-align: center;
    margin-bottom: 20px;
}

 .article_eyecatch .img_card_type {
    width:90%;
    height:auto;
    margin: 30px;
}


/*---------------------------------------------------
2021求人フロートバナー用
---------------------------------------------------*/

.fixed_banner {
position: fixed; /* 追従させる為にfixedの値を記述します */
left: 50%;
transform: translate(-50%, -50%);
z-index: 99999; /* 他の要素の下に隠れないように全面配置させます */
bottom: 50px; /* 上から150pxのところにバナーを配置します */
}

.fixed_banner_pc {
width: 300px; /* バナーの横幅を指定してあげます */
}

.floating-banner:hover {
opacity: .8; /* マウスが重なった時に少し透過させます */
}

/*---------------------------------------------------
pankuzu
---------------------------------------------------*/
#topicPath {
	width: 100%;
	text-align: left;
    padding-top: 0;
    margin-top: 0; 
}


/* リスト */
ol.topic-path {
	background-color: #E1E1E1; /* 背景色 */
	list-style-type: none; /* リストマーク非表示 */
	font-size: 100%; /* 文字サイズ */
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 25px;
}
/* リスト項目 */
ol.topic-path li {
padding-left: 5px; /* 左パディング */
display: inline; /* 項目を横並び */
}
/* リスト項目（最初の項目） */
ol.topic-path li.first {
	padding-left: 25px; /* ホーム記号（※） */
	background-image: url(../../img/topic-path-home-gray.png);
	background-repeat: no-repeat;
	background-position: left;
}
/* リンクエリア */
ol.topic-path li a {
	padding-right: 18px; /* 矢印記号（※） */
	background-image: url(../../img/topic-path-gray.gif);
	background-repeat: no-repeat;
	background-position: right;
}
/* リンク色 */
ol.topic-path li a {
color: #4682b4;
}
/* リンク色（マウスオーバー） */
ol.topic-path li a:hover {
color: #79a7cc;
}
/*---------------------------------------------------
sitemap
---------------------------------------------------*/

#sitemapContent {
	float: left;
	font-size: 14px;
	line-height: 20px;
	margin-top: 40px;
	margin-bottom: 40px;
}


#sitemapContent #sitemap {
	float: left;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	width: 250px;
	text-align: left;
	margin-right: 20px;
	margin-left: 20px;
}

#sitemapContent #sitemap a {
	color: #000;
	text-decoration: none;
}

#sitemapContent #sitemap a:hover {
	text-decoration: underline;
	color: #0066CC;

}

#sitemapContent #sitemap li {
	float: left;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	list-style-type: none;
	padding-top: 5px;
}

#sitemapContent #sitemap li ul li {
	float:none;
	padding:0;
	border:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

#sitemapContent #sitemap li ul li a {
	background-image: url(../../img/arrow_info.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}

#sitemapContent #sitemap li ul li img {
	padding: 0 0 0 5px;
	vertical-align: middle;
	background-image: url(../img/arrow2.gif);
}

#sitemapContent #sitemap li ul li ul li {
	float: none;
	border: none;
	font-size: 12px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
	line-height: 20px;
}

#sitemapContent #sitemap li ul li ul li a {
	color: #000;
	background-image: url(../img/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

/*---------------------------------------------------
slide PC:slick
---------------------------------------------------*/
#slide {
	border: 10px solid #000;
}
#slide .slides_main {
    height: 395px;
    width: 692px;
	margin: 0;
	position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
#slide .slides_nav {
	border-top: 10px solid #000;
    width: 692px;
	max-height: calc(66px + 10px);
	margin: 0;
	position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
	overflow: hidden;
}
#slide .slick-slide {
	width: 100%;
	backface-visibility: hidden;
  transform: translateZ(0);
	position: relative;
	transform-style: preserve-3d;

}
#slide .slides_nav .slick-slide {
	height: auto;
	background: #000;
}
#slide .slick-slide img{
	width: 100%;
	height: auto;
}
#slide .slides_nav .slick-slide img{
	opacity: 0.7;

}
#slide .slides_nav .slick-slide.slick-current img{
	opacity: 1;

}


#slide .slick-arrow {
	display: none;
}