@charset "utf-8";

/*
-----------------------------------------------
▼海水浴特集
----------------------------------------------- */

/* 初期設定 */
body .sub01,
body .main01 {
word-break:normal;
word-wrap:break-word;
text-align:justify;
text-justify:distribute;
font-size:14px;
}
em {
font-style:normal;
}
.imgR {
float:right;
margin:0 0 4px 12px;
}
.imgL {
float:left;
margin:0 12px 4px 0;
}
.cap {
margin:4px 0 10px;
font-size:12px;
font-weight:normal;
}

#main .main01 .in {
/* padding-top:16px; */
}
.sliderkun img {
max-width:400px;
height:auto;
}
.ie6 .slider {
display:none;
}
.ie6 .sliderkun {
background:url(../1406/forie6top.jpg) no-repeat 0 0;
height:620px;
}

/*
---------------------------
.box1
---------------------------
*/
.box1 {
margin:0 0 0px 0px;
width:689px;
/* overflow:hidden; */
}
.read {
font-weight:bold;
/* overflow:hidden; */
}
.box1 h2 {
margin:0 0 20px;
padding:7px 0px 5px 60px;
background:#e73630;
color:#fff;
font-size:23px;
position:relative;
}
.box1 h2 img{
position:absolute;
top: -10px;
left: -20px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/img_ttl01.png',sizingMethod='scale');
}
.box1 h2.h2b {
margin:0;
padding:12px;
background:#f4f622;
}
.box1 h3 {
margin:0 0 12px;
padding:12px;
background:#ecfbff;
color:#0054a8;
font-size:143%;
}
.box1 .imgL {
float:left;
margin:0 16px 4px 0;
}
.cap.nobtm {
margin-bottom:0;
}

.box1 h2.h2c {
background:#ea5514;
color:#fff;
}

.slideimgL {
/* float:left; */
width:692px;
margin:0 16px 4px 0;
}
.sliderkun.sliderkun2 img {
max-width:320px;
height:auto;
}
/* 古いIE用処理 */
.ie7 #main ul.slick-dots,
.ie8 #main ul.slick-dots {
display:none !important;
}
.ie7 #main .slick-slider,
.ie8 #main .slick-slider {
margin-bottom:0;
}

/* IE6画像入れ替え */
.ie6 .slider {
display:none;
}
.ie6 .ie6L1 {
width:504px;
}
.ie6 .ie6img1 {
background:url(../1406/side_aie6.jpg) no-repeat 0 0;
margin:0;
width:504px;
height:248px;
}
.ie6 .ie6L2 {
width:378px;
}
.ie6 .ie6img2 {
background:url(../1406/side_bie6.jpg) no-repeat 0 0;
margin:0;
width:378px;
height:313px;
}

/*
---------------------------
.box2
---------------------------
*/
.box2 {
margin:0 0 24px 21px;
padding:16px;
width:634px;
border:solid #cef5ff 2px;
overflow:hidden;
}
.box2 .imgL {
float:left;
margin:0 12px 8px 0;
}

/*
---------------------------
記事詳細
---------------------------
*/

.shosai01 {
margin:0 0 24px 21px;
width:666px;
overflow:hidden;
}
.shosaiL {
float:left;
width:320px;
}
.shosaiR {
float:right;
width:320px;
}

.pgram {
padding:0 0 10px;
}
.pgram ul {
margin:0 12px;
}
#main .pgram li {
margin:8px 0 0;
padding-left:0;
background-image:none;
padding-top:8px;
border-top:solid #ccc 1px;
}
#main .pgram li strong {
font-size:107%;
}
#main .pgram li:first-child {
border-top:none;
padding-top:0;
}

/* 海水浴下層PCページ */
/* メインイメージ */
.main01 .sliderkun.sliderkun2 img{
max-width: 692px;
}
/* お得情報 */
#otokuinfosp{
clear:both;
}
#sideotoku{
background:transparent url(../img/bg_ticket.gif) no-repeat bottom right;
padding:0;
}
#sideotoku h3 {
background:#f89200;
border-bottom:none;
color:#FFF;
padding:5px 5px 5px 10px;
line-height:1;
margin:0;
}
#sideotoku h3 span {
border-left:4px solid #fffabe;
padding-left:5px;
}
#sideotoku p{
border-left:1px #ccc solid;
border-right:1px #ccc solid;
padding:15px 15px 0;
margin:0;
}

#sideotoku ul{
border-bottom:1px #ccc solid;
border-left:1px #ccc solid;
border-right:1px #ccc solid;
padding:15px;
overflow:hidden;
margin:0 0 20px;
}
#sideotoku li {
margin: 0 0 6px;
float:left;
width:234px;
margin-right:10px;
}
#sideotoku li a.btn_01{/* 三宮・姫路 1dayチケット */
background: url(../img/btn_01.jpg) no-repeat 0 0;
padding: 42px 0 0;
}
#sideotoku li a.btn_02{/* 垂水・舞子 1dayチケット（三宮版） */
background: url(../img/btn_02.jpg) no-repeat 0 0;
padding: 42px 0 0;
}
#sideotoku li a.btn_03{/* 垂水・舞子 1dayチケット（阪神版） */
background: url(../img/btn_03.jpg) no-repeat 0 0;
padding: 42px 0 0;
}
#sideotoku li a.btn_04{/* 阪神・明石市内1dayチケット */
background: url(../img/btn_04.jpg) no-repeat 0 0;
padding: 42px 0 0;
}
#sideotoku li a.btn_05{/* 阪神・山陽 シーサイド1dayチケット */
background: url(../img/btn_05.jpg) no-repeat 0 0;
padding: 42px 0 0;
}
#sideotoku li a.btn_06{/* 三宮・明石市内1dayチケット */
background: url(../img/btn_06.jpg) no-repeat 0 0;
padding: 42px 0 0;
}
#sidekuchi ul{
overflow:hidden;
}
#sidekuchi li{
width:310px;
float:left;
background:#fff;
padding: 14px;
margin: 3px 3px 3px -1px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
}
#sidekuchi li.space{
border-bottom:none;
}

/* css_end */
