@charset "UTF-8";





@font-face {
font-family: 'anzu';
font-style: normal;
font-weight: 400;
src: url(http://shibu-gal.com/font/APJapanesefontT.ttf);
}

@font-face {
font-family: 'marufo';
font-style: normal;
font-weight: bold;
src: url(http://shibu-gal.com/font/A-OTF-MaruFoPro-Medium.otf);
}






body{
	width:100%;
}
a{
	/*text-decoration:none;*/
	color: #6D6D6D;
	font-weight:bold;
}

/****************************************

          wrapper -all contents

*****************************************/
#wrapper-top,
#wrapper{
	width:90%;
	padding: 0 5%;
	padding-top:30px;
	color:#3f3e3e;
}
#wrapper{
	padding-top:120px;
}
#wrapper-top{
	padding-top:30px;
}
.ttl{
	width:auto;
	height:56px;
	margin-bottom:6px;
}
.ttl_blog{
	width:auto;
	height:56px;
	margin: 30px 0 20px 0;
}
.ttl_tw{
	width:auto;
	height:56px;
	margin: 30px 0 10px 0;
}
.top-copy{
	width:60%;
	height:auto;
	position:absolute;
	right:2%;
	top:60%;
	z-index:9999;
}
/****************************************

          header

*****************************************/
header{
	width:100%;
	height:88px;
	overflow:hidden;
	position:fixed;
	background-image: url(../img/common/bg_header.png);
	background-size: cover;
	background-position:center center;
	top:0;
	left:0;
	z-index:99999;
}
header .logo{
	width:auto;
	height:64%;
	position:absolute;
	top:-5px;
	bottom:0;
	left:5%;
	margin:auto;
}
header .menu{
	width:auto;
	height:46%;
	position:absolute;
	top:22%;
	right:5%;
}
/****************************************

          top - news

*****************************************/
.news_wrapper{
	width:90%;
	padding:5%;
	height:185px;
	line-height:1.6;
	background-image:url(../img/common/bg_check.png);
}

div.flexcroll {
    width:90%;
	height:145px;
	padding:20px;
    position:relative;
	background-color:#ffffff;
}
div.flexcroll p{
	font-size:16px;
	margin-bottom:10px;
}
div.flexcroll p span{
	color:#e2798e;
	font-size:16px;
	font-family:'marufo';
}
 
/* 本体 */
.scrollgeneric {
    line-height:1px;
    font-size:1px;
    position:absolute;
    top:0;
    left:0;
}

/* 縦スクロール範囲 */
.vscrollerbase {
    width:14px;
    background-color:#e89aaa;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px;
	behavior: url(border-radius.htc); /* IE */
}
/* 縦スクロールバー */
.vscrollerbar {
    width:12px;
	margin:1px;
    background-color:#ffffff;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px;
	behavior: url(border-radius.htc); /* IE */
}
/* 横スクロール */
.hscrollerbase,
.hscrollerbar {
	display:non,
}
 ul.blog{
	 width:100%;
}
 ul.blog li{
	 width:46.7%;
	 height:120px;
	 margin-right:4%;
	 margin-bottom:30px;
	 text-align:center;
	 border:2px dotted #e88b9f;
	 position:relative;
	 float:left;
	 -moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px;
	behavior: url(border-radius.htc); /* IE */
}
 ul.blog li.nomargine{
	 margin-right:0;
 }
.blog-num{
	width:75px;
	height:24px;
	background-image:url(../../img/top/cast_num.png);
	background-repeat:no-repeat;
	position:absolute;
	text-align:center;
	font-family:'anzu';
	 font-size:16px;
	 color:#ffffff;
	 font-weight:bold;
	 padding-top:3px;
	top:-12px;
	left:0;
	right:0;
	margin:auto;
}
ul.blog li p.name{
	 font-family:'anzu';
	 font-size:26px;
	 color:#f289a0;
	 font-weight: 900;
	 margin-top:25px;
	 text-shadow: 2px 2px 0 #ffffff, 3px 3px 5px #B6B6B6;
	 letter-spacing:-8px;
 }
 ul.blog li p.name2{
	 font-family:'anzu';
	 font-size:24px;
	 color:#f289a0;
	 font-weight: 900;
	 margin-top:21px;
	 text-shadow: 2px 2px 0 #ffffff, 3px 3px 5px #B6B6B6;
	 letter-spacing:-8px;
 }
 ul.blog li p.name span{
	 font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:12px;
	vertical-align:middle;
	letter-spacing:6px;
	margin-left:6px;
}
ul.blog li p.name2 span{
	 font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:12px;
	vertical-align:super;
	letter-spacing:6px;
	margin-left:6px;
}
ul.blog li p.btn_blog{
	 width:71px;
	 text-align:right;
	 font-family:'anzu';
	 font-size:22px;
	 color:#7e5b51;
	 position:absolute;
	 bottom:25px;
	 left:-16px;
	 right:0;
	 margin:auto;
}
ul.blog li p.btn_blog2{
	 width:71px;
	 text-align:right;
	 font-family:'anzu';
	 font-size:22px;
	 color:#7e5b51;
	 position:absolute;
	 bottom:34px;
	  left:0;
	 right:0;
	 margin:auto;
 }
ul.blog li p.btn_tw{
	 width:94px;
	 text-align:right;
	 font-family:'anzu';
	 font-size:22px;
	 color:#7e5b51;
	 position:absolute;
	 bottom:12px;
	 left:0;
	 right:0;
	 margin:auto;
	 letter-spacing:-1px;
 }
ul.blog li p.btn_tw2{
	  width:94px;
	  text-align:right;
	 font-family:'anzu';
	 font-size:22px;
	 color:#7e5b51;
	 position:absolute;
	 bottom:25px;
	 left:-16px;
	 right:0;
	 margin:auto;
	 letter-spacing:-1px;
 }
/****************************************

          top - twitter

*****************************************/
.tw-box{
	width:90%;
	background-color:#f1c2cc;
	text-align: left;
	padding: 16px 5%;
	margin-bottom:20px;
}
/****************************************

          top- banner

*****************************************/
ul.claim-area{
	width:100%;
	margin:20px 0;
	overflow:hidden;
}
ul.claim-area li{
	width:100%;
}
ul.claim-area > *:first-child {
	margin-bottom:10px;
}
ul.claim-area li img{
	width:100%;
	height:auto;
}
/****************************************

          top - link

*****************************************/
.link_wrapper{
	width: 100%;
	background-image:url(../img/common/bg_check.png);
	padding:20px 0;
}
.link_wrapper ul {
	width:90%;
	margin: 0 5%;
	background-color:#ffffff;
	overflow:hidden;
}
.link_wrapper ul li{
	width:90%;
	height:auto;
	padding: 12px 5%;
}
.link_wrapper ul li img{
	width:100%;
	height:auto;
}
.link_wrapper ul li img.last{
	border-bottom:none;
}
.radius {
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px;
	behavior: url(border-radius.htc); /* IE */
}
 
 /****************************************

          page_all

*****************************************/
p.pankuzu{
	font-size:16px;
	color:#676767;
	margin-bottom:22px;
}
p.pankuzu a{
	color:#676767;
}
.page_ttl{
	width:100%;
	border-bottom:1px solid #bebebe;
	margin-bottom:20px;
}
.page_ttl img.change{
	width:50%;
	height:auto;
	margin-left:50%;
	margin-bottom:-26px;
}
.page_ttl img{
	width:auto;
	height:56px;
	margin-bottom:6px;
}
.page_contents{
	width:100%;
	letter-spacing:0.8px;
	line-height:1.8;
	margin-bottom:40px;
}
.page_contents_system{
	width:100%;
	letter-spacing:0.8px;
	line-height:2;
	margin-bottom:60px;
	position:relative;
}
.page_contents_system img{
	width:100%;
	height:auto;
	padding-top:30px;
}
.page_contents p.att{
	font-size:14px;
	line-height:1.3;
	color:#3f3e3e;
	padding-bottom:40px;
}
.page_contents span,
.page_contents_system span{
	color:#e2798e;
	font-size:18px;
	font-family:'marufo';
}
.page_contents h1{
	margin-top:20px;
}
h1{
	font-family:marufo;
	font-size:18px;
	line-height:1.4;
	position: relative;
	padding: 0 .5em .2em 1.7em;
}
h1::after {
	position: absolute;
	top: .3em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 12px;
	height: 12px;
	background-color: #4f8a87;
	-webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
}
.system_att{
	margin-top:40px;
}
img.bord{
	width:100%;
	height:auto;
}
 /****************************************

          page qa.html

*****************************************/
p.question{
	min-height:35px;
	background-image:url(../img/qa/icon_q.gif);
	background-repeat:no-repeat;
	background-position: left top;
	font-family:marufo;
	line-height:1.4;
	color:#4f8a87;
	font-size:18px;
	padding-left:45px;
	margin-bottom:8px;
}
p.answer{
	margin-bottom:35px;
}
span.a_midashi{
	color:#313131;
}
 /****************************************

          page access.html

*****************************************/
.page_ttl_sub{
	width:auto;
	height:26px;
	margin-top:40px;
}
.fon_16{
	font-size:20px;
	margin-top:4px;
}
ul.access_navi{
	width:100%;
	line-height:1.4;
	margin-top:20px;
}
ul.access_navi li{
	width:96%;
	border: 2px solid #efb1be;
	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari and Chrome */
	border-radius: 6px;
	behavior: url(border-radius.htc); /* IE */
	padding: 2%;
	position:relative;
	margin-bottom:20px;
	overflow:hidden;
}
ul.access_navi li img.map-img{
	width:110%;
	margin-left:-5%;
	margin-top:-5%;
	height:auto;
	margin-bottom:5px;
}
ul.access_navi li img.num{
	position:absolute;
	top:10px;
	left:10px;
}
ul.access_navi li img.arrive{
	position:absolute;
	top:10px;
	left:10px;
}
ul.access_navi li b{
	color:#cc2f2f;
}
 /****************************************

          staff

*****************************************/
ul.staff-btn{
	width:100%;
	margin-bottom:40px;
}
ul.staff-btn li{
	width:100%;
	height:auto;
}
ul.staff-btn li img{
	width:32%;
	margin-right:2%;
	margin-bottom:24px;
	float:left;
}
ul.staff-btn li img.on{
	opacity:0.7;
}
ul.staff-btn li img.last{
	margin-right:0 !important;
}
p.staff-star{
	margin-top:3px;
}
p.staff-star img{
	margin-right:8px;
}

div.staff-ask{
	width:96%;
	border:2px dotted #e2798e;
	text-align:center;
	padding:16px 2%;
	margin-top:20px;
}
div.staff-ask a{
	color:#e2798e;
	font-size:16px;
	font-family:'marufo';
	text-decoration:none;
}
div.staff-ask img{
	width:auto;
	height:24px;
	margin-bottom:13px;
}
div.staff-ask ul{
	width:100%;
	text-align:left;
	margin:0 auto;
}
div.staff-ask ul li p{
	position: relative;
	padding: 0 .5em .5em 1.7em;
}
div.staff-ask ul li p::after {
	position: absolute;
	top: .6em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 12px;
	height: 12px;
	background-color: #e2798e;
	-webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
}
div.staff-work p{
	position: relative;
	padding: 0 .5em .5em 1.7em;
}
div.staff-work p::after {
	position: absolute;
	top: .6em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 12px;
	height: 12px;
	background-color: #4f8a87;
	-webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
}
div.staff-work img{
	width:100%;
	height:auto;
	margin-top:10px;
}
div.staff-work table tr td{
	text-align:left;
	line-height:1.4;
}
div.staff-work table tr td.midashi{
	text-align:center;
	padding-left:0;
}
.page_contents table{
	width:100%;
	border:1px solid #bebebe;
	margin: 20px 0 14px 0;
}
.page_contents table td{
	vertical-align:middle;
	border:1px solid #bebebe;
	padding:14px;
	line-height:1.2;
}
.page_contents table .midashi{
	width:20%;
	background-color:#f4f8e7;
	color:#4f8a87;
	font-weight:bold;
	position:relative;
	text-align:left
}
.page_contents table .midashi img{
	position:absolute;
	left:18px;
	top:-5px;
}
 /****************************************

          page howto.html

*****************************************/
ul.howto-about{
	width:100%;
}
ul.howto-about li.no{
	width:100%;
	font-family: anzu;
	font-size:28px;
	color:#4f8a87;
}
ul.howto-about li.detail{
	width:90%;
	padding-left:7.5%;
	margin-left:2.5%;
	margin-bottom:20px;
	border-left:1px solid #4f8a87;
}
ul.howto-about li.detail img{
	width:100%;
	height:auto;
}
ul.howto-about li.detail p{
letter-spacing:0.8px;
  line-height:1.4;
}
/****************************************

          copy

*****************************************/
#page_top{
	width:30%;
	height:auto;
	margin:0 35%;
}
.copylight{
	width:100%;
	background-color:#f4d0d7;
	text-align:center;
	color:#ea6783;
	font-size:10px;
	font-family: 'Open Sans', sans-serif;
	letter-spacing:0.6px;
	padding:12px 0;
	margin-top:16px;
}