@charset "UTF-8";

/******************************************************************
Theme Name: 高知龍馬空港 台湾線利用促進キャンペーン
Author: T.Sugiyama
Author URI: http://fromdime.com
******************************************************************/
/******************************************************************

共通

******************************************************************/
html {
	font-weight: 500;
}

/* 電話リンクなし
-------------------------------------------------------*/
.notel a[href^="tel:"] {
	color: inherit;
	pointer-events: none;
	text-decoration: none;
}

/* 電話リンク
-------------------------------------------------------*/
a.tel {
	color: inherit;
}
a.tel:hover {
	text-decoration: underline !important;
}

/******************************************************************

構造調整タグ

******************************************************************/
br.br-pc {
	display: block;
}
br.br-sp {
	display: none;
}
#inner-container {
	background-color: #00003C;
	color: #ffffff;
}
#main {
	padding-bottom: 2rem;
}

/******************************************************************

汎用パーツ

******************************************************************/
/* ボタン
-------------------------------------------*/
.button_wrapper {
	text-align: center;
}
.button {
	color: #515151;
	background-color: #ffffff;
	width: 100%;
	max-width: 320px;
	cursor: pointer;
}
.button .fas {
	color: #f0e800;
	margin-left: 0.5rem;
}
.button:hover, .button:focus, .button:active {
	color: #ffffff;
	background-color: #f0e800;
}
.button:hover .fas, .button:focus .fas, .button:active .fas {
	color: #ffffff;
}

/*-------------------------------------------
テーブルの基本レイアウト
-------------------------------------------*/
table.base_table tr th {
	width: 20%;
	text-align: left;
	padding: 0.5rem 0.5rem 0.5rem 0;
	border-bottom: 1px solid #dbdbdb;
}
table.base_table tr td {
	width: 80%;
	background-color: #ffffff;
	padding: 0.5rem 1rem 0.5rem 1rem;
	border-bottom: 1px solid #dbdbdb;
}

/*-------------------------------------------
ページナビ
-------------------------------------------*/
.wrap_pagination {
	text-align: center;
	margin: 4.7rem 0;
}
.wp-pagenavi a,
.wp-pagenavi span {
	color: #f0e800;
	font-weight: 400 !important;
	text-decoration: none;
	border: 1px solid #f0e800;
	padding: 10px 20px;
	margin: 10px;
	background-color: #ffffff;
	border-radius: 0;
	font-size: 1rem;
	display: inline-block;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current,
.wp-pagenavi span.pages {
	color: white;
	border: 1px solid #f0e800;
	background-color: #f0e800;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	color: #f0e800;
	border: 1px solid #f0e800;
}

/*-------------------------------------------
パンくずリスト
-------------------------------------------*/
#after-header {
	position: relative;
}
.breadcrumb {
}
.breadcrumb span {
	color: #515151;
}
.breadcrumb {
	padding: 1rem 0;
	margin-bottom: 3rem;
}
.breadcrumb a:hover {
	text-decoration: underline;
}

/*-------------------------------------------
ホバーでスケール
-------------------------------------------*/
.scale-img {
	position: relative;
	overflow: hidden;
}
.scale-img a:hover {
	opacity: 1;
}
.scale-img a,
.scale-img .thumb,
.scale-img .of_hide {
	position: relative;
	overflow: hidden;
	display: block;
}
.scale-img img {
	width: 100%;
	transition: all 0.3s cubic-bezier(0.045, 0.495, 0.685, 0.97);
}
.scale-img:hover img {
	transform: scale(1.1);
}

/*-------------------------------------------
横並びレイアウト
-------------------------------------------*/
.flexbox {
	display: flex;
	flex-flow: row;
	align-content: flex-start;
}
.flexbox-wrap {
	flex-flow: row wrap;
}
.flexbox-center {
	align-items: center;
}

/*-------------------------------------------
YouTube枠レスポンシブ
-------------------------------------------*/
.video-frame {
	position: relative;
	width: 100%;
}
.video-frame:before {
	content: "";
	display: block;
	padding-top: 56.3%;
	position: relative;
}
.video-frame-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*-------------------------------------------
固有スタイル
-------------------------------------------*/
/******************************************************************

プラグイン

******************************************************************/
.slick-slider {
	margin-bottom: 0rem;
}
.slick-track {
	overflow: hidden;
}
.slick-dots li button:before {
	color: #f0e800;
}
.slick-dots li.slick-active button:before {
	color: #f0e800;
}

/******************************************************************

ヘッダー

******************************************************************/
.overlay {
	display: none;
}
#header {
}
.page #header {
	margin-bottom: 0;
}
#inner-header .main-image img {
	width: 100%;
}

.btn-go-back {
	display: block;
	text-align: center;
	width: 100%;
	padding: 1.0rem 1.0rem;
	background-color: #DB0071;
	color: #ffffff;
	font-size: var(--font-size-md-lg);
	font-weight: bold;
	margin-bottom: 3rem;
}
.btn-go-back:hover {
	color: inherit;
	background-color: #e966aa;
}



/******************************************************************

サイドバー

******************************************************************/
/******************************************************************

ユーティリティナビゲーション

******************************************************************/
/******************************************************************

フッター

******************************************************************/
#footer {
	padding: 2.0rem 0;
	font-size: var(--font-size-md-xs);
	text-align: center;
	background-color: #DB0071;
	color: #ffffff;
}


/******************************************************************

トップページ(toppage)

******************************************************************/
.home #main section {
	margin-bottom: 6rem;
}
.home #main section#campaign-gift {
	margin-bottom: 4rem;
}


/*--------------------------------
campaign-point
--------------------------------*/
.home #campaign-point .section_main {
}
.home #campaign-point .section_inner {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 1.0rem 1.5rem;
	padding: 1.7rem 0;
}
.home #campaign-point .campaign-point-line {
	width: 100%;
    height: 6px;
    border-radius: 15px;
    background-color: #0078ff;
    box-shadow: 0px 0px 3px 2px #0078ff;
}

/* 左側の見出しラベル */
.home #campaign-point .section_inner_title {
	font-size: var(--font-size-md-lg);
	width: 270px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem;
	background-color: #fff000;
	color: #000000;
	border: 2px solid #ffffff;
    box-shadow: 0px 0px 7px 2px #DB0071;
	border-radius: 15px;
}
.home #campaign-point .text {
	flex: 1;
}
.home #campaign-point .text .text-large {
	font-weight: bold;
}
.home #campaign-point .text .text-yellow {
	color: #fff000;
}
.home #campaign-point .text .deadline {
	font-weight: bold;
	margin-left: 1rem;
}
.home #campaign-point .period .text .text-large {
	font-size: var(--font-size-lg-lg);
	line-height: 1.2;
}
.home #campaign-point .target .text .text-large {
	font-size: var(--font-size-md-sm);
}


/*--------------------------------
campaign-gift / campaign-gift
--------------------------------*/
/* 2セクションの「黄色の角丸枠」を共通化（PCのみ） */
.home #campaign-gift .bg-color {
	background-color: #DB0071;
	padding: 1rem 0;
	text-align: center;
}


.home .section_title_wrapper.is-bg-frame {
	background-image: url("./assets/images/bg-section_title_wrapper.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
	padding: 0.5rem 0.5rem;
	box-shadow: 0px 0px 12px 3px #DB0071;
	margin-bottom: 1.5rem;
}
.home .section_title_wrapper.is-bg-frame img {
	display: block;
    height: 65px;
    object-fit: contain;
    /* margin: 1rem auto; */
}


/*
チケット購入はこちらから
*/
.home #ticket .section_title_wrapper {
	padding: 0.8rem 0.5rem 0.8rem;
	background-color: #0078ff;
	border-radius: 15px 15px 0 0;
	box-shadow: 0 0 12px 3px #0078ff;
	text-align: center;
}
.home #ticket .section_title {
	font-size: var(--font-size-lg-md);
}
.home #ticket .section_inner {
	padding: 0 0.5rem 0.5rem;
	background-color: #0078ff;
	border-radius: 0 0 15px 15px;
	box-shadow: 0 0 12px 3px #0078ff;
}
.home #ticket .ticket-list {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	align-items: center;
	gap: 1.0rem;
	padding: 1.5rem 1.5rem;
	background-color: #ffffff;
	border-radius: 0 0 12px 12px;
}
.home #ticket .ticket-list > li {
	flex-basis: 100%;
	max-width: 300px;
}
.home #ticket .ticket-list > li a {
	display: block;
	text-align: center;
	padding: 0.5rem 15%;
	background-color: #ffffff;
	border: 3px solid #4d4d4d;
	border-radius: 25px;
}
.home #ticket .ticket-list > li.tigerair a {
	background-color: #f6ae1d;
}
.home #ticket .ticket-list a:hover,
.home #ticket .ticket-list a:focus {
	opacity: 0.7;
}
.home #ticket .ticket-list img {
}


/*
共通
*/
.home #main .thumb-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3.0rem 1.0rem;
}
.home #main .thumb-list > li {
}
.home #main .thumb-list > li .thumb {
	margin-bottom: 1.0rem;
}
.home #main .thumb-list > li .list-title-wrapper {
	margin-bottom: 0.5rem;
}
.home #main .thumb-list > li .list-title {
	font-size: var(--font-size-md-md);
}
.home #main .thumb-list > li .list-title-ruby {
	font-size: var(--font-size-sm-sm);
	font-weight: normal;
}
.home #main .thumb-list > li .list-description {
	font-size: var(--font-size-sm-md);
	font-weight: normal;
}


/*
台湾の魅力をご紹介！
*/

/*
観光スポット
*/
.home #sightseeing .thumb-list {
	grid-template-columns: repeat(4, 1fr);
}

/*
ショッピングスポット
*/
.home #shopping .thumb-list {
	grid-template-columns: repeat(3, 1fr);
}

/*
グルメスポット
*/
.home #gourmet .thumb-list {
	grid-template-columns: repeat(3, 1fr);
}


/*
イベント
*/
.home #event .section_main {
	margin-bottom: 1.0rem;
}
.home #main .section_inner_title {
	font-size: var(--font-size-md-md);
	margin-bottom: 0.5rem;
}
.home #event .text-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.0rem 1.0rem;
	align-items: flex-start;
	font-size: var(--font-size-sm-md);
	font-weight: normal;
}
.home #event .text-list .list-description {
}
.home #event .text-list .list-details {
	border: 1px solid #ffffff;
	padding: 0.8rem 1rem;
}
.home #event .section_footer {
	font-size: var(--font-size-sm-md);
	font-weight: normal;
	text-align: right;
}



/*--------------------------------
links（個人情報保護方針 / 利用方針）
--------------------------------*/
.home #links .links-list {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	align-items: center;
	gap: 1.5rem 4%;
}
.home #links .links-list > li {
	flex-basis: 100%;
	max-width: 350px;
}
.home #links .btn-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.8rem;
	width: 100%;
	padding: 1.0rem 1.0rem;
	background-color: #0078ff;
	color: #ffffff;
	font-size: var(--font-size-md-lg);
	font-weight: bold;
	border-radius: 20px;
	border: 2px solid #ffffff;
	box-shadow: 0px 0px 0px 6px #0078ff;
}
.home #links .btn-links-label {
	line-height: 1;
}
.home #links .btn-links:hover,
.home #links .btn-links:focus {
	background-color: #66aeff;
	box-shadow: 0px 0px 0px 6px #66aeff;
}


/******************************************************************

投稿（お知らせ）

******************************************************************/
/******************************************************************

固定ページ(page)

******************************************************************/
.page .headline_wrapper,
.page .headline_wrapper {
	text-align: center;
}
.page .headline,
.page .headline {
	display: inline-block;
	font-size: var(--font-size-lg-md);
	border-bottom: 1px solid #ffffff;
	margin-bottom: 3rem;
}
.page .entry-content,
.page .entry-content {
	line-height: 1.8;
}
.page .entry-content .wp-block-heading {
	font-size: var(--font-size-md-lg);
	margin-bottom: 0.8rem;
}
.page .entry-content .wp-block-group {
	margin-bottom: 3rem;
}
.page .entry-content .wp-block-group .wp-block-list,
.page .entry-content .wp-block-group p {
	text-align: justify;
	margin-bottom: 0.5rem;
}
.page .entry-content .wp-block-group .wp-block-list > li {
	text-indent: calc(-1 * var(--font-size-base));
	padding-left: var(--font-size-base);
}



/******************************************************************

カスタム投稿

******************************************************************/
/******************************************************************

404 Page Not Found

******************************************************************/
/******************************************************************
*******************************************************************

メディアクエリー

*******************************************************************
******************************************************************/
/* style-sp.cssにコーディング */
/*# sourceMappingURL=style.css.map */