/* CSS Document */

.chara_block01{
	width:980px;
	margin:20px auto 0;
}

.chara_block01 h3{
	text-align:center;
	font-size:30px;
	color:#e60012;
	margin-top:60px;
	font-weight:normal;	
}

.txt01{
	text-align:center;
	font-size:18px;
	color:#333333;
	margin-top:40px;	
}

.txt02{
	text-align:center;
	font-size:18px;
	color:#333333;
	margin-top:20px;	
}

.txt02 span{
	color:#e60012;	
}
	
.chara_block02{
	margin-top:65px;
	text-align:center;
	background:#f8f8f8;
	padding:70px 0;	
}

.chara_block03{
	text-align:center;
	margin:70px 0 50px;	
}

@media (max-width:950px) {
	.chara_block01{
		width:95%;
		margin:15px auto 0;
	}
	
	.chara_block01 h3{
		text-align:center;
		font-size:14px;
		color:#e60012;
		margin-top:30px;
		font-weight:normal;	
	}
	
	.txt01{
		text-align:center;
		font-size:11px;
		color:#333333;
		margin-top:20px;	
	}
	
	.txt02{
		text-align:center;
		font-size:11px;
		color:#333333;
		margin-top:0px;	
	}
	
	.txt02 span{
		color:#e60012;	
	}
		
	.chara_block02{
		margin-top:30px;
		text-align:center;
		background:#f8f8f8;
		width:100%;
		box-sizing:border-box;
		padding:30px 2.5%;	
	}
	
	.chara_block03{
		width:95%;
		text-align:center;
		margin:30px auto 30px;	
	}
    
    .chara_block03 img{
        margin: 0 auto;
        text-align: center;
    }
}


/************************** 201711 **************************/

.chara_block02 a{
	display:block;
	width:860px;
	margin:0 auto;	
}

.chara_block02 img{
    width: 100%;
}

.chara_block02 a.link01{
	margin-bottom:60px;	
}

@media (max-width:950px) {
	.chara_block02 a{
		display:block;
		width:100%;
		margin:0 auto;	
	}
	
	.chara_block02 a.link01{
		margin-bottom:10%;	
	}	
}

.travel_ttl_area{
	background:#e9f0d7;	
	position:relative;
	top:-3px;
	height:160px;
}

.travel_ttl_area .pnkz{
	margin-top:0;
	padding-top:20px;	
	position:relative;
	z-index:2;
}

.travel_ttl_area h1{
	position:absolute;
	left:50%;
	margin-left:-570px;
	top:10px;	
	z-index:1;
}

.travel_block01{
	width:783px;
	height:234px;
	background:url(../images/character/201711/travel/bg01.png) no-repeat left top;
	background-size:cover;	
	margin:33px auto 0;
}

.travel_block01 p{
	font-size: 15px;
	color: rgb(51, 51, 51);
	line-height: 2;
	text-align: center;
	padding-top:65px;
}

.travel_block02{
	width:1130px;
	margin:35px auto 0;
	position:relative;
	
}

.travel_block02:before{
	content:"";
	display:block;
	background:url(../images/character/201711/travel/bg02.png) no-repeat left top;
	background-size:53px 54px;
	width:53px;
	height:54px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-27px;
}

.travel_block02:after{
	content:"";
	display:block;
	background:url(../images/character/201711/travel/bg03.png) no-repeat left top;
	background-size:47px 50px;
	width:47px;
	height:50px;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-23px;
}

.travel_block02 ul{
	width:730px;
	margin:0 auto;
	position:relative;
	padding-bottom:0px;
}

.travel_block02_ov{
	padding-bottom:130px;
	position:relative;	
}

.travel_block02_ov:before{
	content:"";
	display:block;
	background:url(../images/character/201711/travel/bg04.png) no-repeat left top;
	background-size:729px 104px;
	width:729px;
	height:104px;
	position:absolute;
	left:50%;
	margin-left:-364px;
	height:104px;
	bottom:0;
}	

.travel_block02 ul li{
	width: 230px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 4px rgba(9,0,0,.1);
	-moz-box-shadow: 0 0 4px rgba(9,0,0,.1);
	box-shadow: 0 0 4px rgba(9,0,0,.1);
	border: solid 1px #fff;
	box-sizing:border-box;
}

.travel_block02 ul li:nth-child(3n){
	margin-right:0;	
}

.travel_block02 ul li a{
	display:block;
	text-decoration:none;	
}

.travel_block02 ul li a .txt01{
	padding:5px 10px 0;
	margin:0;
	text-align:left;
}

.travel_block02 ul li a .txt01 .shop{
	display:inline-block;
	font-size:11px;
	color:#1a1a1a;	
}

.travel_block02 ul li a .txt01 .date{
	display:inline-block;
	font-size:11px;
	color:#888888;	
	margin-left:12px;
}

.travel_block02 ul li a .txt01 .date.ml0{
	margin-left:0;	
}

.travel_block02 ul li a .txt01 .new{
	display:inline-block;
	font-size:10px;
	color:#000000;
	font-style:italic;
	background-color: rgb(255, 240, 0);
 	border-radius: 9px;
	padding:5px 15px 3px;
	line-height:1.1;
	position:relative;
	left:18px;
	top:-2px;
}

.travel_block02 ul li a .txt02{
	font-size: 15px;
	color: rgb(51, 51, 51);
	line-height: 1.5;
	text-align: left;
	padding:8px 10px 40px;
	margin:0;
}

@media (max-width:950px) {
	body,
	html{
		width:100%;
		overflow-x:hidden;
	}
	.travel_ttl_area{
		background:#e9f0d7;	
		position:relative;
		top:-1.1vw;
		height:auto;
	}
	
	.travel_ttl_area .pnkz{
		display:none;
	}
	
	.travel_ttl_area h1{
		position:relative;
		left:auto;
		margin-left:0;
		top:0px;	
		width:100%;
		z-index:1;
	}
	
	.travel_block01{
		width:100%;
		height:40vw;
		background:url(../images/character/201711/travel/bg01_sp.png) no-repeat left top;
		background-size:cover;	
		margin:0px auto 0;
	}
	
	.travel_block01 p{
		font-size: 3.2vw;
		color: rgb(51, 51, 51);
		line-height: 1.6;
		text-align: center;
		padding-top:14%;
	}
	
	.travel_block02{
		width:100%;
		margin:3% auto 0;
		position:relative;
		
	}
	
	.travel_block02:before{
		display:none;
	}
	
	.travel_block02:after{
		display:none;
	}
	
	.travel_block02 ul{
		width:92%;
		margin:0 auto;
		position:relative;
		padding-bottom:0px;
		
	}
	
	.travel_block02_ov{
		padding-bottom:25vw;
		position:relative;	
	}
	
	.travel_block02_ov:before{
		content:"";
		display:block;
		background:url(../images/character/201711/travel/bg02_sp.png) no-repeat left top;
		background-size:100% auto;
		width:100%;
		height:auto;
		position:absolute;
		left:50%;
		margin-left:-50%;
		height:20vw;
		bottom:0;
	}	
	
	.travel_block02 ul li{
		width: 48%;
		float:left;
		margin-right:0px;
		margin-bottom:0px;
		background-color: #fff;
		-webkit-box-shadow: 0 0 4px rgba(9,0,0,.1);
		-moz-box-shadow: 0 0 4px rgba(9,0,0,.1);
		box-shadow: 0 0 4px rgba(9,0,0,.1);
		border: solid 1px #fff;
		box-sizing:border-box;
		margin-bottom:10%;
		box-sizing:border-box;
	}
	
	.travel_block02 ul li:nth-child(2n){
		float:right;
	}
	
	.travel_block02 ul li:last-child{
		margin-bottom:0;
	}
	
	.travel_block02 ul li a{
		display:block;
		text-decoration:none;	
	}
	
	.travel_block02 ul li a .txt01{
		padding:3% 5% 0;
		margin:0;
		text-align:left;
	}
	
	.travel_block02 ul li a .txt01 .shop{
		display:inline-block;
		font-size:3.2vw;
		color:#1a1a1a;	
	}
	
	.travel_block02 ul li a .txt01 .date{
		display:inline-block;
		font-size:3.2vw;
		color:#888888;	
		margin-left:2%;
	}
	
	.travel_block02 ul li a .txt01 .new{
		display:inline-block;
		font-size:3vw;
		color:#000000;
		font-style:italic;
		background-color: rgb(255, 240, 0);
		border-radius: 40px;
		padding:1% 5% 1%;
		line-height:1.1;
		position:relative;
		left:2%;
		top:-0.5vw;
	}
	
	.travel_block02 ul li a .txt02{
		font-size: 4.2vw;
		color: rgb(51, 51, 51);
		line-height: 1.5;
		text-align: left;
		padding:3% 5% 8%;
		margin:0;
		box-sizing:border-box;
	}	
}

body{
	width:100%;
	overflow-x:hidden;	
}

.detail_ttl_area{
	margin-top:30px;
	background:url(../images/character/201711/travel/detail_bg01.png) no-repeat center top;
	background-size:1200px 122px;
}

.detail_ttl_area .inner{
	width:1200px;
	margin:0 auto;
	border-bottom:solid 1px #e6e6e6;
	padding-bottom:35px;
}

.detail_ttl_area h2{
	text-align:center;
	font-size:26px;
	color:#333333;
	font-weight:normal;	
}

.detail_ttl_area h2.new span:before{
	content:"NEW";
	display:inline-block;
	border-radius: 50%;
	background-color: rgb(255, 240, 0);
	width: 53px;
	height: 53px;
	font-size:14px;
	color:#000000;
	box-sizing:border-box;
	font-style:italic;
	padding-top:17px;
	margin-right:20px;
	position:relative;
	top:-5px;
}

.detail_ttl_area .date{
	text-align:center;
	margin-top:20px;
	font-size:13px;
	color:#333333;	
}

.detail_ttl_area .date span{
	color:#f41d43;	
}

.detail_body_bg1{
	width:100%;
	background:url(../images/character/201711/travel/detail_bg02.png) no-repeat center top;
	background-size:1200px auto;
	margin-top:60px;
	padding-bottom:100px;
}

.detail_body_bg2{
	width:100%;
	background:url(../images/character/201711/travel/detail_bg03.png) no-repeat center top;
	background-size:1200px auto;
	margin-top:0px;
}

.detail_body .inner1{
	width:700px;
	margin:0 auto;
}

.detail_body .inner1 p{
	font-size: 15px;
	color: rgb(51, 51, 51);
	line-height: 2;
	text-align: center;
}

.detail_body .inner1 .block_one p,
.detail_body .inner1 .block_one{
	margin-top:55px;
}

.detail_body .inner1 .block_one .mt{
	margin-top:40px;	
}

.detail_body .inner1 .block_one p a{
	color: rgb(51, 51, 51);
	text-decoration:underline;	
}

.detail_body .inner1 .block_one p a.red{
	color:#ff0044;
}

.detail_body .inner1 .block_one p a:hover{
	text-decoration:none;	
}

.detail_body .inner2{
	margin:0px auto 0;
	width:980px;
	border-top:solid 1px #e6e6e6;
	padding-top:40px;		
}

.detail_body .inner2 h3{
	font-size:20px;
	color:#333333;	
}

.detail_body .inner2 ul{
	 margin-top:30px;	
	 padding-bottom:120px;
}

.detail_body .inner2 ul li{
	margin-bottom:10px;	
}

.detail_body .inner2 ul li a{
	display:block;
	text-decoration:none;	
}

.detail_body .inner2 ul li a span.date{
	display:block;
	width:280px;
	float:left;
	font-size:15px;
	color:#333333;
}

.detail_body .inner2 ul li a span.date span{
	display:inline-block;
	margin-left:100px;
}

.detail_body .inner2 ul li a span.ttl{
	display:block;
	width:700px;
	float:left;
	font-size:15px;
	color:#f21442;
	text-decoration:underline;
	position:relative;
}

.detail_body .inner2 ul li a:hover span.ttl{
	text-decoration:none;	
}

.detail_body .inner2 ul li a.new span.ttl span:after{
	content:"NEW";
	display:inline-block;
	font-size:10px;
	color:#000000;
	font-style:italic;
	background-color: rgb(255, 240, 0);
 	border-radius: 9px;
	padding:4px 10px 3px;
	line-height:1;
	position:relative;
	left:18px;
	top:-2px;
}

.back_btn{
	text-align:center;
	margin-top:100px;	
}

.chara_detail_btn{
	width:508px;
	margin:60px auto 0;
	position:relative;	
}

.chara_detail_btn:after{
	content:"";
	display:block;
	background:url(../images/character/201711/btn_chara_icon.png) no-repeat left top;
	background-size:30px auto;
	width:30px;
	height:30px;
	position:absolute;
	right:27px;
	top:50%;
	margin-top:-14px;
	transition: all 0.3s;
}

.chara_detail_btn.active:after{
	transform:rotateX(-180deg);	
}

.tgl_area{
	display:none;	
}

@media (max-width:950px) {
	
	.detail_body .inner2 ul li a span.date span{
		display:inline-block;
		margin-left:0px;
	}
	
	.detail_ttl_area{
		margin-top:0px;
		background:url(../images/character/201711/travel/detail_bg01_sp.png) no-repeat left top;
		background-size:100% auto;
	}
	
	.detail_ttl_area .inner{
		width:92%;
		margin:0 auto;
		border-bottom:solid 1px #e6e6e6;
		padding-bottom:5%;
	}
	
	.detail_ttl_area h2{
		text-align:center;
		font-size:4vw;
		color:#333333;
		font-weight:normal;
		position:relative;
		padding-top:5%;
		
	}
	
	.detail_ttl_area h2 span{
		display:inline-block;
		position:relative;	
	}
	
	.detail_ttl_area h2:before{
		display:none;	
	}
	
	.detail_ttl_area h2.new span:before{
		content:"NEW";
		display:inline-block;
		border-radius: 50%;
		background-color: rgb(255, 240, 0);
		width: 10vw;
		height: 10vw;
		font-size:2.6vw;
		color:#000000;
		box-sizing:border-box;
		font-style:italic;
		padding-top:3vw;
		margin-right:0px;
		position:absolute;
		top:50%;
		margin-top:-5vw;
		left:-11vw;
	}
	
	.detail_ttl_area .date{
		margin-top:4%;
		font-size:2.6vw;
	}
	
	.detail_ttl_area .date span{
		color:#f41d43;	
	}
	
	.detail_body{
		width:100%;
		
	}
	
	.detail_body_bg1{
		width:100%;
		background:url(../images/character/201711/travel/detail_bg02_sp3.png) no-repeat center top;
		background-size:100% auto;
		padding-top:10%;
		margin-top:0px;
		padding-bottom:10%;
	}
	
	.detail_body_bg2{
		width:100%;
		background:url(../images/character/201711/travel/detail_bg03_sp.png) no-repeat center 6vw;
		background-size:100% auto;
		margin-top:0px;
		padding-bottom:9%;
	}
	
	.detail_body_bg1.detail2{
		width:100%;
		background:url(../images/character/201711/travel/detail_bg02_sp3_2.png) no-repeat center top;
		background-size:100% auto;
		padding-top:10%;
		margin-top:0px;
		padding-bottom:10%;
	}
	
	.detail_body_bg1.detail1{
		width:100%;
		background:url(../images/character/201711/travel/detail_bg02_sp3_1.png) no-repeat center top;
		background-size:100% auto;
		padding-top:13%;
		margin-top:0px;
		padding-bottom:10%;
	}
	
	.detail_body_bg1.detail4{
		background:url(../images/character/201711/travel/detail_bg02_sp3_1.png) no-repeat center 8vw;
		background-size:100% auto;	
	}
	
	.detail_body .inner1{
		width:92%;
		margin:0 auto;
	}
	
	.detail_body .inner1 img{
		width:100%;
		height:auto;
			
	}
	
	.detail_body .inner1 p{
		font-size: 3.2vw;
		color: rgb(51, 51, 51);
		line-height: 1.4;
		text-align: left;
	}
	
	.detail_body .inner1 .block_one p,
	.detail_body .inner1 .block_one{
		margin-top:6%;
	}
	
	.detail_body .inner1 .block_one{
		margin-top:8%;
	}
	
	.detail_body .inner1 .block_one .mt{
		margin-top:4%;	
	}
	
	.detail_body_bg1.detail2 .inner1 .block_one .mt{
		margin-top:8%;	
	}
	
	.detail_body_bg1.detail1 .inner1 .block_one .mt{
		margin-top:8%;	
	}
	
	.detail_body_bg1.detail1 .inner1 .block_one p,
	.detail_body_bg1.detail1 .inner1 .block_one{
		margin-top:9%;
	}
	
	.detail_body_bg1.detail2 .inner1 .block_one p,
	.detail_body_bg1.detail2 .inner1 .block_one{
		margin-top:8%;
	}
	
	.detail_body .inner1 .block_one p a{
		color: rgb(51, 51, 51);
		text-decoration:underline;	
	}
	
	.detail_body .inner1 .block_one p a:hover{
		text-decoration:none;	
	}
	
	.detail_body .inner2{
		margin:10% auto 0;
		width:92%;
		border-top:solid 1px #e6e6e6;
		padding-top:5%;		
	}
	
	.detail_body .inner2 h3{
		font-size:3.7vw;
		color:#333333;	
	}
	
	.detail_body .inner2 ul{
		 margin-top:5%;	
		 padding-bottom:3%;
	}
	
	.detail_body .inner2 ul li{
		margin-bottom:5%;	
	}
	
	.detail_body .inner2 ul li a{
		display:block;
		text-decoration:none;	
	}
	
	.detail_body .inner2 ul li a span.date{
		display:block;
		width:100%;
		float:none;
		font-size:2.9vw;
		color:#333333;
	}
	
	.detail_body .inner2 ul li a span.ttl{
		display:block;
		width:100%;
		float:none;
		font-size:3.2vw;
		color:#f21442;
		text-decoration:underline;
		position:relative;
	}
	
	.detail_body .inner2 ul li a:hover span.ttl{
		text-decoration:none;	
	}
	
	.detail_body .inner2 ul li a.new span.ttl span:after{
		content:"NEW";
		display:inline-block;
		font-size:2.9vw;
		color:#000000;
		font-style:italic;
		background-color: rgb(255, 240, 0);
		border-radius: 9px;
		padding:1% 2% ;
		line-height:1;
		position:relative;
		left:5%;
		top:-0.2vw;
	}
	
	.back_btn{
		width:80%;
		text-align:center;
		margin:10% auto 0;;	
	}
	
	.back_btn img{
		width:100%;
		height:auto;	
	}
	
	.chara_detail_btn{
		width:80%;
		margin:10% auto 0;
		position:relative;	
	}
	
	.chara_detail_btn img{
		width:100%;
		height:auto;	
	}
	
	.chara_detail_btn:after{
		content:"";
		display:block;
		background:url(../images/character/201711/btn_chara_icon.png) no-repeat left top;
		background-size:100% auto;
		width:5vw;
		height:5vw;
		position:absolute;
		right:5%;
		top:50%;
		margin-top:-2.5vw;
		transition: all 0.3s;
	}
	
	.chara_detail_btn.active:after{
		transform:rotateX(-180deg);	
	}
	
	
	.sp_lh1 span{
		line-height:1.3;	
	}
	
	.detail_ttl_area h2 span:before{
		line-height:normal;		
	}
	
	.sp_img_min{
		width:30%;
		margin-left:auto;
		margin-right:auto;
	}
}	

.ml0{
	left: 0 !important;
}

@media (max-width:950px) {
	.ml0{
		left: 2% !important;
	}
}

.chara_g{
	margin-bottom:50px;	
}

@media (max-width:950px) {
	.chara_g{
		margin-bottom:8vw;	
	}
	.ml0{
		left: 2% !important;
	}
}


/************************** /201711 **************************/