@charset "utf-8";

/* リンク設定 */
a:link,a:visited {
	text-decoration: none;
	color: #ff3106;
}

a:hover,a:active {
	text-decoration: none;
	color: #ff8706;
}

a {
	transition: 0.2s;
}
a:hover {
	opacity: 0.7;
}

/* デフォルトハック */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* デフォルトイメージ */
img.frame {
	padding: 5px;
	border: 1px solid #666666;
	background: #FFFFFF;
	margin: 5px;
}


/* 共通 */
html {
	font-size: 16px;
}
body {
	background: #fff;
	font-size: 1rem;
	color: #222;
	line-height: 1.5;
	font-family: "Noto Sans Japanese",Meiryo,Arial,Helvetica,sans-serif;
  word-wrap : break-word;
  overflow-wrap : break-word;
  }

.section {
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
	background: #fff;
	z-index: 2;
}
.inner {
	box-sizing: border-box;
	padding-right: 20px;
	padding-left: 20px;
	margin: 0 auto;
	position: relative;
}


#globalheader {
	padding-top: 20px;
	padding-bottom: 5px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99;
	transition: 0.4s;
	background: rgba(255,255,255,0.6);
}

#globalheader.scrolled {
	background: #fff;
	padding: 10px 0;
}
#globalheader.scrolled .inner {
	padding-top: 0;
}

#globalheader.scrolled .subnav_wrap {
	display: block;
}
@media screen and (min-width: 901px) {
	#globalheader.scrolled .subnav_wrap {
		display: none; }
}

#globalheader.sub a,
#globalheader.scrolled a {
	color: #222
}
#globalheader.sub h1 a,
#globalheader.scrolled h1 a {
	background-image: url(../img/logo2.png);
	background-size: cover;
}


#globalheader .inner {
	padding-top: 30px;
}
#globalheader h1 a {
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	width: 202px;
	height: 56px;
	background: url(../img/logo.png) no-repeat;
	background-size: cover;
}

.subnav_wrap {
	position: absolute;
	right: 2%;
	top: 0;
}
.subnav li + li {
	margin-left: 20px;
}
#globalheader.sub .subnav a {
	border-color: #222;
}
.subnav a {
	border: 1px solid #88909b;
	padding: 4px 30px;
	font-size: 0.8rem;
}
.subnav a:hover {
	color: #fff !important;
	background: #14a4ea;
	border-color: #14a4ea;
}
#globalheader .flex {
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

#globalheader a {
	color: #333;
	font-size: 1.0rem;
}
#globalheader a:hover {
	color: #E84826;
	opacity: 1;
}

#globalheader .globalnav_wrap {
	flex: 0 0 auto;
	margin-left: 50px;
}
.globalnav {
	font-size: 0.9rem;
	font-weight: 600;
}
.globalnav > ul {
	justify-content: space-around;
}
.globalnav li {
	position: relative;
}
.globalnav li ul {
	position: absolute;
	display: none;
}
.globalnav li a {
	position: relative;
}
.globalnav li a.current:after {
	content: '';
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	background: #ff3106;
	border-radius: 50px;
	left: 50%;
	bottom: -15px;
	margin-left: -3px;
}

.mbYTP_wrapper:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: radial-gradient(rgba(255,255,255,0.1) 10%, rgba(255,255,255,0.05) 0), radial-gradient(rgba(255,255,255,0.1) 10%, rgba(255,255,255,0.05) 0);
	background-image: radial-gradient(rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.1) 0), radial-gradient(rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.1) 0);
  background-position: 0 0, 10px 10px;
  background-size: 5px 5px;
}


.section_movie + * {
	margin-top: 100vh;
	display: block;
}

.section_slide,
.section_2nd {
	padding: 0;
}

.slider-pro.slider-text {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99;
}
.slider-pro.slider-text .sp-image {
	width: auto !important;
	height: auto !important;
}


.section_photo1 {
	background: #c2ced3;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
}

.section_photo2 {
	padding-top: 0;
	padding-bottom: 0;
}
.section_photo2 .borderbox_white {
	padding-top: 60px;
	padding-bottom: 60px;
	margin-right: 200px;
}

.section .title_h3_02 {
	margin-bottom: 3rem;
}
.section_photo1 .borderbox_clear {
	padding-top: 2rem;
	padding-bottom: 5rem;
}
.section_photo1 > div,
.section_photo2 > div {
	position: relative;
	z-index: 2;
}
div.photo_bg {
	width: calc(50% - 200px);
	height: 100%;
	position: absolute;
	right: 50%;
	top: 0;
	margin-right: 200px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
}
.photo_bg img {
	display: none;
}
.section_photo2 .photo_bg {
	left: 50%;
	right: auto;
	margin-right: 0;
	margin-left: 200px;
	background-position: left bottom;
}

.section_photo2 > .borderbox_clear {
	padding-bottom: 0;
	padding-top: 0;
}

.borderbox_clear {
	background: rgba(255,255,255,0.2);
}

.just2_bnr {
	position: relative;
	overflow: hidden;
}
.just2_bnr .justitem + .justitem {
	margin-top: 20px;
}
.just2_bnr h4.plaintitle {
	font-weight: 700;
	color: #a7c900;
		font-size: 1.2rem;

}

.item_info + .item_info,
.item_pickup + .item_pickup {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #ddd;
}
.item_pickup h4 {
	font-weight: 600;
}
.item_pickup .title {
	margin-bottom: 10px;
}

.section_gray {
	background: #eee;
}

.borderbox_white {
	background: #fff;
}
.module_info {
	height: 400px;
	overflow: auto !important;
}
.section_gray2 {
	background: #e6e6e6;
}

.section_orange {
	background: #ff3106;
	padding-top: 30px;
	padding-bottom: 30px;
}
.section_orange h3 {
	margin-bottom: 30px;
}
.infiniteslide {
	display: none;
}

.section_message:after {
	content: '';
	position: absolute;
	z-index: 50;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.6);
}
.section_message > * {
	position: relative;
	z-index: 100;
}
.section_message .bg_infinite {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.section_message .infiniteslide li img {
	height: 300px;
	width: auto;
}
.section_message,
.section_message .title_h3_02 h3.plaintitle span.secondary.big {
	color: #fff;
}

#globalfooter {
	padding-top: 40px;
	padding-bottom: 100px;
}
#copy {
	background: #ff3106;
	color: #fff;
	text-align: center;
	font-size: 0.8rem;
	padding: 10px 0;
	font-family: Arial,Helvetica,sans-serif;
}
.section_contact {
	background: #fff;
	padding: 10px 0;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 99;
	box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
	transform: translateY(100%);
	transition: 0.4s transform;
}

.section_contact.scrolled {
	transform: translateY(0);
}

.section_contact > .flex {
	align-items: center;
	justify-content: space-between;
}
.section_contact .inner div {
	margin: 0;
}
.module_footername {
	align-items: center;
}
.module_footername h3 {
	margin-left: 30px;
	font-weight: 600;
	font-size: 1.2rem;
}

.module.module_footername {
	margin-bottom: 20px;
}
.module_footerlink {
	justify-content: space-between;
	font-size: 0.9rem;
	margin-bottom: 40px;
}
.module_footerlink a {
	color: #222;
}
.module_footerlink a:hover {
	color: #ff3106;
}
.module_footerlink dt a {
	font-weight: 600;
}
.module_footerlink dt,
.module_footerlink dd {
	margin-top: 6px;
}
.section_contact .detaillink a {
	padding-right: 20px;
	padding-left: 20px;
}
.section_contact .detaillink img {
	vertical-align: middle;
	margin-right: 20px;
}
.plaintitle_contact {
	font-weight: 600;
	color: #999
}
.item_tel {
	color: #ff3106;
	align-items: center
}


.big {
	font-size: 2rem;
}
.small {
	font-size: 0.8rem;
}

.movie_catch {
	z-index: 1;
	opacity: 0;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	overflow: hidden;
	text-align: center;
	transition: 4s opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
	white-space: nowrap;
	color: #fff;
	font-weight: 700;
}
.movie_catch h2 {
	font-size: 2rem;
	font-weight: 900;
}
.movie_catch h2 span.big {
	font-size: 4rem;
}

.movie_catch h2 span.big:nth-child(1) {
	color: #f8aa01;
}
.movie_catch h2 span.big:nth-child(2) {
	color: #15a7ed;
}
.movie_catch h2 span.big:nth-child(3) {
	color: #a7c900;
}



.movie_catch h3 {
	font-weight: 700;
	font-size: 1.8rem;
}
.movie_catch.loaded {
	opacity: 1;
}





.en {
	font-family: Arial,Helvetica,sans-serif;
	font-weight: 600;
}
.date {
	font-family: Arial,Helvetica,sans-serif;
	font-weight: 600;
	color: #ff983c;
}

.fadein {
	opacity: 0;
	transition: 0.7s 0.4s;
	transform: translateY(50px);
}

.fadein.inview {
	opacity: 1;
	transform: translateY(0);
}


.sp-slide {
	opacity: 0.5;
	transition: 0.8s opacity;
}
.sp-slide.sp-selected {
	opacity: 1
}



/**/
#pagetitle .flex {
	align-items: center;
	position: relative;
	z-index: 100;
}
#pagetitle {
	background: #fff;
	padding-top: 180px;
	padding-bottom: 80px;
	background-position: center center;
	background-size: cover;
}
#pagetitle:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: radial-gradient(rgba(0,0,0,0.4) 10%, rgba(0,0,0,0.2) 0), radial-gradient(rgba(0,0,0,0.4) 10%, rgba(0,0,0,0.2) 0);
  background-position: 0 0, 10px 10px;
  background-size: 5px 5px;}

#pagetitle h2 {
	color: #fff;
	font-weight: normal;
	font-size: 2.5rem;
	font-weight: 700;
}
#pagetitle h3 {
	font-weight: 600;
	color: #FF3106;
	margin-left: 50px;
}

#pagetitle_bg {
	display: none;
}

.section_sub .title h3 {
	margin-bottom: 0;
}

.section_gray.section_sub {
	padding-top: 20px;
	padding-bottom: 20px;
}
.module_pagelink ul {
	justify-content: center;
}

.module_pagelink ul li:not(:last-child) {
	margin-right: 40px;
}

h3.plaintitle .primary {
	font-size: 1.7rem;
}

.title .secondly {
	color: #ff3106;
	font-size: 1rem;
}
.title.title_h3_01 {
	margin-bottom: 3rem;
}

.title_h3_02 h3.plaintitle span.primary {
	font-size: 1.8rem;
	color: #f33;
	margin-right: 40px;
}
.title_h3_01 span.primary,
.title_h3_01 span.secondary {
	text-align: right;
	display: block;
}

.title_h3_01 span.secondary {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.title_h3_01 span.secondary:before {
	content: '';
	display: block;
	height: 1px;
	width: auto;
	background: #222;
	flex: 1 1 auto;
	margin-right: 20px;
	max-width: 400px;
}
.title_h3_01 h3.plaintitle span.primary {
	font-size: 2rem;
	color: #f33
}
.title_h3_02 h3.plaintitle span.secondary {
	color: #666;
}
.title_h3_02:after {
	content: '';
	display: block;
	height: 14px;
	width: 55px;
	  background-image: radial-gradient(#ff3106 30%, transparent 0);
	  background-position: 0 0, 10px 10px;
	  background-size: 18px 18px;	
	  margin-top: 10px;
	  margin-bottom: 20px;
}

.title.title_h3_02 {
	padding-bottom: 10px;
}
.title_h4_02 {
	padding-left: 30px;
}
.title_h4_02:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border: 4px solid #ff3106;
	border-color: #2375ca;
	border-radius: 100px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -6px;
}
.title_h4_02 span.secondary {
	display: none;
}

.title_h4_01 span.primary,
.title_h4_01 span.secondary {
	text-align: center;
	display: block;
}

.section_orange .title_h4_01 span.primary,
.section_orange .title_h4_01 span.secondary {
	color: #fff;
}

.title_h5_01,
.title_h5_02 {
	padding-left: 20px;
}
.title_h5_01:before,
.title_h5_02:before {
	content: '';
	display: block;
	width: 4px;
	height: 100%;
	background: #ff3106;
	position: absolute;
	left: 0;
	top: 0;
}

.title_h5_02:before {
	background: #2375ca;
}


.globalnav .module_pagelink,
.globalnav_btn {
	display: none;
}

.sponly {
	display: none;
}


select,
input[type="text"],
textarea {
	border: none;
	background: #eee;
	box-sizing: border-box;
	border: 1px solid #ccc;
	padding: 4px;
	color: #111;
	font-size: 1rem;
	width: 50%;
}
select {
	width: auto;
}
input.form_w {
	width: 100%;
}
input.form_s {
	width: 100px;
}

textarea {
	height: 200px;
	width: 100%;
}

input[type="button"],
input[type="submit"],
button {
	background: #FF4421;
	color: #fff;
	padding: 10px 20px;
	border: none;
}

dl.form_inner {
	margin-top: 10px;
}
dl.form_inner dt {
	width: 150px;
}

dl.form_inner dd {
	flex: 1 1 auto;
}

.sitemap_01.module {
	margin-bottom: 10px;
}

body[class*="wc"] div.sponly {
	display: block;
}
body[class*="wc"] span.sponly {
	display: inline;
}



a[name][id]:hover {
	color: inherit !important;
	opacity: 1;
}
body[class*="wc"] #pagetitle_bg,
body[class*="wc"] .movie_catch,
body[class*="wc"] .slider-pro.slider-text,
body[class*="wc"] .sp-slide {
	display: block;
	opacity: 1;
	position: static;
	transform: none;
}
body[class*="wc"] .fadein {
	opacity: 1;
	position: static;
	transform: none;
}

body[class*="wc"] #pagetitle {
	background: #222;
}
body[class*="wc"] div.photo_bg,
body[class*="wc"] div.photo_bg img {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	position: static;
}
body[class*="wc"] .section_movie + div.section {
	margin-top: 0;
}
body[class*="wc"] .slider-pro.slider-text {
	background: #222;
}
body[class*="wc"] .infiniteslide {
	display: block;
}
body[class*="wc"] .infiniteslide li {
	display: inline;
}

body[class*="wc"] .slider-text .sp-slide:not(:last-child) {
	margin-bottom: 20px;
}

body[class*="wcarea"] {
	background: #fff;
}

body[class*="wc"] div.module.sponly:before {
	content: '↓これはスマホのみ表示されるブロックです。';
	display: block;
	font-weight: bold;
	margin-bottom: 20px;
}
body[class*="wc"] div.module.pconly:before {
	content: '↓これはPCのみ表示されるブロックです。';
	display: block;
	font-weight: bold;
	margin-bottom: 20px;
}


body > img {
	position: absolute;
	left: -50px;
	top: -50px;
}


.txtcenter {text-align:center;}

.txtright {text-align:right;}



.slider-pro2 .sp-buttons {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.sp-button.sp-button {
	border: 1px solid #999;
	background: #fff;
	width: 18px;
	height: 18px;
}
.sp-button.sp-selected-button {
	border-color: #f5a701;
	background: #f5a701;
}

.title_h3_02 h3.plaintitle span.primary,
.title_h3_02 h3.plaintitle span.secondary {
	display: block;
	text-align: center;
	margin-right: 0;
}



.title_h3_02.text-left h3.plaintitle span.primary,
.title_h3_02.text-left h3.plaintitle span.secondary {
	text-align: left;
}

.title_h3_02 h3.plaintitle span.secondary.big {
	color: #222;
	font-size: 2rem;
	font-weight: 900;
}

.title_h3_02:after {
	content: none;
}

.pickup_header {
	margin-bottom: 10px;
	align-items: center;
}
.pickup_header .cat {
	margin-left: 20px;
	font-size: 0.75rem;
	background: #999;
	color: #fff;
	line-height: 1;
	padding: 4px 10px;
}

.cat.cat_blue {
	background: #14a4ea;
}
.cat.cat_green {
	background: #a7c900;
}
.cat.cat_orange {
	background: #f5a701;
}

.w50p {
	width: 50%;
	flex: none;
}
.module.photo.flex {
	align-items: center;
}
.module.photo.flex .text {
	flex: 1;
}

.module.flex .pict {
	margin-right: 0;
	margin-left: 0;
	float: none;
	padding-right: 20px;
}
.module.flex .pict.fl-right {
	order: 2;
	padding-right: 0;
	padding-left: 20px;
}

.section_feature {
	border-top: 1px solid #ddd;
}

.title_num dt {
	font-weight: 700;
	color: #14a4ea;
}
.module:nth-child(3n+2) .title_num dt {
	color: #a7c900;
}
.module:nth-child(3n) .title_num dt {
	color: #f5a701;
}

.title_num dd {
	font-weight: 700;
	font-size: 1.5rem;
}

.module_footerlink li {
	display: inline-block;
}
.module_footerlink li:not(:last-child) {
	margin-right: 20px;
}

.section_black {
	background: #222;
	color: #fff;
}

.module_footername dl.flex {
	align-items: center;
	margin-left: 40px;
}
.module_footername dl.flex dt {
	margin-right: 20px;
	font-weight: 700;
}

.detaillink a {
	background: linear-gradient(-135deg, #14a4ea 0%,#1172c1 100%) !important;
}

.color_blue,
.title_blue span.primary {
	color: #14a5eb !important;
}
.color_green,
.title_green span.primary {
	color: #a8ca00 !important;
}

.color_pink {
	color: #e4147f !important;
}
.color_orange {
	color: #f5a701 !important;
}



.section_black .item_tel .big {
	font-size: 2rem;
	line-height: 1;
}

.flex_wrap_center {
	justify-content: center !important;
}
.flex_wrap_center > * {
	padding-left: 20px;
	padding-right: 20px;
	width: auto !important;
}
.flex_wrap_center > .wcempty {
	display: none;
}
.section_contact > .flex {
	justify-content: flex-start;
}
.section_contact .title {
	margin: 0 20px 0 0 !important;
}

.section_contact .item_tel .big {
	font-size: 1.5rem;
}
.section_contact .detaillink_contact {
	margin-right: auto;
}

.detaillink_contact a {
	background: linear-gradient(135deg, #e4147f 0%,#b51062 100%) !important;
}
.bg {
	display: none;
}
.item_bnr {
	background-size: cover;
	background-position: center center;
	padding: 1rem;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	position: relative;
	
}
.item_bnr > * {
	position: relative;
	z-index: 100;
}
.item_bnr:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 1;
}

.gallery_s {
	margin-bottom: 20px;
}