@media screen and (min-width:480px){
/*sns*/
.snsTop{width:214px; float:right;}
.snsTop #twitter,.sns #twitter {float: left; width: auto; margin-right: 5px;}
.sns{margin-bottom: 10px;}

.sp{display: none;}
section{overflow:hidden;}
#main{width:1060px; margin:0 auto;}
.intoro{margin-top:50px;}

.spotBox{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
; width:1020px; margin:50px auto 0; overflow:hidden;}
.spotBox:nth-child(1){background-image:url(../img/003.jpg); padding:20px; border-radius: 10px;}
.spotBox:nth-child(2){background-image:url(../img/014.jpg); padding:20px; border-radius: 10px; margin-bottom:50px;}

.spotBox:nth-child(1) .spotBox_R p:nth-child(2){color:#f39900;}
.spotBox:nth-child(2) .spotBox_R p:nth-child(2){color:#ed7e92;}

.spotBox_L{float:left; width:310px;}
.spotBox_R{float:left; width:690px; margin-left:20px;}
.spotBox_L p{font-size:14px; line-height:180%; margin-top:20px;}

.spotList{float:left; width:335px;}
.spotList:nth-child(even){margin-left:20px;}
.spotList p:nth-child(2){margin:5px 0 0 0; font-size:14px; line-height:122%;}
.spotList p:nth-child(3){margin:0 0 20px 0; font-size:12px;}
.spotList a{text-decoration: none; display:block;}
.spotList a:hover{opacity: .8;}
.other{margin-bottom:10px;}
.spotList:nth-child(6) {margin: 0;}

/*詳細ページ*/
.spotList_detail{width:1060px; margin:50px auto;　overflow:hidden!important;}

.spotTitle p{width:500px; margin:10px auto 0; font-size:14px; line-height:140%;}
.spotTitle_detail{width:1060px; text-align:center; margin:50px auto 0;}
.spotTitle_detail p{width:620px; margin:10px auto 0; font-size:14px; line-height:140%;}

.spotL{float:left; width:520px;}
.spotL p{font-size:14px; line-height:160%; margin-top:10px;}
.spotR{float:left; width:520px; margin-left:20px;}

.spotL_img:nth-child(1) img:nth-child(2),.spotL_img:nth-child(2){margin-top:10px;}
.spotL_img:nth-child(2) img:nth-child(2){margin-left:5px;}

.spotR_title h2{padding:0; border:none; margin-bottom:10px;font-size: 24px; height:auto;}
.spotR_title p:nth-child(2){color:#f39900; font-size:16px; margin-bottom:10px;font-size: 24px;line-height: 140%;}
.second .spotR_title p:nth-child(2){color:#ed7e92; font-size:20px; margin-bottom:10px;}
.spotR_title p:nth-child(3){font-size:16px; line-height:175%;color: #666;}


table{width:100%;margin-top:20px; font-size:14px;}
table tr{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
table th{text-align:left; width:115px; padding:10px;}
table td{padding:10px 0;}

.buttom{margin-top:20px;}
.buttom p:first-child{float:left; color:white; font-size:14px;}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  background-color:#7398B0; padding:15px;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.sankaku{width:0; height:0; border-style:solid; border-width:3px 0 3px 5px; border-color: transparent transparent transparent #ffffff; margin:8px 0 0 120px;}
.coupon{margin-top:20px;}

/**/
.otherBox{margin-top:70px; overflow:hidden;}
.otherBox:nth-child(2){margin-bottom:50px;}
.otherBox:nth-child(1) .otherTitle{border-bottom:1px dotted #f39900; overflow:hidden; margin-bottom:10px;}
.otherBox:nth-child(2) .otherTitle{border-bottom:1px dotted #ed7e92; overflow:hidden; margin-bottom:10px;}
.otherTitle img{float:left;}
.otherBox .otherTitle p.icon{width:26px; height:26px; margin:0;}
.otherBox:nth-child(1) .otherTitle p.icon{background-image: url(../img/icon_orange.png);}
.otherBox:nth-child(2) .otherTitle p.icon{background-image: url(../img/icon_pink.png);}
.otherBox .otherTitle p{float: left; margin: 2px 3px; font-size: 18px;}
.otherBox:nth-child(1) .otherTitle p,.otherBox:nth-child(1) .otherList p{color:#f39900;}
.otherBox:nth-child(2) .otherTitle p,.otherBox:nth-child(2) .otherList p{color:#ed7e92;}

.otherList{width:250px; float:left; margin-top:10px;}
.otherList:nth-child(n+2){margin-left:20px;}
.otherList p{margin:10px 0 0; font-size:14px;}
.otherList a{text-decoration: none; display: block;}
.otherList a:hover{opacity: .8;}

}
@media screen and (max-width:479px){
/*sns*/
.snsTop #twitter,.sns #twitter {float: left; width: auto; margin-right: 5px;}
.snsTop{margin-top:20px;}


#main img{margin-top:20px;}
.other{height:100%;}
.intoro{margin-top:30px;}
.pc{display:none;}
img{width:100%;}
p,table{font-size:14px; text-align:justify;}

.spotBox:nth-child(1){background-image:url(../img/003.jpg); padding:20px; border-radius: 10px; margin:30px 0;}
.spotBox:nth-child(2){background-image:url(../img/014.jpg); padding:20px; border-radius: 10px; margin-bottom:50px;}

.spotBox,.spotTitle_detail{padding:10px; margin-top:10px;}
.spotTitle_detail p{margin:10px 0;}
.spotTitle,.spotList,.spotL_img img{margin:10px 0;}
.spotR{margin-top:30px;}
.spotR_title h2+p{color:#f39900; font-size:16px; margin-bottom: 10px;}
.spotL_img{margin:0 10px;}
.spotL p{padding:0 10px;}
.spotR_title h2{padding:5px 0;}
.spotList_detail .spotR{padding:10px;}
.soptBox_L p{margin:10px 0;}
.spotBox:nth-child(1) .spotBox_R p:nth-child(2){color:#f39900; margin:5px 0;}
.spotBox:nth-child(2) .spotBox_R p:nth-child(2){color:#ed7e92; margin:5px 0;}

.spotBox_R{display:flex; flex-wrap:wrap; justify-content:space-between;}
.spotList{width:48%;}

table{width:100%; margin:20px 0; text-align:center; overflow:hidden;}
table th,table td{float:left; width:100%; padding:10px;}
table th{background-color:#dfdfdf;}

/* Shrink */
.buttom{overflow:hidden;}
.buttom p{color:white; text-align:center;}
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  background-color:#7398B0; padding:15px; width:93%;}

.coupon{margin:10px 0;}

.otherBox{margin-top:70px; overflow:hidden; padding:0 10px;}
.otherBox:nth-child(2){margin-bottom:50px;}
.otherBox:nth-child(1) .otherTitle{border-bottom:1px dotted #f39900; overflow:hidden;}
.otherBox:nth-child(2) .otherTitle{border-bottom:1px dotted #ed7e92; overflow:hidden;}
.otherTitle img{float:left;}
.otherBox .otherTitle p.icon{width:26px; height:26px; margin:0;}
.otherBox:nth-child(1) .otherTitle p.icon{background-image: url(../img/icon_orange.png);}
.otherBox:nth-child(2) .otherTitle p.icon{background-image: url(../img/icon_pink.png);}
.otherBox .otherTitle p{float: left; margin: 2px 3px; font-size: 18px;}
.otherBox:nth-child(1) .otherTitle p,.otherBox:nth-child(1) .otherList p{color:#f39900; margin:0;}
.otherBox:nth-child(2) .otherTitle p,.otherBox:nth-child(2) .otherList p{color:#ed7e92; margin:0;}

.otherList{width:48%; float:left; margin-top:10px;}
.otherList:nth-child(even){margin-left:10px;}
.otherList p{margin:10px 0 0; font-size:14px;}
.otherList a{text-decoration: none; display: block;}
.otherList a:hover{opacity: .8;}


}