@charset "utf-8";

#contents{
	word-wrap: break-word;
	word-break: break-all;
}
.article {
    max-width: 1000px;
    margin: 0 auto;
}
.content{
	clear: both;
	overflow: hidden;
	margin-bottom: 2em;
}
.ttlStyle_01 {
    position: relative;
    padding: 0.25em 0 0.25em 1.5em;
    font-size: 2rem;
    font-weight: normal;
    color: #0099cc;
	border-bottom: 2px solid #d4d3c8;
    margin-top: 1em;
}
.cNavi{
	width: 1000px;
	clear: both;
	overflow: hidden;
	margin:0 auto 2em auto;
}
.cNavi ul{
	margin-top: 3%;
}
.cNavi ul:after{
	content:"";
	display:block;
	clear:both;
}
.cNavi li{
	box-sizing:border-box;
	float:left;
	width: 32%;
	margin: 10px 0 0 14px;
	border: 2px solid #2badd7;
	border-radius: 5px;
	vertical-align:middle;
	background-color:#FFF;
}

/*.cNavi li{
	box-sizing: border-box;
	float: left;
	width: 239px;
	margin-left: 14px;
	border: 2px solid #2badd7;
	border-radius: 5px;
	vertical-align: middle;
	background-color: #FFF;
}*/
.cNavi li img{
	width: 100%;
	
}
.cNavi li:hover{
	background-color:#eeeeee;
}
.cNavi .active{
	background-color: #d2ecf5;	
}

.cNavi li:first-child,.cNavi li:nth-child(4){
	margin-left: 0;
}
.cNavi li:nth-child(4){
	clear: both;
}
.cNavi a{
	position:relative;
	display: table;
	width: 100%;
	text-decoration:none;
}

/*.cNavi .sennenIcon:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	background: center center no-repeat;
	background-size: contain;
	left: 7% !important;
	width: 25px;
	background-image: url("../img/icon/sennen.png");
}
.cNavi .iyonadaIcon:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	background: center center no-repeat;
	background-size: contain;
	left: 7% !important;
	width: 25px;
	background-image: url("../img/icon/iyonada.png");
}
.cNavi .aptrainIcon:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	background: center center no-repeat;
	background-size: contain;
	left: 7% !important;
	width: 25px;
	background-image: url("../img/icon/aptrain.png");
}
.cNavi .yodo3Icon:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	background: center center no-repeat;
	background-size: contain;
	left: 7% !important;
	width: 25px;
	background-image: url("../img/icon/yodo3.png");
}*/
.cNavi a:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	background: center center no-repeat;
	background-size: contain;
	right: 10px;
	width: 21px;
	background-image: url(../img/arrow_10_d.png);
}
.cNavi a span{
	display:table-cell;
	vertical-align:middle;
	padding:0.5em 0;
	font-size: 1.43rem;
	line-height:1.4;
	text-align:center;
	height: 55.98px!important;
}
.ttlh3{
	margin: 4% 0 0 0;
	padding: 0.25em 0.5em;
	font-size: 1.57rem;
	font-weight: bold;
	color:#FFF;
	background-size: 1.5em;
}
.bgIyo{
	background: #de4268;
}
.bgSen{
	background: #7eb302;
}
.bgYoa{
	background: #4db8e2;
}
.bgAnp{
	background: #ff9000;
}
.bgYodo{
	background: #0173b3;
}
.ttlh4{
	clear: both;
	font-weight: bold;
	margin: 1em 2.2em 0 2.2em;
	font-size: 1.57rem;
	border-left: 10px #999999 solid;
	border-bottom: 1px #999999 solid;
	padding: 0 0.5em;
}

.text-right {
    text-align: right;
}
.pickupList{
	width: 1000px;
	margin:0 auto;
	
}
.pickupList .ttl{
	margin: 4% 0 0 0;
	padding:0.25em 0 0.25em 2.25em;
	font-size: 1.57rem;
	font-weight: bold;
	color:#FFF;
	background: 0.5em center no-repeat #e84c3d;
	background-size:1.5em;
}
.boxContents {
    overflow: hidden;
    margin-bottom: 1em;
	clear: both;
}
.designated {
	overflow: hidden;
    float: right;
    background: #0173b3;
    padding: 0.8em;
    width: 35%;
    border-radius: 5px;
    margin-top: 1em;
	text-align: center;
    text-decoration: none;
    color: #fff;
}
.designated:hover{
	opacity: 0.8;
}
.pickupList .list{
	width: 1000px;
	margin:2% auto 0 auto;
}
.pickupList .list:after{
	content:"";
	display:block;
	clear: both;
}
.pickupList .list li{
	/*float: left;
	margin:0 45px 4% 0;
	font-weight: bold;
	font-size: 1.29rem;
	position: relative;*/
	margin: 0.2em;
	width: 30.2%;
	overflow: hidden;
	padding: 3em 0.8em 1em 0.8em;
	border: 1px solid #b1b1b1;
	float: left;
	border-radius: 5px;
	display: block;
	position: relative;
}
.pickupList .list li img{
	width: 100%;
}
.pickupList .list li:nth-of-type(3n){
	margin-right: 0;
}
.pickupList .list li:nth-of-type(3n + 1){
	clear:left;
}

.pickupList .list .txt .ttl{
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1.29rem;
	font-weight: bold;
	color: #ff9000;
	background: none;
	text-align: center;
}
.pickupList .list .txt p{
	margin: 0.5em 0 0 0;
	font-size: 1rem;
	font-weight: normal;
}

.pickupList .list .linkBtn a{
	display: block;
	background:#ff9000;
	text-align: center;
	border-radius: 10px;
	padding: 0.8em 0.5em;
	margin: 0 0.5em;
	text-decoration: none;
	color:#fff;
	font-size: 100%;
}
.pickupList .list .linkBtn a:hover{
	opacity: 0.8;
}
.pickupList .list .linkBtn a::after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    top: 0;
    bottom: 0;
    right: 8px;
    background: url(../img/arrow_03_r.png) left center no-repeat;
    background-size: auto;
    background-size: 10px;
}
.pickupList .list .bn_kagawa a{
	color: #7eb302;
	border: 1px solid #7eb302;
}

.pickupList .list li  ul{
	margin-top: 0.5em;
}
.pickupList .list li li{
	float: none;
	width: auto;
	margin: 0;
	padding-left: 1em;
	text-indent: -1em;
	font-weight: normal;
	font-size: 1rem;
}
.pickupList .list li li:before{
	content:"・";
}
.pickupList .list li li a{
	text-decoration:none;
	color:#0099cc;
}
.pickupList .list li li a:hover{
	text-decoration:underline;
}
img.borderBox {
    border: none;
    box-sizing: border-box;
}
 

/*--------------------------------------------------*/
/*spMode*/
/*--------------------------------------------------*/
.spMode{
}

.spMode .cNavi,
.spMode .recommend,
.spMode .pickupList,
.spMode .pickupList .list{
	width: auto;
}
.spMode .text-right{
	text-align: left;
	padding-left: 0.5em;
}
.spMode .cNavi ul{
	margin: 0 3%;
}
.spMode .cNavi{
	margin: 0.5em 0 0 0;
}
.spMode .cNavi li{
	float: none;
	width: 100%;
	margin:0 0 3% 0;
}
.spMode .cNavi li:hover{
	background-color:#FFF;
}
.spMode .cNavi a:before {
  left: 1em;
	width: 2.5em;
	background-size: 2.5em;
}
.spMode .cNavi a:after {
	width: 1.25em;
}
.spMode .cNavi li span{
	font-size: 1rem;
}
.spMode .cNavi a span {
	padding: 1.5em 1.5em 1.5em 2.5em;
	font-size: 1rem;
	height: 20px !important;
}
.spMode .cNavi li span br{
	display:none;
}
.spMode .designated {
	clear: both;
	float: none;
    display: block;
    padding: 0.8em;
    width: 88%;
    margin: 1em 3% 0 3%;
	
}
.spMode .pickupList .ttl{
	font-size: 1.14rem;
}
.spMode .ttlh4{
	clear: both;
	font-weight: bold;
	margin: 1em 0 0 0.5em;
	font-size: 1.57rem;
}
.spMode .pickupList .list{
	margin:9% 3% 0 3%;
}
.spMode .pickupList .list li {
	width: 40%;
	font-size: 1rem;
	margin: 0 0 2em 0;
}
.spMode .pickupList .list li:nth-of-type(odd) {
	float: left;
	clear: both;
}
.spMode .pickupList .list li:nth-of-type(even) {
	float: right;
}
.spMode .pickupList .list li:nth-of-type(3n + 1) {
  clear: none;
}

.spMode .pickupList .list li li:nth-of-type(odd),
.spMode .pickupList .list li li:nth-of-type(even){
	float:none;
	width: auto;
	margin: 0;
	font-size: 0.92rem;
}
.spMode .pickupList .list .txt .ttl{
	font-size: 1.07rem;
}
.spMode .pickupList .list .txt p{
	font-size: 0.92rem;
}

.pickupList .list .linkBtn a::after {
    background: none;
    
}
.spMode .setplan {
    width: 90%;
    margin: 0 auto 3em auto;
}
.stay {
    width: 110px;
    padding: 8px 8px;
    background: #1d2088;
	color:#fff;
	text-align: center;
	display: inline-block;
	position: absolute;
	top: 10px;
	left: -37px;
	text-transform: uppercase;
	transform: rotate(315deg);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.oneday {
    width: 110px;
    padding: 8px 8px;
    background: #f6b500;
	color:#fff;
	text-align: center;
	display: inline-block;
	position: absolute;
	top: 10px;
	left: -37px;
	text-transform: uppercase;
	transform: rotate(315deg);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}