@charset "euc-jp";

/* トップページイメージ*/
.topimage a:hover, .topimage a:focus, .topimage a:active {
    opacity: 0.7;
}
/* トップフリースペース*/
/* トップタイトル*/
/* ご利用にあたって*/
.howto {
    display: table;
}
.howto > div {
    display: table-cell;
    vertical-align: middle;
}
.howto > div:first-child {
    text-align: center;
    background-color: #F0E9DA;
    width: 25%;
    border-right: 2px solid #FFF;
}
.howto li:hover, .howto li:focus, .howto li:active {
    opacity: 0.7;
}
.howto ul li {
    background-color: #F0E9DA;
    border-right: 2px solid #FFF;
    padding: 0;
}
.howto ul li:nth-child(3n+0) {
    border-right: none;
}
.howto ul li:nth-child(-n+3) {
    margin-bottom: 2px;
}
.howto ul li a {
    background-color: #F0E9DA;
    float: left;
    padding: 15px;
    width: 85%;
}
.howto ul li span {
    float: left;
}
.howto ul li span:nth-child(2) {
    margin-top: 3px;
    margin-left: 5px;
}
.howto img {
    padding: 15px;
}
/* お知らせ*/
.info_news ul {
    list-style-type: square;
    letter-spacing: 0.5px;
    line-height: 2.0em;
}
.info_news ul li {
    margin-bottom : 10px;
}
/* 店舗情報*/
.top_info02 h3 {
    font-size: 16px;
    font-weight: normal;
}
.top_info02 ul li > span,
.howto ul li span:first-child {
    background-color: #333;
    border-radius: 18px;
    margin-right: 5px;
    padding: 3px;
    float: left;
}
.top_info02 ul li > a {
    margin-top: 3px;
    float: left;
}
.top_info02 > div > p span {
    margin-right: 15px;
}
p.info_copyright {
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
    margin: 20px 0;
    padding: 10px 0;
}

/* Youtube動画 */
.ourmovie{
    position:relative;
    width:100%;
    height:0;
    padding-top:56%;
}
.ourmovie iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/* レシポンシブル対応 */
/* トップページイメージメニュー 2018年5月改訂追記*/
@media (min-width: 768px) {
	.topimagemenu > .col-lg-4:first-child {
	width: 32.2916666%;
	padding-right: 3.125%;
	border-right: 1px solid #666;
	}
	.topimagemenu > .col-lg-4:last-child {
	width: 32.2916666%;
	padding-left: 3.125%;
	border-left: 1px solid #666;
	}
	.topimagemenu > .col-lg-4:nth-of-type(2) {
	width: 35.4166666%;
	padding: 0 3.125%;
	}
	.topimagemenu {
	border-bottom: 1px solid #666;
	}
}
@media (min-width: 480px) and (max-width: 768px) {
	.topimagemenu > .col-lg-4:first-child {
	width: 33.3333333%;
	padding-right: 6px;
	border: none;
	}
	.topimagemenu > .col-lg-4:last-child {
	width: 33.3333333%;
	padding-left: 6px;
	border: none;
	}
	.topimagemenu > .col-lg-4:nth-of-type(2) {
	width: 33.3333333%;
	padding: 0 3px;
	}
}
/* ご利用にあたって 2018年5月改訂追記*/
@media (max-width: 850px) {
  /* ~850px */
  .howto > div {
     display: block;
     border: none;
     margin-bottom: 2px;
     width: 100% !important;
 }
  .top_contents > div > div {
     padding: 10px 30px 0;
  }
  .top_info02 > div > p span:first-of-type {
     display: block;
  }
}
@media (max-width: 768px) {
  /* ~768px */
  .top_contents {
     margin-bottom: 30px;
  }
  .top_contents > div > div {
     padding: 10px 10px 0;
  }
  .top_info01, .top_info02 {
     margin: 0;
     padding: 0;
  }
  .top_info01 > div {
     padding: 0 10px 0 0;
  }
  .top_info02 > div {
     padding: 0 10px;
  }
  .howto ul li {
     border: none;
     margin-bottom: 2px;
 }
  .top_info02 > div > p span:first-of-type {
     display: inline;
  }
  .topimage > li.col {
 	 float: none;
  }
}