@charset "UTF-8";
/* CSS Document */
/* =========================================================
　メインビジュアル
========================================================= */
html {
	color: #333;
}
.page_title{
	background: url("images/title_img.png"),linear-gradient(130deg, rgba(255, 156, 39, 1), rgba(255, 92, 97, 1)) ,#8FD4DB;
	background-repeat: no-repeat,no-repeat;
	background-size: 1000px auto,cover;
	background-position: center center;
	width: 100%;
	height :440px;
	text-align : center;
}


@media screen and (max-width: 736px) {
}


/*見出し*/
.page_title h2{
	display: none;
}
h3.h3_obi {
	color: #333;
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: .5em;
}
h3.h3_obi span {
	display: inline-block;
	background: #fff;
	width: auto;
	margin-bottom: .5em;
	padding: 0 .3em;
}
h3.h3_obi span:last-child {
	margin-bottom: 0;
}

h3.h3_spot {
	color: #000;
	text-align: center;
	display: block;
	margin-bottom: 2em;
	font-size: 1.4em;
	font-family: "Shippori Mincho", serif;
  	font-style: normal;
	font-weight: bold;
	letter-spacing: .2em;
}
h3.h3_spot img {
	width: 1.5em;
	display: block;
	margin: 0 auto;
	margin-bottom: .0em;
}
h3.h3_spot span {
	display: inline-block;
	font-size: .8em;
	letter-spacing: 0;
	margin-bottom: .0em;
}

h4.h4_title {
	/*margin-left: 1em;*/
	font-size: 1.4em;
    font-family: "Shippori Mincho", serif;
    font-weight: bold;
    font-style: normal;
    color: #000;
    letter-spacing: .1em;
    margin-bottom: 1em;
    line-height: 1.8em;
}
/*h4.h4_title::before {
	content: "✵";
	margin-left: -1em;
}*/


/*黄色ライン*/
span.y-line {
	position: relative;
	background: linear-gradient(transparent 40%, yellow 40%);
	width: auto;
}




.main{
	background-color: #fff;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 500;
}

p {
	font-size: 16px;
	line-height: 2em;
	margin-bottom: 1em;
}

/* 游ゴシック代用 */
.zen-kaku-gothic-new-regular {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.zen-kaku-gothic-new-bold {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.contents-line-y{
/*	position: absolute;*/
	position: relative;
	background:  url(images/contents-line-p.png) repeat-x center top;
	z-index : 10000;
	height : 5px;
	display : block;
/*	top : 715px;*/
	top : -5px;
	width: 100%;
}
.footer-line{
	background:  url(images/contents-line-p_b.png) repeat-x center top;
	display : block;
	width: 100%;
	height: 5px;
}

@media screen and (max-width:736px){
.page_title {
    background-size: 120% auto,cover;/*120%*/
	background-position: center right 10%;
    padding-top: 50%;
    height: auto;
}
.main{
	width: 100%;
}
}/*@media*/

.catch{
	font-weight: bold;
	color: #333;
}

.fda_contents{
	margin-top: 2em;
	max-width: 1000px;
	margin: 0 auto;
}
@media screen and (max-width:736px){
	.fda_catch_text{
		text-align: left;
		margin-top: 2em;
	}
}

/* 背景固定エリア
--------------------------------------------------------- */
section.fda_wrap {
	background-image: url(images/bg.png),linear-gradient(180deg, rgba(0, 120, 216, 1), rgba(2, 121, 215, 1) 0%, rgba(207, 253, 157, 1));
  	background-attachment: fixed;
  	background-size: 100%;
  	background-position: top;
	background-repeat: no-repeat,repeat;
	position: relative;
	
	display: flex;
	justify-content: center;
}

section.fda_wrap .spwrap_inner {
	width: 100%;
    z-index: 1;
    margin: 0px auto;
    overflow: hidden;
	background: #fff;
}

@media screen and (min-width: 801px) {
    section.fda_wrap .spwrap_inner {
        max-width: 400px;/*375px*/
		margin: 5% auto;
    }
}


/* ページ内ナビ
--------------------------------------------------------- */
.bread_crumb li.home::before {
    color: #333;
}

nav.side_nav {
	width: 30%;
	position: sticky;
	right: 8%;
	top: 10%;
	margin: 10% 0;
}
nav.side_nav .side_nav_inner {
	position: sticky;
	right: 8%;
	top: 12%;
}

nav.side_nav h2.h2_nav_title {
	width: 100%;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 3px dotted #fff;
}
nav.side_nav h2.h2_nav_title img {
	width: 100%;
}

nav.side_nav ul {
	margin: 0;
	padding: 0;
}
nav.side_nav ul li {
	list-style: none;
	margin: 0;
	padding-left: 2.5em;
	margin-bottom: .5em;
	font-size: 1.2em;
}
nav.side_nav ul li a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
}
nav.side_nav ul li a span {
	display: inline-block;
	font-size: .8em;
}


nav.side_nav ul li.nav_li00 {
	background: url("images/nav_00.png")no-repeat;
	background-size: 1.4em;
	background-position: .4em;
}
nav.side_nav ul li.nav_li01 {
	background: url("images/nav_01.png")no-repeat;
	background-size: 2em;
}
nav.side_nav ul li.nav_li02 {
	background: url("images/nav_02.png")no-repeat;
	background-size: 2em;
}
nav.side_nav ul li.nav_li03 {
	background: url("images/nav_03.png")no-repeat;
	background-size: 2em;
}
nav.side_nav ul li.nav_li04 {
	background: url("images/nav_04.png")no-repeat;
	background-size: 2em;
}
nav.side_nav ul li.nav_li05 {
	background: url("images/nav_05.png")no-repeat;
	background-size: 2em;
}
nav.side_nav ul li.nav_li06 {
	background: url("images/nav_06.png")no-repeat;
	background-size: 2em;
}
nav.side_nav ul li.nav_li07 {
	background: url("images/nav_07.png")no-repeat;
	background-size: 2.2em;
}


@media screen and (max-width: 1200px) {
nav.side_nav ul li {
	font-size: 1em;
}
nav.side_nav h2.h2_nav_title img {
	display: block;
    width: 80%;
	margin: 0 auto;
}
}
@media screen and (max-width: 801px) {
    nav.side_nav {
	display: none;
}
}

@media screen and (max-height: 801px) {
nav.side_nav ul li {
	margin-bottom: 0em;
}
nav.side_nav .side_nav_inner {
    position: sticky;
    top: 5%;
}
}


/*鳥*/
.fda_wrap .bird_set {
	position: absolute;
	width: 100%;
	height: 100%;
}
.fda_wrap .bird_set .bird_set_inner {
	position: sticky;
	top: 50%;
	width: 100%;
}
.fda_wrap .bird_set .bird {
  position: sticky;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  animation: moving 16s linear infinite;
}

.fda_wrap .bird_set .bird.-type_2 {
  animation-delay: 1s;
}
.fda_wrap .bird_set .bird.-type_2:before,
.fda_wrap .bird_set .bird.-type_2:after {
  animation-delay: -2s;
}

.fda_wrap .bird_set .bird.-type_3 {
  animation-delay: 3s;
}

@keyframes moving {
  0% {
    top: 47vh;
    left: -2vw;
  }
  25% {
    top: 51vh;
    left: 23vw
  }
  100% {
    top: 47vh;
    left: 101vw;
  }
}

.fda_wrap .bird_set .bird:before, .bird_set .bird:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
  transform: rotate(-30deg);
  transform-origin: right bottom;
}

.fda_wrap .bird_set .bird:before {
  width: 100%;
  height: 1px;
  animation: leftWing 8s linear infinite;
}
.fda_wrap .bird_set .bird:after {
  width: 1px;
  height: 100%;
  animation: rightWing 8s linear infinite;
}

@keyframes leftWing {
  0%   { transform: rotate(-30deg); }
  2%   { transform: rotate(-110deg); }
  4%   { transform: rotate(-30deg); }
  6%   { transform: rotate(-110deg); }
  8%   { transform: rotate(-30deg); }
  10%  { transform: rotate(-110deg); }
  12%  { transform: rotate(-30deg); }
  30%  { transform: rotate(-30deg); }
  42%  { transform: rotate(-35deg); }
  72%  { transform: rotate(-35deg); }
  74%  { transform: rotate(10deg); }
  76%  { transform: rotate(-30deg); }
  78%  { transform: rotate(-110deg); }
  80%  { transform: rotate(-30deg); }
  82%  { transform: rotate(-110deg); }
  84%  { transform: rotate(-30deg); }
  86%  { transform: rotate(-110deg); }
  88%  { transform: rotate(-30deg); }
  90%  { transform: rotate(-110deg); }
  92%  { transform: rotate(-30deg); }
  94%  { transform: rotate(-110deg); }
  96%  { transform: rotate(-30deg); }
  98%  { transform: rotate(-110deg); }
  100% { transform: rotate(-30deg); }
}

@keyframes rightWing {
  0%   { transform: rotate(30deg); }
  2%   { transform: rotate(110deg); }
  4%   { transform: rotate(30deg); }
  6%   { transform: rotate(110deg); }
  8%   { transform: rotate(30deg); }
  10%  { transform: rotate(110deg); }
  12%  { transform: rotate(30deg); }
  30%  { transform: rotate(30deg); }
  42%  { transform: rotate(35deg); }
  72%  { transform: rotate(35deg); }
  74%  { transform: rotate(0deg); }
  76%  { transform: rotate(30deg); }
  78%  { transform: rotate(110deg); }
  80%  { transform: rotate(30deg); }
  82%  { transform: rotate(110deg); }
  84%  { transform: rotate(30deg); }
  86%  { transform: rotate(110deg); }
  88%  { transform: rotate(30deg); }
  90%  { transform: rotate(110deg); }
  92%  { transform: rotate(30deg); }
  94%  { transform: rotate(110deg); }
  96%  { transform: rotate(30deg); }
  98%  { transform: rotate(110deg); }
  100% { transform: rotate(30deg); }
}

/****** Base style. ******/
body {
  /*overflow: scroll;
  height: 100vh;
  margin: 0;*/
}

@media screen and (max-width: 736px) {
/*鳥*/
.fda_wrap .bird_set {
	display: none;
}
}



/* 01 FDA『福岡＝花巻』便就航スタート！
--------------------------------------------------------- */
section.content_01 {
	padding: 7%;
	background-image: linear-gradient(130deg, rgba(255, 156, 39, 1), rgba(255, 92, 97, 1));
}
section.content_01 p {
	color: #fff;
}

/* シンプルボタン
----------------------------- */
.button_01 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 250px;
    margin: 0 auto;
    padding: .9em 3em .9em 2em;
    border: 1px solid #CD0000;
    border-radius: 5px;
    background-color: #fff;
    color: #CD0000;
    font-size: 1em;
	font-weight: bold;
}
.button_01 a {
	text-decoration: none;
    color: #CD0000;
}

.button_01::after {
    position: absolute;
    right: 2em;
    transform: translateY(-50%);
    transform-origin: left;
    width: 2em;
    height: .5em;
    background-color: #CD0000;
    clip-path: polygon(0 100%, 100% 100%, 70% 40%, 70% 90%, 0% 90%);
    content: '';
    transition: transform .3s;
}

.button_01:hover::after {
    transform: translateY(-50%) scaleX(1.4);
}



/* 02 岩手県花巻市ってこんなまち！
--------------------------------------------------------- */
section.content_02 {
	padding: 7%;
}
/*section.content_02 h3.h3_obi {
	color: #fff;
	font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal
}
section.content_02 h3.h3_obi span {
	background-image: linear-gradient(130deg, rgba(255, 156, 39, 1), rgba(255, 92, 97, 1));
}*/
section.content_02 .h3_spot {
	font-size: 1.3em;
	letter-spacing: .1em;
}
section.content_02 .h3_spot span {
	display: inline-block;
    letter-spacing: .1em;
    margin-bottom: .1em;
	font-size: 1.2em;
}


section.content_02 p {
	color: #333;
}

/*花巻市イメージキャラクター*/
section.content_02 .imgbox_01 {
	width: 100%;
	margin: 0 auto;
	margin-top: -20%;
}
section.content_02 .imgbox_01 img {
	width: 100%;
}

/*花巻市写真*/
section.content_02 .imgbox_02 {
	width: 90%;
	margin: 0 auto;
	margin-top: -5%;
	margin-bottom: 1em;
}
section.content_02 .imgbox_02 img {
	width: 100%;
}

/* 使用フォント */
.kiwi-maru-medium {
  font-family: "Kiwi Maru", serif;
  font-weight: 500;
  font-style: normal;
}



/* 03 好みに合わせて選べる！花巻温泉郷でまったり過ごす
--------------------------------------------------------- */
section.content_03 {
	padding: 7%;
	background: url("images/bg2.png"),#292222;
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center;
}

section.content_03 h3.h3_spot {
	color: #fff;
}


section.content_03 p {
	color: #fff;
	font-weight: normal;
}


section.content_03 ul {
	margin: 0;
	padding: 0;
}
section.content_03 ul li {
	list-style: none;
}


/*温泉*/
section.content_03 ul li .imgbox_01 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1em;
}
section.content_03 ul li .imgbox_01 img {
	width: 48%;
	display: block;
}
section.content_03 ul li .imgbox_01 img:first-child {
	margin-bottom: 2em;
}
section.content_03 ul li .imgbox_01 img:last-child {
	margin-top: 2em;
}

section.content_03 ul li .textbox_01 {
	width: 100%;
}


section.content_03 ul li .textbox_01 h4.h4_title {
	font-size: 1.5em;
	font-family: "Shippori Mincho", serif;
  	font-weight: 500;
  	font-style: normal;
	color: #fff;
	letter-spacing: .2em;
	margin-bottom: 1em;
}

/*リンクボタン*/
button.p_link {
	display: flex;
    justify-content: center;
    align-items: center;
    min-width: 250px;
    margin: 0 auto;
    padding: .9em 2em;
    border-radius: 5px;
	border: 1px solid #fff;
    background-color: #333;
    color: #fff;
    font-weight: normal;
    font-size: 1em;
}
button.p_link::after {
    width: 1.25em;
    height: 1.25em;
    margin-left: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}
button.p_link:hover {
    background-color: #808080;
}
button.p_link a {
    color: #fff;
	font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
	box-sizing: border-box;
}


/* 使用フォント */
.shippori-mincho-Regular {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}


/* 04 花巻の定番観光！宮沢賢治の世界へ
--------------------------------------------------------- */
section.content_04 {
	padding: 7%;
	background: url("images/bg3.png"),#F2EFE6;
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: top 20% center;
}

ul.ul_spot li {
	margin-bottom: 2em;
}
ul.ul_spot li .imgbox_02 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 1em;
}
ul.ul_spot li .imgbox_02 h4.h4_title {
	width: 50%;
	margin-bottom: 0;
}
ul.ul_spot li .imgbox_02 img {
	width: 90%;
    display: block;
    margin: 0 auto;
}

ul.ul_spot li .textbox_02 {
	margin-top: 0em;
}


/* 05 テレビでも紹介！魅惑の花巻グルメ
--------------------------------------------------------- */
section.content_05 {
	padding: 7%;
	background: url("images/bg3.png"),linear-gradient(322deg, rgba(255, 92, 97, 0.25), rgba(255, 156, 39, 0.25));
	background-size: 90%,100%;
	background-repeat: no-repeat;
	background-position: top 20% center;
}


/* 06 テレビでも紹介！魅惑の花巻グルメ
--------------------------------------------------------- */
section.content_06 {
	padding: 7%;
	background: url("images/bg3.png"),linear-gradient(322deg, rgba(92, 211, 255, 0.25), rgba(122, 255, 39, 0.25));
	background-size: 90%,100%;
	background-repeat: no-repeat;
	background-position: top 20% center;
}

section.content_06 ul {
	margin: 0;
	padding: 0;
}
section.content_06 ul li {
	list-style: none;
}


/*コンテンツ*/
section.content_06 ul li .imgbox_01 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1em;
}
section.content_06 ul li .imgbox_01 img {
	width: 48%;
	display: block;
}
section.content_06 ul li .imgbox_01 img:first-child {
	margin-bottom: 2em;
}
section.content_06 ul li .imgbox_01 img:last-child {
	margin-top: 2em;
}

section.content_06 ul li .textbox_01 {
	width: 100%;
}


section.content_06 ul li .textbox_01 h4.h4_title {
	font-size: 1.4em;
	font-family: "Shippori Mincho", serif;
  	font-weight: bold;
  	font-style: normal;
	color: #000;
	letter-spacing: .1em;
	margin-bottom: 1em;
	line-height: 1.8em;
}


/* 07 便利にお得に！おすすめ観光プラン
--------------------------------------------------------- */
section.content_07 {
	padding: 7%;
	background: url("images/bg3.png"),linear-gradient(322deg, rgba(255, 120, 36, 0.25), rgba(247, 255, 39, 0.25));
	background-size: 90%,100%;
	background-repeat: no-repeat;
	background-position: top 20% center;
}

section.content_07 ul {
	margin: 0;
	padding: 0;
}
section.content_07 ul li {
	list-style: none;
}


/*コンテンツ*/
section.content_07 ul li .imgbox_01 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1em;
}
section.content_07 ul li .imgbox_01 img {
	width: 90%;
	display: block;
	margin: 0 auto;
}
section.content_07 ul li .imgbox_01 img:first-child {
	margin-bottom: 2em;
}
section.content_07 ul li .imgbox_01 img:last-child {
	margin-top: 2em;
}

section.content_07 ul li .textbox_01 {
	width: 100%;
}


section.content_07 ul li .textbox_01 h4.h4_title {
	font-size: 1.4em;
	font-family: "Shippori Mincho", serif;
  	font-weight: bold;
  	font-style: normal;
	color: #000;
	letter-spacing: .1em;
	margin-bottom: 1em;
	line-height: 1.8em;
}


/* 08 はじめての岩手！2泊3日モデルコース
--------------------------------------------------------- */
section.content_08 {
	padding: 7%;
	background: url("images/bg3.png"),linear-gradient(313deg, rgba(30, 0, 155, 0.25), rgba(255, 131, 212, 0.25));
	background-size: 90%,100%;
	background-repeat: no-repeat;
	background-position: top 20% center;
}


/*コンテンツ*/
.imgbox_01 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1em;
}
.imgbox_01 img {
	width: 48%;
	display: block;
}
.imgbox_01 img:first-child {
	margin-bottom: 2em;
}
.imgbox_01 img:last-child {
	margin-top: 2em;
}


/*h4 リボン*/
.h4_ribon {
	font-size: 1.5em;
  font-family: "Shippori Mincho", serif;
  	font-weight: bold;
	letter-spacing: .1em;
	text-align: center;
	margin-bottom: 0;
}

.h4_ribon span {
  display: inline-block;
  position: relative;
  height: 1.6em;/*リボンの高さ*/
  line-height: 1.6em;/*リボンの高さ*/
  padding: 0 30px;/*横の大きさ*/
  background: #000;/*塗りつぶし色*/
  color: #FFF;/*文字色*/
  box-sizing: border-box;
	margin: 0 auto;
	width: 100%;
	font-size: .6em;
}

.h4_ribon span:before, .h4_ribon span:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.h4_ribon span:before {
  top: 0;
  left: 0;
  border-width: 11px 0px 12px 7px;
  border-color: transparent transparent transparent #FFF5C7;
  border-style: solid;
}

.h4_ribon span:after {
  top: 0;
  right: 0;
  border-width: 11px 7px 14px 0px;
  border-color: transparent #FFF5C7 transparent transparent;
  border-style: solid;
}


.h4_ribon span.span_small {
	width: 100%;
	padding: 0;
	display: inline-block;
	color: #626262;
	background: none;
	letter-spacing: 0em;
	line-height: 1.4em;
	margin-top: .5em;
	
	font-family: "Zen Kaku Gothic New", sans-serif;
  	font-weight: bold;
	font-size: .6em;
}
.h4_ribon span.span_small:before {
  display: none;
}
.h4_ribon span.span_small:after {
  display: none;
}


/*アコーディオン*/
.accordion-004 {
    max-width: 500px;
    margin-bottom: 1em;
    border-radius: .5em;
	background: #FFF5C7;
	border: 1px solid #000;
}

.accordion-004 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}
.accordion-004 summary p {
    color: #000;
}

.accordion-004 summary::-webkit-details-marker {
    display: none;
}

.accordion-004 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 12px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}

.accordion-004[open] summary::after {
    transform: rotate(225deg);
}

.course_day {
	display: inline-block;
    transform: rotate(-5deg);
    padding: 0em .7em;
    border-left: 2px dotted rgba(255, 255, 255, 1);
    border-right: 2px dotted rgba(255, 255, 255, 1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    background-color: #F3495B;
    color: #fff;
	margin-bottom: .5em;
	 font-family: "Shippori Mincho", serif;
  	font-weight: 500;
}


.accordion-004 ul {
	width: 100%;
	box-sizing: border-box;
	border-top: 2px dotted #ccc;
	transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2.4em 1.5em;
	padding-right: 1em;
	padding-top: 1em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}
.accordion-004[open] ul {
    transform: none;
    opacity: 1;
}

.accordion-004 ul li {
    list-style: none;
	padding-bottom: 2em;
	background: url("images/under.png")no-repeat;
	background-size: 20px;
	background-position: bottom 10px center;
	font-family: "Kiwi Maru", serif;
  font-weight: 500;
  font-style: normal;
}
.accordion-004 ul li:last-child {
	padding-bottom: 0;
	background: none;
}

h4.h4_course {
	width: 100%;
  position: relative;
  background: #fff;
  padding: .5em 1em .5em 1.2em;
  color: #000;
  border-radius: 10px;
	box-sizing: border-box;
	margin: 0 auto;
	font-size: 1.2em;
	font-family: "Shippori Mincho", serif;
  font-weight: bold;
  font-style: normal;
	letter-spacing: .1em;
	margin-bottom: .5em;
	line-height: 1.4em;
}

h4.h4_course span {
	font-size: .7em;
	letter-spacing: 0;
}

h4.h4_course:before {
  font-family: "Font Awesome 5 Free";
  content: "\f041";
  display: inline-block;
  position: absolute;
  padding: 0em;
  color: white;
  background: #ff6363;
  font-weight: 900;
  width: 34px;
  text-align: center;
  height: 34px;
  line-height: 34px;
  left: -1.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}


/*2日目*/
.accordion-004 ul.course_02 .course_day {
    background-color: #31ACB5;
}
.accordion-004 ul.course_02 h4.h4_course:before {
  background: #31ACB5;
}


/*3日目*/
.accordion-004 ul.course_03 .course_day {
    background-color: #EC8E00;
}
.accordion-004 ul.course_03 h4.h4_course:before {
  background: #EC8E00;
}

/* 09 便利にお得に！おすすめ観光プラン
--------------------------------------------------------- */
section.content_09 {
	padding: 7%;
	background: url("images/bg3.png"),linear-gradient(313deg, rgba(209, 0, 72, 0.25), rgba(255, 217, 196, 0.25));
	background-size: 90%,100%;
	background-repeat: no-repeat;
	background-position: top 20% center;
}

section.content_09 ul {
	width: 100%;
	margin: 0;
	padding: 0;
}
section.content_09 ul li {
	width: 100%;
	list-style: none;
	border: 1px solid #000;
	border-radius: .5em;
	margin-bottom: .6em;
	font-size: 1.4em;
  	font-family: "Shippori Mincho", serif;
  	font-weight: 500;
	box-sizing: border-box;
	text-align: center;
	background: url("images/click.png")no-repeat,#fff;
	background-position: center bottom .5em;
	background-size: 1.8em;
	padding-bottom: 0;
}
section.content_09 ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 1em;
	padding-bottom: 2em;
	box-sizing: border-box;
}




/* 戻るボタン
--------------------------------------------------------- */
.backbtn{
	background-color: #fff;
	text-align: center;
	}
.backbtn p{
	max-width: 600px;
	margin: 3em auto;
	padding: 0 20px 4em;
	box-sizing: border-box;
/*	background-color: #A0C23E;*/
}
.btn_box_s a {
    width: 100%;
    background-color: #EA275E;
    padding: 1em;
}
.btn_box_s.fb a {
    background-color: #1877F2;
}
.btn_box_s.inst a {
    background-color: #F02569;
}
.btn_box_s.x a {
    background-color: #000;
}
.fda_catch_wrap .rink_btn a {
	max-width: 800px;
	margin: 0 auto;
    width: 100%;
    background-color: #544776;
    padding: 1em;
}


/* 詳しく見るボタン
--------------------------------------------------------- */
.morebtn{
	text-align: center;
	margin-top: 1.2em;
}
.morebtn p{
	max-width: 500px;
	margin: 10px auto;
	box-sizing: border-box;
	min-width: 430px;
}
.morebtn_s a {
    width: 100%;
    background-color: #654425;
    padding: 0.7em;
    color: #fff;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    background-size: 12px 20px;
    background-position: right 10px center;
    text-align: center;
    transition: opacity 0.3s ease 0s;
    box-sizing: border-box;
	background-image: url(../../common/img/arrow_w_l.png);
	font-size:  1em;
}

/*リストの設定*/

.fda_contents ul{
  counter-reset:list;
}
.fda_contents ul li{
  position:relative;
/*  border-bottom: dashed 1px #F6A38B;*/
}
.fda_contents ul li:before{
  counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background:#e13c68;
  top: 0.8em;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}