/*------------------------------------- */
/* スライダー上書き
------------------------------------- */
.sp-arrows:before{
	background-color:rgba(0,0,0,0.3);
	height:100%;
	width:60px;
	position: absolute;
	content: '';
	position: absolute;
	width: 50%;
	height: 50%;
	background-color: #333;
}
/*------------------------------------- */
/* 固定画像
------------------------------------- */
.topimg{
	margin:0 auto;
	max-width:90vw;
}
.topimg img{
	width:100%;
	max-width:90vw;
	display:block;
}
/*------------------------------------- */
/* スライダー下エリア
------------------------------------- */
.pickupnavi{
	width:45vw;
	float:left;
	background-color:#f6f6f6;
	padding: 3vw 0;
    padding-left: 3vw;
    text-align: left;
	height:20vw;
	border-right: 0.1vw #ddd solid;
}
.pickupnavi .cont{
	float:left;
	width:19vw;
	height:10vw;
	text-align:center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.2s linear;
	position: relative;
}
.overlay-bk::before{
	/* 透過した黒を重ねる */
	background-color: rgba(0,0,0,0.5);
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}

.pickupnavi .cont:hover{
	opacity:0.7;
}
.pickupnavi .cont .link{
	display:block;
	height:100%;
	width: 100%;
}
.hover-bk:hover{
	opacity:0.7;
	background-color:rgba(0,0,0,0.7);;
}
.pickupnavi .cont .link p{
	padding-top: 4vw;
    position: relative;
    height: 10vw;
}
.pickupnavi .cont .link p:hover{
	color:#fff;
}
.pickupnavi .cont:first-child{
	margin-right:4%;
}


.idx-newsabout{
margin-top:5vw;
}

.newinfo{
	width:44vw;
	float:left;
	padding: 2vw 2.5vw;
    text-align: left;
	height:21vw;
}


.newinfo2{
	width:100%;
	background-color:#f6f6f6;
	padding: 2vw 0;
    padding-left: 1vw;
    text-align: left;
	height:25vw;
}
.newinfo-area{
	overflow: auto;
	width:100%;
	height:100%;
}
.newinfo-title{
	font-size:1.5vw;
	line-height:2.0vw;
	font-weight: bold;
	margin-bottom:0.5vw;
}
.newinfo-text{
}

.newinfo-text ul {
	margin:0;
	padding:0;
	list-style:none;
}

.newinfo-text li {
	padding:1vw 0 1vw 1vw;
	border-bottom:0.05vw solid #ddd;
	line-height:2.0vw;
}
/* sidebarなし */
.newinfo-text li span{
	display:block;
}

/* sidebarあり */
.newsdate{
	width:50%;
}
.newstext{
	width:95%;
}


.shopimgarea{
width:12vw;
display:inline-block;
vertical-align:top;
line-height:0;
}
.shopimage{
width:100%;
}
.shoptext{
width:26vw;
display:inline-block;
padding:0 0 0 0.5vw;
vertical-align:top;
line-height:1.6vw;
}


/*サイドバーありデザイン
--------------------------------*/
.newinfo3{
	width:100%;
	background-color:#f6f6f6;
    text-align: left;
	height:25vw;
	margin:4vw auto;
}
.newinfo-area3{
	overflow: auto;
	width:100%;
	height:100%;
}
.newinfo-title3{
	font-size:1.5vw;
	line-height:2.0vw;
	font-weight: bold;
	border-top:0.2vw solid #bbb;
	border-bottom:0.05vw solid #ddd;
	padding:1.0vw 0;
	text-align:center;

}
.newinfo-text3{
}

.newinfo-text3 ul {
	margin:0;
	padding:0;
	list-style:none;
}

.newinfo-text3 li {
	padding:1vw 0 1vw 1vw;
	border-bottom:0.05vw solid #ddd;
	line-height:2.0vw;
}

.newinfo-text3 li span{
	display:block;
}

.newsdate3{
	width:100%;
}
.newstext3{
	width:100%;
}









/*------------------------------------- */
/* pickupコンテンツブロック表示
------------------------------------- */
.pickuparea{
	padding:0px 0;
}


/* サイドメニューありの場合(3個)
------------------------------------*/
.pickupitem{
	width:27vw;
	float:left;
	margin:0 1.0vw 1.5vw;
	position:relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.2s linear;
	box-shadow: 0.5px 0.5px 3px RGBA(0,0,0,0.4);
}

.pickupitem:hover {
	opacity:0.7;
}
.pickupitem a {
	display:block;
	width:100%;
	height:100%;
}

.pickupitem .textarea {
	color: #fff;
/*	height: 33%;*/
	width: 100%;
	padding:0.5vw 0;
	text-align: center;
	background-color: rgba(0,0,0,0.6);
	position: absolute;
	bottom: 0;
	overflow:hidden;

}
.pickupitem .textarea .text {
	top: 10%;
	position: relative;
	color:#ffffff;
	overflow:hidden;
	font-size:0.8vw;
	line-height:2.0vw;
}


.pickupitem .catenametext {
	background:rgba(0,0,0,0.6);
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	overflow:hidden;
	color:#ffffff;
	overflow:hidden;
	font-size:1.8vw;
	line-height:2.0vw;
	display:inline-block;
	padding:0.8vw 1.0vw;
	width:75%;
	text-align:center;
}


.pickupitem5 .catenametext {
	background:rgba(0,0,0,0.6);
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	overflow:hidden;
	color:#ffffff;
	overflow:hidden;
	font-size:1.4vw;
	line-height:2.0vw;
	display:inline-block;
	padding:0.8vw 1.0vw;
	width:100%;
	text-align:center;
}



/* サイドメニューなしの場合(5個)
-----------------------------------*/
.pickupitem5{
	width:20vw;
	height:20vw;
	float:left;
	margin:0 1vw 2.0vw;
	position:relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.2s linear;
	box-shadow: 0.5px 0.5px 3px RGBA(0,0,0,0.4);
}
.pickupitem5:nth-of-type(4n) {
	margin-right: 0;
}
.pickupitem5:hover {
	opacity:0.7;
}
.pickupitem5 a {
	display:block;
	width:100%;
	height:100%;
}

.pickupitem5 .textarea {
	color: #fff;
/*	height: 33%;*/
	width: 100%;
	padding:0.5vw 0;
	text-align: center;
	background-color: rgba(0,0,0,0.6);
	position: absolute;
	bottom: 0;
	overflow:hidden;

}
.pickupitem5 .textarea .text {
	top: 10%;
	position: relative;
	color:#ffffff;
	overflow:hidden;
	font-size:0.8vw;
	line-height:2.0vw;
}


.idx-btn{
	text-align: center;
	margin:0 auto;
	font-size:1.1vw;
	border:solid 0.05vw #333333;
	margin-top:1vw;
	display:block;
	padding:0.8vw 1.0vw;
	width:20vw;
}
.idx-btn:hover{
	color:#fff;
	background-color:#333333;
	border:solid 0.05vw #333333;
}

/*------------------------------------- */
/* shopinfo
------------------------------------- */
.shopinfo{
    position:relative;
	background-color:#f6f6f6;
	width:100%;
	padding:3vw 1.5vw;
	margin-top:4vw;
	box-shadow:0 1px 5px rgba(0, 0, 0, 0.4);
}

.shopinfo .shopimg{
	float:left;
	width:30%
}
.shopinfo .shoptext{
	float:left;
	padding-left:3%;
	width:70%;
}
.shopinfo .shoptitle{
	font-size:1.4vw;
	margin-bottom:0.5vw;
}
.shopinfo-btn{
	text-align: center;
	font-size:0.8vw;
	border:solid 0.05vw #333333;
	margin-top:0.8vw;
	margin-right:0.3vw;
	position:relative;
	padding:0.5vw 0.8vw;
	display:inline-block;
}
.shopinfo-btn:hover{
	color:#fff;
	background-color:#333333;
}

.shoptext a:last-of-type{ margin-right:0; }

/*------------------------------------- */
/* serviceinfo
------------------------------------- */
.serviceinfo{
    position:relative;
	width:100%;
	margin-top:5vw;
	margin-bottom:3vw;
	padding:0 0.8vw;
	text-align:center;
}
.serviceitem{
	width:30%;
	display:inline-block;
	margin-right:3%;
	margin-bottom:3vw;
	position:relative;
	transition: all 0.2s linear;
	font-size: 0;
	box-shadow:0 1px 5px rgba(0, 0, 0, 0.4);
	position:relative;
	line-height:0;
}
.serviceitem img{
	width:100%;
}
.serviceitem:nth-child(3n) {
	margin-right: 0;
}

.serviceitem .text {
	padding:0.5vw;
	height:10vw;
	text-align:left;
	width:100%;
	background-color:rgba(255,255,255,0.8);
	overflow: auto;
	position:absolute;
	bottom:0;
	left:0;
	line-height:1.6vw;
}
.serviceitem .text .title {
	text-align: center;
	margin-bottom:1vw;
	font-weight: bold;
	font-size:1vw;

}


/*------------------------------------- */
/* 閲覧パス
------------------------------------- */
/* サイドメニューありの場合
---------------------------------*/
.side .passformarea{
	margin:4.0vw auto 4.0vw;
	padding:0 0.5vw 1.0vw;
}

.side .pfa-inner{
	width:100%;
	margin:0 auto;
	padding:1.0vw 1.0vw 2.0vw;
	box-shadow:1px 2px 2px rgba(0,0,0,0.25);
}

.side .pfa-inner .title{
	text-align: center;
	font-size: 2.0vw;
	margin: 2vw 0 1.2vw 0;
}

.side .passform{
	margin:2vw auto 1vw;
	text-align:center;
}
.side .passform input[type="text"]{
	border:0.05vw solid #666666;
	border-radius: 0.5vw;
	padding:0.8vw 1.0vw;
	margin: 0 1.0vw 0 0;
	font-size:1.2vw;
}


/* サイドメニューなしの場合
---------------------------------*/
.nonside .passformarea{
	width:110vw;
	margin:4.0vw 0 4.0vw -10vw;
	padding:2.0vw 0 2.0vw;
	background-image: url(../usrimg/picture02.jpg) !important;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

.nonside .pfa-inner{
	width:60vw;
	margin:0 auto;
	padding:1.0vw 1.0vw 2.0vw;
	box-shadow:none;
	opacity:0.95;
}

.nonside .pfa-inner .title{
	text-align: center;
	font-size: 2.0vw;
	margin: 2vw 0 1.2vw 0;
}

.nonside .passform{
	margin:2vw auto 1vw;
	text-align:center;
}
.nonside .passform input[type="text"]{
	border:0.05vw solid #666666;
	border-radius: 0.5vw;
	padding:0.8vw 1.0vw;
	margin: 0 1.0vw 0 0;
	font-size:1.2vw;
}


/*------------------------------------- */
/* ログイン
------------------------------------- */
.loginarea{
	padding:0 0.5vw;
	margin:6.0vw auto
}

.loginarea .title{
	text-align: center;
	font-size: 2.0vw;
	margin: 2vw 0 1.2vw 0;
}

.logininner{
	width:100%;
	text-align:center;
	margin:0 auto;

}
.login-box{
	display:inline-block;
	width:48%;
	margin:0 auto;
	vertical-align:top;
	border:0.05vw solid #dddddd;
}
.login-box:first-of-type{
	margin-right:0.5vw;
}

.login-box .login-title{
	text-align:center;
	display:block;
	padding:1.0vw 0.5vw;
}
.login-box .login-text{
	text-align:left;
	padding:1.0vw 1.0vw;
}

.login-box .log{	
	width:100%;
	margin-bottom:0.5vw;
	margin:0 0 0.5vw 0 !important;
}

.login-box .login-btn{
	border-radius:0 !important;
	width:80%;
}
.regi-box a{
	width:80%;
	display:inline-block;
	text-align:center;
	margin:0 auto 2vw;
	padding:0.7vw 1.0vw;
	font-size:1.2vw;
}

.regi-box{
	position:relative;
}
.regi-box a{
	position:absolute;
	bottom:0;
	left:10%;
}

.regi-box a:hover {
	opacity:0.7;
	cursor:pointer;
}


/*　フォトアル
-----------------*/
.side .pb_bn {
	background-image: url(../usrimg/bn_pb.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	padding: 0.5vw 1.4vw 0.5vw;
}
.photoalbumlink{
	float:right;
}
.photoalbumbtn{
	display:inline-block;
	padding: 0.2vw 0.5vw 0.2vw;
	margin-right: 0.4vw;
	border-radius:0.5vw;
	border:0.05vw solid;
}
.photoalbumbtn:last-of-type{
	margin-right:0 !important;
}
.photoalbumbtn:hover{
	opacity:1.0;
	border-color:#ffffff !important;
}

.nonside .pb_bn {
	width:60vw;
	margin:0 auto;
	background-image: url(../usrimg/bn_pb.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	padding: 0.5vw 1.4vw 0.5vw;
}