@charset "utf-8";


/*---------------------main-----------------------*/

#main {
   position: relative;
   margin-top:110px;
}

#main img {
   position: absolute;
   width:100%;
   height:auto;
   opacity: 0.0;
}
#main img.active {
   z-index: 10;
   opacity: 1.0;
}
#main img.last-active {
   z-index: 9;
}



/*---------------------AROUNDについて-----------------------*/


.floating-banner {
    position: fixed;/* 追従 */
    z-index: 99999;/* 他の要素の下に隠れないように */
    bottom: 0;/* バナーの上下の位置 */
    right: 0;/* バナーの左右の位置 */
}
.pc-banner {
    width: 300px;/* バナーの横幅を指定 */
}
.floating-banner:hover {
    opacity: .9;/* ホバーで少し透過 */
}
.sp-banner {
    display: none;/* PCではスマホ用のバナーは非表示に */
}
@media screen and (max-width: 751px) {/* タブレット用のブレイクポイントを指定 */
    .pc-banner {
        display: none;/* タブレットサイズ以下でPC用のバナーを非表示に */
    }
}

@media screen and (max-width: 750px) {/* スマホ用のブレイクポイントを指定 */
    .sp-banner {
        display: inline-block;/* 消していたスマホ用のバナーを表示させる */
        width: 100vw;/* スマホの画面幅いっぱいにバナーを表示 */
    }
}



/*---------------------AROUNDについて-----------------------*/


#around{
	margin:0 auto;
	text-align:center;
}
 
 

.around_title{
	font-family:"Times New Roman", Times, serif;
	position: relative;
	display: inline-block;
	margin-bottom: 2.5em;
	margin-top:100px;
	font-size:26pt;
	color:#1a1a1a;
	font-weight:normal;
	letter-spacing:0.1em;
}

.around_title:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 20%;
	height: 1px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #666;
	border-radius: 1px;
}





#around p{
	margin-top:5px;
	margin-bottom:120px;
	font-size:17px;
	line-height:2em;
	color: #1a1a1a;
	text-align:center;
	letter-spacing:0.1em;
}



/*---------------------message-----------------------*/



#message{
	margin:0 auto;
	text-align:center;
    background: url(../image/message_back.jpg) no-repeat center center;
	background-size:cover;
}


.message2{
	padding-top:130px;
	padding-bottom:130px;
}


.message_title{
	width:411px;
	height:105px;
    margin:0 auto;
	padding-bottom:90px;
	background:url(../image/message_title.png) no-repeat;
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
}


.text_c{
	margin-top:5px;
	margin-bottom:30px;
	font-size:17px;
	line-height:2em;
	text-align:center;
	letter-spacing:0.1em;
}



.message_name{
	font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	text-align:center;
	font-size:15px;
	font-weight:bold;
}

.message_name2{
	font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	text-align:center;
	font-size:25px;
	font-weight:bold;
}


/*---------------------スタッフ紹介-----------------------*/


#staff{
	margin:0 auto;
	padding:130px 50px 90px 50px;	
	background:url(../image/back1.jpg) repeat;
	text-align:center;
	
}

.staff_title{
	width:278px;
	height:105px;
    margin:0 auto;
	padding-bottom:90px;
	background:url(../image/staff_title.png) no-repeat;
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
}



.staff_modal{
    max-width: 1000px;
    margin: 0 auto;
}

.modal_trigger {
    margin: 0 auto;
}

.modal_trigger li {
	float:left;
	margin-bottom:6%;
}

.modal_staff1{
	width:30%;
	height:30%;
}

.modal_staff2{
	width:30%;
	height:30%;
	margin-left:5%;
}

.modal_staff3{
	width:30%;
	height:30%;
	margin-left:5%;
}

.modal_staff4{
	width:30%;
	height:30%;
}

.modal_staff5{
	width:30%;
	height:30%;
	margin-left:5%;
}

.modal_staff6{
	width:30%;
	height:30%;
	margin-left:5%;
}

.modal_staff7{
	width:30%;
	height:30%;
}

.modal_staff8{
	width:30%;
	height:30%;
	margin-left:5%;
}

.modal_staff9{
	width:30%;
	height:30%;
	margin-left:5%;
}

.modal_staff10{
	width:30%;
	height:30%;
}

.modal_staff11{
	width:30%;
	height:30%;
	margin-left:5%;
}

.modal_staff12{
	width:30%;
	height:30%;
	margin-left:5%;
}

.modal_staff13{
	width:30%;
	height:30%;
}

.modal_staff14{
	width:30%;
	height:30%;
	margin-left:5%;
}

.modal_staff15{
	width:30%;
	height:30%;
	margin-left:5%;
}

.modal_staff16{
	width:30%;
	height:30%;
}

.modal_staff17{
	width:30%;
	height:30%;
	margin-left:5%;
}

.modal_staff18{
	width:30%;
	height:30%;
	margin-left:5%;
}

.modal_staff19{
	width:30%;
	height:30%;
}


.modal_trigger li:hover {
	opacity:0.7;
    transition: .4s;
}

.modal_trigger li img{
	width:100%;
	height:100%;
	float:left;
}




.modal_trigger li::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #216518;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    position: absolute;
    left: -20px;
    top: 100%;
    z-index: -1;
    opacity: 0;
}

.modal_box {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.modal_bg {
    background-color: rgba(30, 30, 30, 0.9);
    height: 100%;
    width: 100%;
}

.modal_inner {
	width:690px;
    background-color: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modal_close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 2rem;
}

.modal_img{
	width:300px;
	height:300px;
	float:left;
	margin-right:30px;
}

.modal_staff{
	width:360px;
	float:right;
}

.modal_staff p{
	margin-bottom:10px;
	text-align:justify;
	font-weight:bold;
	font-size:21px;
}

.modal_staff dt{
	width:360px;
	text-align:justify;
	font-size:18px;
}

.modal_staff dd{
	width:360px;
	margin-bottom:10px;
	text-align:justify;
	font-size:18px;
}



/*---------------------待遇-----------------------*/



#treatment{
	max-width:1000px;
	margin:0 auto;
	padding:130px 50px 90px 50px;	
	text-align:center;
}

.treatment_title{
	width:571px;
	height:105px;
    margin:0 auto;
	padding-bottom:90px;
	background:url(../image/treatment_title.jpg) no-repeat;
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
}

#treatment li{
	width:20.4%;
	margin-bottom:6%;
}

#treatment li h3{
	font-size:19px;
	letter-spacing:0.05em;
	font-weight:bold;
}

#treatment li p{
	font-size:16px;
	letter-spacing:0.05em;
}

.taigu1{
	width:20.4%;
	highg:20.4%;
	margin-right:6%;
	padding-top:22%;
	background:url(../image/treatment1.jpg) no-repeat;
	background-size:100%;
	float:left;
}

.taigu2{
	width:20.4%;
	highg:20.4%;
	margin-right:6%;
	padding-top:22%;
	background:url(../image/treatment2.jpg) no-repeat;
	background-size:100%;
	float:left;
}

.taigu3{
	width:20.4%;
	highg:20.4%;
	margin-right:6%;
	padding-top:22%;
	background:url(../image/treatment3.jpg) no-repeat;
	background-size:100%;
	float:left;
}

.taigu4{
	width:20.4%;
	highg:20.4%;
	padding-top:22%;
	background:url(../image/treatment4.jpg) no-repeat;
	background-size:100%;
	float:left;
}

.taigu5{
	width:20.4%;
	highg:20.4%;
	margin-right:6%;
	padding-top:22%;
	background:url(../image/treatment5.jpg) no-repeat;
	background-size:100%;
	float:left;
}

.taigu6{
	width:20.4%;
	highg:20.4%;
	margin-right:6%;
	padding-top:22%;
	background:url(../image/treatment6.jpg) no-repeat;
	background-size:100%;
	float:left;
}

.taigu7{
	width:20.4%;
	highg:20.4%;
	margin-right:6%;
	padding-top:22%;
	background:url(../image/treatment7.jpg) no-repeat;
	background-size:100%;
	float:left;
}

.taigu8{
	width:20.4%;
	highg:20.4%;
	padding-top:22%;
	background:url(../image/treatment8.jpg) no-repeat;
	background-size:100%;
	float:left;
}

.taigu9{
	width:20.4%;
	highg:20.4%;
	margin-right:6%;
	padding-top:22%;
	background:url(../image/treatment9.jpg) no-repeat;
	background-size:100%;
	float:left;
}


/*---------------------教育システム-----------------------*/



#education{
	margin:0 auto;
	text-align:center;
    background: url(../image/education_back.jpg) no-repeat center center;
	background-size:cover;
}

.education2{
	padding:130px 50px;	
}


.education_title{
	width:529px;
	height:105px;
    margin:0 auto;
	background:url(../image/education_title.png) no-repeat;
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
}

#education h3{
	width:552px;
	height:46px;
    margin:0 auto;
	padding-bottom:50px;
	background:url(../image/education_text.png) no-repeat;
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
}

#education p{
	margin-top:5px;
	padding-bottom:60px;
	font-size:17px;
	line-height:2em;
	text-align:center;
	letter-spacing:0.05em;
}

.education3{
	max-width:1000px;
	margin:0 auto;
	padding-top:90px;
	background:url(../image/education_ilust.png) no-repeat right;
}

.education_img img{
	max-width:1000px;
	width:100%;
	height:52%;
}

.li_b{
	font-weight:bold;
}


@media screen and (max-width: 960px) {

.education3{
	background:none;
}

}




/*---------------------求人情報-----------------------*/



#recruit{
	max-width:1100px;
	margin:0 auto;
	padding:130px 50px 130px 50px;	
}


#recruit2{
	width:100%;
}

.recruit_title{
	width:409px;
	height:105px;
    margin:0 auto;
	background:url(../image/recruit_title.jpg) no-repeat;
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
}

#recruit2 p{
	margin-top:5px;
	margin-bottom:30px;
	font-size:17px;
	line-height:2em;
	text-align:justify;
	letter-spacing:0.1em;
}


#recruit h3{
	font-family:"Times New Roman", Times, serif;
	margin-bottom: 2em;
	margin-top:100px;
	font-size:18pt;
	color:#1a1a1a;
	font-weight:bold;
	letter-spacing:0.1em;
}

.recruit_text a{
	color:#ff81b3;
	text-decoration:underline;
}

.recruit_text a:hover {
	opacity:0.7;
    transition: .4s;
}

#recruit h4{
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	text-align:center;
	letter-spacing:0.1em;
	padding: 0.3em 0 0.2em 0;/*上下の余白*/
	background-color:#50b0ce;
	color:#fff;
}

#recruit dl{
	width: 100%-2px;
    margin: 0 auto 80px;
    border: 1px solid #50b0ce;
    border-top:none;
}

#recruit dt, #recruit dd{
	padding: 16px;
	letter-spacing:0.05em;
	font-size:17px;
}


#recruit dt{
	clear: both;
	float: left;
	width: 80px; /* 幅を指定 */
	border-top: 1px solid #50b0ce;
}

#recruit dd{
	margin-left: 110px; /* dtの分、左にpaddingを取る */
	border-top: 1px solid #50b0ce;
	border-left: 1px solid #50b0ce;
}

#recruit li{
	padding-bottom:16px;
}


#recruit p{
	margin-bottom:80px;
	letter-spacing:0.05em;
	text-align:justify;
	font-size:17px;
}


#recruit li a{
	color:#50b0ce;
	text-decoration:underline;
	font-weight:bold;
}

#recruit li a:hover {
	opacity:0.7;
    transition: .4s;
}


#recruit .bg-change {
	margin-left:1em;
	vertical-align: 0.3em;
}


/*---------------------エントリーボタン-----------------------*/


.container {
  font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
  text-align: center;
  padding-top: 10px;
}
.btn-open {
  display: inline-block;
  width: 350px;
  height:80px;
  text-align: center;
  background-color: #50b0ce;
  font-size: 20px;
  line-height: 82px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #50b0ce;
  position: relative;
  overflow: hidden;
  z-index: 1;
  letter-spacing:0.2em;
}
.btn-open:after{
  width: 100%;
  height: 0;
  content:"";
  position: absolute;
  top: 50%;
  left: 50%;
  background : #FFF;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transition: .2s;
  z-index: -1;
}
.btn-open:hover{
  color: #50b0ce;
}
.btn-open:hover:after{
  height: 300%;
  opacity: 1;
}
.btn-open:active:after{
  height: 400%;
  opacity: 1;
}



.btn2{
	margin-top:80px;
}



/*---------------------Q&A-----------------------*/



#qa{
	margin:0 auto;
	padding:130px 50px 90px 50px;	
	background:url(../image/back1.jpg) repeat;
	
}

#qa2{
	max-width:1100px;
	margin:0 auto;
	
}

.qa_title{
	width:182px;
	height:105px;
    margin:0 auto;
	padding-bottom:90px;
	background:url(../image/qa_title.png) no-repeat;
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
}

#qa dt{
	background:url(../image/qa_q.png) no-repeat;
	padding-left:45px;
	margin-bottom:15px;
	font-weight:bold;
	line-height:30px;
	font-family:Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;;
	font-size:17px;
}


#qa dd{
	background:url(../image/qa_a.png) no-repeat left top;
	padding-left:45px;
	padding-bottom:40px;
	margin-bottom:40px;
	border-bottom:1px dotted #ccc;
	line-height:30px;
	font-family:Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;;
	text-align:justify;
	font-size:17px;
}

#qa img{
	width:100%;
	height:26.36%;
	margin-bottom:30px;
}



/*---------------------店舗情報-----------------------*/



#shop{
	margin:0 auto;
	max-width:1000px;
	padding:130px 50px 140px 50px;	
}


.shop_title{
	width:227px;
	height:105px;
    margin:0 auto;
	padding-bottom:90px;
	background:url(../image/shop_title.jpg) no-repeat;
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
}

.shoplist{
	max-width:1000px;
}

.border{
	width:100%;
	padding-top:9%;
	margin-top:10%;
	border-top:solid 1px #ccc;
}


.shop2{
	width:60%;
	float:left;
	margin-right:5%;
}



#shop h3{
	font-family:"Times New Roman", Times, serif;
	margin-bottom:30px;
	font-size:25pt;
	font-weight:bold;
	letter-spacing:0.1em;	
}

#shop .bg-change {
	vertical-align: 0.3em;
}

#shop .font_red{
	font-family:Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;;
	margin-right:1em;
}

.font_s{
	font-size:14pt;
	font-weight:normal;
	letter-spacing:0.05em;	
}

.title_s1{
	margin-left:0.5em;
	font-size:20pt;
	font-weight:bold;
}

.title_s2{
	margin-right:0.5em;
	font-size:20pt;
	font-weight:bold;
}


#shop p{
	margin-top:5px;
	padding-bottom:5%;
	font-size:16px;
	letter-spacing:0.05em;	
	text-align:justify;
}

#shop dl{
	font-size:16px;
	line-height:16px;
}

#shop dt{
	width:85px;
	margin: 0;
	padding: 10px;
	float:left;
	clear: left;
	letter-spacing:0.05em;
}

#shop dd{
	margin: 0 0 0 85px;
	padding: 10px 10px 10px 20px;
	border-left:solid 1px #ccc;
	letter-spacing:0.05em;
	text-align:justify;
}

#shop dt .2rows{
	padding-bottom:10px;
}




/*---------------------item画像-----------------------*/



.imgonmouse, .imgonmouse2, .imgonmouse3, .imgonmouse4 {
	margin-bottom:50px;
	overflow: hidden;
	width:35%;
	height:35%;
	float:right;
}

.imgonmouse img, .imgonmouse2 img, .imgonmouse3 img, .imgonmouse4 img {
	width:100%;
	height:100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.imgonmouse ul, .imgonmouse2 ul, .imgonmouse3 ul , .imgonmouse4 ul {
	padding: 0px;
	margin-top: 0px;
}

.imgonmouse ul li img, .imgonmouse2 ul li img, .imgonmouse3 ul li img, .imgonmouse4 ul li img {
	height: 44px;
	width: 44px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
}

.imgonmouse ul li, .imgonmouse2 ul li, .imgonmouse3 ul li, .imgonmouse4 ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}






/*---------------------リンク-----------------------*/


.link{
	margin-top:30px;
	margin-bottom:50px;
}


.link li{
	width:40px;
	height:40px;
	float:left;
	margin-right:20px;
}

.link_hpb a{
	width:40px;
	height:40px;
	background:url(../image/shop_link_hpb.jpg) no-repeat;
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
}

.link_fb a{
	width:40px;
	height:40px;
	background:url(../image/shop_link_fb.jpg) no-repeat;
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
}

.link_hp a{
	width:40px;
	height:40px;
	background:url(../image/shop_link_hp.jpg) no-repeat;
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
}

.link_blog a{
	width:40px;
	height:40px;
	background:url(../image/shop_link_blog.jpg) no-repeat;
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
}


.link li a:hover {
	opacity:0.7;
    transition: .4s;
}



/*---------------------MAP-----------------------*/


.gmap {
height: 0;
overflow: hidden;
padding-bottom: 40%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}




/*---------------------スマホ用-----------------------*/


@media screen and (max-width: 750px) {



/*---------------------main-----------------------*/

#main {
   margin-top:120px;
}

/*---------------------AROUNDについて-----------------------*/

#around p{
	padding:0 30px;	
}

.around_title{
	margin-bottom:60px;
	margin-top:80px;
	font-size:28pt;
}

#around p{
	margin-top:5px;
	margin-bottom:100px;
	font-size:21px;
	letter-spacing:0.05em;
}



/*---------------------message-----------------------*/


.message_title{
	padding-bottom:60px;
}

#message p{
	padding:0 30px;	
}

.message2{
	padding-top:100px;
	padding-bottom:100px;
}

.text_c{
	font-size:21px;
	line-height:2em;
	letter-spacing:0.05em;
}

.message_name{
	font-size:20px;
}

.message_name2{
	font-size:28px;
}


/*---------------------スタッフ紹介-----------------------*/


#staff{
	padding:100px 30px 70px 30px;	
}

.staff_title{
	padding-bottom:70px;
}



.modal_inner {
	width:630px;
    padding: 30px;
}

.modal_img{
	width:250px;
	height:250px;
	float:left;
	margin-right:30px;
}

.modal_img img{
	width:250px;
	height:250px;
}

.modal_staff{
	width:350px;
}

.modal_staff dt{
	width:350px;
	font-size:18px;
}

.modal_staff dd{
	width:350px;
	font-size:18px;
}


/*---------------------待遇-----------------------*/


#treatment{
	padding:100px 30px 60px 30px;	
}

.treatment_title{
	padding-bottom:70px;
}



#treatment li{
	width:29.4%;
	margin-bottom:5.9%;
}

#treatment li h3{
	font-size:24px;
}

#treatment li p{
	font-size:18px;
}

.taigu1{
	width:29.4%;
	highg:29.4%;
	margin-right:5.9%;
	padding-top:31%;
}

.taigu2{
	width:29.4%;
	highg:29.4%;
	margin-right:5.9%;
	padding-top:31%;
}

.taigu3{
	width:29.4%;
	highg:29.4%;
	margin-right:0;
	padding-top:31%;
}

.taigu4{
	width:29.4%;
	highg:29.4%;
	margin-right:5.9%;
	padding-top:31%;
}

.taigu5{
	width:29.4%;
	highg:29.4%;
	margin-right:5.9%;
	padding-top:31%;
}

.taigu6{
	width:29.4%;
	highg:29.4%;
	margin-right:0;
	padding-top:31%;
}

.taigu7{
	width:29.4%;
	highg:29.4%;
	margin-right:5.9%;
	padding-top:31%;
}

.taigu8{
	width:29.4%;
	highg:29.4%;
	margin-right:5.9%;
	padding-top:31%;
}

.taigu9{
	width:29.4%;
	highg:29.4%;
	margin-right:0;
	padding-top:31%;
}



/*---------------------教育システム-----------------------*/


.education2{
	padding:100px 30px;	
}

#education p{
	font-size:21px;
	letter-spacing:0.05em;
}

.education3{
	padding-top:70px;
}


/*---------------------求人情報-----------------------*/


#recruit{
	padding:100px 30px 100px 30px;	
}

#recruit2 p{
	font-size:21px;
	letter-spacing:0.05em;
}


#recruit h3{
	margin-top:80px;
	letter-spacing:0.05em;
}

#recruit h4{
	font-size:25px;
	letter-spacing:0.1em;
}

#recruit dl{
    margin: 0 auto 80px;
	font-size:21px;
}

#recruit dt, #recruit dd{
	font-size:20px;
}

#recruit dt{
	width: 90px; /* 幅を指定 */
}

#recruit dd{
	margin-left: 120px; /* dtの分、左にpaddingを取る */
}

#recruit li{
	padding-bottom:21px;
}


#recruit p{
	margin-bottom:70px;
	font-size:21px;
}


/*---------------------Q&A-----------------------*/


#qa{
	padding:100px 30px 60px 30px;		
}

.qa_title{
	padding-bottom:70px;
}

#qa dt{
	padding-left:45px;
	margin-bottom:15px;
	font-size:21px;
}


#qa dd{
	padding-left:45px;
	padding-bottom:40px;
	margin-bottom:40px;
	font-size:21px;
}


/*---------------------店舗情報-----------------------*/





#shop{
	padding:100px 30px;	
}


.shop_title{
	padding-bottom:70px;
}


.shop2{
	width:100%;
	float:none;
	margin-right:0;
}



.font_s{
	font-size:14pt;
	font-weight:normal;
	letter-spacing:0.05em;	
}

.title_s{
	margin-right:0.5em;
	font-size:20pt;
	font-weight:bold;
}


#shop p{
	font-size:21px;
}



#shop dl{
	font-size:21px;
	line-height:21px;
}

#shop dt{
	width:110px;
}

#shop dd{
	margin: 0 0 0 100px;
}


/*---------------------item画像-----------------------*/



.shopimg_sp{
	max-width:690px;
	max-height:128px;
	margin-bottom:50px;
}

.shopimg_sp2{
	max-width:100%;
}

.shopimg_sp img{
	width:19%;
	height:19%;
	float: left;
}

.shopimg_l img{
	margin-right:1%;
}





/*---------------------リンク-----------------------*/


.link li{
	width:80px;
	height:80px;
	float:left;
	margin-right:25px;
}

.link_hpb a{
	width:80px;
	height:80px;
	background:url(../image/shop_link_hpb_sp.jpg) no-repeat;
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
}

.link_fb a{
	width:80px;
	height:80px;
	background:url(../image/shop_link_fb_sp.jpg) no-repeat;
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
}

.link_hp a{
	width:80px;
	height:80px;
	background:url(../image/shop_link_hp_sp.jpg) no-repeat;
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
}

.link_blog a{
	width:80px;
	height:80px;
	background:url(../image/shop_link_blog_sp.jpg) no-repeat;
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
}


.link li a:hover {
	opacity:0.7;
    transition: .4s;
}



}





/*---------------------スマホ用縦-----------------------*/


@media (orientation: portrait) and (max-width: 750px){
  
/*---------------------main-----------------------*/

#main {
   margin-top:150px;
}



}