/*
Theme Name: Twenty Twenty Five Child
Template: twentytwentyfive
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Train+One&display=swap');

/*---------------------------------------
 * 全体
 * -------------------------------------*/
:root{
	--color_cyan:#89d9fd;
	--color_lightcyan:#ceeffe;
	--color_green:#107147;
	--color_yellow:#fdcd0d;
	--color_blue:#16549d;
	--color_lightred:#f77c93;
	--color_lightcyan:#daf3ff;
}
html {
	scroll-behavior: smooth;
}
body{
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight:400;
}

main{
	margin-top:0!important;
}
.entry-content{
	margin-top:0;
}
.wp-block-cover, .wp-block-group{
	margin-top:0;
}

/* メニューがfixされている場合、着地で内部リンクがズレることにたいする処置 */
#domestic_travel, #overseas_travel, #cruise_travel{
	scroll-margin-top: 180px;	
}
/* ボタンは最前面 */
.wp-block-buttons {
	z-index:8;
	position:relative;
}

/* スペーサーのmargin-topをゼロ */
.wp-block-spacer{
	margin-top:0;
}

/* 画像リンクのクリック時の枠線消去 */
:where(.wp-site-blocks *:focus) {
	outline:none!important;
}

/* 矢印SVG画像をhoverで動かす */
.arrow_move img{
    transition:0.6s;
    padding-left:10px;
    padding-right:10px;
    transform: translateY(-3px);	
}

.arrow_move:hover img {
    transform: translate(20%, -3px);
    transition:0.6s;
}
/* POPフォント */
.pop{
	font-family: "Lobster", sans-serif;
}
/* テーブル罫線 */
.h_border td{
	border-left:none;
	border-right:none;
	border-top:solid 1px #aaa;
	border-bottom:solid 1px #aaa;
}
/*リストでclassにdiscの付いたもの */
ul.disc{
 list-style: none;
}
ul.disc li{
  display: flex; /* 点とリストを横並びに */
  align-items: center; /* 垂直方向に中央揃い */
	line-height:1.5em!important;

}
ul.disc li::before{
 content: "⚫︎"; /* 記号(黒丸)を挿入 */
 color: var(--color_blue); /* 好きな色にする */
 font-size: 0.8em; /* 点の大きさ */
 margin-right: 0.5em; /* 点とテキストの距離 */
}
@media screen and (max-width:481px) { 
	ul.disc{
		padding-left:0;
	}
}
/* カラムの左右反転 */

@media screen and (max-width:781px) { 
.column_reverce{
	flex-direction: column-reverse;
	flex-wrap:nowrap!important;
	}

}
/*---------------------------------------
 * フォント
 * -------------------------------------*/
.font_trainone{
  font-family: "Train One", system-ui;
  font-weight: 400;	
}
@media screen and (max-width:481px) {
	.mobile30{
	font-size:30px;
	}
}
/*---------------------------------------
 * アンカーリンク
 * -------------------------------------*/
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
main p a{
	border-bottom:solid 1px #222;
}
/*---------------------------------------
 * カラム
 * -------------------------------------*/
@media screen and (max-width:781px) {
	.wp-block-column{
		border:none;
	}
	

}
/*---------------------------------------
 * メニュー
 * -------------------------------------*/
.wp-block-navigation__container {
	row-gap:0;
}
.wp-block-navigation-item{
	color:#16549e;
}
footer .wp-block-navigation-item{
	color:#fff;
}

/*---------------------------------------
 * ヘッダ
 * -------------------------------------*/
header{
	position:fixed;
	z-index:9;
	width:100%;
	background-color:#90d9fb;
	border-radius:0 0 40px 40px;

}
.header_dummy{
	position:relative;
	opacity:0;
	margin-top:0;
	z-index:8;
}
/*---------------------------------------
 * フッタ
 * -------------------------------------*/
footer{
	margin-top:0;
}

/*---------------------------------------
 * 見出し
 * -------------------------------------*/
h2{
	font-size:2.5em;
	font-weight:700;
}
h5 {
  display: flex;
  align-items: center;
  justify-content: center;

}
h5::before,
h5::after {
  content: '';
  display: block;
  width: 40px;
  height: 1px;
  background: var(--color_blue);
}
h5::before {
  margin-right: 1em;
}
h5::after {
  margin-left: 1em;
}
/*---------------------------------------
 * ホーム
 * -------------------------------------*/
/* ファーストビュー */
.firstview_bg{
	border-radius:80px;
	max-width:95%!important;
}
@media screen and (max-width:481px) { 
.firstview_bg{
	max-width:100%!important;
}	
}
/* キャッチコピー */
.catchcopy{
	text-shadow: 0 0 30px #060606;
}
@media screen and (max-width:1440px) { 
.catchcopy{
	font-size:4.5rem!important;
}
}
@media screen and (max-width:900px) { 
.catchcopy{
	margin-top:150px;
	margin-bottom:200px;
	font-size:3.5rem!important;
}
}
@media screen and (max-width:481px) { 
	.catchcopy{
		margin-top:50px!important;
		margin-bottom:50px!important;
		writing-mode:vertical-rl;
		font-size:2.5em!important;
		line-height:1.5em;
	}
}


/* メッセージグループ */
.message_group{
	background-color:#fff;
	border-radius:50px;
	padding:50px;
}
@media screen and (max-width:481px) { 
.message_group{
	padding:20px;
	}
}
/*チケット画像 */
.ticket{
	position:absolute;
	bottom:0;
	right:0;
}

/* 取扱い商品 */
.travel_agency{
	padding:20px;
	max-width:640px;
}
.travel_agency p{
	line-height:1em;
}
.travel_agency_logo{
	column-gap:30px;
}
/* 旅行商品飾り */
.ryoko_shohin span{
	background-color:var(--color_lightcyan);
	border:solid 2px var(--color_blue);
	padding:10px;
	border-radius:50px;
	display:inline-block;
	margin:5px;
}
/*
.ryoko_shohin p{
	background-color:var(--color_lightcyan);
	border:solid 2px var(--color_blue);
	padding:10px;
	border-radius:50px;
	display:inline-block;
	margin:5px;
}
*/
/*--------------------------------------
 * お問い合わせ
 * ----------------------------------*/
/* お問い合わせ固定メニュー */
.fix_contact_us{
	z-index:9;
	position:fixed;
	background-color:#fdcd0d;
	right:0;
	top:300px;
	writing-mode: vertical-rl;
	width:50px;
	border-radius:5px 0 0 5px;
	padding-top:20px;
	font-size:0.9em;
	font-weight:500;
}
.fix_contact_us a{
	text-indent: -9999px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border:none;
}
@media screen and (max-width:481px) { 
.fix_contact_us{
	background-color:#fdcd0d;
	writing-mode: vertical-rl;
	width:100%;
	padding-top:0px;
	font-size:1.3em;
	font-weight:500;
	bottom:0;
	top:auto;
	writing-mode:horizontal-tb;
	border-radius:0;
	display:block!important;
	text-align:center;
	padding:8px;
}
	.fix_contact_us img{
	/*	display:none;*/
	}
}

/*--------------------------------------
 * 会社概要
 * -----------------------------------*/
@media screen and (max-width:481px) { 
.company td:first-child{
	width:4em;	
}
}
/*--------------------------------------
 * 投稿
 * ----------------------------------*/
.single h3{
/*	padding:10px 30px;
	background-color:var(--color_yellow);*/
}

/*--------------------------------------
 * お知らせ関係
 * -----------------------------------*/
/* お知らせ一覧のテンプレートの１枠 */
.news_box h3:after{
  content: " ";
  display: block;
  border-bottom: solid 4px var(--color_lightred);
  width: 15%;
	padding-bottom:10px;
}

.single.category_news h1:after{
  content: " ";
  display: block;
  border-bottom: solid 6px var(--color_lightred);
  width: 10%;
	padding-bottom:10px;	
}
@media screen and (max-width:781px) { 
.single.category_news h1:after{
  border-bottom: solid 4px var(--color_lightred);
  width: 15%;	
	}
}
/*-------------------------------------
 *  文字無限横スクロールアニメーション 
 * ----------------------------------*/

.marquee {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.marquee__inner {
  display: inline-block;
  white-space: nowrap;
  animation: scroll-left 20s linear infinite;
}
.marquee__inner span {
  display: inline-block;
font-size:6em;
  padding-right: 2rem;
color:var(--color_lightcyan);
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
/*----------------------------------------
 * Googleマテリアルアイコン
 * ------------------------------------*/
/* 新しいタブで開くopen new */
.open_in_new a:after{
font-family:'Material Symbols Outlined';
content:'\e89e';
font-weight: 400;
display: inline-block;
vertical-align:-5px;
	font-size:1.5em;
	color:var(--color_blue);
}
.open_in_new.white a:after{
	color:#fff;
}