@charset "utf-8";
/*
Theme Name: hanshinkou_202507
Version: 1.0
*/

/* Reset.css */
* {
	font-style:normal;
	margin:0pt;
	padding:0pt;
	border:0;
	text-decoration: none;
}
body {
	font-family:'Noto Sans JP',"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
-webkit-text-size-adjust: 100%;
word-wrap: break-word;
color:#656565;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
html {
	font-size: 62.5%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ol, ul, ul li {
	list-style-type:none;
}
img {
border:0 none;
vertical-align:bottom;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
font-size: 1.4rem;
line-height: 2;
}
@media (min-width: 768px) {
  body {
	font-size:1.8rem;
	line-height: 2;
  }
}
@media (min-width: 992px) {
  body {
	font-size:1.8rem;
	line-height: 2;
  }
}
.contents p, .contents dl, .contents ul, .contents ol {
    margin-bottom:2em;
}
a:link{
	color:#388BD1;
}
a:visited{
	color:#388BD1;
}
a:hover{
	color:#FF4B33;
}
a:active{
	color:#FF4B33;
}
.cf:before, .cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
img{
max-width:100%;
height:auto;
}
a:hover img{
opacity:0.7;
transition: all 0.5s ease 0s;
}
.only_sp,
a.only_sp{
display:none;
}
.only_pc,
a.only_pc{
display:block;
}
.f22 {
font-size:1.6em;
line-height: 1.6em;
}
.fbold{
font-weight:bold;
}
.tunderline{
text-decoration:underline;
}
.blue{
color:#1F456C;
}
.orange{
color:#D83F00;
}
.tcenter{
text-align:center;
}
.tright{
text-align:right;
}
.red{
color:#D80000;
}
.bgyellow{
    background: linear-gradient(transparent 60%, #FFD400 60%);
}
.serif{
	font-family: "游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}
.en{
	font-family: 'Montserrat', sans-serif;
}
.wrap{
width:94%;
max-width:1080px;
margin:0 auto;
clear:both;
}
.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.justify{
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
    padding: 0;
}
.gmap{
position: relative;
padding-bottom: 26.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.gmap iframe,
.gmap object,
.gmap embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 94%;
}
.youtube{
position: relative;
padding-bottom: 66.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.youtube iframe,
.youtube object,
.youtube embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* editor */
 
p {
    display: block;
}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
 
/* img */
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
 
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}
 
/*sp common*/
.spnav{
		display:none;
}

/*common*/
body{
	background:url(img/common/head_mark.svg) no-repeat top left;
	background-size:20% auto;
}
.pageHeader{
	padding:4em 0;
}
.header_inner{
	max-width:1080px;
	width:90%;
	margin:0 auto;
	align-items: end;
}
.head_illust{
	width:46%;
	text-align:right;
}
.head_illust img{
	max-width:390px;
}
.head_ttl{
	width:46%;
}
.head_ttlen{
	color:#58708D;
	font-weight:800;
	font-style:italic;
	font-size:3em;
	line-height:1.2;
	margin:0 0 0.1em;
	letter-spacing:0.1em;
}
.head_ttlen span{
	font-style:italic;
	line-height:1.2;
}
.head_ttlen span{
  position: relative; color: transparent;
}
.head_ttlen span::before{
    content: ""; position: absolute; z-index: 1; top: 0%; right: 100%; bottom: 0%; left: 0%;
    background : #58708D;
  }
.head_ttlen span.active{
    animation-name: kf_c01a;
    animation-duration: 0s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
}
.head_ttlen span.active:before{
      animation-name: kf_c01b;
      animation-duration: 1s;
      animation-fill-mode: forwards;
}
@keyframes kf_c01a {
  100%{
    color: inherit;
  }
}
@keyframes kf_c01b {
  50%{
    left: 0%; right: 0%;
  }
  100%{
    left: 100%; right: 0%;
  }
}

h1.head_ttlja{
	color:#58708D;
	font-size:1.2em;
}
h1.head_ttlja span{
  position: relative; color: transparent;
}
h1.head_ttlja span::before{
    content: ""; position: absolute; z-index: 1; top: 0%; right: 100%; bottom: 0%; left: 0%;
    background : #58708D;
  }
h1.head_ttlja span.active{
    animation-name: kf_c01a;
    animation-duration: 0s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
}
h1.head_ttlja span.active:before{
      animation-name: kf_c01b;
      animation-duration: 1s;
      animation-fill-mode: forwards;
}
.pageFooter{
	background:#58708D;
	color:#fff;
	text-align:center;
	position:relative;
	padding:2.3em 0;
}
.foot_mark{
	position:absolute;
	bottom:0;
	right:0;
	width:24%;
	text-align:right;
}
.foot_bnr{
	padding:6em 0 6em;
}
.foot_bnr01,
.foot_bnr02{
	justify-content: center;
	align-items:center;
}
.foot_bnr01{
	margin:0 0 2em;
}
.foot_bnr01 a{
	max-width:180px;
	margin:0 1% 1em;
}
.foot_bnr01 a:nth-of-type(1){
	max-width:244px;
}
.foot_bnr02{
	position:relative;
	z-index:10;
}
.foot_bnr02 a{
	width:16%;
	max-width:172px;
	margin:0 1% 1em;
}
.menubox_waku{
	display:none;
	background:#fff;
	
}
.menu{
	position:fixed;
	top:2em;
	right:2em;
	z-index:20;
	width:80px;
	cursor:pointer;
}
.menu img,
.menubox_txt02_head img{
	-webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
}
.menu img:hover,
.menubox_txt02_head img:hover{
	transform: scale(0.9, 0.9);
	-webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
}
.menubox{
	width:100%;
	height:100vh;
	z-index:100;
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	overflow-y: scroll;
}
.menubox_txt01{
	width:10%;
	padding:2em 1em;
	position:relative;
}
.menubox_txt01_txt{
	text-align: center;
}
.menubox_txt01_txt span {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    padding-top: 1.5em;
    text-indent: -1.5em;
    font-size: 1.6em;
    letter-spacing: .4em;
	color:#58708D;
}
.menubox_txt01_img{
	position:absolute;
	bottom:2%;
	left:2%;
	width:96%;
}
.menubox_img01{
	width:35%;
	background:url(img/menu/photo01.jpg) no-repeat center center;
	background-size:cover;
}
.menubox_txt02{
	width:55%;
	padding:2em;
	background:#EFE4E8;
	position:relative;
}
.menubox_txt02_head{
	width:80px;
	position:absolute;
	top:2em;
	right:2em;
	cursor:pointer;
}
.menubox_txt02_ttl{
	text-align: center;
	margin:0 0 1em;
}
.menubox_txt02_ttl span {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    padding-top: 1.5em;
    text-indent: -1.5em;
    font-size: 1.2em;
    letter-spacing: .2em;
	color:#58708D;
}
.menubox_ttl01{
	margin:2em 0 3em;
    padding:1em 1.3em;
	font-size:24px;
}
.menubox_ttl01 a{
	color: #58708D;
}
.menubox_txt02_nav01{
	margin:0 0 2em;
	border-top:1px solid #58708D;
}
.menubox_txt02_nav01 a{
	color:#58708D;
	padding:1em 10em 1em 2em;
	border-bottom:1px solid #58708D;
	display:block;
	position:relative;
}
.menubox_txt02_nav01 a:after{
	content:"";
	display:block;
	width:6em;
	height:1em;
	background:url(img/menu/arrow01.svg) no-repeat center center;
	background-size:contain;
	position:absolute;
	right:2em;
	top:50%;
	transform: translateY(-50%);
}
.menubox_txt02_sns{
	justify-content:center;
}
.menubox_txt02_sns a{
	margin:0 1%;
}
.menubox_txt02_nav02{
	text-align:center;
}
.menubox_txt02_nav02 a{
	font-size:14px;
	color: #58708D;
	padding:0 1em;
	border-right:1px solid #58708D;
}
.menubox_txt02_nav02 a:first-of-type{
	border-left:1px solid #58708D;
}

/*page common*/
.page_ttl01,
.page_ttl01w,
.top_ttl01{
	text-align:center;
	font-size:1.6em;
	position:relative;
	padding:60px 0 1em;
}
.page_ttl01w{
	color:#fff;
}
.page_ttl01:after{
	content:"";
	display:block;
	width:50px;
	height:47px;
	background:url(img/about/ttl_icn01.svg) no-repeat center center;
	background-size:contain;
	position:absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
}
.page_ttl01w:after{
	content:"";
	display:block;
	width:50px;
	height:47px;
	background:url(img/search/ttl_icn01w.svg) no-repeat center center;
	background-size:contain;
	position:absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
}
.top_ttl01:after{
	content:"";
	display:block;
	width:50px;
	height:47px;
	background:url(img/common/ttl_icn03.svg) no-repeat center center;
	background-size:contain;
	position:absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
}
.combox01{
	padding:4em 0;
}
@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}

/* このクラスをつけると回転を無限に繰り返します */
.anime-fuwafuwa {
  animation: 3s fuwafuwa infinite;
}

/*top*/
.top_main_waku{
	position:relative;
}
.top_main_scroll{
	position:absolute;
	bottom:0;
	right:2%;
}
.top_main_scroll span{
	position:relative;
	padding-bottom:110px;
	display:block;
}
.top_main_scroll span:after{
	content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 100px;
    background: #8B8B8B;
}
.top_main_scroll span:after{
animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
}
@keyframes sdl {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  35% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  35.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  70%, 100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
.top_main{
	max-width:1080px;
	width:90%;
	margin:-4em auto -2em;
	position:relative;
	z-index:3;
}
.top_main_img{
	border-top-right-radius: 8em;
	overflow:hidden;
}
.top_main_img img{
	animation: fadezoom 10s 0s infinite;
}
@keyframes fadezoom {
  0% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}
.top_main_txt{
	position:absolute;
	top:4%;
	left:4%;
}
.top_main_txt01{
	font-weight:700;
	color:#fff;
	font-style:italic;
	font-size:6rem;
	line-height:1.4;
}
.top_main_txt01 span{
  position: relative; color: transparent;
}
.top_main_txt01 span::before{
    content: ""; position: absolute; z-index: 1; top: 0%; right: 100%; bottom: 0%; left: 0%;
    background : #fff;
  }
.top_main_txt01 span.active{
    animation-name: kf_c01a;
    animation-duration: 0s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
}
.top_main_txt01 span.active:before{
      animation-name: kf_c01b;
      animation-duration: 1s;
      animation-fill-mode: forwards;
}

.top_main_txt02{
	color:#58708D;
}
.top01{
	background: linear-gradient(90deg, #EFE4E8 0%, #EFE4E8 80%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%);
   padding: 4em 0 4em;
	margin-bottom:-4em;
	z-index:2;
	position:relative;
}
.top_search{
	padding-top:8em!important;
	z-index:1;
	margin-bottom:4em;
}
.topcom_txt01{
	 font-size: 1.8em;
}
.top01_inner01 {
    max-width: 1200px;
    width: 94%;
    margin: 0 auto 3em;
    justify-content: center;
    align-items: center;
}
.top01_txt01 {
    width: 30%;
    padding-left: 5%;
	font-weight:bold;
}
.top01_txt01 span,
.top_area01_head_txt01 span,
.nicetrip_head01_txt span{
  position: relative; color: transparent;
}
.top01_txt01 span::before,
.top_area01_head_txt01 span::before,
.nicetrip_head01_txt span::before{
    content: ""; position: absolute; z-index: 1; top: 0%; right: 100%; bottom: 0%; left: 0%;
    background : #656565;
  }
.top01_txt01 span.active,
.top_area01_head_txt01 span.active,
.nicetrip_head01_txt span.active{
    animation-name: kf_c01a;
    animation-duration: 0s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
}
.top01_txt01 span.active:before,
.top_area01_head_txt01 span.active:before,
.nicetrip_head01_txt span.active:before{
      animation-name: kf_c01b;
      animation-duration: 1s;
      animation-fill-mode: forwards;
}

.top01_img01 {
    width: 40%;
}
.top01_img01 img{
	border-top-left-radius: 4em;
}
.top01_inner02{
	margin: 0 auto 3em;
	align-items: center;
}
.top01_img02{
	width:50%;
}
.top01_txt02{
	margin-left:4%;
	width:44%;
}
.top_area01{
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, #EFE4E8 20%, #EFE4E8 100%);
   padding: 4em 0 8em;
}
.top_area02{
	background: linear-gradient(90deg, #DBC5CD 0%, #DBC5CD 80%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%);
   padding: 4em 0 8em;
	margin-top:-4em;
}
.top_area03{
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, #EFE4E8 20%, #EFE4E8 100%);
   padding: 4em 0 4em;
	margin-top:-4em;
}
.top_area01_head{
	max-width: 1200px;
    width: 94%;
    margin: 0 auto 3em;
    justify-content: center;
    align-items: center;
}
.top_area01_head_txt01 {
    width: 34%;
    padding-right: 5%;
	font-weight:bold;
}
.top_area01_head_img {
    width: 50%;
}
.top_area01_head_img img{
	border-top-right-radius: 4em;
}
.top_area_inner_img{
	width:50%;
}
.top_area_inner01{
	width:46%;
}
.top_area_inner_txt{
	padding:2em;
}
.top_area_inner_ttl{
	width:20%;
}
.top_area_inner_ttl span{
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	padding-top:1.5em;
	text-indent:-1.5em;
	font-size:1.6em;
	letter-spacing: .4em;
}
.top_area_inner_txt01{
	width:60%;
	margin-right:20%;
	text-align:center;
}
.top_area_inner_txt01_txt{
	font-size:0.8em;
}
.top_area_inner_txt01_root{
	padding:2em 24% 1em;
}
.top_area_inner_link a{
	display:block;
	width:100%;
	border-bottom:1px solid #707070;
	color:#707070;
	padding:0.4em 1em;
	position:relative;
}
.top_area_inner_link a:after{
	content:"";
	display:block;
	width:137px;
	height:8px;
	background:url(img/top/arrow01.svg) no-repeat center center;
	background-size:contain;
	position:absolute;
	top:50%;
	right:4%;
	transform: translateY(-50%);
}
.top_area_inner_link a:hover{
	opacity:0.7;
}
.top_area02 .top_area_inner{
	flex-direction: row-reverse;
}
.top_info_inner,
.top_faq_inner,
.top_ferry_inner{
	width:94%;
	max-width:1080px;
	margin:0 auto;
}
a.top_info_unit{
	color:#707070;
	padding:2em;
	border-bottom:1px solid #707070;
	align-items:center;
}
a.top_info_unit:hover{
	opacity:0.7;
}
.top_info_date{
	width:20%;
}
.top_info_ttl{
	width:54%;
}
.top_info_more{
	width:20%;
}
.top_info_more img{
	vertical-align:middle;
}
.top_faq{
	background:#F7F4ED;
}
.top_faq_unit{
	background:#fff;
	padding:2em;
	color:#58708D;
	border-top-right-radius: 2em;
	border-bottom-left-radius: 2em;
	position:relative;
	margin:0 0 2em;
}
.top_faq_q:after {
    position: absolute;
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    background: url(img/top/plus.svg) no-repeat center center;
    background-size: cover;
    top: 11px;
    right: 0;
    cursor: pointer;
}
.top_faq_q_on:after {
    background: url(img/top/minus.svg) no-repeat center center;
    background-size: cover;
}
.top_faq_q,
.top_faq_a{
	position:relative;
	padding:0.5em 0 0.5em 2em;
}
.top_faq_a{
	display:none;
}
.top_faq_q:before{
	content:"";
	display:block;
	width:1.4em;
	height:1.4em;
	background:url(img/top/icn_q.svg) no-repeat center center;
	background-size:contain;
	position:absolute;
	top:1em;
	left:0;
	/*transform: translateY(-50%);*/
}
.top_faq_a:before{
	content:"";
	display:block;
	width:1.4em;
	height:1.4em;
	background:url(img/top/icn_a.svg) no-repeat center center;
	background-size:contain;
	position:absolute;
	top:1em;
	left:0;
	/*transform: translateY(-50%);*/
}
.top_ferry{
	background:#EFE4E8;
}
a.top_ferry_unit{
	width:16%;
	color:#BE8197;
}
.top_ferry_unit_txt{
	background:#fff;
	padding:1em 0.5em;
	border-bottom-left-radius: 4em;
}
.top_ferry_unit_ttl{
	text-align:center;
	font-size:0.7em;
}
.top_ferry_unit_root{
	text-align:center;
	font-size:0.7em;
	border:1px solid #BE8197;
	padding:0.5em 0.5em;
	line-height:1.4;
	margin:0.2em 0;
}
.top_ferry_unit_more{
	text-align:right;
}
a.top_ferry_unit:hover{
	opacity:0.7;
}
a.top_cclink{
	display:block;
    color: #fff;
    background: #BF899D;
    border-radius: 2em;
    padding: 0.6em 3.4em 0.6em 1em;
    text-align: center;
    width: 70%;
	max-width:360px;
    font-size: 1.1em;
    position: relative;
	margin:0 auto;
}
a.top_cclink:after {
    content: "";
    display: block;
    width: 2em;
    height: 2em;
    background: url(img/campaign-column/arrow01.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
}
a.top_cclink:hover{
	opacity:0.7;
}
#resulat_area,
#resulat_areas{
	margin:0 0 2em;
}

/*map*/
.error {
	background: none!important;
	border: none!important;
	box-shadow: none!important;
	padding: 0!important;
	color: #f00;
  font-size: 12px;
	position: absolute;
}
.error+.error{
	display:none;
}
.loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,.5);
  background-image: url(../../public/img/ajax-loader.gif);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: 150px 150px;
  z-index: 2000;
}
.hide {
    display: none !important;
}
#result_text,
#result_texts{
	color:#fff;
	justify-content:center;
	margin:4em 0 1em;
}
#result_text .search01_inner01_search_bar,
#result_texts .search01_inner01_search_bar{
	margin:0 1%;
}
.search_resulat01{
	margin:0 0 1em;
}
#ferry_company,
#ferry_companys{
	color:#fff;
	width:60%;
	font-size:32px;
}
/*
.search02 #result_text,
.search02 #ferry_company{
	color:#8A4970;
}*/
a#noriba,
a#campaign,
a#noribas,
a#campaigns{
    text-align: center;
    color: #fff;
    width: 32%;
    border: 1px solid;
    border-radius: 2em;
    background: rgba(0,0,0,0);
    padding: 0.6em 1em;
    cursor: pointer;
	font-size:0.8em;
}
.ferryurl{
	width: 32%;
}
a#ferryurl,
a#ferryurls{
	display:block;
	width:100%;
    text-align: center;
    color: #fff;
    border: 1px solid;
    border-radius: 2em;
    background: rgba(0,0,0,0);
    padding: 0.6em 1em;
    cursor: pointer;
	font-size:0.8em;
}
/*
.search02 a#ferryurl,
.search02 a#noriba,
.search02 a#campaign{
	background:#BF899D;
}
.search02 .search01_inner01_search_bar:after{
	background:#BF899D;
}*/
.search_resulat02:before,
.search02_unit_list:before{
	content:"";
	display:block;
	width:32%;
}
a#ferryurl:hover,
a#noriba:hover,
a#campaign:hover,
a#ferryurls:hover,
a#noribas:hover,
a#campaigns:hover{
	color:#58708D;
	background:#fff;
}

.areanone a#noriba, .areanone a#campaign, .areanone a#noribas, .areanone a#campaigns{
	display:none;
}

/*about*/
.about01{
	background: linear-gradient(90deg, #EFE4E8 0%, #EFE4E8 90%, rgba(0,0,0,0) 90%, rgba(0,0,0,0) 100%);
	padding:3em 0 4em;
	margin-bottom:-20em;
	z-index:3;
	position:relative;
}
.about01_head,
.about02_head,
.about03_head{
	width:94%;
	max-width:1080px;
	margin:0 auto 4em;
	justify-content:center;
	align-items:center;
}
.about02_head{
	flex-direction: row-reverse;
}
.about01_head_img,
.about02_head_img,
.about03_head_img{
	width:50%;
	max-width:655px;
	margin:0 2%;
}
.about01_head_img img,
.about03_head_img img{
	border-top-left-radius: 5em;
}
.about02_head_img img{
	border-bottom-right-radius: 5em;
}
.about01_head_txt,
.about02_head_txt,
.about03_head_txt{
	width:42%;
	margin:0 2%;
}
.about01_head_ttl,
.about02_head_ttl,
.about03_head_ttl{
	font-size:34px;
	font-weight:700;
}
.about01_head_ttl span,
.about02_head_ttl span,
.about03_head_ttl span{
  position: relative; color: transparent;
}
.about01_head_ttl span::before,
.about02_head_ttl span::before,
.about03_head_ttl span::before{
    content: ""; position: absolute; z-index: 1; top: 0%; right: 100%; bottom: 0%; left: 0%;
    background : #656565;
  }
.about01_head_ttl span.active,
.about02_head_ttl span.active,
.about03_head_ttl span.active{
    animation-name: kf_c01a;
    animation-duration: 0s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
}
.about01_head_ttl span.active:before,
.about02_head_ttl span.active:before,
.about03_head_ttl span.active:before{
      animation-name: kf_c01b;
      animation-duration: 1s;
      animation-fill-mode: forwards;
}

.about01_unit,
.about02_unit{
	margin:0 0 4em;
}
.about01_unit_txt,
.about02_unit_txt{
	width:40%;
	margin:0 4%;
}
.about01_unit_img,
.about02_unit_img{
	width:52%;
	margin:0 0 0;
}
.about01_unit:nth-of-type(even),
.about02_unit:nth-of-type(odd){
	flex-direction: row-reverse;
}
.about01_unit_no,
.about02_unit_no{
	font-size:5em;
	color:#BE8197;
	font-weight:500;
	font-style:italic;
	width:22%;
	line-height:1;
}
.about01_unit_txt01,
.about02_unit_txt01{
	width:78%;
}
.about01_unit_txt01 p{
	font-size:16px;
}
.about01_unit_ttl,
.about02_unit_ttl{
	font-size:32px;
	font-weight:700;
	color:#BE8197;
	line-height:1.4;
	margin:0 0 0.5em;
}
.about02{
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, #DBC5CD 10%, #DBC5CD 100%);
	padding:24em 0 4em;
	margin-bottom:-2em;
	z-index:2;
	position:relative;
}
.about03{
	padding:6em 0 4em;
	background:#F7F4ED;
	text-align:center;
}
.about03_inner01{
	max-width:1080px;
	width:94%;
	margin:0 auto 4em;
}
.about03_inner02{
	max-width:1080px;
	width:94%;
	margin:0 auto;
}
.about03_inner01_txt01{
	font-size:0.9em;
	background:#fff;
	text-align:left;
	padding:3em;
	margin:0 0 1em;
	border-top-left-radius: 5em;
}
.about03_inner01_txt02{
	font-size:0.6em;
	text-align:left;
	padding-left:1em;
	text-indent:-1em;
	margin:0 0 4em;
}
.about03_ttl02{
	font-size:1.4em;
	color:#BF899D;
	font-weight:700;
	margin:0 0 1em;
}
.about03_inner02{
	margin:0 auto 4em;
}
.about03_inner02_unitw{
	margin:0 0 2em;
	width:70%;
}
.about03_inner02_unit{
	background:#fff;
	text-align:left;
	padding:3em;
	border-top-left-radius: 5em;
	align-items:center;
}
.about03_inner02_unitw:nth-of-type(even){
	margin-left:30%;
}
.about03_inner02_unit_img{
	width:30%;
}
.about03_inner02_unit_txt{
	width:66%;
}
.about03_inner02_unit_ttl{
	font-size:1.6em;
	color:#BE8197;
	line-height:1.6;
}
.about03_inner02_unit_txts{
	text-align:right;
	font-size:0.8em;
}
.about03_inner02_inner02 .about03_inner02_unitw{
	margin-left:30%;
}
.about03_inner02_inner02 .about03_inner02_unitw:nth-of-type(even){
	margin-left:0;
}
.about03_inner02_unit_txt p{
	font-size:0.9em;
	margin:0;
}
.about03_inner02_inner02 .about03_inner02_unit_ttl{
	margin:0 0 1em;
}
.about04{
	background:#DBC5CD;
	padding:4em 0;
	text-align:center;
}
.about04_inner01{
	width:94%;
	max-width:1080px;
	margin:0 auto 4em;
}
.about04_inner02{
	width:94%;
	max-width:1080px;
	margin:0 auto;
}
.about04_inner01_unit01{
	background:#fff;
	padding:2em 2em;
	border-top-left-radius: 5em;
	width:32%;
	margin:0 0 1em;
}
.about04_inner01_inner{
	width:80%;
}
.about04_inner01_inner02{
	margin-left:20%;
}
.about04_inner01_unit01_img{
	width:80%;
	margin:0 auto 1em;
}
.about04_inner01_unit01_txt{
	width:100%;
	font-size:1.6em;
	color:#BE8197;
	line-height:4;
}
.about04_inner01_inner01{
	margin:0 0 3em;
}
.about04_inner01_inner02 .about04_inner01_unit01:last-of-type .about04_inner01_unit01_txt{
	line-height:1.4;
}
.about04_inner02_inner a{
	color:#fff;
	background:#BF899D;
	border-radius:2em;
	padding:1em;
	text-align:center;
	width:30%;
	font-size:1.1em;
	margin:0 0 1em;
}
.about04_inner02_inner a:hover{
	color:#BF899D;
	background:#fff;
}

/*platform*/
.platform01{
	background:#EFE4E8;
}
.platform01_inner{
	width:94%;
	max-width:1080px;
	margin:0 auto;
}
.platform01_ttl{
	font-size:1.6em;
	color:#975D7F;
	border-bottom:1px solid #94587B;
	margin:0 0 1em;
}
.platform01_inner01{
	margin:0 0 2em;
}
.platform01_inner01:after{
	content:"";
	display:block;
	width:30%;
}
.platform01_inner01 a{
	color:#8F5075;
	background:#fff;
	border-radius:2em;
	padding:1em;
	text-align:center;
	width:30%;
	font-size:1.1em;
	margin:0 0 1em;
}
.platform01_inner01 a:hover{
	color:#fff;
	background:#8F5075;
}
.platform02{
	background:#DBC5CD;
}
.platform02_menu{
	max-width:1080px;
	width:94%;
	margin:0 auto 2em;
}
.platform02_unit01{
	max-width:1080px;
	width:94%;
	margin:0 auto 4em;
}
.platform02_ttl{
	text-align:center;
	color:#8A4970;
	font-size:1.6em;
	margin:0 0 1em;
}
.platform02_menu01 .platform02_menu_unit{
	width:48%;
	margin:0 0 2em;
}
.platform02_menu_img img{
	border-top-left-radius: 4em;
}
.platform02_menu_txt{
	background:#fff;
	padding:2em;
}
.platform02_menu_ttl{
	font-size:1.4em;
	color:#8A4970;
	margin:0 0 0.5em;
}
.platform02_menu_txt p{
	font-size:0.9em;
}
a.platform02_menu_link{
	display:block;
	color:#fff;
	background:#BF899D;
	border-radius:2em;
	padding:0.6em 1em 0.6em 3.4em;
	text-align:center;
	width:70%;
	font-size:1.1em;
	position:relative;
	margin-left:30%;
}
a.platform02_menu_link:before{
	content:"";
	display:block;
	width:2em;
	height:2em;
	background:url(img/platform/icn01.svg) no-repeat center center;
	background-size:contain;
	position:absolute;
	left:1em;
	top:50%;
	transform: translateY(-50%);
}
a.platform02_menu_link:hover{
	opacity:0.7;
}
.platform02_unit01{
	background:#fff;
	border-top-right-radius: 2em;
	border-bottom-left-radius: 2em;
	margin:0 auto 3em;
	padding:2em;
}
.platform02_unit01_ttl{
	color:#8A4970;
	font-size:1.6em;
	margin:0 0;
	position:relative;
	padding-left:2em;
}
.platform02_unit01_inner{
	display:none;
}
.platform02_unit01_ttl:after {
    position: absolute;
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    background: url(img/platform/plus.svg) no-repeat center center;
    background-size: cover;
    top: 11px;
    right: 0;
    cursor: pointer;
}
.platform02_unit01_ttl_on:after {
    background: url(img/platform/minus.svg) no-repeat center center;
    background-size: cover;
}

.platform02_access .platform02_unit01_ttl:before{
	 position: absolute;
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    background: url(img/platform/icn02.svg) no-repeat center center;
    background-size: cover;
    top: 11px;
    left: 0;
}
.platform02_bus .platform02_unit01_ttl:before{
	 position: absolute;
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    background: url(img/platform/icn03.svg) no-repeat center center;
    background-size: cover;
    top: 11px;
    left: 0;
}
.platform02_toho .platform02_unit01_ttl:before{
	 position: absolute;
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    background: url(img/platform/icn04.svg) no-repeat center center;
    background-size: cover;
    top: 11px;
    left: 0;
}
.platform02_access_ttl{
	font-size:1.2em;
	color:#8A4970;
	border-bottom:1px solid #8A4970;
	margin:2em 0 1em;
}
.platform02_access_img{
	margin:2em 0 0;
	text-align:center;
}
.platform02_bus p{
	font-size:0.9em;
}
dl.platform02_bus_list01{
	width:100%;
	align-items:center;
	margin:0 0 0.5em;
}
.platform02_bus_list01 dt{
	background:rgba(191,137,157,0.4);
	color:#8A4970;
	padding:1em;
	width:18%;
	text-align:center;
}
.platform02_bus_list01 dd{
	padding:1em;
	width:80%;
}
.platform02_bus_img{
	text-align:center;
	margin:1em 0 1em;
}
.platform02_bus_inner{
	margin:4em 0 0;
}
.platform02_bus_unit{
	width:48%;
	margin:0 0 2em;
}
.platform02_bus_unit_ttl span{
	display:inline-block;
	background:#BF899D;
	color:#fff;
	padding:0.5em 3em;
	border-top-right-radius: 2em;
}
.platform0202{
	background:#EFE4E8;
}
.platform02_menu02  .platform02_menu_unit {
    width: 47%;
    margin: 0 0 2em;
}
.platform02_menu02 .platform02_menu_unit:nth-of-type(1){
	width:50%;
	margin:0 25% 2em;
}
.platform02_menu03 .platform02_menu_unit:nth-of-type(1){
	width:47%;
	margin:0 25% 2em;
}

/*nicetrip*/
.nicetrip_head{
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, #EFE4E8 20%, #EFE4E8 100%);
	padding:4em 0 8em;
	z-index:10;
	position:relative;
}
.nicetrip01{
	background: linear-gradient(90deg, #DBC5CD 0%, #DBC5CD 80%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%);
	padding:4em 0 0;
	z-index:9;
	position:relative;
	margin-top:-3em;
}
.nicetrip02{
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, #F7F4ED 20%, #F7F4ED 100%);
	padding:4em 0 0;
	z-index:8;
	position:relative;
	margin-top:-6em;
}
.nicetrip03{
	background: linear-gradient(90deg, #EFE4E8 0%, #EFE4E8 80%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%);
	padding:4em 0 0;
	z-index:7;
	position:relative;
	margin-top:-4em;
}
.nicetrip04{
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, #DBC5CD 20%, #DBC5CD 100%);
	padding:4em 0 0;
	z-index:6;
	position:relative;
	margin-top:-6em;
}
.nicetrip05{
	background: linear-gradient(90deg, #F7F4ED 0%, #F7F4ED 80%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%);
	padding:6em 0 0;
	z-index:5;
	position:relative;
	margin-top:-6em;
}
.nicetrip06{
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, #EFE4E8 20%, #EFE4E8 100%);
	padding:6em 0 4em;
	z-index:4;
	position:relative;
	margin-top:-6em;
}
.nicetrip05end{
	padding-bottom:4em;
}
.nicetrip_head01{
	max-width:1080px;
	width:94%;
	margin:0 auto 3em;
	justify-content:flex-end;
	align-items:center;
}
.nicetrip_head01_txt{
	width:30%;
	padding-right:5%;
	font-size: 1.8em;
	font-weight:bold;
}
.nicetrip_head01_img{
	width:40%;
}
.nicetrip_head01_img img{
	border-top-right-radius: 5em;
}
.nicetrip_head02_img{
	width:50%;
}
.nicetrip_head02_txt{
	width:42%;
}
.nicetrip_head02_ttl{
	width:20%;
}
.nicetrip_head02_ttl span{
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	padding-top:1.5em;
	text-indent:-1.5em;
	font-size:1.6em;
	letter-spacing: .4em;
}
.nicetrip_head02_txt01{
	width:40%;
	margin-right:40%;
	text-align:center;
}
.nicetrip_head02_txt01_txt{
	font-size:0.8em;
}
.nicetrip_head02_txt01_root{
	padding:2em 24% 1em;
}
.nicetrip_day,
.nicetrip_comm,
.nicetrip_day2{
	text-align:center;
	z-index:20;
	position:relative;
}
.nicetrip_day span{
	font-size:1.4em;
	color:#975D7F;
	padding:0.1em 4em;
	border:3px solid #BF899D;
	background:#fff;
	border-radius:2em;
	display:inline-block;
}
.nicetrip_day2 span{
	font-size:1.4em;
	color:#fff;
	padding:0.1em 4em;
	background:#BF899D;
	display:inline-block;
}
.nicetrip_comm span{
	font-size:1.4em;
	color:#fff;
	padding:0.1em 4em;
	background:#BF899D;
	border-radius:2em;
	display:inline-block;
}
.nicetrip_listr,
.nicetrip_listl,
.nicetrip_unit,
.nicetrip_listc{
	align-items:center;
	background:url(img/nicetrip/border01.svg) repeat-y center center;
	padding:2em 0;
	z-index:20;
	position:relative;
}
.nicetrip_listr01{
	padding:0 0 2em;
}
.nicetrip_listr01top{
	align-items:start;
}
.nicetrip_comm02,
.nicetrip_day02{
	background:url(img/nicetrip/border01.svg) repeat-y center center;
	padding:2em 0;
}
.nicetrip_listlast{
	padding:2em 0 0;
}
.nicetrip_listr:before{
	content:"";
	display:block;
	width:42%;
}
.nicetrip_listl:after{
	content:"";
	display:block;
	width:42%;
}
.nicetrip_listr_icn,
.nicetrip_unit_icn{
	width:10%;
	max-width:100px;
	text-align:center;
}
.nicetrip_listr_icnw{
	max-width:80px;
}
.nicetrip_listr_txt,
.nicetrip_listl_txt,
.nicetrip_unit_img,
.nicetrip_unit_txt,
.nicetrip_listc_txt{
	width:42%;
}
.nicetrip_unit_txt_inner{
	max-width:520px;
	width:fit-content;
}
.nicetrip_unit02 .nicetrip_unit_txt_inner{
	float: right;
	text-align:left;
}
.nicetrip_ttl01{
	color:#8A4970;
	font-size:1.4em;
	line-height:1.4;
}
.nicetrip_unit02 .nicetrip_unit_txt,
.nicetrip_listl_txt,
.nicetrip_listc_txt:nth-of-type(1){
	text-align:right;
}
.nicetrip_unit_img div{
	/*text-align:center;
	color:#8A4970;
	font-size:0.7em;*/
}
.nicetrip_unit_txts{
	font-size:0.8em;
}

/*search*/
.search01{
	background:#58708D;
	padding:4em 0;
}
/*.search02{
	background:#EFE4E8;
	padding:2em 0 4em;
	color:#8A4970;
}*/
.search01_inner,
.search02_inner{
	max-width:1080px;
	width:94%;
	margin:0 auto;
}
.search01_list span{
	color: #58708D;
    background: #fff;
    border-radius: 2em;
    padding: 1em;
    text-align: center;
    width: 30%;
    font-size: 1.1em;
    margin: 0 0 1em;
	cursor:pointer;
}
.search01_list span:hover{
	opacity:0.7;
}
.search02_ttl{
	text-align:center;
	font-size: 1.6em;
	margin:0 0 1em;
}
.search02_ttl span:nth-of-type(1){
	margin-right:100px;
	position:relative;
}
.search02_ttl span:nth-of-type(1):after{
	content:"";
	display:block;
	width:80px;
	height:1px;
	background:#8A4970;
	position:absolute;
	top:50%;
	right:-90px;
}
.search02_unit{
	border-bottom:1px solid #8A4970;
	padding:2em 0;
}
.search02_unit_head{
	margin:0 0 2em;
}
.search02_unit_ttl{
	width:68%;
	color:#8A4970;
	font-size:1.4em;
}
a.search02_unit_link{
	color: #fff;
    background: #BF899D;
    border-radius: 2em;
    padding: 1em;
    text-align: center;
    width: 30%;
    font-size: 1.1em;
    margin: 0 0 1em;
}
a.search02_unit_link span,
.search02_unit_list a span{
	position:relative;
}
.search02_unit_list a{
	color: #fff;
    background: #BF899D;
    border-radius: 2em;
    padding: 1em;
    text-align: center;
    width: 30%;
    font-size: 1.1em;
    margin: 0 0 1em;
}
a.search02_unit_link span:before{
	content:"";
	display:block;
	width:2em;
	height:2em;
	background:url(img/search/icn_search02.svg) no-repeat center center;
	background-size:contain;
	position:absolute;
	left:-3em;
	top:50%;
	transform: translateY(-50%);
}
.search02_unit_list a:nth-of-type(1) span:before{
	content:"";
	display:block;
	width:2em;
	height:2em;
	background:url(img/search/icn_campaign.svg) no-repeat center center;
	background-size:contain;
	position:absolute;
	left:-3em;
	top:50%;
	transform: translateY(-50%);
}
.search02_unit_list a:nth-of-type(2) span:before{
	content:"";
	display:block;
	width:2em;
	height:2em;
	background:url(img/search/icn_ferry.svg) no-repeat center center;
	background-size:contain;
	position:absolute;
	left:-3em;
	top:50%;
	transform: translateY(-50%);
}
.search02_unit_list a:nth-of-type(3) span:before{
	content:"";
	display:block;
	width:2em;
	height:2em;
	background:url(img/search/icn_time.svg) no-repeat center center;
	background-size:contain;
	position:absolute;
	left:-3em;
	top:50%;
	transform: translateY(-50%);
}
a.search02_unit_link:hover,
.search02_unit_list a:hover{
	opacity:0.7;
}
.search01_inner01_img{
	margin:0 0 3em;
}
.search01_inner01_img img{
	border-top-right-radius: 5em;
	border-bottom-left-radius: 5em;
}
.search01_inner01_search{
	align-items:center;
	margin:4em auto;
	width:90%;
}
.search01_inner01_search_select01,
.search01_inner01_search_select02{
	width:30%;
	position:relative;
}
.search01_inner01_search_select01:before{
	content:"出発港";
	display:block;
	color:#fff;
	/*font-size:0.6em;*/
	position:absolute;
	top:-2em;
	left:0;
}
.search01_inner01_search_select02:before{
	content:"到着港";
	display:block;
	color:#fff;
	/*font-size:0.6em;*/
	position:absolute;
	top:-2em;
	left:0;
}
.search01_inner01_search_bar{
	width:10%;
	position:relative;
}
.search01_inner01_search_bar:after{
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:#fff;
	position:absolute;
	top:50%;
	left:0;
	transform: translateY(-50%);
}
.search01_inner01_search_submit{
	width:24%;
}
.search01_inner01_search_select01 span,
.search01_inner01_search_select02 span{
	color:#fff;
	font-size:0.6em;
	line-height:1.2;
}
.search01_inner01_search_select01 select,
.search01_inner01_search_select02 select{
	width:100%;
	padding:0.6em 1em;
	color:#8B8B8B;
}
.search01_inner01_search_submit{
	position:relative;
}
.search01_inner01_search_submit input{
	display:block;
	text-align:center;
	color:#fff;
	width:100%;
	border:1px solid;
	border-radius:2em;
	background:rgba(0,0,0,0);
	padding:0.6em 1em;
	cursor:pointer;
}
.search01_inner01_search_submit:after{
	content:"";
	display:block;
	width:2em;
	height:1.4em;
	background:url(img/search/icn_search01.svg) no-repeat center center;
	background-size:contain;
	position:absolute;
	left:0.5em;
	top:50%;
	transform: translateY(-50%);
}
.search01_inner01_search_submit input:hover{
	opacity:0.7;
}
.panel {
  display: none;
}
.panel.active {
  display: block;
}


/*movie*/
.movie{
	background:#EFE4E8;
	padding:4em 0;
}
.movie_inner{
	max-width:1080px;
	width:94%;
	margin:0 auto;
}
.movie_unit01{
	width:48%;
	margin:0 0 2em;
}
.movie_unit01_ttl{
	text-align:center;
	color:#fff;
	background:#BF899D;
	padding:0.5em 1em;
	font-size:1.4em;
	margin:0 0 0.5em;
}
.movie_thumb{
	width:80%;
	margin:1em auto;
}
.movie_thumb div div{
	padding:0 5px;
}
.slick-next, .slick-prev{
	height:auto!important;
	background:none!important;
}
.slick-next:before, .slick-prev:before{
	display:block;
	width:45px;
	height:45px;
	content:""!important;
}
.slick-next{
	right:-25px!important;
}
.slick-next:before{
	background:url(img/movie/arrow02.svg) no-repeat center center;
	background-size:contain;
}
.slick-prev{
	left:-50px!important;
}
.slick-prev:before{
	background:url(img/movie/arrow01.svg) no-repeat center center;
	background-size:contain;
}

/*company*/
.company{
	background: url(img/common/head_markw.svg) no-repeat top left #58708D;
    background-size: 20% auto;
    padding: 4em 0;
}
table.company_tb01{
	color:#58708D;
	width:100%;
	border-collapse: separate;
}
.company_tb01 th{
	background:#dfe4e9;
	padding:1.5em;
	text-align:center;
	font-weight:normal;
	border-bottom:1px solid #707070;
	border-left:1px solid #707070;
	font-size:0.9em;
}
.company_tb01 td{
	background:#fff;
	padding:1.5em;
	border-bottom:1px solid #707070;
	border-left:1px solid #707070;
	font-size:0.9em;
}
.company_tb01 th:first-of-type,
.company_tb01 td:first-of-type{
	border-left:none;
}
.company_tb01 tr:last-of-type th,
.company_tb01 tr:last-of-type td{
	border-bottom:none;
}
.company_tb01 tr:first-of-type th:last-of-type{
	border-top-right-radius: 2em;
}
.company_tb01 tr:last-of-type td:first-of-type{
	border-bottom-left-radius: 2em;
}

/*privacypolicy*/
.privacypolicy{
	background: url(img/common/head_markw.svg) no-repeat top left #58708D;
    background-size: 20% auto;
    padding: 4em 0;
}
.privacypolicy_ttl01{
	color:#fff;
	font-size:1.2em;
	line-height:1.4;
	margin:0 0 1em;
	text-align:center;
}
.privacypolicy_inner01,
.privacypolicy_inner02{
	margin:0 0 3em;
}
.privacypolicy_inner02,
.privacypolicy_inner03{
	border-top-right-radius: 2em;
	border-bottom-left-radius: 2em;
}
dl.privacypolicy_list01{
	color: #58708D;
	margin:0;
}
.privacypolicy_list01 dt{
	  background: #dfe4e9;
    padding:1em 2em;
}
.privacypolicy_list01 dd{
	  background: #fff;
    padding:1em 2em 1em 3em;
	font-size:0.9em;
}
.privacypolicy_list01:first-of-type dt{
	border-top-right-radius: 2em;
}
.privacypolicy_list01:last-of-type dd{
	border-bottom-left-radius: 2em;
}
.privacypolicy_inner02{
	background:#fff;
	padding:3em;
	color: #58708D;
}
.privacypolicy_inner03{
	color:#fff;
	text-align:center;
	border:3px solid #fff;
	padding:3em;
}
.privacypolicy_inner02 p:last-of-type,
.privacypolicy_inner03 p:last-of-type{
	margin:0;
}
.privacypolicy_inner03 p:first-of-type{
	position:relative;
}
.privacypolicy_inner03 p:first-of-type:after{
	content:"";
	display:block;
	background:#fff;
	width:60px;
	height:1px;
	position:absolute;
	bottom:-1em;
	left:50%;
	transform: translateX(-50%);
}

/*cc single*/
.cc_main{
	width:76%;
}
.cc_single{
	background:#fff;
	border-top-right-radius: 5em;
   border-bottom-left-radius: 5em;
	box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
	padding:2em 3em;
}
.cc_side{
	width:20%;
}
.side{
	background:#F7F4ED;
	padding:1em;
}
.cc_ttl{
	color:#58708D;
	font-size: 1.6em;
	margin:0 0 0.4em;
}
.cc_img{
	margin:0 0 1em;
}
.cc_datecate{
	font-size:0.8em;
	margin:0 0 1em;
	align-items:center;
}
.cc_date{
	color:#58708D;
	padding-left:1.4em;
	background:url(img/common/clock.svg) no-repeat center left;
	margin-right:1em;
}
.cc_cate{
	color:#fff;
	padding:0.2em 1em;
	background:#58708D;
}
.cc_single h2{
	font-size:1.4em;
	color:#58708D;
}
a.cc_link{
	display:block;
    color: #fff;
    background: #BF899D;
    border-radius: 2em;
    padding: 0.6em 3.4em 0.6em 1em;
    text-align: center;
    width: 70%;
	max-width:460px;
    font-size: 1.1em;
    position: relative;
	margin:0 auto;
}
a.cc_link:after {
    content: "";
    display: block;
    width: 2em;
    height: 2em;
    background: url(img/campaign-column/arrow01.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
}
a.cc_link:hover{
	opacity:0.7;
}
.side_ttl{
	color:#fff;
	background:#BF899D;
	padding:0.2em 1em;
	text-align:center;
	border-top-left-radius: 2em;
   border-bottom-right-radius: 2em;
	margin:0 0 0.5em;
}
ul.side_list{
	margin-left:1em;
}
ul.side_list:last-of-type{
	margin: 0 0 0 1em;
}
ul.side_list li{
	color:#8A4970;
	list-style-type: disc;
	line-height:1.2;
	margin:0 0 0.5em;
}
ul.side_list li a{
	color:#8A4970;
	font-size:0.9em;
}
ul.side_list li a:hover{
	text-decoration:underline;
}

/*cc archive*/
a.cc_unit{
	width:31%;
	/*border:1px solid #707070;*/
	margin:0 0 1em;
	color:#5A5A5A;
	border-top-left-radius: 4em;
	background:#F7F4ED;
}
a.cc_unit:hover{
	opacity:0.7;
}
.cc_unit_thumb img{
	border-top-left-radius: 4em;
}
.cc_list:after{
	content:"";
	display:block;
	width:31%;
}
.cc_unit_img{
	position:relative;
}
.cc_unit_cate{
	color: #fff;
    background: rgba(191,137,157,0.8);
    padding: 0.2em 1em;
    text-align: center;
    border-top-left-radius: 2em;
    border-bottom-right-radius: 2em;
    margin: 0 0 0.5em;
	position:absolute;
	bottom:1em;
	left:50%;
	transform: translateX(-50%);
	width:70%;
}
.cc_unit_txt{
	padding:1em;
}
.cc_unit_ttl{
	margin:0 0 0.5em;
}
.cc_unit_ttl div{
	display:inline;
}
.cc_unit_date{
	font-size:0.8em;
	margin-right:1em;
}
.cc_unit_shipping{
	color: #fff;
	font-size:0.8em;
    padding: 0.1em 1em;
    background: #58708D;
	display:inline-block;
	margin:0 0 0.5em;
}
.cc_unit_txts{
	font-size:0.8em;
}
.cc_pagenavi{
	text-align:center;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current{
	border:none;
	color:#BF899D;
}
.wp-pagenavi a, .wp-pagenavi span{
	border:none;
}

/*plan*/
.plan_unit{
	margin:0 0 3em;
}
.plan_ttl01{
	color:#975D7F;
	font-size:1.2em;
	align-items:center;
	border-bottom:1px solid #94587B;
	padding:0 0 0.5em;
	margin:0 0 1em;
}
.plan_ttl01 span:nth-of-type(2){
	margin-left:1em;
	font-size:1.2em;
}
.plan_unit_inner{
	background:#F7F4ED;
	padding:2em;
	/*box-shadow: 0 0 5px 2px rgb(0 0 0 / 20%);*/
	border-top-left-radius: 5em;
}
.plan_unit_head{
	margin:0 0 2em;
}
.plan_unit_img{
	width:58%;
}
.plan_unit_img img{
	border-top-left-radius: 5em;
	/*box-shadow: 0 0 5px 2px rgb(0 0 0 / 20%);*/
}
.plan_unit_txt{
	width:38%;
	position:relative;
}
.plan_unit_ttl01{
	color:#975D7F;
	font-size:1.4em;
	font-weight:600;
}
a.plan_unit_link{
	display:block;
    color: #fff;
    background: #BF899D;
    border-radius: 2em;
    padding: 0.6em 3.4em 0.6em 1em;
    text-align: center;
    width: 100%;
	max-width:460px;
    font-size: 1.1em;
    position: absolute;
	bottom:0;
	left:0;
	margin:1em auto 0;
}
a.plan_unit_link:after {
    content: "";
    display: block;
    width: 2em;
    height: 2em;
    background: url(img/campaign-column/arrow01.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
}
a.plan_unit_link:hover{
	opacity:0.7;
}
.plan_unit_list div{
	width:31%;
	margin:0 0 1em;
}

/*campaignform*/
.campaignform_inner{
	margin:3em 0;
	background:#F7F4ED;
	padding:2em;
}
.campaignform_ttl{
	text-align:center;
	font-size:1.2em;
	margin:0 0 1em;
	color:#8A4970;
}
.campaignform_tb{
	width:100%;
}
.campaignform_tb th{
	color:#58708D;
	padding:0.5em 1em 0.5em 0;
	white-space: nowrap;
	font-weight:normal;
}
.campaignform_tb td{
	padding:0.5em 1em 0.5em;
}
.campaignform_tb td input[type="text"],
.campaignform_tb td input[type="email"],
.campaignform_tb td textarea{
	width:100%;
	font-size:1.6rem;
	padding:0.2em 1em;
}
.campaignform_tb span.input50{
	width:48%;
	display:inline-block;
}
.campaignform_tb span.input30{
	width:32%;
	display:inline-block;
}
input::placeholder {
  color: #c1c1c1;
}
.submitbtn{
	max-width:300px;
	margin:1em auto;
	position: relative;
}
.submitbtn input{
	display:block;
    color: #fff;
    background: #BF899D;
    border-radius: 2em;
    padding: 0.6em 3.4em 0.6em 1em;
    text-align: center;
    width: 100%;
    font-size: 1.1em;
	cursor:pointer;
}
.submitbtn:after {
    content: "";
    display: block;
    width: 2em;
    height: 2em;
    background: url(img/campaign-column/arrow01.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 1em;
    top: 1.5em;
    transform: translateY(-50%);
}
.submitbtn input:hover{
	opacity:0.7;
}
.campaignform_txt01{
	text-align:center;
}
.campaignform_link01{
	text-align:center;
	margin:1em 0 1em;
}
.campaignform_link01 a{
	color:#BF899D;
	text-decoration:underline;
}
.campaignform_link01 a:hover{
	opacity:0.7;
}