@charset "utf-8";
/* CSS Document */
/*--------------クリアフィックス*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
/*--------------クリアフィックス*/

/*-------------------------------------------------------------------*/
/*--------------------------------------------------共通設定*/	
/*-------------------------------------------------------------------*/	
html{
    scroll-behavior: smooth;
	/* height: 100%; を削除（上下の青色を出すため） */
}

body{
	background-color:#FFFEFA;
	font-family:YakuHanJPs, noto-sans-cjk-jp, sans-serif;
	color: #333333;
	min-height: 100vh; /* height: 100% */
}


@font-face {
	font-family: "hikki";
	src:url("../font/Best Deals Free.ttf") format("truetype");
	font-display: swap;
}

@font-face {
	font-family: "hikki2";
	src:url("../font/Cinta Sehatti .ttf") format("truetype");
	font-display: swap;
}

@font-face {
	font-family: "greek";
	src:url("../font/DidactGothic-Regular.ttf") format("truetype");
	font-display: swap;
}

@font-face {
	font-family: "wafuu";
	src:url("../font/Wahupop.ttf") format("truetype");
	font-display: swap;
}

a{
	color:inherit;
	}

/*テキスト関連*/
.text_bold{
	font-weight: bold;
}
.text_center{
	text-align:center;
}
.text_blue{
	color:#0073A5;
	}
.text_orange{
	color:#F28423;
	}
.text_orange2{
	color:#D36411;
	}
.inline_b{
	display:inline-block;
	}
.dash{
	letter-spacing: -0.6em;
	}
/*改行無し*/
.nowrap{
	white-space: nowrap;
	}
/*英文改行させる*/
.break{
	word-break: break-all;
	}
/*文字詰めカーニング*/
.kerning{
	-webkit-font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
	font-feature-settings: "palt";
	}
/*ギリシャ語用フォント設定*/
.font_greek{
	font-family: "greek";
	}
/*段落下げ*/
.dansage{
	text-indent: -1em;
	padding-left: 1em;
	}
/*段落下げ2*/
.top_wrap ul{
	list-style: none;
	padding: 0;
	margin-top: 2em;
	}
.top_wrap ul li{
	display: flex;
	font-size: 14px;
	}
	
.top_wrap ul li::before {
  content: "※";
  margin-right: .25em;
	}
	
/*上マージン一行分*/	
.m_t_1em{
	margin-top:1em;
	}
/*上マージン二行分*/	
.m_t_2em{
	margin-top:2em;
	}
	
/*画像影*/
.paper{
	box-shadow:1px 2px 4px 2px #c1bfbe;
	}

/*-------------------------*/
/*pcのみ block*/
.pc_block{
	display: none;
}
@media screen and (min-width: 768px) {
.pc_block{
	display: block;
	}
}
/*----*/

/*spのみ block*/
.sp_block{
	display: block;
}
@media screen and (min-width: 768px) {
.sp_block{
	display: none;
	}
}
/*----*/

/*pcのみ visible*/
.pc_visible{
	visibility: hidden;
}
@media screen and (min-width: 768px) {
.pc_visible{
	visibility: visible;
	}
}
/*----*/


/*pcのみ inline*/
.pc_inline{
	display: none;
}
@media screen and (min-width: 768px) {
.pc_inline{
	display: inline;
	}
}
/*----*/

/*spのみ inline*/
.sp_inline{
	display: inline;
}
@media screen and (min-width: 768px) {
.sp_inline{
	display: none;
	}
}

/*-------------------------*/

/*--------------スクロールバー*/
::-webkit-scrollbar{
  width: 10px;
}
::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: inset 0 0 2px #777; 
}
::-webkit-scrollbar-thumb{
  background: #ccc;
  border-radius: 8px;
  box-shadow: none;
  
  background: #0073A5; /* Old browsers */
  background: -moz-linear-gradient(top,  #005b97 0%, #3992b9 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #005b97 0%,#3992b9 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #005b97 0%,#3992b9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005b97', endColorstr='#3992b9',GradientType=0 ); /* IE6-9 */  
}

.wrapper{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	position:relative;
}
.wrapper2{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	background-color:#FFFEFA;
	position:relative;
	}
.wrapper3{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	background:linear-gradient(to right, #f2f4f8 0%, #d8e9f8 100%);
	}
.wrapper4{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	background-image: url("../img/back_meshi.png");
	/*付箋制御のため*/
	position:relative;
	z-index:0;
	}
@media screen and (min-width: 768px) {
.wrapper{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	}
.wrapper2{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	}
.wrapper3{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	}
.wrapper4{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	}
}
/*--*/

/*wrapper3のグラデ色変更*/
.gradient_ptn{
background:linear-gradient(to right, #f7f5f2 0%, #f7eada 100%);
}
/*--*/

/*スポット選択*/
.wrapper5{
	width: 98%;/*width: 100%;*/
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
    padding-top: 70px;
    padding-bottom: 70px;
	}
/*--*/

.slider div a{
	display:block;
	}

.slider div a:hover{
	opacity:0.8;
	}

.slide_p_1{
	font-family: 'wafuu';
	}

.logo_img{
	width: 200px;
}

/*ロード画面*/
.loading {
	/*ローディング画面の縦横幅を画面いっぱいになるように指定*/
	width: 100vw;
	height: 100svh;
	/*ローディング画面の表示位置を固定*/
	position: fixed;
	top: 0;
	left: 0;
	background: #E6E6E6;
	background:url('../img/bg_ld.png'),#F2F3F4;
	background-size:200px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	/*ローディング画面を0.5秒かけて非表示にする*/
	transition: all 0.5s linear;
	z-index:20;
}

/*ローディング画面を非表示にする*/
.loading.loaded {
	/*0.5秒かけてopacityを0にする*/
	opacity: 0;
	visibility: hidden;
}

.loading-text {
	color: #0073A5;
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 30px;
	text-align: center;
	font-family:YakuHanJPs, noto-sans-cjk-jp, sans-serif;
}

.spinner {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 4px solid #fff;
	border-left-color: #0073A5; 
	/* アニメーションを1秒かけて実行 */
	animation: spinner-rotation 1s linear infinite;
}

/* アニメーションの設定 */
@keyframes spinner-rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*--*/
.loading img{
	width:100px;
	margin-bottom:20px;
	}
/*--*/

/*メイン画像SP*/
.main_img_sp{
	width: 100%;
	margin-top: 58px;
}
.main_img_sp img{
	width: 100%;
}
/*メイン画像PC*/
.main_img{
	width: 100%;
	min-width: 100%;
	height:100vh;
	background-image: url("../img/top_img.jpg");
	background-position: bottom;
	background-size:cover;
	background-attachment:fixed;
	position:relative;
}
/*-------*/
.contents_01{
	width:100%;
	max-width:100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	box-sizing: border-box;
	padding-top: 8%;
	padding-bottom: 8%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.contents_02{
	width:1000px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	box-sizing: border-box;
	padding-top: 8%;
	padding-bottom: 8%;
	margin-left:auto;
	margin-right:auto;
	background-color:#E0EEF4;

}
.contents_03{
	width:100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	box-sizing: border-box;
	padding-top: 8%;
	padding-bottom: 8%;
	margin-left:auto;
	margin-right:auto;
}
.contents_04{
	width:96%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	box-sizing: border-box;
	padding-top: 8%;
	padding-bottom: 8%;
	margin-left:auto;
	margin-right:auto;
}
.no_bg{
	background-image: url("none");
}

@media screen and (min-width: 768px) {
.contents_01{
	width:100%;
	max-width:1000px;
	padding-top: 70px;
	padding-bottom: 70px;
	

	}
.contents_02{
	padding-top: 70px;
	padding-bottom: 70px;
	}
.contents_03{
	padding-top: 70px;
	padding-bottom: 70px;
	}
.contents_04{
	width:90%;
	padding-top: 70px;
	padding-bottom: 70px;
	}
.no_bg{
	background-image: url("none");
	}
}
/*--*/


/*-------------タイトル設定*/
.title{
	font-size:20px;
	font-weight: bold;
	color: #666;
	text-align: left;
	margin-bottom: 5%;
	letter-spacing:0.14em;
}
.title_c{
	font-size:20px;
	font-weight: bold;
	color: #666;
	text-align: center;
	margin-bottom: 5%;
	letter-spacing:0.14em;
}
.title_god{
	margin-bottom: 8%;	
	}
.title2{
	width:auto;
	font-size:20px;
	font-weight: normal;
	color: #fff;
	display:block;
	box-sizing:border-box;
	border-radius:10px 0;
	padding:10px;
	text-align: center;
	margin-bottom: 4%;
	letter-spacing:0.1em;
	background:linear-gradient(356deg, rgba(57,146,185,1) 0%, rgba(0,91,151,1) 100%);
}
@media screen and (min-width: 768px) {
.title{
	font-size:38px;
	font-weight: normal;
	text-align: left;
	margin-bottom: 46px;
	}
.title_c{
	font-size:38px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 46px;
	}
.title_god{
	margin-bottom: 46px;	
	}
.title2{
	font-size:26px;
	font-weight: normal;
	text-align: left;
	margin-bottom: 30px;
	}
}
/*--*/

/*タイトルアイコン1*/
.title_01:before{
	content:'';
	display: inline-block;
	background-image: url("../img/icon_shoe1.png");
	width: 42px;
	height:42px;
	margin-top: 0px;
	margin-right: 30px;
	background-size: cover;
	vertical-align: middle;
	opacity:0.6;
}
.title_01:after{
	content:'';
	display: inline-block;
	background-image: url("../img/icon_shoe2.png");
	width: 42px;
	height:42px;
	margin-top: -8px;
	margin-left: 12px;
	background-size: contain;
	vertical-align: middle;
	opacity:0.6;
}

/*タイトルアイコン2*/
.title_02:before{
	content:'';
	display: inline-block;
	background-image: url("../img/icon_drachm3.png");
	width: 40px;
	height:40px;
	margin-top: -8px;
	margin-right: 10px;
	background-size: contain;
	vertical-align: middle;
}
.title_02:after{
	content:'';
	display: inline-block;
	background-image: url("../img/icon_drachm2.png");
	width: 40px;
	height:40px;
	margin-top: -8px;
	margin-left: 10px;
	background-size: contain;
	vertical-align: middle;
}
@media screen and (min-width: 768px) {
.title_02:before{
	width: 60px;
	height:60px;
	margin-top: -8px;
	margin-right: 20px;
	}
.title_02:after{
	width: 60px;
	height:60px;
	margin-top: -8px;
	margin-left: 20px;
	}	
}
/*--*/

/*タイトルアイコン3*/
.title_03:before{
	content:'';
	display: inline-block;
	background-image: url("../img/icon_meal1.png");
	width: 50px;
	height:50px;
	margin-top: -8px;
	margin-right: 18px;
	background-size: contain;
	vertical-align: middle;
}
.title_03:after{
	content:'';
	display: inline-block;
	background-image: url("../img/icon_meal2.png");
	width: 50px;
	height:50px;
	margin-top: -8px;
	margin-left: 18px;
	background-size: contain;
	vertical-align: middle;
}
@media screen and (min-width: 768px) {
.title_03:before{
	width: 60px;
	height:60px;
	margin-top: -8px;
	margin-right: 28px;
	}
.title_03:after{
	width: 60px;
	height:60px;
	margin-top: -8px;
	margin-left: 28px;
	}	
}
/*--*/

/*タイトルアイコン5*/
.title_05:before{
	content:'';
	display: inline-block;
	background-image: url("../img/icon_stars.png");
	width: 40px;
	height:40px;
	margin-top: -8px;
	margin-right: 18px;
	background-size: contain;
	vertical-align: middle;
}
.title_05:after{
	content:'';
	display: inline-block;
	background-image: url("../img/icon_stars.png");
	width: 40px;
	height:40px;
	margin-top: -8px;
	margin-left: 18px;
	background-size: contain;
	vertical-align: middle;
}
@media screen and (min-width: 768px) {
.title_05:before{
	width: 60px;
	height:60px;
	margin-top: -8px;
	margin-right: 28px;
	}
.title_05:after{
	width: 60px;
	height:60px;
	margin-top: -8px;
	margin-left: 28px;
	}	
}
/*--*/

/*タイトルアイコン4*/
.title_04:before{
	content:'';
	display: inline-block;
	background-image: url("../img/icon_sacred1.png");
	width: 40px;
	height:40px;
	margin-top: -8px;
	margin-right: 18px;
	background-size: contain;
	vertical-align: middle;
}
.title_04:after{
	content:'';
	display: inline-block;
	background-image: url("../img/icon_sacred2.png");
	width: 40px;
	height:40px;
	margin-top: -8px;
	margin-left: 18px;
	background-size: contain;
	vertical-align: middle;
}
@media screen and (min-width: 768px) {
.title_04:before{
	width: 60px;
	height:60px;
	margin-top: -8px;
	margin-right: 28px;
	}
.title_04:after{
	width: 60px;
	height:60px;
	margin-top: -8px;
	margin-left: 28px;
	}	
}
/*--*/

/*タイトルアイコン6*/
.title_06:before{
	content:'';
	display: inline-block;
	background-image: url("../img/icon_origin1.png");
	width: 40px;
	height:40px;
	margin-top: -8px;
	margin-right: 18px;
	background-size: contain;
	vertical-align: middle;
}
.title_06:after{
	content:'';
	display: inline-block;
	background-image: url("../img/icon_origin2.png");
	width: 40px;
	height:40px;
	margin-top: -8px;
	margin-left: 18px;
	background-size: contain;
	vertical-align: middle;
}
@media screen and (min-width: 768px) {
.title_06:before{
	width: 60px;
	height:60px;
	margin-top: -8px;
	margin-right: 28px;
	}
.title_06:after{
	width: 60px;
	height:60px;
	margin-top: -8px;
	margin-left: 28px;
	}	
}
/*--*/

/*タイトルアイコン7*/
.title_07:before{
	content:'';
	display: inline-block;
	background-image: url("../img/icon_diary1.png");
	width: 40px;
	height:40px;
	margin-top: -8px;
	margin-right: 18px;
	background-size: contain;
	vertical-align: middle;
}
.title_07:after{
	content:'';
	display: inline-block;
	background-image: url("../img/icon_diary2.png");
	width: 40px;
	height:40px;
	margin-top: -8px;
	margin-left: 18px;
	background-size: contain;
	vertical-align: middle;
}
@media screen and (min-width: 768px) {
.title_07:before{
	width: 60px;
	height:60px;
	margin-top: -8px;
	margin-right: 28px;
	}
.title_07:after{
	width: 60px;
	height:60px;
	margin-top: -8px;
	margin-left: 28px;
	}	
}
/*--*/


/*星座のマーク設定*/
/*牡羊座*/
.title_stars:after{
	content:'';
	display: inline-block;
	width: 20px;
	height:20px;
	margin-top: -4px;
	margin-left: 8px;
	background-size: contain;
	vertical-align: middle;
}
.zodiac_01:after{
	background-image: url("../img/stars/icon_01.png");
}
.zodiac_02:after{
	background-image: url("../img/stars/icon_02.png");
}
.zodiac_03:after{
	background-image: url("../img/stars/icon_03.png");
}
.zodiac_04:after{
	background-image: url("../img/stars/icon_04.png");
}
.zodiac_05:after{
	background-image: url("../img/stars/icon_05.png");
}
.zodiac_06:after{
	background-image: url("../img/stars/icon_06.png");
}
.zodiac_07:after{
	background-image: url("../img/stars/icon_07.png");
}
.zodiac_08:after{
	background-image: url("../img/stars/icon_08.png");
}
.zodiac_09:after{
	background-image: url("../img/stars/icon_09.png");
}
.zodiac_10:after{
	background-image: url("../img/stars/icon_10.png");
}
.zodiac_11:after{
	background-image: url("../img/stars/icon_11.png");
}
.zodiac_12:after{
	background-image: url("../img/stars/icon_12.png");
}
.planet_01:after{
	background-image: url("../img/stars/icon_p01.png");
}
.planet_02:after{
	background-image: url("../img/stars/icon_p02.png");
}
.planet_03:after{
	background-image: url("../img/stars/icon_p03.png");
}
.planet_04:after{
	background-image: url("../img/stars/icon_p04.png");
}
.planet_05:after{
	background-image: url("../img/stars/icon_p05.png");
}
.planet_06:after{
	background-image: url("../img/stars/icon_p06.png");
}
.planet_07:after{
	background-image: url("../img/stars/icon_p07.png");
}
.planet_08:after{
	background-image: url("../img/stars/icon_p08.png");
}
.planet_09:after{
	background-image: url("../img/stars/icon_p09.png");
}
/*--*/

/*タイトルアイコン見所とボーダー*/
/*.title_ex_1{
	border-bottom:solid 1px #004666;
	}*/
.title_ex_1:before{
	content:'';
	display: inline-block;
	background-image: url("../img/icon_owl1.png");
	width: 42px;/*42px*/
	height:42px;
	margin-top: -8px;
	margin-right: 12px;
	background-size: contain;
	vertical-align: middle;
}
@media screen and (min-width: 768px) {
.title_ex_1:before{
	width: 52px;
	height:52px;
	margin-top: -8px;
	margin-right: 20px;
	}
}
/*-------------タイトル設定*/

/*詳細関連*/
.top_wrap{
	box-sizing: border-box;
	/*border-radius: 8px;
	border:solid 1px #276796;*/
	width: 94%;
	/*background-color: #fff;*/
	margin-left: auto;
	margin-right: auto;
	padding: 0 2% 0 2%;
    /*box-shadow:1px 2px 4px 2px #c1bfbe;*/
	font-size: 14px;
	line-height:1.4em;
	letter-spacing:0.2em;
	text-align: justify;
	}
@media screen and (min-width: 768px) {
.top_wrap{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 2% 0 2%;
	font-size: 16px;
	box-sizing: border-box;
	}
}

.top_wrap2{
	box-sizing: border-box;
	width: 100%;/*width: 98%;*/
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 0;/*padding: 0 1% 0 1%;*/
	font-size: 14px;
	line-height:1.3em;
	letter-spacing:0.16em;
	}
@media screen and (min-width: 768px) {
.top_wrap2{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 2% 0 2%;
	font-size: 16px;
	line-height:1.4em;
	letter-spacing:0.2em;
	}
}

/*背景設定*/
.bg_text_01{
	background-image: url("../img/back_text.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;	
	}
.bg_text_02{
	background-image: url("../img/back_text2.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;	
	}
.bg_text_03{
	background-image: url("../img/back_text3.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;	
	}
.bg_text_04{
	background-image: url("../img/back_text4.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;	
	}
.bg_text_05{
	background-image: url("../img/back_text5.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;	
	}
.bg_text_06{
	background-image: url("../img/back_text6.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;	
	}
.bg_text_07{
	background-image: url("../img/back_text7.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;	
	}
.bg_pattern_01{
	background-image:url("../img/bg_1.png");
	background-repeat:repeat;
	background-size:50%;
	}
.bg_pattern_02{
	background-image:url("../img/bg_2.png");
	background-repeat:repeat;
	background-size:304px;
	}
.bg_pattern_03{
	background:url("../img/hashira3.png"),linear-gradient(to right, #f7f5f2 0%, #f7eada 100%);
	background-repeat:repeat;
	background-size:78px,auto;
	background-attachment: fixed;
	}
.bg_pattern_04{
	background:url("../img/back_meshi2.png"),linear-gradient(to right, #f7f5f2 0%, #f7eada 100%);
	background-repeat:repeat;
	background-size:auto,auto;
	background-attachment: fixed;
	}
.bg_pattern_05{
	background:url("../img/back_cloud.png"),linear-gradient(to right, #f7f5f2 0%, #f7eada 100%);
	background-repeat:repeat;
	background-size:auto,auto;
	background-attachment: fixed;
	}
.bg_pattern_06{
	background:url("../img/back_star.png");/*linear-gradient(to right, #172444 0%, #283d66 100%)*/
	background-repeat:repeat;
	background-size:200px,auto;
	background-attachment: fixed;
	}
.bg_pattern_07{
	background:url("../img/back_stone.png"),linear-gradient(to right, #dbdbdb 0%, #b9b9b9 100%);/*linear-gradient(to right, #172444 0%, #283d66 100%)*/
	background-repeat:repeat;
	background-size:300px,auto;
	background-attachment: fixed;
	}
.bg_pattern_08{
	background:url("../img/back_foot2.png"),url("../img/back_foot3.png"),linear-gradient(to right, #E0E0E0 0%, #CFCFCF 100%);/*linear-gradient(to right, #172444 0%, #283d66 100%)*/
	background-repeat:no-repeat,no-repeat;
	background-size:300px,300px,auto;
	background-attachment:inherit,inherit;
	background-position:top left,bottom right;
	}
.bg_color_02{
	/*background-color:#8C837C;*/
	background:linear-gradient(270deg, rgba(140,131,124,1) 0%, rgba(160,153,147,1) 100%);
	}
	
@media screen and (min-width: 768px) {
.bg_pattern_01{
	background-image:url("../img/bg_1.png");
	background-repeat:repeat;
	background-size:304px;
	}
}
	
/*--*/
.obi_top{
	background:url("../img/spots/obi.png");
	background-repeat:repeat-x;
	background-size:contain;
	width:100%;
	height:16px;
	position:absolute;
	top:1%;
	}
.obi_bottom{
	background:url("../img/spots/obi.png");
	background-repeat:repeat-x;
	background-size:contain;
	width:100%;
	height:16px;
	position:absolute;
	bottom:1%;
	transform: scale(-1, 1);/*向きを反転*/
	}


/*ギリシャ基本情報*/
.info_text{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.info_text p{
	margin-top: 10%;
	font-size: 14px;
	line-height:1.5em;
}
.info_text dt{
	float:left;
	/*display:flex;
	flex-wrap: wrap;*/
	width:30%;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 1%;
	font-size: 14px;
}
.info_text dd{
	/*display:flex;
	flex-wrap: wrap;*/
	width:70%;
	margin-left:0;
	line-height: 1.4em;
	margin-bottom: 4%;
	font-size: 14px;
}
.info_dl dd img{
	width:30%;
}

.info_greece{
	width:90%;
	box-sizing: border-box;
	border-radius: 8px;
	border:solid 3px #276796;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	padding: 6% 4% 6% 4%;
    /* box-shadow */
    box-shadow:1px 2px 4px 2px #c1bfbe;
}
.info_greece p{
	font-size: 14px;
	text-align: left;
	margin-bottom: 0;
}
.info_greece .info_title{
	font-size: 18px;
}
.info_img{
	box-sizing:border-box;
	padding:0 0.5% 0 0.5%;
	}
.info_img img{
	width: 100%;
	float: none;
	margin-right:6%;
    /* box-shadow */
    box-shadow:1px 2px 4px 2px #c1bfbe;
}
.info_img img:last-child{
	margin-right: 0;
}

.greece_info{
	width: 100%;
	float: none;
	box-sizing:border-box;
	padding:5% 2% 0 2%;
	}

.note_01{
	font-size:14px;
}
@media screen and (min-width: 768px){
.info_text{
	width: 90%;/*width: 720px;*/
	}
.info_text p{
	margin-top: 50px;
	font-size: 16px;
}
.info_text dt{
	float:left;
	margin-bottom: 10px;
	font-size: 16px;
	}
.info_text dd{
	margin-left:100px;
	margin-bottom: 10px;
	font-size: 16px;
	}
	
.info_greece{
	width:100%;
	padding: 4%;
	}
.info_greece p{
	font-size: 14px;
	margin-bottom: 24px;
	}
.info_greece .info_title{
	font-size: 26px;
}	
	
.info_img img{
	width: 47%;
	float: left;
	margin-right:6%;
}


.greece_info{
	width: 47%;
	float: left;
	padding:5%;
	}

	
.dl_btn_pamph{
	width: 400px;
	padding: 16px 16px 16px 16px;
	font-size: 18px;
	margin-top: 26px;
	}
}
/*--*/

/*下部メニュー*/

.column_01{
	width:97.6%;
	box-sizing: border-box;
	border-radius: 8px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	padding: 6% 4% 6% 4%;
	background-color:#FFFEFA;
	background-image:none;
	/*background-repeat:no-repeat;
	background-position:bottom 24% left 4%;
	background-size:400px;*/
}
.column_01 p{
	font-size: 14px;
	text-align: left;
	margin-bottom: 6%;
}

.title_charm{
	font-size:26px;
	color: #666;
	margin-bottom:46px;
	}

/*左カラム*/
.col_l{
	float:none;
	box-sizing: border-box;
	width:100%;
	}
	
.col_l p{
	font-size:14px;
	color: #666;
	text-align:left;
	box-sizing:border-box;
	padding:0 0 0 0;
	line-height: 1.6em;
	letter-spacing:0.2em;
	}
	
/*右カラム*/	
.col_r{
	float:none;
	box-sizing: border-box;
	width:100%;
	margin-left:0;
	}
.col_r ul{
	box-sizing: border-box;
	display:flex;
	justify-content: space-between;
	list-style:none;
	margin-bottom:2%;
	flex-wrap:wrap;
	column-gap: 2%;
	row-gap: 1.8vw;
	}
.col_r ul:last-child{
	margin-bottom:0;	
	}
.col_r ul li{
	box-sizing: border-box;
	width:49%;
	border-radius:8px;
	background-color:#fff;
	height:auto;
	box-shadow: 1px 2px 4px 0px #c1bfbe;
	position:relative;
	}
.col_r ul li:hover{
	transform: translateY(-4px);
	box-shadow: 0 10px 25px -5px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.1);
	transition: .3s;
	
	}
.col_r ul li:last-child{
	margin-right:0;	
	}
.col_r ul li a{
	display:block;
    height: 100%;
    width: 100%;
	text-decoration:none;
	color:#666;
	}
.col_r ul li img{
	width:100%;
	}
.col_r ul li h3{
	padding:0 4%;
	margin-top:3%;
	margin-bottom:3%;
	font-size:13px;
	letter-spacing:0.1em;
	}
.col_r ul li p{
	box-sizing:border-box;
	padding:0 4%;
	font-size:12px;
	line-height:1.4em;
	letter-spacing:0.1em;
	}
@media screen and (min-width: 768px){
.column_01{
	max-width:1500px;
	padding: 4%;
	background-image:url("../img/mask.png");
	background-repeat:no-repeat;
	background-position:bottom 24% left 4%;
	background-size:400px;
	}
.column_01 p{
	margin-bottom: 24px;
	}

/*左カラム*/
.col_l{
	float:left;
	box-sizing: border-box;
	width:32%;
	}
.col_l p{
	font-size:16px;
	letter-spacing:0.2em;
	text-align:justify;
	}

/*右カラム*/
.col_r{
	float:left;
	box-sizing: border-box;
	width:64%;
	margin-left:4%;
	}
.col_r ul{
	margin-bottom:2%;
	row-gap: 1vw;
	}
.col_r ul li{
	width:49%;
	}
.col_r ul li h3{
	margin-top:5%;
	margin-bottom:5%;
	font-size:18px;
	}
.col_r ul li p{
	padding:0 4%;
	font-size:14px;
	line-height:1.4em;
	letter-spacing:0.1em;
	}
}
@media screen and (min-width: 1000px){
/*左カラム*/
.col_r ul li{
	width:32%;
	}	
}
/*--*/

/*魅力調整*/

/*--*/

/*見どころ*/
.highlight_wrap{
	width:100%;/*width:97.6%;*/
	box-sizing: border-box;
	border-radius: 8px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	padding: 6% 4% 6% 4%;
	background-color:#FFFEFA;
	background-repeat:no-repeat;
	background-position:bottom 24% left 4%;
	background-size:400px;
	}
.highlight_icon{
	list-style:none;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
    gap: 7vw 1vw;
	}
.highlight_icon li{
	width:47%;
	box-sizing:border-box;
	padding-bottom:2%;
	position:relative;
	}
.highlight_number{
	box-sizing:border-box;
	background-color:#008bcc/*#52cc78*//*#0073A5*/;
	text-align:center;
	width:36px;
	height:36px;
	border-radius:50%;
	border:solid #FFFEFA 4px;
	font-family:"hikki2";
	font-size:18px;
	color:#FFFEFA;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:1;
	}	
.highlight_icon li h3{
	padding: 0;
    margin-top: 5%;
    margin-bottom: 5%;
    font-size: 16px;
    letter-spacing: 0.08em;
	line-height:1.2em;
	font-weight:bold;
	}
.highlight_icon li .highlight_text{
	box-sizing: border-box;
    padding:0;
    line-height: 1.4em;
    letter-spacing: 0.08em;
	font-size: 14px;
	margin-bottom:30px;
	text-align: justify;
	}
.highlight_icon li a{
	display:block;
	}
.highlight_icon li img{
	width:100%;
	height:auto;
	border-radius:4%;
	border:solid 4px #FFFEFA;
	margin-top:-20px;
	margin-bottom:10px;
	box-shadow:10px 10px 0px 0px #C9DCEC;
	margin-left:-10px;
	}
.btn_detail{
	background-color:#0073A5;
	text-align:center;
	color:#fff;
	}
@media screen and (min-width: 768px){
.highlight_icon{
    gap: 4vw 1vw;
	}
.highlight_icon li{
	width:23%;
	padding-bottom:2%;
	}
.highlight_number{
	width:40px;
	height:40px;
	font-size:22px;
	}
.highlight_icon li h3{
    margin-bottom: 5%;
    font-size: 16px;
    letter-spacing: 0.1em;
	}
.highlight_icon li .highlight_text{
    letter-spacing: 0.1em;
	margin-bottom:20px;	
	}
}
/*--*/


/*ギリシャメシ*/
.meshi_wrap{
	width:100%;/*width:97.6%;*/
	box-sizing: border-box;
	border-radius: 8px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 0;/*padding: 6% 4% 6% 4%;*/
	background-color:inherit;
	background-repeat:no-repeat;
	background-position:bottom 24% left 4%;
	background-size:400px;
	}
.meshi_title{
	color:#333;
	font-family: 'wafuu';
	font-size:32px;
	}
.title_small{
	font-size:24px;/*font-size:26px;*/
	}
.meshi_icon{
	list-style:none;
	display:flex;
	flex-wrap: wrap;
	justify-content:left; /*space-around*/
    gap: 2vw 2%;/*gap: 6vw 2%;*/
	}
/*li2分割*/
.meshi_icon li{
	width:49%;
	box-sizing:border-box;
	padding-bottom:2%;
	position:relative;
	}
.meshi_icon li h3{
	padding-left:0.8em;
    margin-top: 0;
    margin-bottom: 4%;
    font-size: 16px;
    letter-spacing: 0.1em;
	color:#0073a5;
	}
.meshi_icon li .highlight_text{
	box-sizing: border-box;
    padding:0;
    line-height: 1.4em;
    letter-spacing: 0.1em;
	font-size: 14px;
	margin-bottom:30px;
	text-align: justify;
	}
.meshi_icon li img{
	width:100%;
	height:auto;
	border-radius:0;
	border:solid 3px #FFFEFA;
	margin-bottom:5%;
	box-sizing:border-box;
	}
.meshi_icon li a{
	display:block;
	position:relative;
	}
.meshi_icon li a:after{
    position: absolute;
    bottom: 26px/*bottom: 1.2em*/;
    right: 0.4em;
    width: 50%;
    height: 60px;/*height: 20%;*/
    box-shadow: 0 10px 15px #333;
    transform: rotate(4deg);
    content: '';
    z-index: -1;	
	}
@media screen and (min-width: 768px){
.meshi_title{
	font-size:46px;
	}
.title_small{
	font-size:32px;
	}
.meshi_icon li{
	width:49%;
	padding-bottom:2%;
	}
.meshi_icon li h3{
	padding-left:1em;
    font-size: 18px;
    margin-top: 5%;
    margin-bottom: 10%;
	}
.meshi_icon li img{
	margin-bottom:4%;
	}
}
@media screen and (min-width: 900px){
/*li3分割*/
.meshi_icon li{
	width:32%;
	padding-bottom:2%;
	}
.meshi_icon{
    gap: 2vw 2%;/*gap: 2vw 1vw;*/
	}
}
@media screen and (min-width: 1047px){
/*li4分割*/
.meshi_icon li{
	width:23%;
	padding-bottom:2%;	
	}
.meshi_icon{
    gap: 2vw 2.666%;
	}
}
/*--*/

/*liのダミー*/
.meshi_icon .dummy_li,
.lower_icon2 .dummy_li{
	display:flex;
	align-items: center;
	padding-bottom:0;
	}
.meshi_icon .dummy_li img,
.lower_icon2 .dummy_li img{
	box-shadow:none;
	border:none;
	filter:drop-shadow(0.3rem 0.3rem 0.3rem #4f4f4f);
	}	
.ul_origin .dummy_li img{
	filter:none;
	}
/*--*/

/*liのダミー調整*/
/*余り1*//*メテオラ・ミケーネ・ハニア*/
.meshi_icon .dum_chosei1{
	display:flex;
	}
@media screen and (min-width: 768px){
.meshi_icon .dum_chosei1{
	display:flex;
	}
}
@media screen and (min-width: 900px){
/*li3分割*/
.meshi_icon .dum_chosei1{
	display:none;
	}
}
@media screen and (min-width: 1047px){
/*li4分割*/
.meshi_icon .dum_chosei1{
	display:flex;
	}
}
/*余り2*//*イラクリオン・ハニア*/
.meshi_icon .dum_chosei2{
	display:none;
	}
@media screen and (min-width: 768px){
.meshi_icon .dum_chosei2{
	display:none;
	}
}
@media screen and (min-width: 900px){
/*li3分割*/
.meshi_icon .dum_chosei2{
	display:none;
	}
}
@media screen and (min-width: 1047px){
/*li4分割*/
.meshi_icon .dum_chosei2{
	display:flex;
	}
}
/*余り0・3列の時に2つ表示用*//*テッサロニキ・エピダウロス・アテネ・ミコノス・サントリーニ*/
.meshi_icon .dum_chosei3{
	display:none;
	}
@media screen and (min-width: 768px){
.meshi_icon .dum_chosei3{
	display:none;
	}
}
@media screen and (min-width: 900px){
/*li3分割*/
.meshi_icon .dum_chosei3{
	display:flex;
	}
}
@media screen and (min-width: 1047px){
/*li4分割*/
.meshi_icon .dum_chosei3,
.lower_icon2 .dum_chosei3{
	display:none;
	}
}
/*3列の時最後を消す*//*メテオラ*/
.meshi_icon .dum_chosei4{
	display:none;
	}
@media screen and (min-width: 768px){
.meshi_icon .dum_chosei4{
	display:none;
	}
}
@media screen and (min-width: 900px){
/*li3分割*/
.meshi_icon .dum_chosei4{
	display:flex;
	}
}
@media screen and (min-width: 1047px){
/*li4分割*/
.meshi_icon .dum_chosei4{
	display:none;
	}
}
/*--*/
/*liのダミー調整*/

/*下層2のダミー調整・星々*/
/*liのダミー調整*/
/*余り1*/
.lower_icon2 .dum_chosei1{
	display:none;
	}
@media screen and (min-width: 480px){
.lower_icon2 .dum_chosei1{
	display:flex;
	}	
}
@media screen and (min-width: 768px){
.lower_icon2 .dum_chosei1{
	display:flex;
	}
}
@media screen and (min-width: 900px){
/*li3分割*/
.lower_icon2 .dum_chosei1{
	display:flex;
	}
}
@media screen and (min-width: 1047px){
/*li4分割*/
.lower_icon2 .dum_chosei1{
	display:flex;
	}
}
/*余り2*/
.lower_icon2 .dum_chosei2{
	display:none;
	}
@media screen and (min-width: 768px){
.lower_icon2 .dum_chosei2{
	display:flex;
	}
}
@media screen and (min-width: 900px){
/*li3分割*/
.lower_icon2 .dum_chosei2{
	display:flex;
	}
}
@media screen and (min-width: 1047px){
/*li4分割*/
.lower_icon2 .dum_chosei2{
	display:flex;
	}
}
/*--*/

/*下層2のダミー調整・由来*/
/*liのダミー調整*//*余り0*/
.ul_origin .dummy_li img{
	display:none;
	}
@media screen and (min-width: 768px){
.ul_origin .dummy_li img{
	display:flex;
	}
}
@media screen and (min-width: 900px){
/*li3分割*/
.ul_origin .dummy_li img{
	display:none;
	}
}
@media screen and (min-width: 1047px){
/*li4分割*/
.ul_origin .dummy_li img{
	display:none;
	}
}
/*--*/


/*付箋タイトル*/
.fusen{
	width: 100%;
	height: 30px;
	line-height: 30px;
	position: relative;
	background: #FFFEFA url('../img/fusen_color.gif') no-repeat right -10px top;
	z-index:inherit;
	box-sizing:border-box;
	font-family: 'wafuu';
}
.fusen:after{
    position: absolute;
    bottom: 0.5rem;
    right: 0;
    width: 50%;
    height: 20%;
    box-shadow: 0 5px 15px #333;
    transform: rotate(4deg);
    content: '';
    z-index: -1;
}
@media screen and (min-width: 480px){
.fusen{
	height: 40px;
	line-height: 40px;
	background: #FFFEFA url('../img/fusen_color.gif') no-repeat right top;
	}	
}
/*--*/

/*付箋タイトル微調整*/
.meshi_icon li .chosei_03{
	font-size:14px;
	letter-spacing:0em
	}
@media screen and (min-width: 480px){
.meshi_icon li .chosei_03{
	font-size:16px;
	letter-spacing:0.1em
	}
}
@media screen and (min-width: 768px){
.meshi_icon li .chosei_03{
	font-size:18px;
	}
}
@media screen and (min-width: 1040px){
.meshi_icon li .chosei_03{
	font-size:16px;
	}
}
@media screen and (min-width: 1180px){
.meshi_icon li .chosei_03{
	font-size:18px;
	}
}
/*--*/
/*付箋サブタイトル（ギリシャ語）微調整2*/
.memo_box p .chosei_04{
	font-size:12px;
	}
@media screen and (min-width: 369px){
.memo_box p .chosei_04{
	font-size:13px;
	}
}
@media screen and (min-width: 768px){
.meshi_icon li .chosei_04{
	font-size:14px;
	}
}
/*--*/

/*メモ帳エフェクト*/
.memo_box {
    position:relative;
	padding:0.2rem 0.4rem 0.2rem 1rem;
    background-color: #FFFEFA;
	box-sizing:border-box;
	width:100%;
	margin-left:auto;
	margin-right:auto;	
	background-image: radial-gradient(circle, #e2e2e2 5px, transparent 5px);
	background-position: left 0.2rem top;
	background-repeat: repeat-y;
	background-size: 10px 18px;
}
.memo_box::before {
    position: absolute;
    top: 1.4rem;
    left: 1.1rem;
    width: calc(100% - 1.6rem);
    height: calc(100% - 2rem);
	background-image: repeating-linear-gradient(#bcbcbc 0 1px, transparent 1px 20px);
    content: '';
}
.memo_box::after {
    position: absolute;
    bottom: 10px;/*bottom: 0.5rem;*/
    right: 0;
    width: 50%;
    height: 10px;/*height: 20%;*/
    box-shadow: 0 12px 15px #333;
    transform: rotate(4deg);
    content: '';
    z-index: -1;
}
.memo_box p {
	box-sizing: border-box;
    padding:0;
    line-height: 1.6;
    letter-spacing: 0.04em;
	font-size: 13px;
	margin-bottom:12px;
	text-align: justify;
}
@media screen and (min-width: 768px){
.memo_box {
    padding:1rem 1rem 1rem 1.6rem;

	background-position: left 0.5rem top;
	background-size: 14px 24px;
}
.memo_box::before {
    top: 2.8rem;
    left: 1.6rem;
    width: calc(100% - 2rem);
	background-image: repeating-linear-gradient(#bcbcbc 0 1px, transparent 1px 32px);
	}
.memo_box p {
	font-size: 14px;
    line-height: 2.3;
    letter-spacing: 0.1em;
	margin-bottom:30px;
	}
}
@media screen and (min-width: 900px){
.memo_box {
    padding:1rem 1rem 1rem 1.6rem;	
	}
}
/*--*/



/*飯ページ　デュオニソスとデメテル浮遊用*/
.meshi_god1{
	filter: drop-shadow(0 0 0.2rem #4f4f4f);
	width:80px;
	position:absolute;
	top:0;
	left:0;
	}
.meshi_god2{
	filter: drop-shadow(0 0 0.2rem #4f4f4f);
	width:80px;
	position:absolute;
	top:0;
	right:0;
	}

.target2,.target3{
  display: block;
  height: auto;
}
@media screen and (min-width: 900px){
.meshi_god1,.meshi_god2{
	width:120px;
	}
}
/*--*/

/* 浮遊アニメーション */
.target2 {
  animation: floating-y 1.2s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}

.target3 {
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}
/*--*/

/*ギリシャメシ紹介ブロック*/
.food_table{
	position:relative;
	display:flex;
	flex-direction:column;
	margin-bottom:4%;
	}

.food_table_img_div{
	width:100%;
	display:flex;
	align-items: center;
	position:relative;
	margin-bottom:2%;
	}

.food_table_img{
	width:100%;
	height:auto;
	filter: drop-shadow(0 0 0.2rem #4f4f4f);
	}
	
.food_table_text{
	display:flex;
	align-items:center;
	width:100%;
	box-sizing:border-box;
	padding:2%;
	font-size:14px;
    line-height: 1.2em;
    letter-spacing: 0.16em;
	text-align: justify;
	color:#333;
	background-color:rgba(255,255,255,0.5);
	}
@media screen and (min-width: 900px){
.food_table{
	flex-direction:row;
	margin-bottom:46px;
	}
	
.food_table_img_div{
	width:60%;
	margin-bottom:0;
	}
	
.food_table_text{
	width:40%;
	font-size:16px;
    line-height: 1.4em;
    letter-spacing: 0.2em;
	}
	
}
/*---*/

/*拡大虫眼鏡アイコン・スポット詳細*/
.highlight_detail_right ul li .lens{
	position:absolute;
	width:20px;
	bottom:10px;
	right:4px;
	border:none;
	border-radius:0;
	filter: drop-shadow(2px 2px 2px #333);
	}
.meshi_icon li .lens{
	position:absolute;
	width:20px;
	bottom:6px;
	right:6px;
	border:none;
	filter: drop-shadow(2px 2px 2px #333);
	}
/*--*/

/*拡大虫眼鏡アイコン・スポット見出し*/
.highlight_wrap .highlight_icon li .lens{
	position:absolute;
	width:20px;
	bottom:10px;
	right:12px;
	border:none;
	border-radius:0;
	filter:drop-shadow(2px 2px 2px #333);
	box-shadow:none;	
}
.hl_icon_imgs{
	position:relative;
}
/*--*/

/*拡大虫眼鏡アイコン・下層・遺跡/グルメ*/
.lower_01 ul li .lw_imgs{
	position:relative;
	}
.lower_01 ul li .lens{
	position:absolute;
	width:20px;
	bottom:10px;
	right:12px;
	border:none;
	border-radius:0;
	filter:drop-shadow(2px 2px 2px #333);
	box-shadow:none;
	}
/*--*/


/*-----------グラデボタン*/
.btn_detail,
a.btn_detail,
button.btn_detail {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  display: inline;
  box-sizing:border-box;
  padding: 2% 4%;
  position:absolute;
  bottom:0;
  width:100%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-gradient {
  font-weight: normal;
  color: #fff;
  border-radius: 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(40%, #ff3cac),
    to(#562b7c)
  );

	background-image: -webkit-linear-gradient(left, #52cc78 40%, #0093c8 100%);
	background-image: linear-gradient(90deg, #52cc78 40%, #0093c8 100%);
	border-radius:8px 0;
}

a.btn-gradient:after {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  content: "";
  -webkit-transition: all 0.5s;
  transition: all 0.5s;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff3cac),
    color-stop(#562b7c),
    to(#2b86c5)
  );

	background-image: -webkit-linear-gradient(left, #52cc78, #0093c8);
	background-image: linear-gradient(90deg, #52cc78, #0093c8);
	border-radius:8px 0;
}

a.btn-gradient span {
  position: relative;
  z-index: 1;
}

a.btn-gradient:hover {
  color: #fff;
}

a.btn-gradient:hover:after {
  opacity: 0;
}
/*-----------グラデボタン*/
	
@media screen and (min-width: 768px){
	
}
/*--*/


/*-----------グラデボタン2*/
a.btn-gradient2 {
  font-weight: normal;
  color: #fff;
  border-radius: 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(40%, #ff3cac),
    to(#562b7c)
  );

	background-image: -webkit-linear-gradient(left, #ccaa56 40%, #c65500 100%);
	background-image: linear-gradient(90deg, #ccaa56 40%, #c65500 100%);
	border-radius:8px 0;
}

a.btn-gradient2:after {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  content: "";
  -webkit-transition: all 0.5s;
  transition: all 0.5s;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff3cac),
    color-stop(#562b7c),
    to(#2b86c5)
  );

	background-image: -webkit-linear-gradient(left, #ccaa56, #c65500);
	background-image: linear-gradient(90deg, #ccaa56, #c65500);
	border-radius:8px 0;
}

a.btn-gradient2 span {
  position: relative;
  z-index: 1;
}

a.btn-gradient2:hover {
  color: #fff;
}

a.btn-gradient2:hover:after {
  opacity: 0;
}
/*-----------グラデボタン2*/
	
@media screen and (min-width: 768px){
	
}
/*--*/


/*見どころ詳細*/

.highlight_detail{
	box-sizing:border-box;
	padding:38px 2% 20px 2%;
	border-bottom:2px solid #0073A5;
	margin-bottom:20px;	
	background-image:url("../img/spots/roop_moyou.png"),url("../img/bg_2.gif");
	background-position:top;
	background-size:120px,auto;
	background-repeat:repeat-x,repeat;
	border-right:solid 2px #0073A5;
	border-left:solid 2px #0073A5;
	border-radius:10px 10px 0 0;
	background-color:#fff;
	box-shadow: 4px 4px 0px 0px #e3e3e3;
	}
.gthu{
	display: block;
	width: 97.6%;
	margin:0 auto;
	}
.highlight_detail_left{
	width:100%;
	box-sizing:border-box;
	border-right:none;
	/*display: flex;*/
	justify-content: center;
	align-items: center;
	padding-right:0;
	background-image:none;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	margin-bottom:4%;
	position:relative;
	}
/*右カラム*/
.highlight_detail_right{
	width:100%;
	box-sizing:border-box;
	padding:0 0 0 0;
	}
.highlight_detail_right ul{
	display: flex;
    flex-wrap: wrap;
	/*justify-content: space-between;*/
	row-gap: 20px;
	column-gap: 3.2%;
	}
.highlight_detail_right ul li{
	list-style:none;
	width:48%;
	}
.highlight_detail_right ul li a{
	position:relative;
	}
.highlight_detail_right ul li img{
	width:100%;
	height:auto;
	border-radius:10px 0;
	border: solid 1px #0073a5;
	}
.highlight_detail_right ul li p{
	font-size:12px;
	margin-top:4px;
	}
.highlight_detail_text{
	font-size:14px;
    line-height: 1.4em;
    letter-spacing: 0.16em;
	/*margin-bottom:4%;*/
	text-align: justify;
	}

/*タイトル*/
.title_highlight_detail{
	text-align:left;
	display:block;
	box-sizing:border-box;
	padding:10px 7px;
	position:static;
	background-color:#004666/*#0073A5*/;
	color:#fff;
	box-shadow: 6px 6px 2px 1px #e3e3e3;
	font-size:18px;
	margin-left:0;
	margin-bottom:5%;
	border-radius: 10px 0;
	}
/*見所説明高さ調整*/
.height_chosei{
	display: flex;
	justify-content: center;
	align-items: center;
	height:100%;
	box-sizing:border-box;
	background-image:url("../img/back_mask.png");
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	}
@media screen and (min-width: 768px){
.highlight_detail{
	padding:44px 0 20px 0;
	margin-bottom:26px;/*margin-bottom:20px;*/
	background-image:url("../img/spots/roop_moyou.png"),url("../img/bg_2.gif");
	background-position:top;
	background-size:120px,auto;
	background-repeat:repeat-x,repeat;
	box-shadow: 8px 8px 0px 0px #e3e3e3;
	}
.gthu{
	display: flex;
	width: 97.6%;
	margin:0 auto;
	}
/*左カラム*/
.highlight_detail_left{
	width:50%;
	border-right:1px dotted #0073A5/*CCC*/;
	padding-right:1.4%;/*padding-right:20px;*/
	background-image:none;
	margin-bottom:0;
	}
/*右カラム*/
.highlight_detail_right{
	width:50%;
	box-sizing:border-box;
	padding:0 0 0 1.4%;/*padding:0 0 0 30px;*/
	/*background-color:#F00;*/
	}
.highlight_detail_text{
	font-size:16px;
    letter-spacing: 0.2em;
	/*margin-bottom:0;*/
	}
.highlight_detail_right ul li p{
	font-size:14px;
	margin-top:4px;
	}
/*タイトル*/
.title_highlight_detail{
	text-align:left;
	display:block;
	width:98%;
	box-sizing:border-box;
	padding:18px 14px;
	position:static;
	background-color:#004666 /*#adcbd9*//*#0073A5*/;
	color:#fff;
	box-shadow: 8px 8px 2px 1px #e3e3e3;
	font-size:18px;
	margin-left:0;/*margin-left:10px;*/
	margin-bottom:5%;
	}
/*見所説明高さ調整*/
.height_chosei{
	display: flex;
	justify-content: center;
	align-items: center;
	height:calc(100% - 54px);
	padding:2%;
	background-image:nnone;
	}
}
@media screen and (min-width: 900px){
/*タイトル*/
.title_highlight_detail{
	text-align:left;
	display:inline-block;
	width:auto;
	box-sizing:border-box;
	padding:28px 14px;
	position:static;
	background-color:#004666 /*#adcbd9*//*#0073A5*/;
	color:#fff;
	box-shadow: 12px 12px 2px 1px #e3e3e3;
	font-size:20px;
	margin-left:0;/*margin-left:20px;*/
	margin-bottom:0;
	}
/*左カラム*/
.highlight_detail_left{
	background-image:url("../img/back_mask.png");
	background-size:380px;
	}
/*見所説明高さ調整*/
.height_chosei{
	display: flex;
	justify-content: center;
	align-items: center;
	height:calc(100% - 76px);
	padding:2%;
	background-image:none;
	}
}
@media screen and (min-width: 1060px){
/*左カラム*/
.highlight_detail_left{
	background-image:url("../img/back_mask.png");
	background-size:500px;
	}
}
/*--*/

.m_with{
	max-width:1400px;
	}

/*カミングスーン*/
.comingsoon_box img{
	width:100%;
}
/*カミングスーン*/

/*フッター*/
.ft{
	/*background-image: url("../img/footer.png");*/
	background:linear-gradient(270deg, rgba(0,91,151,1) 0%, rgba(57,146,185,1) 100%);
	background-size: cover;
	height:auto;
	box-sizing: border-box;
	/*padding-bottom: 4%;*/
}
.ft_box{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:80px;
	box-sizing: border-box;
	padding-top: 4%;
}
@media screen and (min-width: 768px){
.ft{
	background-size: cover;
	/*height:683px;*/
	/*padding-bottom: 10%;*/
}
.ft_box{
	/*width: 1000px;*/
	width: 90%;
	padding-top: 60px;
	}
}
/*--*/

.ft_ul li{
	list-style: none;
	float: left;
	width: 20%;
	box-sizing: border-box;
	text-align: center;
}
.ft_ul li a{
	color: #fff;
	text-decoration: none;
	/*font-weight: bold;*/
	font-size: 16px;
}
.ft_ul li a:hover{
	opacity: 0.8;
}
.ft_ul li a:link {
  color: #fff;
}
.ft_ul li a:visited {
  color: #fff;
}
.ft_ul li a:active {
  color: #fff;
}
.mail_btn{
	display: block;
	background-color: #276796;
	color: #fff;
	width: 90%;
	box-sizing: border-box;
	text-align: center;
	padding: 4% 4% 4% 4%;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20%;
    /* box-shadow */
    box-shadow:1px 2px 2px 2px #45536d;
}
@media screen and (min-width: 768px){
.mail_btn{
	display: block;
	background-color: #276796;
	color: #fff;
	width: 400px;
	box-sizing: border-box;
	text-align: center;
	padding: 16px 16px 16px 16px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	margin-top: 85px;
    /* box-shadow */
    box-shadow:1px 2px 2px 2px #45536d;
	}
}
/*--*/
.ft_text{
	width: 90%; /*width: 80%;*/
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 26px;*/
	font-size: 13px;
}

.ft_text01,.ft_text02{
	color: #fff;
	float: none;
}
.ft_text01{
	margin-right: 0;
	font-family: 'hikki';
	font-size:100px;
	/*font-weight:bold;*/
	width:100%;
	box-sizing:border-box;
}

.ft_text02{
	box-sizing:border-box;
	width:100%;
	display:flex;
	}

.ft_menu{
	/*width:50%;*/
	display:flex;
	flex-wrap:wrap;
	gap:18px 2%;
	}
.ft_menu:last-child{
	margin-bottom:0;
	}
.ft_menu li{
	list-style:none;
	box-sizing:border-box;
	/*margin-right:10%;*/
	/*margin-bottom:18px;*/
	letter-spacing:0.2em;
	width:49%;
	}
.ft_menu li:last-child{
	margin-right:0;	
	}
.ft_menu li a{
	text-decoration:none;
	color:#fff;
	}
.wave{
	background-image:url("../img/wave.png");
	height:18px;
	background-position:center;
	background-size:contain;
	opacity:0.3;
	}
.ft_ship{
	width:100px;
	position:absolute;
	margin-top:-38px;
	left:50%;
	opacity:1;
	margin-left:-50px;
	}
.ft_ship2{
	width:100px;
	position:absolute;
	margin-top:-34px;
	left:50%;
	opacity:1;
	margin-left:-50px;
	}
.ft_ship img,
.ft_ship2 img{
	width:100%;
	}
@media screen and (min-width: 768px){
.ft_text{
	width: 90%;
	/*margin-top: 26px;*/
	font-size: 16px;
	/*background-color:#ccc;*/
	}
.ft_text01,.ft_text02{
	color: #fff;
	float: left;
	}
.ft_text01{
	font-size:100px;
	width:30%;
}
.ft_text02{
	width:70%;
	}
.ft_menu li{
	list-style:none;
	box-sizing:border-box;
	/*margin-right:10%;*/
	/*margin-bottom:18px;*/
	letter-spacing:0.2em;
	width:32%;
	}
}
/*--*/

.ft_link{
	width:94%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8%;
}
.ft_link li{
	list-style: none;
	float: left;
	width: 48%;
	margin-right: 1%;
	margin-bottom: 1%;
	box-sizing: border-box;
}
.ft_link li:last-child{
	margin-right: 0;
}
.ft_link li img{
	width: 100%;
}
.copyright{
	font-size:12px;
	color: #fff;
	text-align: center;
	/*margin-top:10%;*/
	letter-spacing:0.1em;
	/*background-color:#C9DCEC;*/
	/*background-color:rgba(113, 163, 205, 0.5);*/
	background-color:rgba(255, 255, 255, 0.3);
	padding-top:40px;
	padding-bottom:40px;
	/*opacity:0.5;*/
}
@media screen and (min-width: 768px){
.ft_link{
	margin-top: 76px;
	}
.ft_link li{
	float: left;
	width: 22%;
	margin-right: 4%;
	margin-bottom: 0;
	}
.copyright{
	font-size:12px;
	/*margin-top:100px;*/
	}
}
/*--*/
/*フッター*/





/*---------*/
/*TOPページ*/

/*メイン画像*/
/*.main_img{
	overflow:hidden;
	}
.main_img img{
	height:100%;
	opacity:.6;
	}*/

/*pc用メイン画*/
.pc_main_img {
    clip-path: inset(0);
    /*width: 100%;
    margin: 70vh 0;*/
    /*padding: 80px 30px;*/
    text-align: center;
	overflow:hidden;
	position:relative;
}
.pc_main_img:before {
    content: "";
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	height:100vh;
	height: -webkit-fill-available;
    background-image: url("../img/top_img.jpg");
    background-size: contain;
	background-size:cover;
	background-position: center bottom;
}

.pc_main_img img{
	width:auto;
	height:100vh;
	opacity:0.6;
	}

/*メイン画像PC*/
.main_img{
	/*margin-top: 58px;*/
	width: 100%;
	min-width: 100%;
	/*height:742px;*//*698px;*/
	height:100vh;
	background-image: url("../img/top_img.jpg");
	background-position: bottom;
	background-size:cover;
	background-attachment:fixed;
	position:relative;
}

/*sp用メイン画*/

.sp_main_img {
clip-path: inset(0);
    text-align: center;
    overflow: hidden;
    position: relative;
    /* コンテンツの高さは維持 */
}
.sp_main_img:before {
content: "";
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;

    /* --- vh系を使わず横幅基準で固定 --- */
    /* 180vwで最新の縦長iPhone画面下端までカバー */
    height: 180vw; 

    background-image: url("../img/top_img_sp.png");
    background-size: cover;

    /* --- 上を基点にする（ズーム耐性向上） --- */
    background-position: center top;

    /* --- iPhoneのガタつき防止 --- */
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.sp_main_img img{
	width:100%;
	/*height:100vh;*/
	opacity:0.3;
	display: block;
}
/*------------*/


/*spot用メイン画*/
.spot_main_img {
    clip-path: inset(0);
    text-align: center;
	overflow:hidden;
	position:relative;
	height:100vh;
}
.spot_main_img:before {
    content: "";
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	height: 180vw;/*height:100vh;*/
	background-size:cover;
	background-position: center bottom;
	/* 描画安定化 */
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
@media screen and (min-width: 768px) {
    .spot_main_img:before {
        height: 100vh;
    }
}
/*--*/

/*lower用メイン画*/
.lower_main_img {
    clip-path: inset(0);
    text-align: center;
	overflow:hidden;
	position:relative;
	height:50vh;
}
.lower_main_img:before {
    content: "";
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	height: 180vw;/*height:100vh;*/
	background-size:cover;
	background-position: center bottom;
	/* 描画安定化 */
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
@media screen and (min-width: 768px) {
    .lower_main_img:before {
        height: 100vh;
    }
}
/*--*/


/*観光地メイン画像*/
/* beforeに設定することでfix効果 */
.spots_img_01:before{
	background-image: url("../img/spots/top_thessaloniki.png");
	background-position:30% center;
	}
.spots_img_02:before{
	background-image: url("../img/spots/top_meteora.png");
	background-position:center;
	}
.spots_img_03:before{
	background-image: url("../img/spots/top_athens.png");
	background-position: right bottom;
	}
.spots_img_04:before{
	background-image: url("../img/spots/top_epidavros.png");
	background-position:center;
	}
.spots_img_05:before{
	background-image: url("../img/spots/top_mycenae.png");
	background-position:center;
	}
.spots_img_06:before{
	background-image: url("../img/spots/top_mykonos.png");
	background-position:center top;
	}
.spots_img_07:before{
	background-image: url("../img/spots/top_santorini.png");
	background-position:left 20% center;
	}
.spots_img_08:before{
	background-image: url("../img/spots/top_heraklion.png");
	background-position:right 14% center;
	}
.spots_img_09:before{
	background-image: url("../img/spots/top_chania.png");
	background-position:right 14% center;
	}
@media screen and (min-width: 768px){
.spots_img_01:before{
	background-position:center;
	}
.spots_img_02:before{
	background-position:top center;
	}
.spots_img_03:before{
	background-position:right bottom;
	}
.spots_img_04:before{
	background-position:left center;
	}
.spots_img_05:before{
	background-position:left center;
	}
.spots_img_06:before{
	background-position:center;
	}
.spots_img_07:before{
	background-position:center;
	}
.spots_img_08:before{
	background-position:center;
	}
.spots_img_09:before{
	background-position:center;
	}
}

/*観光地メイン画像*/

/*下層メイン画像*/
.lower_img_01:before{
	background-image: url("../img/top_ruins.png");
	background-position:center;
	}
.lower_img_02:before{
	background-image: url("../img/top_meals.png");
	background-position:center;
	}
.lower_img_03:before{
	background-image: url("../img/top_gods.png");
	background-position:center center;
	}
.lower_img_04:before{
	background-image: url("../img/top_stars.png");
	background-position:center center;
	}
.lower_img_05:before{
	background-image: url("../img/top_origin.png");
	background-position:center center;
	}
.lower_img_06:before{
	background-image: url("../img/top_spots.png");
	background-position:center center;
	}
.lower_img_07:before{
	background-image: url("../img/top_diary.png");
	background-position:center center;
	}
@media screen and (min-width: 768px){
.lower_img_01:before{
	background-position:center;
	}	
}

/*-------*/
	
/*各ページタイトル*/
/*トップページタイトル*/
.site_title{
	font-family:'hikki';
	font-size:140px;
	text-align:center;
	width:300px;
	padding:4%;
	position:fixed;
	font-weight:normal;
	right:auto;
	bottom:auto;

    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);

	z-index:1;
	color:#fff;
	/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);*/
	background-color:rgba(0, 115, 165, 0.7);
	/*background-color:rgba(0, 115, 165, 1);*/
	}
.site_title ruby{
	ruby-position: under;
	-webkit-ruby-position: under;
	}
.site_title rt{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:12px;
	text-align: center;
	font-weight:lighter;
	margin-top:-1em;
	letter-spacing:1em;
	margin-right: -1em;/*letterspacingのズレ調整*/
	}
.title_sub{
	font-size:18px;
	white-space: nowrap;
	font-feature-settings: "palt";
	}
@media screen and (min-width: 768px){
.site_title{
	font-size:300px;
	width:auto;
	padding:inherit;
	position:absolute;
	right:2%;
	bottom:3%;
    top: auto;
    left: auto;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
	
	/*text-shadow: none;*/
	background-color:inherit;
	}
.site_title ruby{
	ruby-position: under;
	-webkit-ruby-position: under;
	}
.site_title rt{
	font-size:20px;
	letter-spacing:1.1em;
	margin-right: -1.1em;/*letterspacingのズレ調整*/
	}
.title_sub{
	font-size:26px;
	}	
}
/*--*/
/*観光地タイトル*/
.title_spots{
	font-size:auto;
	right:auto;
	bottom:auto;
	box-sizing:border-box;
	padding:2%;
	background:rgba(0, 115, 165, 0.5);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	}
@media screen and (min-width: 768px){
.title_spots{
	font-size:200px;
	}
}
/*微調整用*/
.color_chosei1{
	background:rgba(0, 115, 165, 0.7);	
	}
/*--*/

/*下層タイトル*/
.lower_spots{
	font-size:auto;
	right:auto;
	bottom:auto;
	box-sizing:border-box;
	padding:2%;
	background:rgba(163, 46, 0, 0.65);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	}
@media screen and (min-width: 768px){
.lower_spots{
	font-size:200px;
	}
}
/*--*/

	
/*------*/
/*旅のルート*/
.adv01{
	display:block;
	margin-bottom:10px;
	width:100%;
	max-width:100%;
	min-width:100%;
	margin-left:auto;
	margin-right:auto;
	align-items: center;
	}
.adv01 li{
	list-style:none;
	height:auto;
	width:100%;
	box-sizing:border-box;
	margin-right:0;
	}
.adv01 li:first-child{
	margin-left:0;	
	}
.adv01_text{
	box-sizing:border-box;
	padding:4%;
	letter-spacing:0.2em;
	}
.adv01 li h2{
	text-align:center;
	}
/*.adv01 li .greek{
	text-align:center;
	letter-spacing:1em;
	}*/
.adv01 li p{
	line-height:1.6em;
	font-size:14px;
	text-align: justify;
	}
/*写真*/
.adv01 li img{
	width:100%;
	}
/*アイコン*/
.adv01 li .img_fuyuu{
	position:absolute;
	width:120px;
	height:auto;
	z-index:2;
	}
@media screen and (min-width: 768px){
.adv01{
	display:flex;
	margin-bottom:60px;
	width:90%;
	max-width:1500px;/*1500px*/
	min-width:768px;/*min-width:1000px;*/
	margin-left:auto;
	margin-right:auto;
	align-items: center;
	}
.adv01 li{
	list-style:none;
	height:auto;
	width:50%;
	box-sizing:border-box;
	margin-right:2.4%;
	}
.adv01 li:first-child{
	margin-left:1.2%;	
	}
.adv01_text{
	padding:10px 0 10px 0;
	}
.adv01 li h2{
	text-align:left;
	}
.adv01 li p{
	line-height:1.6em;
	font-size:16px;
	}
/*アイコン*/
.adv01 li .img_fuyuu{
	width:200px;
	}
}
/*------*/
	
/*TOP街一覧*/
.adv{
	display:block;
	margin-bottom:0;
	width:90%;
	max-width:1500px;
	margin-left:auto;
	margin-right:auto;
	}
.adv:last-child{
	margin-bottom:0;
	}
.adv li{
	list-style:none;
	height:auto;
	width:100%;
	box-sizing:border-box;
	margin-right:2%;
	margin-bottom:10%;
	}
.adv li:first-child{
	margin-left:1.2%;
	}
.adv li:last-child{
	margin-right:1.2%;
	}	
.adv li .hdn_box img{
	width:100%;
	opacity:0.9;
	vertical-align:bottom;
	}
.adv li .icon{
	width:120px;
	height:auto;
	opacity:1;
	}		
.adv_link {
	position:relative;
	text-decoration:none;
	}
/*--*/

.icon_div{
	margin-top:0;/*-28px*/
	z-index:5;
	position:absolute;
	/*right:0;*/
	left:0;
	top:-10px;
	}

.city_name_img{
	margin-top:100px;
	width:100%;
	z-index:5;
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	}

.city_name_img img{
	width:100%;
	height:auto;
	opacity:1;
	transform: skewY(-10deg);
	filter: drop-shadow(2px 2px 0px #666);
	}

.adv_link:hover .city_name_img{
	opacity:1;
	transition: .5s;
	}
.adv li h3,
.adv li p{
	color:#666;
	margin-top:10px;
	text-align:left;
	font-size:18px;
	line-height:1.6em;
	letter-spacing:0.1em;
	}
	
.adv .moimg_text{
	font-size:14px;
	text-align:left;
	line-height:1.4em;
	box-sizing:border-box;
	padding:0;/*padding:0 2% 0 2%;*/
	letter-spacing:0.2em;
	text-align:justify;
	}
	
.adv_link div{
	text-align:center;
	}

.adv_link img{
	transition: 0.5s;
	}

.adv_link:hover .hdn_box img{
	transform: scale(1.1, 1.1);
	opacity:0.7;
	}

.hdn_box{
	overflow:hidden;
	border-radius:16px;
	position:relative;
	}
.spot_top_sp{
	width:100%;
	}
.adv_sp_div{
	position:relative;
	}
.adv_link .to_area{
	display:block;
	margin-top:0;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	width:140px;
	height:70px;
	text-align:center;
	position:absolute;
	bottom:4px;
	right:4px;
	background-image:url(../img/arrow.png);
	background-size:140px;
	background-position:center;
	line-height:80px;
	font-family:'wafuu';
	text-shadow:2px 2px 1px rgba(0, 0, 0, 0.2);
	letter-spacing:0.1em;
	}

@media screen and (min-width: 768px){
.adv{
	display:flex;
	margin-bottom:100px;
	width:90%;
	max-width:1500px;
	margin-left:auto;
	margin-right:auto;
	}
.adv li{
	list-style:none;
	height:auto;
	width:33.33%;
	box-sizing:border-box;
	margin-right:2%;
	margin-bottom:0;
	}
.adv li .icon{
	width:140px;
	}
.icon_div{
	margin-top:-58px;
	}
.adv h3,
.adv p{
	margin-top:10px;
	text-align:left;
	font-size:22px;
	line-height:1.6em;
	letter-spacing:0.1em;
	}
.adv_link .to_area{
	font-size:18px;
	width:120px;
	height:60px;
	bottom:4px;
	right:4px;
	background-size:120px;
	line-height:70px;
	text-shadow:3px 3px 2px rgba(0, 0, 0, 0.4);
	}
}
@media screen and (min-width: 1140px){
.adv_link .to_area{
	font-size:20px;
	width:140px;
	height:70px;
	bottom:4px;
	right:4px;
	background-size:140px;
	line-height:80px;
	}
}
/*--*/

/*各街ページ*/
.text_and_map{
	display:block;
	justify-content: center;
	align-items: center;
	background-color:#FFFEFA;
	box-sizing:border-box;
	}
.text_and_map_l{
	width:100%;
	margin-right:0;
	}
.text_and_map_r{
	width:100%;
	}
.text_and_map_r img{
	width:100%;
	}
	
@media screen and (min-width: 768px){
.text_and_map{
	display:flex;
	justify-content: center;
	align-items: center;
	}
.text_and_map_l{
	width:60%;
	margin-right:0;
	}
.text_and_map_r{
	width:40%;
	}
}
/*--*/

/*戻るボタン*/	
.city_back{
	width:40px;
	height:160px;
	background:linear-gradient(to bottom,  #005b97 0%,#3992b9 100%);
	position:absolute;
	z-index:1;
	border-radius:0 100% 100% 0%/0 50% 50% 0;
	top:inherit;
	bottom:10%;
	margin-top:0;
	list-style:none;
	display:block;
	transition : 0.3s;
	}
.city_back a{
	display:block;
	width:100%;
	height:100%;
	writing-mode: vertical-lr;
	color:#fff;
	text-align:center;
	text-decoration:none;
	}
.city_back a p{
	margin-left:6px;
	}
	
.city_back:hover{
	background:linear-gradient(to top,  #005b97 0%,#3992b9 100%);
	}

/*進むボタン*/
.city_next{
	width:40px;
	height:160px;
	background:linear-gradient(to bottom,  #005b97 0%,#3992b9 100%);
	position:absolute;
	z-index:1;
	border-radius:100% 0 0 100%/50% 0 0 50%;
	top:inherit;
	bottom:10%;
	right:0;
	margin-top:0;
	list-style:none;
	}
.city_next a{
	display:block;
	width:100%;
	height:100%;
	writing-mode: vertical-rl;
	color:#fff;
	text-align:center;
	text-decoration:none;
	}
.city_next a p{
	margin-right:6px;
	}
	
.city_next:hover{
	background:linear-gradient(to top,  #005b97 0%,#3992b9 100%);
	transition : 1s;
	}
@media screen and (min-width: 768px){
/*戻るボタン*/
.city_back{
	width:80px;
	height:160px;
	top:50%;
	bottom:auto;
	margin-top:-80px;
	}
/*進むボタン*/
.city_next{
	width:80px;
	height:160px;
	top:50%;
	bottom:auto;
	margin-top:-80px;
	}
}
/*--*/

/*神話・歴史関連*/
.history_wrap{
	display:block;
	justify-content: center;
	align-items: center;
	background-color:#FFFEFA;
	box-sizing:border-box;
	width:99.9%;/*画像の右に余白ができるため*/
	max-width:1500px;
	margin-left:auto;
	margin-right:auto;
	}

.history_wrap_l{
	width:100%;
	margin-right:0;
	box-sizing:border-box;
	padding:4% 4% 60px 4%;/*4% 4% 14% 4%*/	
	border-radius:10px 0;
	background: url(../img/mask_2.png),url(../img/mask_3.png) ;
	background-repeat:no-repeat;
	background-position: right 14px top 14px,left 14px bottom 14px;
	background-size:40px;
	background-color:#FFFEFA;	
	text-align: justify;
	}
.history_subtitle{
	font-size:18px;
	line-height:2em;
	}

.history_wrap_r{
	width:100%;
	box-shadow:1px 2px 4px 2px #707070;
	}
.history_wrap_r img{
	width:100%;
	vertical-align:bottom;
	}
/*--*/

/*個別調整関連*/
.chosei_01{
	padding:0 4%;
	}
@media screen and (min-width: 768px){
.history_wrap{
	display:flex;
	}
.history_wrap_l{
	width:60%;
	margin-right:3%;
	padding:4% 4% 60px 4%;	
	border-radius:10px 0;
	background: url(../img/mask_2.png),url(../img/mask_3.png) ;
	background-repeat:no-repeat;
	background-position: right 14px top 14px,left 14px bottom 14px;
	background-size:40px;
	background-color:#FFFEFA;
	}
.history_subtitle{
	font-size:24px;
	}
.history_wrap_r{
	width:38%;
	}
.chosei_01{
	padding:0 2%;
	}
}
@media screen and (min-width: 1200px){
.history_wrap_l
	{padding:4%;
	}
}
/*--*/



/*下層ページ*/
.text_lower{
	display:block;
	justify-content: center;
	align-items: center;
	background-color:#FFFEFA;
	box-sizing:border-box;
	}
.text_and_map_l{
	width:100%;
	margin-right:0;
	}
.text_and_map_r{
	width:100%;
	}
.text_and_map_r img{
	width:100%;
	}
	
@media screen and (min-width: 768px){
.text_lower{
	display:flex;
	justify-content: center;
	align-items: center;
	}
.text_and_map_l{
	width:60%;
	margin-right:0;
	}
.text_and_map_r{
	width:40%;
	}
}
/*--*/


/*下層ページ設定*/
.lower_wrap{
	width:100%;/*width:97.6%;*/
	box-sizing: border-box;
	border-radius: 8px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	padding: 8% 4% 8% 4%;
	background-color:#FFFEFA;
	position:relative;

	}
.lower_wrap .title_c{
	font-size:18px;
	}
.lower_icon{
	list-style:none;
	display:flex;
	flex-wrap: wrap;
	justify-content: left;
    gap: 7vw 5vw;
	}
.lower_icon li{
	width:47%;
	box-sizing:border-box;
	padding-bottom:2%;
	position:relative;
	}
	
.lower_number{
	box-sizing:border-box;
	background-color:#008bcc/*#52cc78*//*#0073A5*/;
	text-align:center;
	width:40px;
	height:40px;
	border-radius:50%;
	border:solid #FFFEFA 4px;
	font-family:"hikki2";
	font-size:22px;
	color:#FFFEFA;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}
.lower_icon li h4{
	padding: 0;
    margin-top: 5%;
    margin-bottom: 5%;
    font-size: 14px;
    letter-spacing: 0.1em;
	line-height:1.2em;
	font-weight:bold;
	}
.lower_icon li .lower_text{
	box-sizing: border-box;
    padding:0;
    line-height: 1.4em;
    letter-spacing: 0.06em;
	font-size: 13px;
	margin-bottom:30px;
	text-align: justify;
	}
.lower_icon li a{
	display:block;
	}
.lower_icon li img{
	width:100%;
	height:auto;
	border-radius:4%;
	border:solid 4px #FFFEFA;
	margin-bottom:10px;
	box-shadow:10px 10px 0px 0px #EAE2CA;
	margin-left:-10px;
	}
.btn_detail{
	background-color:#0073A5;
	text-align:center;
	color:#fff;
	}
.lower_ruin_text{
    line-height: 1.4em;
    letter-spacing: 0.1em;
	font-size: 14px;
	text-align: justify;
	margin-bottom:5%;
	}
@media screen and (min-width: 768px){
.lower_wrap .title_c{
	font-size:30px;
	}
.lower_icon{
    gap: 4vw 2.666%;
	}
.lower_icon li{
	width:23%;
	padding-bottom:2%;
	}
.lower_icon li h4{
    font-size: 16px;
	}
.lower_icon li .lower_text{
    line-height: 1.4em;
    letter-spacing: 0.1em;
	font-size: 14px;
	margin-bottom:20px;
	}
.lower_ruin_text{
    line-height: 1.4em;
    letter-spacing: 0.2em;
	font-size: 16px;
	margin-bottom:2%;
	}
}
/*--*/

/*下層ページ2設定*/
.lower_icon2{
	list-style:none;
	display:flex;
	flex-wrap: wrap;
	justify-content: left;
    gap:8vw;/*7vw*/
	}
.lower_icon2 li{
	width:100%;
	box-sizing:border-box;
	padding-bottom:0;
	position:relative;
	}
.lower_icon2 li h4{
	padding: 0;
    margin-top: 2%;
    margin-bottom: 2%;
    font-size: 14px;
    letter-spacing: 0.1em;
	line-height:1.2em;
	font-weight:bold;
	}
.lower_icon2 li .lower_text{
	box-sizing: border-box;
    padding:0;
    line-height: 1.4em;
    letter-spacing: 0.06em;
	font-size: 13px;
	margin-bottom:0;
	text-align: justify;
	}
.lower_icon2 li a{
	display:block;
	}
.lower_icon2 li img{
	width:100%;
	height:auto;
	border-radius:4%;
	border:solid 4px #FFFEFA;
	margin-bottom:10px;
	box-shadow:10px 10px 0px 0px #EAE2CA;
	margin-left:-10px;
	}
.lower_ruin_text{
    line-height: 1.4em;
    letter-spacing: 0.1em;
	font-size: 14px;
	text-align: justify;
	margin-bottom:5%;
	}
@media screen and (min-width: 480px){
.lower_icon2{
    gap: 7vw 5vw;
	}
.lower_icon2 li{
	width:47%;
	padding-bottom:0;
	}

.lower_icon2 li h4{
	padding: 0;
    margin-top: 5%;
    margin-bottom: 5%;
    font-size: 14px;
    letter-spacing: 0.1em;
	line-height:1.2em;
	font-weight:bold;
	}
.lower_icon2 li .lower_text{
	box-sizing: border-box;
    padding:0;
    line-height: 1.4em;
    letter-spacing: 0.06em;
	font-size: 13px;
	margin-bottom:0;
	text-align: justify;
	}
.lower_icon2 li img{
	width:100%;
	height:auto;
	border-radius:4%;
	border:solid 4px #FFFEFA;
	margin-bottom:10px;
	box-shadow:10px 10px 0px 0px #EAE2CA;
	margin-left:-10px;
	}
.btn_detail{
	background-color:#0073A5;
	text-align:center;
	color:#fff;
	}
.lower_ruin_text{
    line-height: 1.4em;
    letter-spacing: 0.1em;
	font-size: 14px;
	text-align: justify;
	margin-bottom:5%;
	}	
}
@media screen and (min-width: 768px){
.lower_icon2{
    gap: 4vw 5%;
	}
.lower_icon2 li{
	width:30%;
	padding-bottom:0;
	}
.lower_icon2 li h4{
    font-size: 16px;
	}
.lower_icon2 li .lower_text{
    line-height: 1.4em;
    letter-spacing: 0.1em;
	font-size: 14px;
	margin-bottom:0;
	}
.lower_ruin_text{
    line-height: 1.4em;
    letter-spacing: 0.2em;
	font-size: 16px;
	margin-bottom:2%;
	}
}
@media screen and (min-width: 900px){
.lower_icon2{
    gap: 4vw 2.666%;
	}
.lower_icon2 li{
	width:23%;
	padding-bottom:0;
	}
.lower_icon2 li h4{
    font-size: 18px;
	}
.lower_icon2 li .lower_text{
    line-height: 1.4em;
    letter-spacing: 0.1em;
	font-size: 14px;
	margin-bottom:0;
	}
.lower_ruin_text{
    line-height: 1.4em;
    letter-spacing: 0.2em;
	font-size: 16px;
	margin-bottom:2%;
	}	
}
/*--*/


/*神々ページimg調整*/
.lower_icon2 li .god_c{
	width:72%;
	height:auto;
	display:block;
	border-radius:50%;
	box-shadow:10px 10px 0px 0px #EAE2CA;
	background-color:#FBFAF5;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	}
@media screen and (min-width: 480px){
.lower_icon2 li .god_c{
	width:100%;
	display:inline;
	border-radius:50%;
	box-shadow:10px 10px 0px 0px #EAE2CA;
	background-color:#FBFAF5;
	margin-left:-10px;
	margin-right:inherit;
	margin-bottom:10px;
	}	
}
/*--*/

/*liのダミー*/
.lower_icon .dummy_li{
	display:flex;
	align-items: center;
	padding-bottom:0;
	}
.lower_icon .dummy_li img{
	box-shadow:none;
	}
/*調整*/
.lower_icon .dum_chosei2{
	display:none;
	}
@media screen and (min-width: 768px){
.lower_icon .dum_chosei2{
	display:flex;
	}
}
/*--*/


/*下層ページ神アイコン*/
.lower_wrap{
	margin-top:6%;
	border:solid 2px #d88b36;
	}
.lower_wrap:first-child{
	margin-top:0;
	}
@media screen and (min-width: 768px){
.lower_wrap{
	margin-top:4%;
	border:solid 2px #d88b36;
	}	
}
/*--*/

.lower_god1{
	filter: drop-shadow(0 0 0.2rem #4f4f4f);
	width:100px;
	position:absolute;
	top:0;
	left:0;
	}
.lower_god2{
	filter: drop-shadow(0 0 0.2rem #4f4f4f);
	width:100px;
	position:absolute;
	top:0;
	right:0;
	}

.target4,.target5{
  display: block;
  height: auto;
}
@media screen and (min-width: 900px){
.meshi_god1,.meshi_god2{
	width:120px;
	}
}
/*--*/

/*下層ページ・星々*/
.lower_icon2 li .img_zodiac{
	border-radius:4%;
	border:none;
	box-shadow:none;
	margin-left:0;
	background:linear-gradient(70deg, #172444, #283d66);
	}
.border_n{
	border:none;
	}
.ul_stars li a{
	display:inline;
	color:#03F;
	}
.ul_stars li{
	padding-bottom:0;
	}
@media screen and (min-width: 768px){


}
/*--*/

/*下層ページ・由来*/
.lower_icon2 li .img_origin{
	border-radius:10px;
	border:none;
	box-shadow:none;
	margin-left:0;
	background:linear-gradient(70deg, #f59c4f, #f28423);
	}
.border_n{
	border:none;
	}
.ul_origin li a{
	display:inline;
	color:#03F;
	}
.ul_origin li{
	padding-bottom:0;
	}
@media screen and (min-width: 768px){


}
/*--*/


/*diary調整*/
/*アコーディオン*/
.s_05 .accordion_one {
	max-width:100%;
	margin:0 auto;
}
.s_05 .accordion_one .accordion_header {
	background:linear-gradient(45deg, rgba(0, 115, 165, 1) 0%, rgba(57, 146, 185, 1) 100%);
    padding:15px;	
	position:relative;
	z-index:+1;
	cursor:pointer;
	border-bottom:1px solid #2C3E50;
}
@media screen and (min-width: 768px){
.s_05 .accordion_one .accordion_header {
	padding:20px 25px;
  }
}
/*--*/

/*アコーディオンタイトル*/
.s_05 .accordion_one .accordion_header h3{
	color:#fff;
	font-size:14px;
	font-weight:400;
    line-height:1.4em;
    letter-spacing:0.2em;
	text-align:left;
	padding-right:40px;
	position:relative;
}
@media screen and (min-width: 768px){
.s_05 .accordion_one .accordion_header h3{
	font-size:16px;
	}	
}
/*--*/

.s_05 .accordion_one .accordion_header:hover {
	opacity: .8;
}

/*アコーディオンテキスト*/
.s_05 .accordion_one .accordion_inner {
	display: none;
	padding: 10px;
	border-left: 2px solid #db0f2f;
	border-right: 2px solid #db0f2f;
	border-bottom: 2px solid #db0f2f;
	box-sizing: border-box;
	background-color:#f2f8f8;
	border: solid 1px #0073A5;
}
.s_05 .accordion_one .accordion_inner .box_one {
	height:auto;
}
.s_05 .accordion_one .accordion_inner p.txt_a_ac {
	margin:0;
	text-align:justify;
    color:#6c7882;
    font-size:14px;
    font-weight:400;
    line-height:1.4em;
    letter-spacing:0.2em;
}
@media screen and (min-width: 768px){
.s_05 .accordion_one .accordion_inner {
	padding: 20px;
	}	
}
/*--*/

/*閉じるボタンのエリア*/
.s_05 .accordion_one .accordion_inner .closeArea {
	width:140px;
	max-width:100%;
	margin:10px auto 0 auto;
}
.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
	display:flex;
	justify-content:center;
	align-items: center;
	background:#D36411;
	padding:6px 6px 6px 12px;
	text-decoration:none;
	line-height:1.3;
	color:#fff;
	font-size:14px;
	font-weight:400;
	position:relative;
	cursor:pointer;
	border-radius:8px;
}
.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn:hover {
	opacity:.8;
}
.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box {
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:50%;
	left:10%;
	width:30px;
	height:30px;
	margin-top:-15px;
}
.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i {
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	width:16px;
	height:16px;
}
@media screen and (min-width: 768px){
.s_05 .accordion_one .accordion_inner .closeArea {
	width:180px;
	margin:16px auto 0 auto;
	}
.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
	padding:10px 10px 10px 16px;
	}
}
/*--*/

/*×印の調整*/
.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:before, 
.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:after {
	content: '';
	background-color:#fff;
	border-radius:10px;
	width:16px;
	height:2px;
	position:absolute;
	top:7px;
	left:0;
	-webkit-transform:rotate(-45deg);
	transform:rotate(45deg);
	transform-origin:center center;
}
.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:before {
	width:2px;
	height:16px;
	top:0;
	left:7px;
}
/*--*/
.acc_section{
	border-radius:8px;
	overflow:hidden;
}

accordion_header h3{
	position:relative;
	padding-right:40px;
	}
.pic_mag_01 h3:after,
.pic_mag_02 h3:after,
.pic_mag_03 h3:after,
.pic_mag_04 h3:after,
.pic_mag_05 h3:after,
.pic_mag_06 h3:after,
.pic_mag_07 h3:after,
.pic_mag_08 h3:after,
.pic_mag_09 h3:after,
.pic_mag_10 h3:after,
.pic_mag_11 h3:after,
.pic_mag_12 h3:after,
.pic_mag_13 h3:after,
.pic_mag_14 h3:after,
.pic_mag_15 h3:after{
	content:'';
	display: inline-block;	
	width: 40px;
	height:40px;
	margin-top: -20px;
	background-size: contain;
	vertical-align: middle;
	position:absolute;
	right:0;
	top:50%;
}
@media screen and (min-width: 768px){
.pic_mag_01 h3:after,
.pic_mag_02 h3:after,
.pic_mag_03 h3:after,
.pic_mag_04 h3:after,
.pic_mag_05 h3:after,
.pic_mag_06 h3:after,
.pic_mag_07 h3:after,
.pic_mag_08 h3:after,
.pic_mag_09 h3:after,
.pic_mag_10 h3:after,
.pic_mag_11 h3:after,
.pic_mag_12 h3:after,
.pic_mag_13 h3:after,
.pic_mag_14 h3:after,
.pic_mag_15 h3:after{
	width: 46px;
	height:46px;
	margin-top: -23px;
	}	
}

.pic_mag_01 h3:after{
	background-image: url("../img/diary/icon_01.png");
}
.pic_mag_02 h3:after{
	background-image: url("../img/diary/icon_02.png");
}
.pic_mag_03 h3:after{
	background-image: url("../img/diary/icon_03.png");
}
.pic_mag_04 h3:after{
	background-image: url("../img/diary/icon_04.png");
}
.pic_mag_05 h3:after{
	background-image: url("../img/diary/icon_05.png");
}
.pic_mag_06 h3:after{
	background-image: url("../img/diary/icon_06.png");
}
.pic_mag_07 h3:after{
	background-image: url("../img/diary/icon_07.png");
}
.pic_mag_08 h3:after{
	background-image: url("../img/diary/icon_08.png");
}
.pic_mag_09 h3:after{
	background-image: url("../img/diary/icon_09.png");
}
.pic_mag_10 h3:after{
	background-image: url("../img/diary/icon_10.png");
}
.pic_mag_11 h3:after{
	background-image: url("../img/diary/icon_11.png");
}
.pic_mag_12 h3:after{
	background-image: url("../img/diary/icon_12.png");
}
.pic_mag_13 h3:after{
	background-image: url("../img/diary/icon_13.png");
}
.pic_mag_14 h3:after{
	background-image: url("../img/diary/icon_14.png");
}
.pic_mag_15 h3:after{
	background-image: url("../img/diary/icon_15.png");
}


/* 浮遊アニメーション */
.target4 {
  animation: floating-y 1.2s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}

.target5 {
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}
/*--*/

/*------Topへ戻るボタン*/
.to_top_button{
	width:120px;
	height:auto;	
	background-size:cover;
	box-sizing:border-box;
	position: fixed;
	z-index:2;
	right: 0;
	bottom: 0;
	font-size: 50px;
	color: #fff;
	padding: 10px;
	cursor: pointer;
	transition: .3s;
  
  /*デフォルトで非表示にする*/
	opacity: 0;
	visibility: hidden;
}
.to_top_button p{
	position:absolute;
	font-size:14px;
	font-weight:bold;
	top:50%;
	left:50%;
	margin-top:-20px;
	margin-left:-8px;
	}

.to_top_1,
.to_top_2{
	width:100%;
	box-sizing:border-box;
	}
.to_top_1{
	display:block;
	}
.to_top_2{
	display:none;
	}
	
.to_top_button:hover .to_top_1{
	display:none;
	}
.to_top_button:hover .to_top_2{
	display:block;
	}

/*このクラスが付与されると表示する*/
.active{
  opacity: 1;
  visibility: visible;
}

/*フッターのスタイルを追加*/
footer{
  position: relative;
}

/*このクラスが付与されると表示する*/
.absolute{
  position: absolute;
  top: -70px;
  bottom: auto;
}
/*------Topへ戻るボタン*/




/*フェードイン*/
.block,
.block2{
    opacity: 0; /* 最初は非表示にしておく */
    transition: all 1.5s; /* 動きを滑らかに */
}
/* フェードイン用のクラス */
.fadeIn,
.fadeIn2{
    opacity: 1;
}

/*---------------------------*/
.shinden{
	position:absolute;
	margin-top:-32px;
	height:32px;
	background-image:url("../img/shinden2.png");
	background-size:cover;
	width:60px;
	right:4%;
	margin-right:40px;
	left:2%;
	}
	

/*浮遊2*/
.fuyuu2 {
    animation: fuyuu2 2.5s infinite ease-in-out;
}
@keyframes fuyuu2 {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(4px);
    }
}
/*--*/


/*スイング効果*/
.swing {
    -moz-animation: swing linear 5s infinite;
    -moz-transform-origin: center -30px 0;
    -webkit-animation: swing linear 5s infinite;
    -webkit-transform-origin: center -30px 0;
    -ms-animation: swing linear 5s infinite;
    -ms-transform-origin: center -30px 0;
    -o-animation: swing linear 5s infinite;
    -o-transform-origin:center -30px 0;
    animation: swing linear 5s infinite;
    transform-origin: center -30px 0;
    display: block;
    float:left;
}
 
@-moz-keyframes swing {
    0% { -moz-transform: rotate(0deg) }
    25% { -moz-transform: rotate(5deg); }
    50% { -moz-transform: rotate(0deg); }
    75% { -moz-transform: rotate(-5deg); }
    100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes swing {
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(5deg); }
    50% { -webkit-transform: rotate(0deg); }
    75% { -webkit-transform: rotate(-5deg); }
    100% { -webkit-transform: rotate(0deg); }
}    
@-o-keyframes swing {
    0% { -o-transform: rotate(0deg); }
    25% { -o-transform: rotate(5deg); }
    50% { -o-transform: rotate(0deg); }
    75% { -o-transform: rotate(-5deg); }
    100% { -o-transform: rotate(0deg); }
}
@-ms-keyframes swing {
    0% { -ms-transform: rotate(0deg); }
    25% { -ms-transform: rotate(5deg); }
    50% { -ms-transform: rotate(0deg); }
    75% { -ms-transform: rotate(-5deg); }
    100% { -ms-transform: rotate(0deg); }
}
@keyframes swing {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(5deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}
/*--*/

/*次・前の観光地ボタンが被らないよう調整*/
/*コードの配置場所注意*/
.chosei_02 {
  max-width: 100%;
}

/* 768px以上の設定 */
@media screen and (min-width: 768px) {
  .chosei_02 {
    max-width: 80%;
  }
}

/* 1180px以上の設定 */
@media screen and (min-width: 1180px) {
  .chosei_02 {
    max-width: 1000px;
  }
}
/*--*/


/* ローディング中にスクロールを禁止する設定 */
body.is-fixed {
  overflow: hidden;
}