@charset "UTF-8";
/* CSS Document */

/* -------------------------------------
header
-------------------------------------*/
body{
	position: relative;
	overflow: hidden;
	text-align: center;
	padding-top: 200px;
}

header{
	position: fixed;
	top: 0;
	right: 0;
	left:0;
	z-index: 10000;
	margin: 0 auto;
	background-color: #fff;
	font-family: "Noto Serif CJK JP";
	font-size: 15px;
	font-weight: 700;
}

header .logo{
	/* height: 155px; */
	position: relative;
	margin: 17px auto;
}

header nav{
	background-color: #e8e8e8;
	padding: 8px 0;
}

header nav ul{
	display: flex;
	width: 909px;
	margin: 0 auto;
	justify-content: space-between;
}


header nav a:hover{
	color: #e1408b;
}

/* -------------------------------------
footer
-------------------------------------*/

footer{
	overflow: hidden;
	width: 100%;
	text-align: center;
}

footer nav {
	padding: 18px 0 15px;
}

footer nav a {
	display: block;
	list-style-type: none;
	margin: 0 15px;
	font-size: 12px;
}

footer nav a:hover{
	color: #e1408b;
}

footer nav ul li{
	margin: 0;
}

footer nav > ul li:last-child,
footer nav > ul li.bdno{
	border-right: none;
}

footer nav ul{
	height: auto;
	display: flex;
	justify-content: center;
}

footer .logo{
	padding: 45px 0;
	line-height: 16px;
	background-color: #a0a0a0;
	color: #fff;
}

footer .logo figure{
	width: 434px;
	margin: 0 auto;
}

footer adress{
	margin-top: 15px;
	display: block;
	font-size: 13px;
}

/**コピーライト**/
.copyright{
	color: #6d6d6d;
	font-size: 12px;
	background-color: #fff;
	height: 57px;
	line-height: 57px;
}

#pagetop{
	position: fixed;
    right: 5%;
	bottom: 0;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(0,0,0,0.5);
	color: #fff;
	text-align: center;
	font-size: 30px;
	line-height: 40px;
	z-index:1000;
}
#pagetop:before{
	content: "\e316";
	font-family: 'Material Icons';
}


/* =============================================================================
共通
=============================================================================*/

/**見出し1**/

.titG{
	font-size: 14px;
	position: relative;
}

.titG:after{
	content: "";
	width: 50px;
	height: 4px;
	position: absolute;
	background-color: #1e1e1e;
	bottom: -55px;
	left: 50%;
	transform: translate(-50%,-50%);
}

.title1:before {
	left: 0;
}

.title1:after {
	right: 0;
}

.title1_2{
	padding-top: 5px;
	color: #646464;
	font-size: 12px;
}


/**見出し2**/


/**見出し3**/


/**見出し4**/


/* -------------------------------------
ボタン
-------------------------------------*/
.btn1{
	margin-top: 30px;
	margin-bottom: 30px;
}
.btn1:hover{
	display: block;
	background: #464646;
	color: #fff;
}

.btn1{
	position: relative;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 15px 0;
	max-width: 450px;
	width: 100%;
	border: 1px solid #464646;
	color: #464646;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}

.btn1:after{
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	margin: auto 0;
	height: 1em;
	content: ">";
	line-height: 1.0;
}

/**ボタン**/
.btn2{
	margin-top: 15px;
	padding-bottom: 43px;
}
.btn2:hover{
	background: gray;
	color: #fff;
}

.btn2{
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 6px 5px;
	max-width: 280px;
	border: 1px solid gray;
	color: #505050;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
}

.btn2:after{
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	margin: auto 0;
	height: 1em;
	content: ">";
	line-height: 1.0;
}

/**ボタン**/
.btn3{
	margin-top: 60px;
}

.btn3{
	position: relative;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 15px 0;
	max-width: 450px;
	width: 100%;
	border: 1px solid #464646;
	color: #464646;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}

.btn3:after{
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	margin: auto 0;
	height: 1em;
	content: ">";
	line-height: 1.0;
}



/* =============================================================================
TOPページ
=============================================================================*/

/* -------------------------------------
search
-------------------------------------*/

.serch{
	/* margin: 30px auto; */
	margin-right: calc( ( 100% - 1100px ) / 2 );
	text-align: right;
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: flex-end;

}

.serch input.st{
	width: 170px;
	height: 26px;
	/* padding: 0; */
	/* margin: 0; */
	border: 1px solid #727272;
	 padding: 0 10px;
	border-radius: 13px;
}

.serch input.fas{
/*	margin: 0 0 0 -3px;*/
	font-size: 26px;
	 padding: 0;
	/* line-height: 0; */
	border: 1px solid #fff;
	font-family: "FontAwesome";
	color: #727272;
	font-weight: normal;
}

.serch input.fas{
	font-size: 18px;
}

.serch input.fas:hover{
	cursor: pointer;
}

.serch input.st::placeholder{
	color:#a0a0a0;
}

.serch img{
	margin-bottom: -3px;
	margin-left: 20px;
}

form :focus{
	outline: none;
}


#topbner .swiper-hero-prev{
	background-image: url(../images/icon9.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #1e1e1e;
	position: absolute;
	bottom: 40%;
	left: calc( ( 100% - 1100px ) / 2 );
	z-index: 1000;
	border-bottom: none;
	border-left: none;
	-webkit-transform: none;
	transform: none;
	padding: 15px 8px;
}
#topbner .swiper-hero-next{
	background-image: url(../images/icon10.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #1e1e1e;
	position: absolute;
	bottom: 40%;
	right: calc( ( 100% - 1100px ) / 2 );
	z-index: 1000;
	border-bottom: none;
	border-left: none;
	-webkit-transform: none;
	transform: none;
	padding: 15px 8px;
}
#new .swiper-hero-prev:before{
	content: "<";
	color:#fff;
	font-size: 14px;
	line-height: 1.0;
	position: absolute;
	left:20px;
	top: 40%;
	z-index: 1000;
	background: rgba(0,0,0,0.5);
	padding: 5px;
}
#new .swiper-hero-next:before{
	content: ">";
	color:#fff;
	font-size: 14px;
	line-height: 1.0;
	position: absolute;
	top: 40%;
	right:20px;
	z-index: 1000;
	background: rgba(0,0,0,0.5);
	padding: 5px;
}

#topbner img{
	margin: 0 2px;
}

#topbner{
	margin:50px auto;
	min-width: 1100px;
}




/* -------------------------------------
hero
-------------------------------------*/
#hero .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 4px;
}

#hero .swiper-pagination-bullet-active {
	opacity: 1;
	background: #646464;
}

#hero .swiper-pagination-bullet {
	width: 9px;
	height: 9px;
}

#hero .swiper-hero-prev{
	position: absolute;
	bottom: 10px;
	left: 5%;

	display: block;
	width: 15px;
	height: 15px;
	border-bottom: solid 4px #1e1e1e;
	border-left: solid 4px #1e1e1e;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#hero .swiper-hero-next{
	position: absolute;
	bottom: 10px;
	right: 5%;

	display: block;
	width: 15px;
	height: 15px;
	border-top: solid 4px #1e1e1e;
	border-right: solid 4px #1e1e1e;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}





#hero{
	margin-top: 20px;
}

#hero .bner{
	margin: 40px auto;
}

#hero .bner .swiper-container .swiper-wrapper .swiper-slide img {
	width: 80%;
}


#hero .bner .swiper-hero-prev{
	background-image: url(/common/images/icon9.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #1e1e1e;
	position: absolute;
	bottom: 40%;
	left: 0%;
	z-index: 1000;
	border-bottom: none;
	border-left: none;
	-webkit-transform: none;
	transform: none;
	padding: 14px;
}


#hero .bner .swiper-hero-next{
	background-image: url(/common/images/icon10.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #1e1e1e;
	position: absolute;
	bottom: 40%;
	right: 0%;
	z-index: 1000;
	border-bottom: none;
	border-left: none;
	-webkit-transform: none;
	transform: none;
	padding: 12px;
}


#hero .souryou figure{
/*	width: 635px;*/
	margin: 0 50px;
	position: relative;
}


#hero div.sub{
	margin: 35px auto 118px;
}


#hero div.sub ul{
	display: flex;
	justify-content: center;
}

#hero div.sub ul li{
	margin: 18px;
	position: relative;
}

#hero div.sub ul li dl dd{
	height: 96px;
	width: 346px;
	position: absolute;
	bottom: 0;
	color: white;
	font-family: "Noto Serif CJK JP";
	font-size: 32px;
	font-weight: 600;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#hero div.sub ul li dl dd small{
	display: block;
	font-size: 16px;
}



#hero div.sub a {
	width: 346px;
	height: 346px;
	overflow: hidden;
	display: block;
}
#hero div.sub a dl dt img{
	width: 100%;
	height: auto;
	-moz-transition: -moz-transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
	-o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;
}
#hero div.sub a dl:hover dt img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}



/* -------------------------------------
New in items
-------------------------------------*/

section{
	margin-top: 90px;
	margin-bottom: 50px;
}

section .wrap{
	margin: 65px 0 100px;
/*	margin: 50px 0 0;*/
}


section ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 1100px;
		margin: 0 auto;
}

section ul li dl dt{
	margin: 8px 0 6px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 18px;
}
	section ul li dl dd{
		font-weight: bold;
		text-align: right;
	}

section ul li dl{
	text-align: left;
}



#new, #reco , #fea , #wra{
	margin-top: -200px;
	padding-top: 200px;
}
section.new ul{
	flex-wrap: nowrap;
	width: 100%;
}


section.new li{
	width: 250px;
	margin: 0 10px;
}



/* -------------------------------------
reco
-------------------------------------*/

section.reco{
	margin-bottom: 0;
}
section.reco .titG{
	margin-top: 90px;
}

section.reco ul li{
	width: 260px;
	margin-bottom: 30px;
}

section.reco ul li div{
	text-align: left;
}

section.reco ul li span{
	background-color: #e1408b;
	color: white;
	border-radius: 5px;
	/* width: 180px; */
	/* height: 23px; */
	display: inline-block;
	text-align: center;
	/* line-height: 46px; */
	margin: 10px 0;
	padding: 1px 20px;
}

section.reco ul li p{
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
}



section.reco ul li figure{
	overflow: hidden;
	display: block;
}

section.reco ul li img{
	-moz-transition: -moz-transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
	-o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;
}
section.reco ul li:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}






/* -------------------------------------
featured items
-------------------------------------*/
section.fea{
	margin-bottom: 95px;
}
section.fea ul li{
	width: 520px;
	margin-bottom: 70px;
}


section.fea ul li figure{
	min-height: 310px;
	display: flex;
	align-items: center;
}


section.fea ul li dl{
	margin: 20px 0 20px;
}

section.fea ul li dl dt{
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
}

section.fea ul li dl dd{
	text-align: left;
	font-weight: normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 17px;
}

section.fea ul li figure{
	width: 520px;
	height: auto;
	overflow: hidden;
	display: block;
}


section.fea ul li img{
	-moz-transition: -moz-transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
	-o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;

}
section.fea ul li:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}





/* -------------------------------------
Category
-------------------------------------*/

.toggle_wrap:last-of-type {
/*	border-bottom: 1px solid #787878;*/
	width: 1100px;
	margin: 0 auto;
}
.toggle_switch {
	position: relative;
	padding: 0px 18px;
	background-color: #787878;
	height: 30px;
	color: white;
	line-height: 30px;
	text-align: left;
	font-size: 14px;
	margin-bottom: 2px;
}
.toggle_switch.open {
	border-bottom: 1px solid #787878;
}

.toggle_switch.last{
	margin-bottom: 0;
}
.toggle_switch::after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 11px;
	background: url(/common/images/icon6.png) no-repeat center center;
	background-size: contain;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 30px;
	transition: transform .2s;
}
.toggle_switch.open::after {
	transform: rotateZ(180deg);
	top: 46%;
}
.toggle_contents {
/*	display: none;*/
	padding: 10px 0px 30px;
}

.toggle_contents > div{
	display: flex;
	flex-wrap: wrap;
/*	justify-content: space-around;*/
	margin: 0 -5px;
}

.toggle_contents > div a{
	width: 212px;
	border: 1px solid #c8c8c8;
	min-height: 45px;
	display: flex;
	align-items: center;
	margin: 5px 5px;
	border-radius: 5px;
	background-color: white;
	padding-left: 10px;
	line-height: 15px;
	text-align: left;
}

.toggle_contents > div a:hover{
	box-shadow: 1px 2px #787878;
}



.toggle_contents > div a img{
	margin: 0 15px 0 0;
/*	width: 30px;*/
}





section.cate{
	background-color: #f6f6f6;
	padding: 75px 0 45px;
	margin-top: 0px;
	margin-bottom: 100px;
}

section.cate .wrap{
	margin: 65px 0 0px;
}

section.cate .titF{
	justify-content: center;
}

section.cate .titF:before,
section.cate .titF:after{
	content: none;
}




/* -------------------------------------
Wrapping service
-------------------------------------*/

section.wra .wrap{
	margin: 65px 0 0px;
}

section.wra{
	margin-bottom: 0px;
}

section.wra ul li {
	border: 1px solid #e6e6e6;
	background-color: #f6f6f6;
	font-size: 14px;
	margin-bottom: 18px;
}

section.wra ul li dl{
	border-top: 1px solid #e6e6e6;
	min-height: 46px;
	padding: 0 10px;
}


section.wra div.wrap > div{
	border: 2px solid #e6e6e6;
}

section.wra div.wrap > div dl{
	border-top: 2px solid #e6e6e6;
	background-color: #f6f6f6;
	text-align: left;
}

section.wra div.wrap > div dl dt{
	height: 70px;
	line-height: 70px;
	padding: 0 10px;
}


section.wra ul li figure{
	overflow: hidden;
}


section.wra ul li img{
	-moz-transition: -moz-transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
	-o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;
}
section.wra ul li:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}





/* -------------------------------------
insta
-------------------------------------*/

.insta .titG{
	text-align: center;
	position: relative;
	width: 188px;
	margin: 0 auto 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
}

.insta .titG:before {
	position: absolute;
	/* top: 18px; */
	/* right: 25px; */
	display: inline-block;
	width: 10px;
	height: 11px;
	border-top: 1px solid #1e1e1e;
	content: "";
	transform: rotate(45deg);
	bottom: -12px;
	right: 1%;
}

.insta .titG:after {
	display: inline-block;
	/* margin: 0 0 0 15px; */
	width: 188px;
	height: 5px;
	border-top: 1px solid #1e1e1e;
	content: "";
	position: absolute;
	bottom: -14px;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #f6f6f6;
}

.insta .titG img {
	margin: 0 10px 0 0;
}

section.insta{
	background-color: #f6f6f6;
	padding: 75px 0 1px;
	margin-bottom: 10px;
}


section.insta .titF{
	justify-content: center;
	position: relative;
}
section.insta .titF:before{
	content: none;
}

section.insta .titF:after{
	position: absolute;
	background-color: #1e1e1e;
	height: 4px;
	width: 50px;
	margin-left: 0em;
	bottom: -20px;
}



section.insta ul li{
	margin-bottom: 1px;
	border: none;
}

/* -------------------------------------
bner
-------------------------------------*/

div.bner{
	margin: 35px auto;
}




/* -------------------------------------
karendar
-------------------------------------*/

section.karendar{
	background-color: #a0a0a0;
	color: #fff;
	margin-top: 0px;
	padding: 75px 0 0px;
	margin-bottom: 0px;
}

section.karendar .wrap{
	margin: 65px 0 0px;
}

section.karendar .titF{
	color: #fff;
	justify-content: center;
}


section.karendar .titF:before,
section.karendar .titF:after {
	content: none;
}

section.karendar .titG{
	position: relative;
}
section.karendar .titG:after {
	content: "";
	width: 50px;
	height: 4px;
	position: absolute;
	background-color: #fff;
	bottom: -53px;
	left: 50%;
	transform: translate(-50%,-50%);
}

section.karendar ul{
	background-color: #fff;
	color: #1e1e1e;
	flex-wrap: nowrap;
	padding: 0 28px;
}

section.karendar ul li{
	width: 485.6px;
}


section.karendar ul li span{
	color: #ffcfca;
}


section.karendar ul li dl dt {
	font-size: 16px;
	font-weight: bold;
	margin: 30px 0 13px;
}


section.karendar ul li dl dd {
	 font-weight: normal;
	 text-align: left;
	margin-bottom: 40px;
}


section.karendar ul li dl dd p{
	margin-top: 20px;
}

section.karendar ul li a{
	border-bottom: 1px solid #1e1e1e;
}

section.karendar ul li a:hover{
	border-bottom: none;
}




/* スライド */
#list{
	position: relative;
	margin: 0 auto;
	width: 99%;
}
#list .swiper-slide{
   	padding:0 1px;
}
#list .swiper-slide img{
    max-width:100%;
}

/**左右の矢印**/
.swiper-ar-next,
.swiper-ar-prev,
.swiper-act-next,
.swiper-act-prev{
	cursor: pointer;
}
.swiper-ar-next:before,
.swiper-ar-prev:before,
.swiper-act-next:before,
.swiper-act-prev:before{
	z-index: 100;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255,255,255,0.5);
	color: #666;
	text-align: center;
	font-size: 30px;
	font-family: 'Material Icons';
	line-height: 40px;
}
.swiper-ar-next:before,
.swiper-act-next:before{
	position: absolute;
	top: 45%;
	right: -50px;
	content: "\e5cc";
}.swiper-ar-prev:before,
.swiper-act-prev:before{
	position: absolute;
	top: 45%;
	left:-50px;
	content: "\e5cb";
}




/************************************
** CSSでタブ表示
************************************/
/* タブの外枠 */
.tabs {
  margin-top: 12px;
}

/* タブのスタイル */
.tabs .tab-label {
	display: inline-block;
	height: 100%;
	padding: 8px 20px;
	border: 1px solid lightgray;
	color: #333;
}
.tabs .tab-label + .tab-label{
	border-left: none;
}

/* タブにマウスカーソルがのったときフッター */
.tabs .tab-label:hover {
  	background: #fff1d6;
}

/* ラジオボタンと内容を非表示 */
.tabs input[name="tab-radio"],
.tabs .tab-content {
  display: none;
}

/* タブ内容のスタイル */
.tabs .tab-content{
  padding: 10px 0;
  min-height:290px;
}

/* 選択されているタブのコンテンツのみを表示 */
.tabs #tab-1:checked ~ .tab-1-content,
.tabs #tab-2:checked ~ .tab-2-content,
.tabs #tab-3:checked ~ .tab-3-content,
.tabs #tab-4:checked ~ .tab-4-content,
.tabs #tab-5:checked ~ .tab-5-content {
  display: block;
}

/* 選択されているタブのスタイルを変える */
.tabs input[name="tab-radio"]:checked + .tab-label {
  background-color: #fff;
}

/* -------------------------------------
lity　モーダルWIN
-------------------------------------*/
a[data-lity="data-lity"]{
	position: relative;
	display: block;
	pointer-events: stroke;
}a[data-lity="data-lity"]:before{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	display: inline-block;
	padding: 3px 5px;
	background: rgba(0,0,0,0.8);
	color: #fff;
	content: "\e56b";
	font-size: 16px;
	font-family: 'Material Icons';
}
/* -------------------------------------
タイトル
-------------------------------------*/
.titZ{
	margin: 0 auto;
	width: 100%;
	color:rgba(0,0,0,0.7);
	/*border-bottom: 1px solid lightgray;
	background: #333 url(../images/45-degree-fabric-light.png);
	color: #fff;
	text-shadow:1px 1px 3px rgba(0,0,0,0.3),-1px -1px 3px rgba(0,0,0,0.3);*/
}
.titZ h2{
	margin: 0 auto;
	padding: 30px;
	width: 980px;
	text-align: left;
	letter-spacing: 3px;
	font-size: 22px;
	font-family: 'Noto Serif JP', serif;
}
.titZ small{
	display: inline-block;
	margin: 0 0 0 20px;
	letter-spacing: 0;
	font-size: 0.7em;
}
body[id^="concept"] .titZ{
  background-color:#DDD976;
}body[id^="regalo"] .titZ{
  background-color:#ECB5AC;
}body[id^="morikado"] .titZ{
  background-color:#add67e;
}body[id^="services"] .titZ{
  background-color:#87C1B8;
}body[id^="company"] .titZ,
body[id^="privacy"] .titZ{
  background-color:#A5CAE2;
}body[id^="community"] .titZ{
  background-color:#F3C190;
}body[id^="recruit"] .titZ{
  background-color:#e3d9f4;
}body[id^="blog"] .titZ{
  background-color:#D8A985;
}body[id^="contact"] .titZ{
  background-color:#f4d0de;
}



.titA,
.titB,
.titC,
.titC_1,
.titC_2{
	position: relative;
	text-align: center;
}
.titA > *,
.titB > *,
.titC > *,
.titC_1 > *,
.titC_2 > *{
	position: relative;
	z-index: 5;
	display: inline-block;
	padding: 20px 40px;
	background: #fff;
	color: #505050;
	font-weight: bold;
	font-size: 20px;
}.titA:before,
.titB:before,
.titC:before,
.titC_1:before,
.titC_2:before{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 50%;
	border-bottom: 1px solid #ea9588;
	content: '';
}
.titB:before{
	border-bottom: 1px solid #505050;
}.titC:before{
	border-bottom: 1px solid  #a7c971;
}.titC_1:before{
	border-bottom: 1px solid  #6bbfb1;
}.titC_2:before{
	border-bottom: 1px solid  #e1007e;
}



.titD{
	position: relative;
	display:flex;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	text-align: center;
	font-size: 20px;

	justify-content: center;
}.titD:before,
.titD:after{
	display: block;
	width: 3px;
	border: 1px solid #000;
	content: "";
}
.titD:before{
	margin-right:10px;
	border-right: none;
}.titD:after{
	margin-left: 10px;
	border-left: none;
}

.titE{
	margin: 0 0 30px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	font-family: 'Noto Serif JP', serif;
}



.titF{
	font-family: 'Noto Serif CJK JP', serif;
	color: #1e1e1e;
	font-size: 32px;
	font-weight: 500;
	position: relative;
	z-index: 1;

}




.titF {
	display: flex;
	align-items: center;
}

.titF:before, .titF:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #444;
	display: block;
}

.titF:before {
	margin-right: 1.4em;
}
.titF:after {
	margin-left: 1.4em;
}




/* -------------------------------------
ボタン
-------------------------------------*/
.btnA,
.btnB{
	position: relative;
	display: block;
	margin-right: auto;
	margin-left: auto;
	/* padding: 10px 40px 10px 15px; */
	/* min-width: 300px; */
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 1.0em;
	cursor: pointer;
	margin: 0 100px;
}
.btnA:after,
.btnB:after{
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	margin: auto 0;
	height: 1em;
	content: "\e5cc";
	font-family: 'Material Icons';
	line-height: 1.0;
}
.btnA{
	border: 1px solid #787878;
	background: #787878;
	color: #fff;
}.btnA:hover{
	background: #fff;
	color: #787878;
}

.btnB{
	border: 1px solid #bf0000;
	background: #bf0000 url(../images/45-degree-fabric-light.png);
	color:#fff;
	font-weight:bold;
}.btnB:hover{
	background: #fff;
	color: #bf0000;
}