/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (max-width: 640px){

.noview-sp{
	display:none;
}
html,body {
	margin:0;
	padding:0;
	height:100%;
}
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", 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);
}
ol,ul {
	list-style:none;
}


.ie7 body{
	overflow:hidden;
}

.clear{
	clear: both;
}
.clearfix:after { /*floatの解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.document {
	width:100%;
	margin-left:auto;
	margin-right:auto;

}



.header {
	margin:0px;
	 width:100%;
	 border-top:#da81b2 7px solid;
	 border-bottom:#da81b2 10px solid;
	 position:fixed;
	 top:0;
	 left:0;
	 background-color:#FFF;
	 z-index:9999;
	 padding:0;
}
.header .box_header{
	position:absolute;
	top:5px;
	right:0;
	width:300px;
}
.header dl{
	margin:0;
	padding:0;
}
h1{
	width:150px;
	height:47px;
	background-image:url(images/common/bg_h1.png);
	background-size:cover;
	text-indent:-9999px;
	float:right;
	margin:0;


}
.sp-topmargin{
	height:100px;
}
/*ナビゲーションレイアウト*/
#acMenu dt{
	display:block;
	cursor:pointer;
	padding-left:0px;
	padding-top:0px;
	margin:0;

	}
#acMenu dd{
	background-color:#F8E6E7;
	color:#903;
	width:100%;
	display:none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size:0.8em;

	}
#acMenu dd ul {
	float: left;
	width: 40%;
	text-align:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;

}

#acMenu dd ul li {
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #903;
	padding: 0px;
	margin-left: 0px;
	list-style-type: none;
}
#acMenu dd ul li a{
	color:#903;
	font-weight:bold;
}
dl #acMenu_footer{
	width:100%;
}
#acMenu_footer dt{
	display:block;
	width:200px;
	cursor:pointer;
	margin-bottom:10px;
	text-align:center;
	color:#036;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;


	}
#acMenu_footer dd{
	background-color:#EEE;
	color:#333;
	width:100%;
	display:none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
#acMenu_footer dd ul {
	float: left;
	width: 45%;
	text-align:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;

}
#acMenu_footer dd ul a:visited {
	text-decoration: none;
	color: #903;
}

#acMenu_footer dd ul li {
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	padding: 0px;
	margin-left: 0px;
	list-style-type: none;
}
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;
}
.aside ul{
	width:90%;
	display:block;
	margin:0 auto;
}
.aside ul a li{
	border-bottom:#9CF 1px dotted;
	margin-bottom:10px;
	font-size:12px;
}
.aside ul a:hover li{
	background-color:#F7E6E7;
}
.box_title{
	font-size:22px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:20px;
	text-align:center;
}
.reserve{
	background-color:#da81b2;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:5px;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.box_otoku_index {
	font-size:12px;
	color:#666;
	width:100%;
	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:100%;
	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_indexul 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:100%;
	border-bottom:#999 1px solid;
	margin-bottom:20px;
	min-height:120px;
	font-size:12px;
	line-height:150%;
	font-weight:bold;
	color:#666;
}

.box_work_index ul li .img_work{
	width:80px;
	margin:2%;
	float:left;
}
.box_work_index ul li .img_work img{
	width:100%;
}
.box_work_index p{
	color:#036;
	font-size:16px;
	font-weight:bold;
}
.box_work_index ul li .bt_work{
	width:200px;
	float:right;
	padding:2px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
	background:#666;
color:#FFF;
}
a .box_shop{
	width:45%;
	border:ef899e 1px solid;
	float:left;
	margin-left:2.5%;
	margin-right:2.5%;
	margin-bottom:10px;
	background-color:#FBEBEC;
	font-size:14px;
	font-weight:bold;
	color:#666;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
}
a:hover .box_shop {
	background-color:#DAE4F7;
	cursor:pointer;
}

/*アプリ割り--------------------------------------------------------------------------*/
.application table td{
	padding-top:15px;
}
.application ol li {
	margin-bottom:10px;
}
/*下取り--------------------------------------------------------------------------*/
.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: 48%;
   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:after{
  font-family: FontAwesome;
   content: '\f105'; 
  position:absolute;
  right:5px;
  color: #FFF;
}
/*修理価格--------------------------------------------------------------------------*/
.price{
padding-top: 50px;
width: 95%;
margin: 0 auto;
}
.price h2{
 margin: 0;
}
.price .box_price{
margin: 0 0 50px 0;
border-bottom: #999 1px dotted;
padding-bottom: 5px;
transition: 0.5s
}

.price .price_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: 15px;
  color: #036;
  font-weight: 600;
  margin-bottom: 10px;
}
.price .price_right .kakaku{
 font-size: 16px;
 line-height: 120%;
 font-weight: 800;
 color: #C00;
 padding-top: 10px 0;
}
.price .price_right .bt-detail{
 display: block;
 color: #00c;
 font-size: 14px;
 font-weight: 800;
 text-decoration: underline;
 text-align: right;
}
.price .thumb{
 border: 4px #999 solid;
 padding: 1px;
 background-color: #FFF;
}
.price .thumb img{
 width: 100%;
 height: auto;
 border: none;
}

.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: center;
}
.price .box_report .report{
   margin-bottom: 20px;
	width: 95%;
	 padding: 2%;
	border: #99ccff 2px solid;
	border-radius: 5px;
	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: 30px;
 text-align: center;
}
.price .bt_faq a img{
max-width: 95%;
display: block;
margin: 0 auto;
}

/*修理実績--------------------------------------------------------------------------*/
.work .workarea{
 display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.work .box_work{
	width:95%;
	border-bottom:#666 1px dotted;
	padding-bottom:10px;
margin-bottom: 20px;
}
.work .box_work h2{
margin-bottom: 15px!important;
}
.work .excerpt{

}
.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{
display: none;
	border: 4px #CCC solid;
	width: 80%;
	margin: 10px auto;
}
.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{
	padding:10px;
	margin: 0 auto;
}
.work .box_work2 img{
 width: 95%;
 height: auto;
 margin: 10px auto;
}
/*店舗情報--------------------------------------------------------------------------*/
.shop .pagenavi{
 padding-bottom: 50px;
 display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.shop .pagenavi a{
 width: 49%;
 display: block;
 text-align: center;
 font-size: 13px;
 font-weight: 600;
 color: #FFF;
 padding: 3px 0;
 margin-bottom: 10px;
 transition: 0.3s;
}

.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: 100px;
    margin-top: -100px;
}
.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{
}
.shop .box_shop .area{
 background-color: #E4EAEF;
 padding: 2%;
 width: 90%;
 margin: 0 auto;
}
.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{
 color: #006699;
 font-size: 27px;
 font-weight: bold;
 padding-top: 5px;
 padding-bottom: 10px;
 text-align: center;
 float: none;
}
.shop .box_shop .box_contact .tel a{
 color: #006699;
  text-align: center;
}
.shop .box_shop .mail{

}
.shop .box_shop .box_contact .mail a{
 display: block;
 width: 90%;
 margin: 0 auto;
 padding: 5px 0;
 text-align: center;
 background-color: #006699;
 border: #006699 1px solid;
 color: #FFF;
 font-size: 18px;
 transition: 0.5s
}

.shop .box_shop .bt-detail a{
 display: block;
 width: 90%;
 margin: 15px auto 0 auto;
 border: #C00 1px solid;
 color: #C00;
 font-size: 18px;
 padding: 5px 0;
 text-align: center;
 font-weight: 600;
 transition: 0.5s
}
.shop .box_shop .bt-detail a:hover{
 background-color: #C00;
 color: #FFF;
}

.shop .text_campain{
 color: #C00;
 font-size:20px;
 font-weight: bold;
 padding:30px 0px;
 font-style: italic;
 text-align: center;
}
.shop .campain{
 display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.shop .campain a{
 display: block;
 width: 90%;
 height: auto;
 border: 1px solid #ddd;
   transition-duration: 0.5s;
   margin-bottom: 15px;
 }
 .shop .campain a img{
  width: 100%;
  height: auto;
 }
 .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: 95%;
  margin: 40px auto;
  padding: 20px 0;
  text-align: center;
  font-size:18px;
  font-weight: 800;
}
.shop .box_contact2 .tel{
 color: #006699;
 font-size: 30px;
 font-weight: bold;
 padding-top: 30px;
 text-align: center;

}
.shop .box_contact2 .mail{
 padding: 20px 0;
 width: 90%;
 margin: 0 auto;
}
.shop .box_contact2 .mail a{
 display: block;
 padding: 5px 0;
 text-align: center;
 background-color: #006699;
 border: #006699 1px solid;
 color: #FFF;
 font-size: 20px;
}
.shop .box_contact2 .add{
 font-size: 16px;
 color: #333;
 text-align: left;
}
.shop .box_contact2 .time{
 font-size: 16px;
 color: #333;
 text-align: left;
}
.shop .tencho{
 padding-top: 40px;
 padding-bottom: 20px;
 font-size: 25px;
 text-align: center;
 font-weight: 800;
 color:#006699;
 clear: both;
}
.shop .profile_right{

 border: #59B2FC 3px solid;
 background-color: #FFF;
 border-radius: 10px;
 padding: 3%;
}
.shop .profile_right .name{
 font-size: 20px;
 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: 80%;
  background-color: #FFF;
 padding: 1px;
 border: #CCC 4px solid;
 margin: 10px auto;
}
.shop .profile .thumbnail img{
 width: 100%;
 height: auto;
}
.shop .box_blog{
   display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.shop .box_blog a {
display: block;
   margin-bottom: 20px;
	width: 90%;
	border-bottom: #99ccff 1px dotted;
	border-radius: 10px;
	overflow: hidden;
	padding: 2%;
}
.shop .box_blog a .text{
   width: 70%;
   float: right;
   transition: 0.8s;
}
.shop .box_blog a  p{
   margin: 0;
   font-weight: bold;
   font-size: 16px;
   color: #0B8CF7;
   margin-top: -10px;
}
.shop .box_blog .blogthum {
   width: 25%;
   float: left;
   border: #999 3px solid;
  
}
.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;
}

/*blog--------------------------------------------------------------------------*/	
.blog dt{
background-color: #EFEFEF;
color: #0B8CF7;
font-size: 16px;
padding: 3px 10px 3px 15px;
margin-bottom: 15px;
font-weight: 800;

}
.blog dd{
 margin-left: 0;
 padding: 0 3%;
}
.blog dd img{
 display: block;
 width: 95%;
 height: auto;
 margin: 10px auto;
}
.blog .box_blog{
   display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.blog .box_blog a {
display: block;
   margin-bottom: 20px;
	width: 90%;
	border-bottom: #99ccff 1px dotted;
	overflow: hidden;
	padding: 2%;
}
.blog .box_blog a .text{
   width: 70%;
   float: right;
   transition: 0.8s;
}
.blog .box_blog a  p{
   margin: 0;
   font-weight: bold;
   font-size: 16px;
   color: #0B8CF7;
   margin-top: -10px;
}
.blog .box_blog .blogthum {
   width: 25%;
   float: left;
  
}
.blog .box_blog .blogthum img{
width:100%;
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 .text_kanren{
 padding-top: 40px ;
 font-size: 16px;
 font-weight: 800;
 padding-bottom: 20px;
 padding-left: 5px
}
.blog .bt_author a{
 display: block;
 padding-left: 5px;
 font-size: 18px;
 font-weight: 800;
 color: #00C;
 text-decoration: underline;
}
/*アクセサリ販売--------------------------------------------------------------------------*/
.parts p{
	width:95%;
	margin-top:30px;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
}
.parts .box_parts{
	width:48%;
	margin-left:0.6%;
	margin-right:0.6%;
	float:left;
	margin-bottom:30px;
}
.parts .box_parts img{
	margin-bottom:15px;
}

/*よくある質問--------------------------------------------------------------------------*/	
.faq {
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
.faq h3{
 background-color: #666;
 color: #FFF;
 font-size: 16px;
 font-weight: 500;
 padding: 5px 5px 5px 15px;
 margin: 0px 0 15px 0;
}
.faq .pagenavi{
 display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.faq .pagenavi a{
 width: 48%;
 display: block;
 text-align: center;
 font-size: 14px;
 font-weight: 600;
 color: #FFF;
 padding: 3px 0;
 background-color: #069;
 margin-bottom: 10px;
 transition: 0.3s;
}
.faq .anchor{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}
.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:90%;
	margin-left:auto;
	margin-right:auto;
	border:#999 1px solid;
	background-color:#FFF;
	padding:5px;
	margin-bottom:20px;
}

.news .thumbnail{
	width:80px;
	margin-right:5px;
	float:left;
}
/*お得情報--------------------------------------------------------------------------*/
.otoku a .box_otoku{
	width:85%;
	margin-left:auto;
	margin-right:auto;
	border:#999 1px solid;
	background-color:#FFF;
	padding:5px;
	margin-bottom:20px;
}

.otoku .thumbnail{
	width:80px;
	margin-right:5px;
	float:left;
}
/*オンライン予約--------------------------------------------------------------------------*/
.yoyaku dl{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding:3%;
	background-color:#FFF;
	border:#ef899e 1px solid;
}
.yoyaku dl dt{
	font-weight:bold;
	color:#036;
}
.yoyaku dl dd{
	margin-bottom:20px;
}
.yoyaku .calender{
	border-top:#999 3px solid;
	border-bottom:#999 3px solid;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:30px;
}
.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
	}
/*会社案内-----------------------------------------------*/
.company table {
	background-color:#ccc;
}
.company table td{
	padding:3px;
}
.footer {
	padding-top:20px;
	padding-bottom:10px;
	font-size:12px;
	background-color:#da81b2;
	border-top:#da81b2 2px solid;
}
.footer-fix{
	position:fixed;
	bottom:0;
	background-color:#da81b2;
	width:100%;
	padding-top:10px;
}

@media screen and (max-width: 767px) {
	.container > header{
		text-align: center;
	}
	p.codrops-demos {
		position: relative;
		top: auto;
		left: auto;
	}
}
/*説明会スケジュール-----------------------------------------------*/
.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:18px;
	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{
	display:block;
	text-align:left;
	padding-top:15px;
}
.schedule dd table td{
	display:block;
	text-align:left;
	border-bottom:#999 1px dotted;
}
.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;
}
/*マウスオーバーイベント--------------------------------------*/
.item {
    width:300px;
    height:260px;      
    margin:0;
    
    /* required to hide the image after resized */
    overflow:hidden;
    
    /* for child absolute position */
    position:relative;
    
    /* display div in line */
    float:left;
}
.item .caption {
    width:300px;
    height:260px;
    background:#003;
    color:#333;
        
    /* fix it at the bottom */
    position:absolute;
    left:0;
    /* hide it by default */
    display:none;
    /* opacity setting */
    filter:alpha(opacity=80);    /* ie  */
    -moz-opacity:0.8;    /* old mozilla browser like netscape  */
    -khtml-opacity: 0.8;    /* for really really old safari */  
    opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */
}
.item .caption a {
    text-decoration:none;
    color:#FFF;
    font-size:18px;    
    
    /* add spacing and make the whole row clickable*/
    padding:5px;
    display:block;
}
.item .caption p {
    padding:5px;    
    margin:0;
    font-size:10px;
}
.item img {
    border:0;
    
    /* allow javascript moves the img position*/
    position:absolute;
}
.item .bt_campain{
	border:#FFF 1px solid;
	padding:5px;
	text-align:center;
	width:250px;
	height:25px;
	margin-left:auto;
	margin-right: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;
}
}