@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;
}

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

汎用パーツ

******************************************************************/
/* ボタン
-------------------------------------------*/
.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 {
	margin-bottom: 4rem;
}
.page #header {
	margin-bottom: 0;
}
#inner-header .main-image img {
	width: 100%;
}

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

サイドバー

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

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

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

フッター

******************************************************************/
#footer {
	padding: 1.5rem 0;
	font-size: var(--font-size-md-xs);
	text-align: center;
}


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

トップページ(toppage)

******************************************************************/
.home #main section {
	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: 0.8rem 1.5rem;
	padding: 1.5rem 0;
	border-bottom: 4px solid #036eb7;
}
.home #campaign-point .section_inner.period {
	border-top: 4px solid #036eb7;
}

/* 左側の見出しラベル */
.home #campaign-point .section_inner_title {
	font-size: var(--font-size-md-md);
	width: 120px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem;
	background-color: #fff000;
	border: 1px solid #231815;
	border-radius: 15px;
}
.home #campaign-point .text {
	flex: 1;
}
.home #campaign-point .text .text-large {
	font-weight: bold;
}
.home #campaign-point .text .text-red {
	color: #e50012;
}
.home #campaign-point .text .deadline {
	font-weight: bold;
	margin-left: 1rem;
}
.home #campaign-point .period .text .text-large {
	font-size: var(--font-size-lg-md);
}
.home #campaign-point .target .text .text-large {
	font-size: var(--font-size-md-xs);
}


/*--------------------------------
campaign-gift / campaign-gift
--------------------------------*/
/* 2セクションの「黄色の角丸枠」を共通化（PCのみ） */
.home #campaign-gift .bg-color {
	background-color: #fff000;
	border: 1px solid #000000;
	border-radius: 20px;
	padding: 2rem 1rem;
	text-align: center;
}
.home #campaign-gift .section_inner_title img {
	max-width: 800px;
}

/* index.php の既存要素を使って見た目を campaign-gift に近づける（PCのみ） */
.home #campaign-gift .section_title_wrapper {
	margin-bottom: 1.0rem;
}
.home #campaign-gift .section_title img {
	width: 65%;
	max-width: 265px;
}
.home #campaign-gift .section_inner {
	max-width: 800px;
	margin: 0 auto;
}
.home #campaign-gift .gift-name-wrapper {
    background-color: #1874b8;
    border-radius: 15px;
    padding: 0.5rem;
	margin-bottom: 0.8rem;
}
.home #campaign-gift .gift-name-inner {
    border: 2px solid #ffffff;
    border-radius: 10px;
    padding: 0.6rem 1rem;
}
.home #campaign-gift .gift-name {
	font-size: var(--font-size-lg-md);
	font-weight: 500;
	color: #ffffff;
	line-height: 1.4;
}
.home #campaign-gift .gift-description {
	font-size: var(--font-size-lg-lg);
	font-weight: bold;
	color: #e50012;
	margin-bottom: 0.5rem;
	line-height: 1.4;
}
.home #campaign-gift .gift-note {
	font-size: var(--font-size-md-sm);
	font-weight: 500;
}


/*--------------------------------
application-method
--------------------------------*/
/* 応募方法セクションの背景と余白 */
.home #application-method .bg-color {
	margin-bottom: 3rem;
	padding: 0 0 3rem;
	background-color: #9ae4ff;
	position: relative;
}
.home #application-method .section_header {
	position: relative;
    top: -2rem;
    margin-bottom: -2rem;
    margin-top: 11rem;
}

/* タイトル両側の風船装飾 */
.home #application-method .section_title_wrapper {
	text-align: center;
	margin-bottom: 1.25rem;
	position: relative;
}
.home #application-method .section_title_wrapper::before,
.home #application-method .section_title_wrapper::after {
	content: "";
	position: absolute;
	bottom: -1rem;
	width: 175px;
	height: 175px;
	background-repeat: no-repeat;
	background-size: contain;
}
.home #application-method .section_title_wrapper::before {
	left: 0;
	background-image: url("./assets/images/bg-balloon-left.webp");
}
.home #application-method .section_title_wrapper::after {
	right: 0;
	background-image: url("./assets/images/bg-balloon-right.webp");
}
.home #application-method .section_title img {
	width: 65%;
	max-width: 300px;
}
.home #application-method .section_main {
}
.home #application-method .section_inner {
}
.home #application-method .section_inner_title {
	font-size: var(--font-size-lg-sm);
	text-align: center;
	margin-bottom: 0.5rem;
}

/* 説明のベージュ枠 */
.home #application-method .explanation-wrapper {
	background-color: #eae2bd;
	padding: 0.8rem;
	border-radius: 10px;
	margin-bottom: 0.5rem;
}
.home #application-method .explanation {
	background-color: #eae2bd;
	padding: 1.5rem 1.0rem;
	border: 4px solid #e50012;
	border-radius: 10px;
	text-align: left;
	background-image: url("./assets/images/bg-dotted.webp");
	background-repeat: repeat;
	background-position: 0 0;
	background-size: 20px 20px;
	font-size: var(--font-size-md-sm);
	font-weight: 500;
}
.home #application-method .explanation-inner {
	max-width: 820px;
	margin: 0 auto;
}
.home #application-method .explanation .text-small {
	font-size: var(--font-size-sm-md);
	margin-top: 0.5rem;
}

/* 説明のベージュ枠の下 */
.home #application-method .section_main .supplement {
}


.home #application-method .section_footer {
	text-align: center;
}
.home #application-method .go-application {
	margin-bottom: 1rem;
}
.home #application-method .go-application img {
	max-width: 600px;
}
.home #application-method .button-wrapper {
	margin-bottom: 1rem;
}

/* ボタンはこのセクションだけデザインを変更 */
.home #application-method .button {
	display: inline-block;
    width: 100%;
    max-width: 650px;
    color: #ffffff;
    font-size: var(--font-size-lg-lg);
    font-weight: bold;
    border-radius: 50px;
    padding: 0.5rem;
    background-color: #0084ef;
	background-image: url("./assets/images/bg-button.webp");
	background-repeat: repeat;
	background-size: 50% 100%;
}
.home #application-method .button-inner {
	border: 3px solid #ffffff;
    border-radius: 50px;
    display: inline-block;
    width: 100%;
    padding: 0.3rem;
}
.home #application-method .button:hover {
	background-image: none;
}
.home #application-method .button:hover .button-inner {
	border-color: #0084ef;
}
.home #application-method .section_footer .supplement {
	font-size: var(--font-size-md-lg);
}
.home #application-method .section_footer .supplement .text-small {
	font-size: var(--font-size-base);
}

/*--------------------------------
merits
--------------------------------*/
/* メリット見出しの空背景 */
.home #merits .section_header {
	position: relative;
	overflow: hidden;
	background-color: #9ae4ff;
	padding: 3rem 0 5.5rem;
}
.home #merits .section_header::after {
	content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 4rem;
    background-image: url(./assets/images/bg-cloud.webp);
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: 100%;
}
.home #merits .section_title_wrapper {
	position: relative;
	z-index: 1;
	text-align: center;
}
.home #merits .section_title_wrapper::before,
.home #merits .section_title_wrapper::after {
	content: "";
	position: absolute;
	top: 20%;
	width: 210px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.home #merits .section_title_wrapper::before {
	left: 0;
	background-image: url("./assets/images/icon-airplane-left.webp");
}
.home #merits .section_title_wrapper::after {
	right: 0;
	background-image: url("./assets/images/icon-airplane-right.webp");
}
.home #merits .section_title img {
	max-width: 500px;
}
.home #merits .section_main {
	background-color: #ffffff;
	padding: 1.5rem 0 0;
}
.home #merits .merits-list-wrapper {
	margin-bottom: 7rem;
}
.home #merits .merits-list {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem 3%;
}
.home #merits .merits-list > li {
}
.home #merits .merits-list img {
}

/* 乗継例 */
.home #merits .examples {
	position: relative;
	border: 4px solid #036eb7;
}
.home #merits .examples .section_inner_title_wrapper {
	text-align: center;
    margin-bottom: 3rem;
}
.home #merits .examples .section_inner_title {
	display: inline-block;
    color: #ffffff;
    background-color: #036eb7;
    font-size: var(--font-size-md-md);
    text-align: center;
    padding: 0.5rem;
    border-radius: 50px;
    width: 90%;
    max-width: 350px;
    position: absolute;
    top: -1.5rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.home #merits .airline-list-wrapper {
	margin-bottom: 2rem;
	padding: 0 1rem;
}
.home #merits .airline-list {
	display: grid;
    grid-template-columns: repeat(5, 1fr);
	gap: 1.5rem 3%;
	width: 100%;
    max-width: 850px;
    margin: 0 auto;
}
.home #merits .airline-list > li {
}
.home #merits .flight-list {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem 3%;
	margin-bottom: 1.0rem;
}
.home #merits .flight-list > li {
}
.home #merits .flight-list-wrapper {
	background-color: #bae2f8;
	padding: 1.5rem 3%;
}
.home #merits .flight-list-wrapper .supplement {
	font-size: var(--font-size-sm-md);
	text-align: right;
	margin-top: 0.5rem;
}

/*--------------------------------
faq
--------------------------------*/
.home #faq .bg-image {
    background-image: url(./assets/images/bg-faq.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 105% 100%;
	padding: 7rem 0 5rem;
}
.home #faq .section_header .section_title {
	text-align: center;
	margin-bottom: 3rem;
}
.home #faq .section_header .section_title img {
	max-width: 800px;
}
.home #faq .section_main .faq-list {
	text-align: center;
}
.home #faq .section_main .faq-list img {
	max-width: 800px;
}

/*--------------------------------
campaign-overview
--------------------------------*/
.home #campaign-overview {
	margin-bottom: 6rem !important;
}
.home #campaign-overview .section_main {
}
.home #campaign-overview .section_inner {
	margin-bottom: 2rem;
}
.home #campaign-overview .section_inner_title {
	font-size: var(--font-size-md-lg);
	padding: 0.5rem 1.0rem;
	background-color: #0071bc;
	color: #ffffff;
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	gap: 0.5rem 1.0rem;
}
.home #campaign-overview #attention .section_inner_title {
	background-color: #ff0000;
}
.home #campaign-overview #attention .section_inner_title .text-small {
	font-size: var(--font-size-base);
	font-weight: 500;
}
.home #campaign-overview #overview .text {
	font-size: var(--font-size-md-sm);
	font-weight: bold;
}
.home #campaign-overview #overview .text .text-small {
	font-size: var(--font-size-base);
	font-weight: normal;
}
.home #campaign-overview #about-application .text > ul > li,
.home #campaign-overview #attention .text > ul > li {
	margin-bottom: 0.3rem;
	text-indent: calc(-1 * var(--font-size-base));
	padding-left: var(--font-size-base);
}

/*--------------------------------
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: #39b54a;
	color: #ffffff;
	font-size: var(--font-size-md-lg);
	font-weight: bold;
	border-radius: 50px;
}
.home #links .btn-links-label {
	line-height: 1;
}
.home #links .btn-links:hover,
.home #links .btn-links:focus {
	background-color: #1f8f3c;
}


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

投稿（お知らせ）

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

固定ページ(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 var(--font-color-main);
	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 */