@charset "UTF-8";
/* CSS Document */
/*---------------------------
        common
-----------------------------*/
#shop-top {
  min-width: 1280px;
}
@media screen and (max-width: 640px) {
  #shop-top {
    min-width: 0;
  }
}

#europe-travelogue {
  background: #f4e5c7 url(../img/bg_white.jpg) repeat;
  font-family: "Noto Sans JP", sans-serif;
	overflow: hidden;
}
@media screen and (max-width: 640px) {
  #europe-travelogue {
    font-size: 16px;
  }
}
#europe-travelogue a {
	transition:0.3s;
}
#europe-travelogue a:hover {
	transform: translateY(5px);
}
#europe-travelogue .pc {
	display:inline-block !important;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .pc {
		display: none !important;
	}
}
#europe-travelogue .sp {
	display:none !important;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .sp {
		display: block !important;
	}
}
#europe-travelogue img{
	max-width:100%;
	display:block;
	pointer-events: none;
	-webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    user-select:none;
}
#europe-travelogue .btn {
	border-radius:200px;
	position:relative;
	display: block;
	color:#f4e5c7;
	padding:15px 25px;
	text-align:center;
	font-size:1.125rem;
	font-weight: 500;
	width:440px;
	margin-top:20px;
	box-sizing: border-box;
	filter: drop-shadow(0px 5px 5px rgba(153,140,113,0.2));
}
@media screen and (max-width: 640px) {
	#europe-travelogue .btn {
		margin-top:0;
		width:100%;
	}
}
#europe-travelogue .btn::before,
#europe-travelogue .btn::after{
	content: "";
	display:block;
	width:8px;
	height:8px;
	border-top:2px solid #f4e5c7;
	border-right:2px solid #f4e5c7;
	transform:rotate(45deg);
	right:20px;
	top:0;
	bottom:0;
	margin:auto;
	position:absolute;
}
#europe-travelogue .btn-yukarinochi{
	background: #364e86;
	border:2px solid #ba914d;
}
#europe-travelogue .btn-machiaruki {
	background: #d03624;
	border:2px solid #ba914d;
}
#europe-travelogue .btn-rakuten {
	background: #d03624;
	border:2px solid #ba914d;
	width:100%;
	font-size:1rem;
	line-height:1.4em;
	height:58px;
	padding: 5px 25px;
	display:flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .btn-rakuten {
		height:auto;
	}
}
#europe-travelogue .btn-skystage {
	background: #364e86;
	border:2px solid #ba914d;
	width:100%;
	font-size:1rem;
	line-height:1.4em;
	height:58px;
	padding: 5px 25px;
	display:flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .btn-skystage {
		height:auto;
	}
}
#europe-travelogue .btn-firsttime {
	background: #ba914d;
	border:2px solid #ba914d;
}
#europe-travelogue .btn-present {
	background: #f4e5c7;
	border:2px solid #ba914d;
	color:#865607;
}
#europe-travelogue .btn-present::after,
#europe-travelogue .btn-present::before{
	border-color:#865607;
}
#europe-travelogue .btn-off {
	background: #b0b0b0;
	color:#f6f6f6;
	border:none;
}
#europe-travelogue .btn-off::after,
#europe-travelogue .btn-off::before{
	display:none;
}
#europe-travelogue .btn + .btn {
	margin-top:15px;
}
#europe-travelogue .main{
	width:100%;
}
#europe-travelogue .main img{
	width:100%;
}
#europe-travelogue .menu {
	padding:80px 20px 70px;
	font-size:1.125rem;
	line-height:2em;
	color: #865607;
	font-weight: 500;
	position: relative;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .menu {
		padding:30px 20px 30px;
		font-size:0.875rem;
		line-height:1.8em;
	}
}
#europe-travelogue .menu::before {
	content: "";
	position: absolute;
	background:url("../img/illust_bus.png") no-repeat center / contain;
	width:9%;
	padding-top:8.5%;
	left:0;
	top:-93px;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .menu::before {
	width:8%;
	padding-top:17%;
	background:url("../img/illust_pan_sp.png") no-repeat center / contain;
	left:-2px;
	top:-8%;
}
	
}
#europe-travelogue .menu ul{
	display:flex;
	gap:10px;
	align-items: center;
	justify-content: center;
	filter: drop-shadow(0px 0px 9px rgba(153,140,113,0.4));
	margin-top:60px;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .menu ul{
		margin-top:25px;
		gap:7px;
	}
}
#europe-travelogue .menu ul li{
	max-width:327px;
}
#europe-travelogue .menu ul li a{
	display: block;
	position:relative;
}
#europe-travelogue .section-yukarinochi {
	background:#364e86 url("../img/bg_blue.jpg") repeat-y top center / 1920px;
	position: relative;
}
@media screen and (min-width:1920px) {
	#europe-travelogue .section-yukarinochi {
		background-size:100%;
	}
}
@media screen and (max-width:640px) {
	#europe-travelogue .section-yukarinochi {
		background:#364e86 url("../img/bg_blue_sp.jpg") repeat-y top center / 100%;
	}
}
#europe-travelogue .menu_newicon{
	position:absolute;
	width:90px;
	/*right:-7px;
	top:-20px;*/
	right:-29px;
	top:-25px;
	filter: drop-shadow(0 2px 4px rgba(73,88,97,0.4));
}
@media screen and (max-width:640px) {
	#europe-travelogue .menu_newicon{
	max-width:49px;
	width:38%;
	right:-7px;
	top:-20px;
}
}
#europe-travelogue .section-yukarinochi::before {
	content: "";
	position: absolute;
	width:88px;
	height:117px;
	background:url("../img/illust_pan.png") no-repeat center / contain;
	right:0;
	top:-44px;
	
}
@media screen and (max-width:640px) {
	#europe-travelogue .section-yukarinochi::before {
		display: none;
		/*background:url("../img/illust_arch.png") no-repeat center / contain;
		right:24px;
		top:-30px;
		width:26%;
		height:0;
		padding-top:24%;*/
	}
}
#europe-travelogue .section-machiaruki {
	background:#c83624 url("../img/bg_red.jpg") repeat-y top center / 1920px;
	position:relative;
}
@media screen and (min-width: 1920px) {
	#europe-travelogue .section-machiaruki {
		background-size:100%;
	}
}
@media screen and (max-width:640px) {
	#europe-travelogue .section-machiaruki {
		background:#c83624 url("../img/bg_red_sp.jpg") repeat-y top center / 100%;
	}
}
#europe-travelogue .section-machiaruki::before {
	content:"";
	display:block;
	width:224px;
	height:207px;
	background:url("../img/illust_arch.png") no-repeat top center / contain;
	position:absolute;
	right:calc(50% - 860px);
	top:-80px;
}
@media screen and (max-width:640px) {
	#europe-travelogue .section-machiaruki::before {
		background:url("../img/illust_pot.png") no-repeat top center / contain;
		right:0;
		top:-24px;
		width:23%;
	}
}
#europe-travelogue #contents03 {
	background:#c83624 url("../img/bg_present.jpg") repeat-y top center / 1920px;
}
@media screen and (min-width: 1920px) {
	#europe-travelogue #contents03 {
		background-size:100%;
	}
}
@media screen and (max-width:640px) {
	#europe-travelogue #contents03 {
		background:#c83624 url("../img/bg_gold.jpg") repeat-y top center / 100%;
	}
}
#europe-travelogue .section_inner {
  box-sizing: content-box;
  max-width:1200px;
  margin:0 auto;
  position:relative;
  padding:100px 20px;
}
@media screen and (max-width: 640px) {
  #europe-travelogue .section_inner {
    padding: 60px 20px 40px;
  }
}
#europe-travelogue .section_head {
	position:relative;
	z-index:2;
}
#europe-travelogue .section_head img{
	margin:0 auto;
}
#europe-travelogue .section_lead {
	max-width:1000px;
	margin:60px auto 0;
	color:#fbeed3;
	font-size:1rem;
	line-height:2em;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .section_lead {
		margin:30px auto 0;
		text-align:left;
		font-size:0.875rem;
		line-height:1.8em;
	}
}
#europe-travelogue .infobox {
	max-width:1000px;
	margin:0 auto;
	padding:4px;
	background:#f4e5c7;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .infobox {
		margin-bottom:30px;
	}
}
#europe-travelogue .infobox_inner {
	border: 2px solid #344d85;
	padding:46px;
	display:flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap:40px;
	text-align: left;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .infobox_inner {
		flex-direction: column-reverse;
		padding:20px;
		gap:20px;
		text-align:center;
		align-items: center;
	}
}
#europe-travelogue .section-machiaruki .infobox_inner {
	border-color: #d03624;
}
#europe-travelogue .infobox_inner > div{
	width:100%;
}
#europe-travelogue .infobox_detail_title {
	color:#364e86;
	font-weight: 700;
	font-size:1.5rem;
	line-height:1.5em;
	margin:0;
	margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .infobox_detail_title {
		font-size:1.125rem;
	}
}
#europe-travelogue .section-machiaruki .infobox_detail_title {
	color:#c83624;
}
#europe-travelogue .infobox_detail_onair {
	color:#865607;
	font-weight: 600;
	font-size:1.25rem;
	line-height:1.5em;
	display: flex;
	gap:10px;
	align-items: flex-start;
	font-feature-settings: "palt";
	margin-bottom:10px;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .infobox_detail_onair {
		flex-direction: column;
		align-items: center;
		font-size:1rem;
	}
}
#europe-travelogue .onair_head {
	background:#ba914d;
	padding:2px 20px;
	color:#f4e5c7;
	font-size:0.875em;
	min-width:7em;
	text-align:center;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .onair_head {
		min-width:0;
		
	}
}
#europe-travelogue .infobox_detail_premium {
	padding:2px 20px;
	color:#f4e5c7;
	border-radius:4px;
	display:inline-block;
	background:#d03624;
	margin-bottom:10px;
}
#europe-travelogue .section_photo-yukkarinochi-uk {
	max-width:1000px;
	margin:0 auto 60px;
	background:url("../img/photo_yukarinochi_uk.jpg?date=250608") no-repeat center top / 1000px;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .section_photo-yukkarinochi-uk {
		padding:0 10px;
		background:none;
	}
}
#europe-travelogue .section_photo-yukkarinochi-france {
	max-width:1000px;
	margin:0 auto;
	background:url("../img/photo_yukarinochi_france.jpg?date=250608") no-repeat center top / 1000px;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .section_photo-yukkarinochi-france {
		padding:0 10px;
		background:none;
	}
}
#europe-travelogue .section_photo-machiaruki-uk {
	max-width:1000px;
	margin:0 auto 60px;
	background:url("../img/photo_machiaruki_uk.jpg?date=0514") no-repeat center top / 1000px;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .section_photo-machiaruki-uk {
		padding:0 10px;
		background:none;
	}
}
#europe-travelogue .section_photo-machiaruki-france {
	max-width:1000px;
	margin:0 auto;
	background:url("../img/photo_machiaruki_france.jpg?date=0514") no-repeat center top / 1000px;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .section_photo-machiaruki-france {
		padding:0 10px;
		background:none;
	}
}
#europe-travelogue .comingsoon{
	margin:0 auto;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .comingsoon{
		max-width:130px;
	}
}
#europe-travelogue .section-movie {
	background:#c83624 url("../img/bg_gold.jpg") repeat;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .section-movie h3 img{
		max-width:130px;
	}
}
#europe-travelogue .myplayer-wrap {
	display:flex;
	justify-content: center;
	margin-top:60px;
	align-items: stretch;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .myplayer-wrap {
		flex-direction: column;
		justify-content:center;
		align-items:flex-end;
		margin-top:30px;
		margin-bottom:20px;
	}
}
#europe-travelogue .myplayer {
	width: 625px;
    margin: 0;
    background-color: #1a1a1a;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .myplayer {
		width:100%;
	}
}
#europe-travelogue .video-js {
	width: 100% !important;
	height: 100% !important;
	aspect-ratio:16 / 9;
}
#europe-travelogue .playlist-wrapper {
	height:351px;
	background:#f4e5c7;
}
@media screen and (max-width: 640px) {
	#europe-travelogue .playlist-wrapper {
		height:150px;
	}
}
#europe-travelogue .vjs-playlist, 
#europe-travelogue .vjs-mouse.vjs-playlist {
	background:none;
	border:none;
}

.btn-top {
	display: block;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999;
	width:45px;
	visibility: hidden;
	opacity:0;
	transition:0.5s;
}
@media screen and (max-width: 767px) {
		.btn-top{
			width:45px;
			right:10px;
			bottom:10px;
		}
	}
.btn-top.is-active {
		opacity:1;
		visibility: visible;
	}

#europe-travelogue .presentlist {
	display:flex;
	gap:21px;
	margin-top:30px;
}
@media screen and (max-width: 767px) {
	#europe-travelogue .presentlist {
		flex-direction: column;
		gap:10px;
		margin-top:15px;
	}
}
#europe-travelogue .presentlist_item {
  padding: 4px;
  background: #f4e5c7;
  text-align:center;
  width:calc((100% - 42px) / 3);
	color:#865607;
	border-radius:30px;
}
@media screen and (max-width: 767px) {
	#europe-travelogue .presentlist_item {
		width:100%;
	}
}
#europe-travelogue .presentlist_item_inner {
  background:#f4e5c7;
  padding: 45px 24px;
  border-radius: 30px;
	border:2px solid #ad8747;
	display:flex;
	flex-direction: column;
	align-items:center;
	  height: 100%;
    box-sizing: border-box;
	justify-content: center;
}
@media screen and (max-width: 767px) {
	#europe-travelogue .presentlist_item_inner {
		padding:30px 20px;
	}
}
#europe-travelogue .presentlist_head {
	border-bottom:2px solid #ad8747;
	width:100%;
	padding-bottom:30px;
	margin-bottom:30px;
}
@media screen and (max-width: 767px) {
	#europe-travelogue .presentlist_head {
		padding-bottom:20px;
		margin-bottom:20px;
	}
}
#europe-travelogue .presentlist_head img{
	max-width:243px;
	margin:0 auto;
	width:100%;
}
#europe-travelogue .presentlist_content {
	display:flex;
	flex-direction: column;
	align-items:center;
	justify-content:center;
	height: 100%;
    box-sizing: border-box;
	width:100%;
}
#europe-travelogue .presentlist_hesd_text {
	font-size:1.4rem;
	font-weight:500;
	line-height: 1.6em;
}
@media screen and (max-width: 767px) {
	#europe-travelogue .presentlist_hesd_text {
		font-size: 1.125rem;
		margin-bottom:15px;
	}
}
#europe-travelogue .presentlist_hesd_text-comingsoon {
	color:#ba914d;
	font-size:1.125rem;
	margin-bottom:0 !important;
}
#europe-travelogue #contents03 .section_inner {
	position:relative;
}
#europe-travelogue #contents03 .section_inner::after {
	content:"";
	display:block;
	background:url("../img/charm_present.png") no-repeat center / contain;
	width:442px;
	height:132px;
	top:42px;
	left:calc(50% - 442px);
	position:absolute;
}
@media screen and (max-width: 767px) {
	#europe-travelogue #contents03 .section_inner::after {
		width:60%;
		left:2px;
		top:2%;
		background-position: center top;
	}
}