@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*===============================================
●PC用ワイド設定 画面の横幅が1301px以上
===============================================*/
@media screen and (min-width: 1301px){
.document {
	width:1230px;
	margin-left:auto;
	margin-right:auto;
}
.article{
	float:right;
	width:950px;
	padding-top:15px;
}
.aside{
	width:250px;
	padding-top:15px;
}
}
/*===============================================
●タブレット用ワイド設定 画面の横幅が1300pxまで
===============================================*/
@media screen and (max-width: 1300px){
.document {
	width:99%;
	margin-left:auto;
	margin-right:auto;
}
.article{
	padding-top:15px;
	width:100%;
}
.aside{
	padding-top:15px;
	width:100%;
}
}





/*===============================================
●style.css 画面の横幅が641px以上
===============================================*/
@media screen and (min-width: 641px){
.noview-pc{
	display:none;
}
html,body {
	margin:0;
	padding:0;
	height:100%;
}
body{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:0.9em;
	background: #FFFFFF;
	color: #33333;
	overflow-y: scroll;
	overflow-x: hidden;
	position:relative;
	line-height:180%;
    left: 0;
    overflow-x: hidden;

}
a{
	color: #333;
	text-decoration: none;
}


img { 
	border:0;
}
a img  {
	border:none;
}
a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
}
ul {
	list-style:none;
}


.ie7 body{
	overflow:hidden;
}

.clear{
	clear: both;
}

.clearfix:after { /*floatの解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}


.header {
	margin:0px;
	 width:100%;
	 height:150px;
	 border-top:#da81b2 15px solid;
	 border-bottom:#da81b2 2px solid;
	 background-image:url(images/common/header1.png);
	 background-repeat:no-repeat;
	 background-position:center 20px;
	 padding-bottom:5px;
  
}
.nav {
	width:100%;
	height:35px;
	margin-top:10px;
	border-left:1px #666 dotted;
}
.nav ul{
	margin:0;
	padding:0;
}
.nav ul a li{
	width:19.9%;
	display:block;
	height:30px;
	padding-top:5px;
	float:left;
	border-right:1px #666 dotted;
	text-align:center;
	font-weight:bold;
}
.nav ul a:hover li{
	background-color:#87C0FC;
}
	
.nav2 {
	width:213px;
	float:right;
	font-size:12px;
	text-align:right;
}
.nav2 a .bt_fc{
	background-color:#59B2FC;
	width:213px; 
	color:#FFF; 
	font-weight:bold;
	font-size:18px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center; 
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
.nav2 a:hover .bt_fc{
	background-color:#FB696B;
}
h1{
	width:251px;
	height:78px;
	background-image:url(images/common/bg_h1.png);
	text-indent:-9999px;
	float:left;
	margin:0;
	margin-top:3px;


}
h2 {
	background-color:#9CF;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
	color:#172067;
	font-size:16px;
	margin-top:50;
	margin-bottom:15px;
}

.img_right{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.img_left{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.txt_18red{
	font-size:18px;
	color:#C00;
}
.box_title{
display: none;
}
.aside ul{
	width:95%;

}
.aside ul a li{
display: block;
	border-bottom:#666 1px dotted;
	margin-bottom:10px;
	background:  #E5F1F8;
	text-align:left;
	font-size:12px;
	font-weight:600;
	color:#274676;
	cursor:pointer;
	font-family: 'Noto Sans JP', sans-serif;
	position: relative;
	transition: 0.3s;
}
.aside ul a li:after{
 font-family: FontAwesome;
  content: '\f054'; /* アイコンのunicode */
  position:absolute;
  right:2px;
}

.aside ul a li:hover{
	background: linear-gradient(#EEE, #E3E5F7);
	margin-top: -3px;
	margin-bottom: 3px;
}
/*トップページ--------------------------------------------------------------------------*/
.box_otoku_index {
	font-size:12px;
	color:#666;
	width:48%;
	float:right;
	margin-top:50px;
}
.box_otoku_index h2 {
	margin-top:0;
}
.box_otoku_index ul{
	margin:0;
	padding:0;
	height:230px;
	overflow-y: scroll;
    overflow-x: hidden;
	scrollbar-base-color:#666;/* 基本色 */
    scrollbar-track-color:#FFFFFE;/* レール部分 */
    scrollbar-face-color:#999;/* ボタン部分 */
    scrollbar-shadow-color:#FFFFFE;/* 内側の影 */
    scrollbar-darkshadow-color:#FFFFFE;/* 外側の影 */
    scrollbar-highlight-color:#FFFFFE;/* 内側のハイライト */
    scrollbar-3dlight-color:#FFFFFE;/* 外側のハイライト */
    scrollbar-arrow-color:#333;/* 矢印の色 */
    filter:chroma(color=#FFFFFE);/* 透明のしたい色の指定*/
}
.box_otoku_index ul li{
	border-bottom:#666 1px dotted;
	margin-left:15px;
	margin-bottom:5px;
}
.box_otoku_index ul li a{
	font-size:14px;
	font-weight:bold;
}
.box_otoku_index ul li a:hover{
	color:#1408B1;
}
.box_news_index {
	font-size:12px;
	color:#666;
	width:48%;
	float:left;
	margin-top:50px;
}
.box_news_index h2 {
	margin-top:0;
}
.box_news_index ul{
	margin:0;
	padding:0;
	height:230px;
	overflow-y: scroll;
    overflow-x: hidden;
	scrollbar-base-color:#666;/* 基本色 */
    scrollbar-track-color:#FFFFFE;/* レール部分 */
    scrollbar-face-color:#999;/* ボタン部分 */
    scrollbar-shadow-color:#FFFFFE;/* 内側の影 */
    scrollbar-darkshadow-color:#FFFFFE;/* 外側の影 */
    scrollbar-highlight-color:#FFFFFE;/* 内側のハイライト */
    scrollbar-3dlight-color:#FFFFFE;/* 外側のハイライト */
    scrollbar-arrow-color:#333;/* 矢印の色 */
    filter:chroma(color=#FFFFFE);/* 透明のしたい色の指定*/
}
.box_news_index ul li{
	border-bottom:#666 1px dotted;
	margin-left:15px;
	margin-bottom:5px;
}
.box_news_index ul li a{
	font-size:14px;
	font-weight:bold;
}
.box_news_index ul li a:hover{
	color:#1408B1;
}
.box_work_index ul{
	margin:0;
	padding:0;
}
.box_work_index ul li{
	width:23.5%;
	border:#999 1px solid;
	float:left;
	margin-left:0.7%;
	margin-right:0.5%;
	margin-bottom:20px;
	height:330px;
	font-size:12px;
	line-height:150%;
	font-weight:bold;
	color:#666;
}
.box_work_index ul a:hover li {
	background-color:#DAE4F7;
	cursor:pointer;
}
.box_work_index ul li .img_work{
	width:96%;
	margin:2%;
}
.box_work_index ul li .img_work img{
	width:100%;
}
.box_work_index ul li p{
	width:96%;
	margin:2%;
}
.box_work_index ul li .bt_work{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	background-color:#666;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:10px;
}

a .box_shop{
	width:46%;
	border:ef899e 1px solid;
	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:10px;
	background-color:#F4696B;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
}
a:hover .box_shop {
	background-color:#6890C0;
	cursor:pointer;
}

/*アプリ割り--------------------------------------------------------------------------*/
.application table td{
	padding-top:15px;
}
.application ol li {
	margin-bottom:10px;
	margin-left:30px;
}
/*下取り--------------------------------------------------------------------------*/
.shitadori .box_shitadori{
	border:#036 1px solid;
	background-color:#E0E8F4;
	padding:10px;
	margin-top:50px;
	line-height:220%;
	font-size:16px;
}
.shitadori table{
	background-color:#999;
	margin-top:50px;
}
.shitadori table td{
	background-color:#EFEFEF;
	padding:10px;
}
/*買取--------------------------------------------------------------------------*/
.kaitori ul li{
	list-style:disc;
}
.kaitori table td{
	padding-top:10px;
	border-bottom:#666 1px dotted;
}
.kaitori .box_pagenav{
   display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.kaitori .box_pagenav .pagenav{
   width: 18%;
   margin-bottom: 20px;
   border-radius: 5px;
   overflow: hidden;
}
.kaitori .box_pagenav .pagenav a{
display: block;
 background-color: #da81b2;
   text-align: center;
   color: #FFF;
   font-weight: bold;
   padding: 3px 0;
   position: relative;
   transition: 0.5s
}
.kaitori .box_pagenav .pagenav a:hover{
opacity: 0.6;
}
.kaitori .box_pagenav .pagenav a:after{
  font-family: FontAwesome;
   content: '\f105'; 
  position:absolute;
  right:5px;
  color: #FFF;
}
/*修理価格--------------------------------------------------------------------------*/
.price{
padding-top: 50px;
}
.price h2{
 margin: 0;
}
.price .box_price{
margin-bottom: 50px;
border-bottom: #999 1px dotted;
padding-bottom: 5px;
transition: 0.5s
}
.price .box_price:hover{
 background-color: #F2F8FC;
}
.price .price_right{
	width: 70%;
	float: right;
}
.price .price_right h3{
 background-color: #EFEFEF;
 border-bottom: 3px #666 solid;
  border-right: 3px #666 solid;
  padding: 5px 5px 5px 15px;
  font-size: 18px;
  color: #036;
  font-weight: 600;
  margin-bottom: 10px;
}
.price .price_right .kakaku{
 font-size: 22px;
 line-height: 120%;
 font-weight: 800;
 color: #C00;
 min-height: 80px;
 padding-top: 10px;
}
.price .price_right .bt-detail{
 display: block;
 color: #00c;
 font-size: 18px;
 font-weight: 800;
 text-decoration: underline;
}
.price .thumb{
 width: 25%;
 border: 4px #999 solid;
 padding: 1px;
 background-color: #FFF;
 float: left;
}
.price .thumb img{
 width: 100%;
 height: auto;
 border: none;
}
.price table td{
	padding-top:30px;
	border-bottom:#666 1px dotted;
}
.price .bt_detail{
	background-color:#F4D8D8;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	width:90px;
}
.price dl{
	margin-top:50px;
	border:#9CF 1px solid;
	padding:20px;
}
.price dl dt{
	font-weight:bold;
}
.price dl dd{
	margin-bottom:30px;
	margin-left:0;
	padding:0;
	border-bottom:#666 1px dotted;
}
.price .title_report{
   text-align: center;
   background-color: #da81b2;
   color: #FFF;
   font-size:22px;
   font-weight: bold;
   padding: 10px 0;
   margin-top: 80px;
   margin-bottom: 40px;
}
.price .box_report{
   display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.price .box_report .report{
   margin-bottom: 20px;
	width: 47%;
	 padding: 1%;
	border: #99ccff 2px solid;
	overflow: hidden;
}
.price .box_report .report a .text{
   width: 70%;
   float: right;
   transition: 0.8s;
}
.price .box_report .report p{
   margin: 0;
   padding-top: 3px;
   font-weight: bold;
   font-size: 14px;
   color: #0B8CF7;
}
.price .box_report .report a img{
   width: 25%;
   float: left;
   transition: 0.8s;
}
.price .box_report .report a .bt{
   width: 90%;
   margin-top: 10px;
   background-color:#0B8CF7;
   color: #FFF;
   text-align: center;
   padding: 5px 0;
   font-size: 16px;
   position: relative;
   transition: 0.8s;
}
.price .box_report .report a .bt:after{
font-family: FontAwesome;
   content: '\f061'; 
  position:absolute;
  right:5px;
  color: #FFF;
}
.price .box_report .report a:hover .text{
   opacity: 0.6;
}
.price .box_report .report a:hover img{
   opacity: 0.6;
}
.price .bt_faq{
 padding-top: 40px;
 text-align: center;
}
.price .bt_faq a img{
max-width: 100%;
}


/*アクセサリ販売--------------------------------------------------------------------------*/
.parts p{
	margin-top:30px;
	margin-bottom:50px;
}
.parts .box_parts{
	width:19%;
	margin-left:0.4%;
	margin-right:0.4%;
	float:left;
	margin-bottom:30px;
	text-align:center;
}
.parts .box_parts img{
	margin-bottom:15px;
}
/*修理実績--------------------------------------------------------------------------*/
.work .workarea{
 display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 50px;
}

.work .box_work{
	width:100%;
	border-bottom:#666 1px dotted;
	padding-bottom:10px;
	width: 49%;
margin-bottom: 20px;
}
.work .box_work h2{
margin-bottom: 15px!important;
}
.work .excerpt{
width: 70%;
float: right;
}
.work .excerpt a{
 display: block;
 color: #00C;
 text-decoration: underline;
}
.work .excerpt .screen-reader-text{
 display: none;
}
.work .excerpt .addtoany_content_bottom a{
display: inline;
}
.work .excerp img{
display: none;
}
.work .thumbnail{
	width:25%;
	margin-right:3%;
	border: 4px #CCC solid;
	float:left;
	
}
.work .thumbnail img{
 padding: 1%;
 background-color: #FFF;
 width: 98%;
 height: auto;
}
.work .work_right{
  margin-bottom: 10px;
 width: 85%;
 float: left;
}
.work .box_work h2{
 margin: 0;
}
.work .box_work h2 a{
 color: #1D3B77;
}
.work .box_work h2 a:hover{
 color: #C00;
}
.work .box_work2{
	border:#036 1px solid;
	padding:10px;
}
/*店舗情報--------------------------------------------------------------------------*/
.shop {
padding-top: 50px;
}
.shop .pagenavi{
 padding-bottom: 50px;
 display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.shop .pagenavi a{
 width: 16%;
 display: block;
 text-align: center;
 font-size: 14px;
 font-weight: 600;
 color: #FFF;
 padding: 3px 0;
 transition: 0.3s;
}
.shop .pagenavi a:hover{
 margin-top: -3px;
 margin-bottom: 3px;
}
.shop .pagenavi .n1{
 background-color: #075A78;
}
.shop .pagenavi .n2{
 background-color: #631415;
}
.shop .pagenavi .n3{
 background-color: #426F46;
}
.shop .pagenavi .n4{
 background-color: #867B17;
}
.shop .pagenavi .n5{
 background-color: #346567;
}
.shop .pagenavi .n6{
 background-color: #753B77;
}
.shop .anchor{
    display: block;
    padding-top: 30px;
    margin-top: -30px;
}
.shop dt{
 background-color: #666;
 color: #FFF;
 font-size: 18px;
 font-weight: 600;
 padding: 5px 5px 5px 15px;
 margin-bottom: 15px;
}
.shop dd{
 margin-left: 0;
 margin-bottom: 50px;
}
.shop .box_shop{
 border-bottom: #CCC 1px dotted;
 margin-bottom: 40px;
 padding-bottom: 5px;
}
.shop .box_shop h3{
  color: #2b4b6e;
  border-bottom: #2b4b6e 3px solid;
  border-top: #2b4b6e 3px solid;
  padding: 5px 0 5px 10px;
  font-size: 20px;
  margin-bottom: 10px;
}
.shop .box_shop h3 a{
  color: #2b4b6e;
}
.shop .box_shop .shop_right{
 width: 75%;
 float: right;
}
.shop .box_shop .area{
 background-color: #E4EAEF;
 padding: 2%;
}
.shop .box_shop .area .text_area{
 background-color: #333;
 display: inline-block;
 padding:1px 10px;
 color: #FFF;
 font-weight: 600;
 border-radius: 5px;
}
.shop .box_shop .box_contact{
padding-top: 20px;
}
.shop .box_shop .box_contact .tel{
width: 50%;
float: left;
 color: #006699;
 font-size: 30px;
 font-weight: bold;
 padding-top: 5px;

}
.shop .box_shop .box_contact .mail{
 width: 45%;
 float: left;
}
.shop .box_shop .box_contact .mail a{
 display: block;
 padding: 5px 0;
 text-align: center;
 background-color: #006699;
 border: #006699 1px solid;
 color: #FFF;
 font-size: 18px;
 transition: 0.5s
}
.shop .box_shop .box_contact .mail a:hover{
 background-color: #FFF;
 color: #006699;
}
.shop .box_shop .bt-detail a{
 display: block;
 border: #C00 1px solid;
 color: #C00;
 font-size: 18px;
 padding: 5px 0;
 margin-top: 15px;
 text-align: center;
 font-weight: 600;
 transition: 0.5s
}
.shop .box_shop .bt-detail a:hover{
 background-color: #C00;
 color: #FFF;
}
.shop .box_shop .thumb {
 width: 20%;
  background-color: #FFF;
 padding: 1px;
 border: #CCC 4px solid;
 float: left;
}
.shop .box_shop .thumb img{
 width: 100%;
 height: auto;
}
.shop .text_campain{
 color: #C00;
 font-size: 35px;
 font-weight: bold;
 padding:30px 0px;
 font-style: italic;
 text-align: center;
}
.shop .campain{
 display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.shop .campaint::after{
  content:"";
  display: block;
  width:30%;
}
.shop .campain a{
 display: block;
 width: 30%;
 height: auto;
 border: 1px solid #ddd;
   transition-duration: 0.5s;
 }
.shop .campain a:hover{
  box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
  transform: translateY(-10px);
  transition-duration: 0.5s;
}
 .shop .campain a img{
  width: 100%;
  height: auto;
  cursor: pointer;
 }
 .shop .campain a:hover img {
	opacity:1.0;
	filter: alpha(opacity=100);
}
.shop .box_contact2{
 border-top: #59B2FC 3px solid;
  border-bottom: #59B2FC 3px solid;
  width: 80%;
  margin: 40px auto;
  padding: 20px 0;
  text-align: center;
  font-size: 25px;
  font-weight: 800;
}
.shop .box_contact2 .tel{
 color: #006699;
 font-size: 50px;
 font-weight: bold;
 padding-top: 30px;
 text-align: center;

}
.shop .box_contact2 .mail{
 padding: 20px 0;
 width: 70%;
 margin: 0 auto;
}
.shop .box_contact2 .mail a{
 display: block;
 padding: 10px 0;
 text-align: center;
 background-color: #006699;
 border: #006699 1px solid;
 color: #FFF;
 font-size: 30px;
 transition: 0.5s
}
.shop .box_contact2 .mail a:hover{
 background-color: #FFF;
 color: #006699;
}
.shop .box_contact2 .add{
 font-size: 18px;
 color: #333;
}
.shop .box_contact2 .time{
 font-size: 18px;
 color: #333;
}
.shop .tencho{
 padding-top: 50px;
 padding-bottom: 20px;
 font-size: 40px;
 text-align: center;
 font-weight: 800;
 color:#006699;
}
.shop .profile_right{
 width: 70%;
 float: right;
 border: #59B2FC 3px solid;
 background-color: #FFF;
 border-radius: 10px;
 box-shadow: 10px 10px #da81b2;
 padding: 3%;
}
.shop .profile_right .name{
 font-size: 25px;
 font-weight: 800;
 color: #59B2FC ;
 padding-bottom: 15px;
}
.shop .profile_right .sns a{
 font-size: 18px;
 color: #00C;
 text-decoration: underline;
 padding-top: 20px;
 display: block;
 
}
.shop .profile .thumbnail {
 width: 20%;
  background-color: #FFF;
 padding: 1px;
 border: #CCC 4px solid;
 float: left;
}
.shop .profile .thumbnail img{
 width: 100%;
 height: auto;
}
.shop .box_blog{
   display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.shop .box_blog a {
display: block;
   margin-bottom: 20px;
	width: 47%;
	border: #99ccff 2px solid;
	overflow: hidden;
	padding:1%;
}
.shop .box_blog a .text{
   width: 70%;
   float: right;
   transition: 0.8s;
}
.shop .box_blog a  p{
   margin: 0;
   padding-top: 3px;
   font-weight: bold;
   font-size: 14px;
   color: #0B8CF7;
}
.shop .box_blog .blogthum {
   width: 25%;
   float: left;
   border: #999 3px solid;
   overflow: hidden;
}
.shop .box_blog .blogthum img{
 width: 100%;
 height: auto;
}
.shop .box_blog a .bt{
   margin: 10px 0;
   background-color:#0B8CF7;
   color: #FFF;
   text-align: center;
   padding: 5px 0;
   font-size: 16px;
   border-radius: 20px;
   position: relative;
   transition: 0.8s;
}
.shop .box_blog a .bt:after{
font-family: FontAwesome;
   content: '\f061'; 
  position:absolute;
  right:5px;
  color: #FFF;
}
.shop .box_blog a :hover .text{
   opacity: 0.6;
}
.shop .box_blog a :hover img{
   opacity: 0.6;
}
/*blog--------------------------------------------------------------------------*/	
.blog dt{
background-color: #EFEFEF;
color: #0B8CF7;
font-size: 16px;
padding: 3px 10px 3px 15px;
margin-bottom: 15px;

}
.blog dd{
 margin-left: 0;
}
.blog .box_blog{
   display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.blog .box_blog a {
display: block;
   margin-bottom: 20px;
	width: 45%;
	border: #99ccff 4px solid;
	border-radius: 10px;
	overflow: hidden;
	padding: 2%;
}
.blog .box_blog a .text{
   width: 70%;
   float: right;
   transition: 0.8s;
}
.blog .box_blog a  p{
   margin: 0;
   padding-top: 3px;
   font-weight: bold;
   font-size: 14px;
   color: #0B8CF7;
}
.blog .box_blog .blogthum {
   width: 25%;
   float: left;
   border: #999 3px solid;
   overflow: hidden;
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.blog .box_blog .blogthum img{
width: 250px;
height: auto;
}
.blog .box_blog a .bt{
   margin: 10px 0;
   background-color:#0B8CF7;
   color: #FFF;
   text-align: center;
   padding: 5px 0;
   font-size: 16px;
   border-radius: 20px;
   position: relative;
   transition: 0.8s;
}
.blog .box_blog a .bt:after{
font-family: FontAwesome;
   content: '\f061'; 
  position:absolute;
  right:5px;
  color: #FFF;
}
.blog .box_blog a :hover .text{
   opacity: 0.6;
}
.blog .box_blog a :hover img{
   opacity: 0.6;
}
.blog .text_kanren{
 padding-top: 40px ;
 font-size: 16px;
 font-weight: 800;
 padding-bottom: 20px;
}
.blog .bt_author a{
 display: block;
 width: 50%;
 font-size: 18px;
 font-weight: 800;
 color: #00C;
 text-decoration: underline;
}
/*よくある質問--------------------------------------------------------------------------*/	
.faq h3{
 background-color: #666;
 color: #FFF;
 font-size: 16px;
 font-weight: 500;
 padding: 5px 5px 5px 15px;
 margin: 0px 0 15px 0;
}
.faq {
padding-top: 50px;
}
.faq .pagenavi{
 display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.faq .pagenavi a{
 width: 19%;
 display: block;
 text-align: center;
 font-size: 14px;
 font-weight: 600;
 color: #FFF;
 padding: 3px 0;
 background-color: #069;
 margin-bottom: 15px;
 transition: 0.3s;
}
.faq .pagenavi a:hover{
 margin-top: -3px;
 margin-bottom: 3px;
}
.faq .anchor{
    display: block;
    padding-top: 30px;
    margin-top: -30px;
}
.faq dl {
	width:100%;
	padding-top:50px;
}
.faq dl dt{
	color:#036;
	font-weight:bold;
	margin-bottom:10px;
}
.faq dl dd{
	background-color:#F8E9E9;
	padding:10px;
	margin-left:0;
	margin-bottom:30px;
}
/*お知らせ--------------------------------------------------------------------------*/
.news a .box_news{
	width:100%;
	border:#999 1px solid;
	background-color:#FFF;
	padding:5px;
	margin-bottom:50px;
}
.news a:hover .box_news{
	background-color:#CBD5E4;
}
.news .thumbnail{
	width:250px;
	margin-right:20px;
	float:left;
}

/*お得情報--------------------------------------------------------------------------*/
.otoku a .box_otoku{
	width:100%;
	border:#999 1px solid;
	background-color:#FFF;
	padding:5px;
	margin-bottom:50px;
}
.otoku a:hover .box_otoku{
	background-color:#CBD5E4;
}
.otoku .thumbnail{
	width:250px;
	margin-right:20px;
	float:left;
}
/*オンライン予約-------------------------------------------------------------------------*/
.yoyaku .calender{
	border-top:#999 3px solid;
	border-bottom:#999 3px solid;
	padding-top:20px;
	padding-bottom:20px;
}
.yoyaku .calender caption{
	font-weight:bold;
	color:#036;
}
.yoyaku .monthly-prev{
	font-weight:bold;
}
.yoyaku .monthly-next{
	font-weight:bold;
}
/*お問い合わせ--------------------------------------*/
.contact table td{
	border-bottom:#666 1px dotted;
	padding-top:15px;
}
.contact table td .style1{
	background-color:#EEE;
}
.contact ul{
	margin:0;
	padding:20px;
	border:#9CF 1px solid;
}
.contact ul li{
	margin-bottom:15px;
	margin-left:30px;
}
/*個人情報保護方針-----------------------------------------------*/
.privacy dl {
	border:#666 1px solid;
	padding:10px;
}

.privacy dl dt {
	font-weight:bold;
}

.privacy dl dd {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-colo
	}
/*説明会スケジュール-----------------------------------------------*/
.schedule .box_fctitle{
	background-color:#da81b2;
	padding:3px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	margin-bottom:50px;
}

.schedule ul{
	border:#036 1px solid;
	padding:30px;
	margin-bottom:30px;
	margin-top:30px;

}
.schedule ul a  li{
	margin:0;
	margin-bottom:20px;
	color:#036;
	border-bottom:#03c 1px solid;
}
.schedule ul a:hover  li{
	color:#F60;
}

.schedule .lead_single{
	font-size:24px;
	font-weight:bold;
	color:#036;
	text-align:center;
	margin-top:0px;
	margin-bottom:60px;

}
.schedule  dl{
	border:#036 1px solid;
	padding:20px;
	margin-bottom:30px;
}

.schedule dt{
	background-color:#036;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}
.schedule dd{
	padding:10px;
}
.schedule dd table th{
	width:10%;
	text-align:left;
	border-bottom:#999 1px dotted;
	padding-top:15px;
}
.schedule dd table td{
	text-align:left;
	border-bottom:#999 1px dotted;
	padding-top:15px;
}
.schedule .bt_detail{
	width:300px;
	border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;
	background-color:#036;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:3px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
.schedule .moushikomi{

	border:#999 1px solid;
	padding:15px;
	background-color:#FFF;
}
.schedule .moushikomi td{
	padding-top:20px;
	border-bottom:#999 1px dotted;
}
/*会社案内-----------------------------------------------*/
.company table {
	background-color:#ccc;
}
.company table td{
	padding:3px;
}
.footer {
	padding-top:20px;
	padding-bottom:20px;
	font-size:12px;
	border-top:#da81b2 10px solid;
	margin-top:30px;
	background-color:#FFF;
}
.footer .footer_container {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom:20px;
}
.footer .copyright{
	padding-top:10px;
	width:20%;
	float:right;
}

.footer ul {
	float: left;
	width: 180px;
	text-align:left;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #da81b2;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:210px;
}
.footer ul li {
	margin-bottom: 10px;
	padding: 0px;
	margin-left: 0px;
	list-style-type: none;
	height:18px;
	border-bottom:#333 1px dotted;
}
.footer a:link {
	color: #333;
	text-decoration: none;
}
.footer a:visited {
	text-decoration: none;
	color: #333;
}
.footer a:hover {
	text-decoration: underline;
	color: #da81b2;
}
.footer a:active {
	text-decoration: none;
	color: #da81b2;
}

@media screen and (max-width: 767px) {
	.container > header{
		text-align: center;
	}
	p.codrops-demos {
		position: relative;
		top: auto;
		left: auto;
	}
}


	
/*ページトップ--------------------------------------*/
#page-top {
	position: fixed;
	bottom: 10px;
	right:5%;
	font-size: 77%;
	z-index:9999;
}
#page-top a {
	background-color:#AC242F;
	text-decoration: none;
	color: #FFF;
	font-weight:bold;
	font-size:16px;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}
.news-top {
	color: #AC242F;
}
}