@charset "UTF-8";

/* *******************************************************************************************
*
*　イベント情報 SP
*
******************************************************************************************* */

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


/* -- ページヘッダー -- */

.pageHeader_ttl-boat{
padding:5% 0 73% 0;
background: url("../image/index_bg-boat-trip_sp.jpg") center bottom no-repeat;
background-size: cover;
}
.pageHeader_ttl_box{
width:100%;
}
.pageHeader_ttl_box .ttl{
width: 85.6%;
margin: 0 auto;
padding-left: 0;
padding-right: 1%;
}
/* -- メインコンテンツ -- */

.pageContent{
padding-top: 23px;
}

.pageContent_inner{
padding: 0 16px;
width: 100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

/* ----------
*
* 一覧
*
* -------- */

.boat_Index{
padding-bottom: 30px;
}
.boat_Index_lead{
font-size: 16px;
line-height: 28px;
text-align: left;
}

/* -- 目次 --*/

.boat_ttlArea {
margin-top: 30px;
margin-bottom: 18px;
}
.boat_ttlArea .ttl{
font-size: 20px;
padding-bottom: 5px;
}

.boat_toc {
position: relative;
}
.boat_toc .tocBox{
padding-bottom: 18px;
margin-bottom: 18px;
}

.boat_toc .tocBox .phBox{
float: left;
width: 46%;
}
.boat_toc .tocBox .ttlBox{
width: 50%;
float: right;
padding-left: 0;
}
.boat_toc .tocBox .ttlBox .num span {
padding: 5px 12px;
font-size: 14px;
}
.boat_toc .tocBox .ttlBox .ttl {
font-size: 20px;
line-height: 30px;
margin-top: 9px;
}
.boat_toc .tocBox .noteBox{
width: 100%;
float: left;
padding-left: 0;
font-size: 14px;
line-height: 22px;
margin-top: 17px;
}
.boat_toc .tocBox .ttlBox .ttl .ttl_cate{
display: block;
}
.boat_toc .commentBox .ballooBox{
font-size: 16px;
line-height: 22px;	
}
.boat_toc .tocBox::after {
content: "";
display: block;
clear: both;
}
.boat_toc .commentBox{
margin: 23px 0 53px 0;
}
.boat_toc .commentBox .balloonBox{
font-size: 18px;
line-height: 29px;
border-radius: 15px;
padding: 10px 10px 14px 10px;
}	
.boat_toc .balloonBox:after{
right: 0;
bottom: -12px;
border-width: 16px 13px 0 13px;
}

/*-- New --*/
.boat_toc .item_link-new:before{
width: 62px;
height: 26px;
}


/* -- この企画で使用している船外機 --*/
.boat_product{
padding:25px 0 35px 0;
margin-top: 45px;
}	
.boat_product .product_ttl{
font-size: 20px;
line-height: 35px;
}
.boat_product .productBox{
margin-top:20px;
}
.boat_product .productBox .phBox{
float: left;
width:41%;
}
.boat_product .productBox .ttlBox{
float: right;
width: 59%;
padding-top: 0;
padding-left: 0;
}
.boat_product .productBox .ttlBox .productName {
font-size:24px;
}
.boat_product .productBox .ttlBox .ttl{
font-size: 16px;
line-height: 24px;
}

.boat_product .productBox .noteBox{
float: left;
width: 100%;
padding-left: 0;
padding-top: 10px;
font-size: 14px;
line-height: 24px;
}

.boat_product .productBox .btnBox{
float: left;
width: 100%;
padding-top: 40px;
padding-left: 0;
}	
.boat_product .productBox .btnBox .btn{
width: 100%;
margin: 0 auto;
}
.boat_product .productBox .btnBox a{
font-size: 16px;
padding: 11px 0;
}
.boat_product .productBox .btnBox a:after {
top: 31%;
right: 12px;
width: 12px;
height: 20px;
background-size: 12px 12px;
}

.boat_product .productBox::after{
content: "";
display: block;
clear: both;
}

.snsBtn{margin-top: 30px;}


/* ----------
*
* 下層共通
*
* -------- */
/* -- メインビジュアル -- */
.pageMain{height:176px;}
.subscribe_newsletter{padding-top: 56px;}

}