@charset "utf-8";

/*---RESET CSS---*/

* {
		font-size: 100%;
}

img {
		-webkit-backface-visibility: hidden;
}

#aff-icon-list, #aff-icon-list #icon_list {
		float: none!important;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
}

.fb_iframe_widget span {
		vertical-align: unset!important;
}

#wrapper:before {
		content: "";
		clear: both;
		display: block;
}

#wrap {
		overflow: visible;
}

nav {
		width: 100%;
		display: block;
}

section.read p {
		padding: 0;
}

dir, menu, ol, ul {
		padding-left: 0;
}

blockquote, dir, dl, figure, listing, menu, ol, p, plaintext, pre, ul, xmp {
		margin: 0;
}

h2 h3 h4, h5 h6 {
		margin: 0;
}

#wrapper p {
		line-height: normal !important;
}

.np-keyword-suggest {
		border: 0;
}

img {
		max-width: 100%;
		vertical-align: top;
		font-size: 0;
		line-height: 0;
}

iframe {
		width: 100%;
		vertical-align: top;
}

#topicPath {
		width: auto;
}

.twitter-widget-wrapper iframe {
		width: 740px !important;
}

html {
		scroll-behavior: smooth;
}

#aff-icon-list {
		background: #FAFAFA;
}

.sticky {
		position: relative;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 2;
}

#wrapper {
		position: relative;
		background: #FFF;
}

@media screen and (min-width:768px) {
		#wrapper {
				display: flex;
				flex-wrap: wrap;
		}
		.outer:first-of-type {
				width: 20%;
		}
		.outer:nth-of-type(2) {
				width: 80%;
		}
}

#wrapper {
		font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}

#wrapper a, #wrapper main, #wrapper div, #wrapper span, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6, #wrapper p, #wrapper span, #wrapper header, #wrapper nav, #wrapper ul, #wrapper li, #wrapper dt, #wrapper dd, #wrapper dl {
		box-sizing: border-box;
}

#wrapper a, #wrapper a:link, #wrapper a:visited, #wrapper a:hover, #wrapper a:active {
		/* text-decoration: underline; */
		/* color: #333; */
}

.feature_item_wrapper{
	margin:0 0 60px;
	/*! border-top:3px dotted rgba(0,0,0,.3); */
}


#wrapper li a {
		width: 100%;
		display: block;
}

#wrapper li a:not([href]) {
		background: #777
}

#wrapper img {
		max-width: 100%;
		vertical-align: top;
		font-size: 0;
		line-height: 0;
}

#wrapper .header img {
		max-width: 100%;
}


/*----MAIN----*/

#wrapper h2 {
		background: none;
		font-size: 1.3em;
		margin: 0 0 15px;
		/*! padding: 0; */
		width: 100%;
		border-bottom: 1px solid #333;
		color: #333;
}

#wrapper h3 {
		font-size: 1.15em;
		color: #eb0128;
		/*! text-align: center; */
		margin: 0 0 30px;
		border-bottom: 1px solid #eb0128;
}

#wrapper h4 {
		font-size: 1em;
		background: #eb0128;
		color: #FFF;
		text-align: center;
		padding: 10px;
		margin: 30px 0;
}

@media screen and (min-width: 768px) {
		#wrapper h2 {
				font-size: 1.5em;
				/*! margin: 0 0 15px; */
			/*! text-align: center; */
		}
		#wrapper h3 {
				font-size: 1.25em;
				margin: 0 0 15px;
		}
		#wrapper h4 {
				font-size: 1em;
				margin: 60px 0;
		}
}

#wrapper p {
		font-size: 1em!important;
		/*! margin: 0 !important; */
}

@media screen and (min-width:768px) {
		#wrapper p {
				/* font-size: 1.2em!important; */
		}
}

#wrapper nav {
		/* font-size: 1em; */
		
}

@media screen and (min-width:768px) {
		#wrapper nav {
				padding: 1px 0 0;
		}

}

#wrapper hr {
		border: 0;
		border-top: 3px dotted #555;
		display: block;
		width: calc(100% - 40px);
		margin: 0 10px 10px 0;
}

.logo h2 a {
		display: inline;
		margin: 0;
		padding: 0;
}


/*----MENU----*/

.inner {
		padding: 15px 15px 30px;
}
				.inner:first-of-type {
				padding: 0px 15px 30px;
		}
		.left-menu{
	padding:0;
}
		.left-menu:first-of-type{
	padding:0;
}

@media screen and (min-width:768px) {
		.inner {
				padding: 30px 30px 60px;
		}
				.inner:first-of-type {
				padding: 0px 30px 30px;
		}
		.left-menu{
	padding:0;
}
		.left-menu:first-of-type{
	padding:0;
}
}

#wrapper .inner>p {
		padding: 0 0 30px;
		text-align: left;
}

@media screen and (min-width:768px) {
		#wrapper .inner>p {
				padding: 0 0 60px;
				text-align: center;
		}
}

.header {
		padding: 0px;
}

.main-contents-list {
		display: block;
}

.col3 .main-contents-list-item {
		max-width: 400px;
		width: 100%;
		margin: 0 auto 30px;
}

.col3 .main-contents-list-item:nth-of-type(3n) {
		margin: 0 auto 30px;
}

.col2 .main-contents-list-item {
		width: 100%;
		margin: 0 0 30px;
}

.col2 .main-contents-list-item:nth-of-type(2n) {
		margin: 0 0 30px;
}

.col1 .main-contents-list-item {
		width: 100%;
		margin: 0 0 30px;
}

@media screen and (min-width: 768px) {
		.main-contents-list {
				display: flex;
				flex-wrap: wrap;
		}
		.col3 .main-contents-list-item {
				max-width: auto;
				width: calc((100% - (40px * 2)) / 3);
				margin: 0 40px 40px 0;
		}
		.col3 .main-contents-list-item:nth-of-type(3n) {
				margin: 0 0 40px 0;
		}
		.col2 .main-contents-list-item {
				width: calc((100% - (40px * 1)) / 2);
				margin: 0 40px 40px 0;
		}
		.col2 .main-contents-list-item:nth-of-type(2n) {
				margin: 0 0 40px 0;
		}
		.col1 .main-contents-list-item {
				width: 100%;
				margin: 0 0 40px 0;
		}
}

#wrapper .main-contents-list-item p {
		margin: 0 0 10px !important;
}

#wrapper .main-contents-list-item p:last-of-type {
		padding: 0;
}


/*col1,col3 1:0.75*/

#wrapper .col1 .img, #wrapper .col3 .img {
		width: 100%;
		padding-top: 75% !important;
		position: relative;
}


/*col2 1:1*/

#wrapper .col2 .img {
		width: 100%;
		padding-top: 100% !important;
		position: relative;
}

#wrapper .col2 .size160x120 {
		padding-top: calc(100% * (120 / 160))!important;
}

#wrapper .col2 .size216x162 {
		padding-top: calc(100% * (162 / 216))!important;
}

#wrapper .col2 .size100x100 {
		padding-top: calc(100% * (100 / 100))!important;
}

#wrapper .col1 .size324x243 {
		padding-top: calc(100% * (243 / 324))!important;
}

#wrapper p.img img {
		display: block;
		max-width: 100%;
		max-height: 100%;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
		width: auto;
}

#wrapper p.img {
		width: 100%;
		padding-top: 75% !important;
		position: relative;
}

#wrapper p.img img {
		display: block;
		max-width: 100%;
		max-height: 100%;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
		width: auto;
}

#wrapper div.map {
		width: 100%;
		padding-top: 100% !important;
		position: relative;
}

#wrapper div.map iframe {
		display: block;
		max-width: 100%;
		max-height: 100%;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: auto;
		position: absolute;
		width: 100%;
		height: 100%;
}

#wrapper p.title {
		font-size: 16px !important;
}

#wrapper p.detail {
		font-size: 14px!important;
}

#wrapper p.link {
		font-size: 14px!important;
}

#wrapper p.link a::before {
		content: '\FF1E';
}

.col2 .main-contents-list-item .left {
		width: calc(100% / 3);
}

.col2 .main-contents-list-item .right {
		width: calc(100% * 2 / 3 - 10px);
		margin: 0 0 0 10px;
}

.col1 .main-contents-list-item .left {
		width: 100%;
}

.col1 .main-contents-list-item .right {
		width: 100%;
}

.main-menu-list {
		display: flex;
		flex-wrap: wrap;
		margin: 20px 0 0;
}

.main-menu-list-btn {
		width: 100%;
		margin: 0 0 30px;
}

.main-menu-list-btn:nth-of-type(3n) {
		margin: 0 0 30px 0;
}

.main-contents-list-item {
		display: flex;
		flex-wrap: wrap;
}

@media screen and (min-width:768px) {
		.main-menu-list {
				display: flex;
				flex-wrap: wrap;
				margin: 20px 0 0;
		}
		.col1 .main-contents-list-item .left {
				width: calc(100% * 3 / 7);
		}
		.col1 .main-contents-list-item .right {
				width: calc(100% * 4 / 7 - 40px);
				margin: 0 0 0 40px;
		}
		.main-menu-list {
				margin: 40px 0 0;
		}
		.main-menu-list-btn {
				width: calc(((100% - 60px * 2)) / 3);
				margin: 0 60px 60px 0;
		}
		.main-menu-list-btn:nth-of-type(3n) {
				margin: 0 0 60px 0;
		}
		.main-contents-list-item .left {
				/* float:left; */
		}
		.main-contents-list-item .right {
				/* float:right; */
		}
}

#wrapper .main-menu-list-btn a {
		display: block;
		text-align: center;
		background: #eb0128;
		color: #FFF!important;
		padding: 40px 0;
		width: 100%;
		font-weight: bold;
		text-decoration: none;
		transition: .2s;
}

#wrapper .main-menu-list-btn a:hover, #wrapper .main-menu-list-btn a:focus {
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .8);
}

#wrapper .footer-btn {
		margin: 0 0 30px;
}

@media screen and (min-width:768px) {
		#wrapper .footer-btn {
				margin: 0 0 60px;
		}
}

#wrapper .footer-btn a {
		color: #AAA!important;
		display: block;
		text-align: center;
		background: linear-gradient(180deg, #FFF 0, #FFF 50%, #CCC 50%, #FFF 100%);
		color: #eb0128!important;
		padding: 15px;
		width: 100%;
		font-weight: bold;
		border-radius: 30px/50%;
		text-decoration: none;
		font-size: 18px;
		transition: .2s;
}

@media screen and (min-width:768px) {
		#wrapper .footer-btn a {
				border-radius: 50px/50%;
				padding: 30px;
				font-size: 26px;
		}
}

#wrapper .footer-btn a::before {
		content: '\FF1E';
}

#wrapper .footer-btn a:hover, #wrapper .footer-btn a:focus {
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .8);
}

.footer {
		text-align: center;
}

.footer-title {
		font-size: 16px;
		font-weight: bold;
}

@media screen and (min-width:768px) {
		.footer-title {
				font-size: 18px;
		}
}

.translation-btn-list {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin: 0;
}

.translation-btn-list-item {
		background: #eb0128;
		width: calc((100% - 10px) / 2);
		padding: 10px;
		display: block;
		font-size: 18px;
		margin: 10px 10px 0 0;
		text-align: center;
}

.translation-btn-list-item:nth-of-type(2n) {
		margin: 10px 0 0 0;
}




@charset "UTF-8";

body{
    margin:0;
}




#drawer-menu {
	width: 100%;
	/* position:fixed; */
	/* background: rgba(255,255,255,.7); */
	/* position: sticky; */
	/* top: 0; */
	}

/*#drawer-menu menu_____________________________________*/
#drawer-menu {display: flex;flex-wrap: wrap;/* border-bottom: 5px solid #FFF; */}

#drawer-menu nav {/* display:none; *//* text-align:right; */vertical-align:bottom;/* align-items: baseline; */}
#drawer-menu ul {font-size:13px;line-height:1;margin: 0 10px 10px 10px;padding: 0;}
#drawer-menu ul li {/* margin-left:3px; *//* display:inline-block */}
#drawer-menu ul li::after {/* content:' |'; */}
#drawer-menu ul li:last-child::after {content:''}
#drawer-menu ul li a {color:inherit}
#drawer-menu nav{
	width: 100%;
	/* background: rgba(255,255,255,.7); */
}
/* Toggle(Button) */
#nav-btn {
	display: none;
	position:absolute;
	right: 10px;
	top: 10px;
	width: 50px;
	height: 50px;
	cursor:pointer;
	padding: 12px;
	z-index: 1;
	background: rgba(255,255,255,.6);
	border-radius: 50%;
	}
#nav-btn div {position:relative}
#nav-btn span {
	display:block;
	position:absolute;/*to div*/
	width:100%;
	border-bottom: solid 4px #555;
	-webkit-transition: .1s ease-in-out;
	-moz-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
	}
#nav-btn span:nth-child(1) {top:0}
#nav-btn span:nth-child(2) {top:11px}
#nav-btn span:nth-child(3) {top:22px}


@media screen and (max-width: 748px) {
#drawer-menu nav {display:block;position:absolute;right:0;right: calc(100% - 180%);background: rgba(255,255,255,.9);width: 80%;padding: 0 0 100px;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;text-align:left;box-sizing: border-box;height: 100vh;overflow: auto;-webkit-overflow-scrolling: touch;/* top: 50px; */display: none;}
#drawer-menu ul {margin:0;/* padding: 0; */}
#drawer-menu ul li {/* display:block; *//* margin:0; *//* border-bottom: dotted 2px #999; *//* line-height:3; *//* padding: 0; */}
#drawer-menu ul li a {padding: 0px;
display:block;color: #eb0128!important;font-weight: bold;
}
#drawer-menu ul li::after {content:''}
#drawer-menu ul li:last-child {border-bottom:none}
/* Toggle(Button) */
#nav-btn {display: block;opacity:0}
#nav-btn.fade-in {opacity:1;transition: opacity 1s;}
/* Click Toggle(Button) */
#drawer-menu.open-nav #nav-btn span:nth-child(1) {
	top: 11px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)}
#drawer-menu.open-nav #nav-btn span:nth-child(2),
#drawer-menu.open-nav #nav-btn span:nth-child(3) {
	top: 11px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)}
/*#drawer-menu menu*/
#drawer-menu.open-nav nav {
	-moz-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	display:block;
	}
}
#drawer-menu .logo{
	height: 50px;
	width: 100%;
text-align: center;
}
#drawer-menu .logo img{
	max-height:50px;
	
}

@media screen and (min-width: 748px) {
#drawer-menu .logo{
	height: 100px;
}
#drawer-menu .logo img{
	max-height:100px;
	
}
}


/*---------------------------------------------------------------------------------------------------------------*/
#drawer-menu nav{
	background: #eb0128;
}
#drawer-menu nav,#drawer-menu ul,#drawer-menu li,#drawer-menu span,#drawer-menu a{
	font-size: .95em;
}

#drawer-menu ul li{
	/* border-bottom:1px solid rgba(255, 255, 255, .3); */
}




#drawer-menu ul li>span {
		padding: 10px;
		display: block;
		font-weight: bold;
		color:rgba(0,0,0,.7);
		border-bottom: 1px solid rgba(255, 255, 255, .3);
}




#drawer-menu ul li a,
#drawer-menu ul .menu-arrow>span  {
		font-weight: bold;
		padding: 10px  calc(1em + 20px) 10px calc(1em + 10px);
		
		position: relative;
		text-decoration: none;
		display:block;
		text-decoration: none;
		width: 100%;
		display: inline-block;
}

#drawer-menu ul li a:before,
#drawer-menu ul .menu-arrow>span:before  {
		content: "\30FB";
		display: block;
		position: absolute;
			top: calc(50% - (1em / 2) );
		left:10px;
font-size: 1em;
			line-height:1em;
}

#drawer-menu ul li a::after,
#drawer-menu ul .menu-arrow>span::after {

	font-family: "Font Awesome 5 Free";font-weight: 900;
	content: "\f054";display: block;position: absolute;
		top: calc(50% - (1em / 2) );
	right: 15px;font-size: 1em;
			line-height:1em;}
#drawer-menu ul .menu-arrow li{
	background:rgba(255,255,255,.2);
}

#drawer-menu ul .menu-arrow>span:after {

transform:rotate(90deg);
transition:.3s;
}
#drawer-menu ul .menu-arrow.active>span:after {

transform:rotate(-90deg);
}

#drawer-menu ul li a:hover, #drawer-menu ul li a:focus {
		background: rgba(255, 255, 255, .3);
}

#drawer-menu .drawer-menu-title, #drawer-menu .drawer-menu-subtitle {
			border-bottom: 1px solid #FFF;
			font-weight: bold;
			padding: 5px;
			font-size: 1.2em;
			background: #eb0128;
			color: #FFF;
			padding: 10px;
			/* font-size: 1em; */
			/* z-index: 2; */
			/* text-align: left; */
			/* line-height: normal; */
			/* display: block; */
			margin: 0;
			/* position: relative; */
			}

#drawer-menu ul {
		font-size: initial;
		margin: 0;
		line-height: normal;
		padding: 0;
}


#drawer-menu ul li a,
#drawer-menu ul li>span {
border-bottom: dotted 2px #999;
}

#drawer-menu ul li a,
#drawer-menu ul .menu-arrow>span {
	color: #eb0128!important;
	}



#drawer-menu .drawer-menu-title, #drawer-menu .drawer-menu-subtitle {
		/*! border-bottom: 1px solid #eb0128; */
		font-weight: bold;
		padding: 5px;
		background: #FFF;
		color: #eb0128;
}

#drawer-menu .drawer-menu-title {
font-size:1.1em!important
}

#drawer-menu ul li span {padding: 5px;/* border-bottom: 1px solid rgba(255, 255, 255, .3); */}

#drawer-menu ul li a,
#drawer-menu ul .menu-arrow>span {
		border-bottom: 1px solid rgba(255, 255, 255, .3);
		padding: 5px calc(1em + 15px) 5px calc(1em + 5px);
		color: #FFF!important;
}
#drawer-menu ul li a:before,
#drawer-menu ul .menu-arrow>span:before {
		left: 5px;
}#drawer-menu ul li a::after,
#drawer-menu ul .menu-arrow>span::after {

		right: 10px;
}



#drawer-menu ul li a,
#drawer-menu ul li>span {

		border-bottom: 1px solid rgba(255, 255, 255, .3);
}



.feature_box_contents{
	margin: 0 0 15px;
}


@media screen and (min-width:768px) {
.feature_box_contents{
	margin: 0 0 30px;
}
	
.feature_box_contents:last-of-type{
	margin: 0;
}
	
	
	.title-area p{
	text-align: center;
}
}
.feature_box_contents h2{
		padding:5px 15px;
}
.feature_item_wrapper h3{
	padding:5px 15px;
}


.feature_box_contents p{
	/*! padding: 0 15px 15px; */
	margin:0 0 15px;
}


.feature_box_contents p:last-of-type{
	margin:0;
}



.menu-arrow ul{
	display:none;
}

/*----feature_item_list INNNER----*/

.feature_item_list {
	display: flex;
	padding: 0 0 15px 15px;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateZ(0px);
	min-width: .1px;
	/*min-height: 303px;*/
}

.feature_item_list::after {
	display: block;
	content: '';
	padding: .1px;
}

.feature_item_box {
	flex-shrink: 0;
	width: 150px !important;
	margin: 0 15px 15px 0;
	background: #FFF;
	transition: .3s;
	font-size: .8em;
	overflow: hidden;
	border: 1px solid #CCC;
	position: relative;
	backface-visibility: hidden;
	padding: 26px 0 0;
}

.feature_item_box:hover {
	background: #FFF9EA;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
}

.feature_item_box:hover img {
	opacity: .9;
}




@media screen and (min-width:768px) {
	.feature_item_list {
		flex-wrap: wrap;
	}
	.feature_item_box {
		width: calc(100% / 4 - 15px) !important;
	}
}

.feature_item_box_img {
	width: 100%;
	padding-top: 100%!important;
	position: relative;
	background-color: #EEEEEE;
}

.feature_item_box_img img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	width: auto;
	background: #FFF;
	transition: .3s;
}

.feature_item_box_kubun1, .feature_item_box_kubun2, .feature_item_box_kubun3 {
	padding: 2px;
	position: absolute;
	top: 0;
	left: 0;
	max-width: calc(100% * 2 / 5);
	background: rgba(255, 255, 255, .9);
	font-weight: bold;
	font-size: .9em;
}

.feature_item_box_kubun1:empty, .feature_item_box_kubun2:empty, .feature_item_box_kubun3:empty {
	display: none!important;
}

.feature_item_box_kubun1 {
	color: #ff6768;
}

.feature_item_box_kubun2 {
	color: #009900;
}

.feature_item_box_kubun3 {
	color: #ff30ff;
}

.feature_item_box_baika_war {
	color: #FF0000;
	padding: 2px;
	position: absolute;
	top: 0;
	right: 0;
	max-width: calc(100% * 3 / 5);
	background: rgba(255, 255, 255, .9);
	font-weight: bold;
	font-size: .9em;
}

.feature_item_box_baika_war:empty {
	display: none!important;
}

.feature_item_box_title {
	width: calc(100% - 15px);
	margin: 7.5px;
	height: 4.8em;
	line-height: 1.25em;
	overflow: hidden;
	text-align: left;
	font-size: .95em;
}

@media screen and (min-width:768px) {
	.feature_item_box_title {
		-webkit-line-clamp: 4;
		height: 4.8em;
	}
}

.feature_item_box_baika {
	padding: 0 7.5px 7.5px;
}

.feature_item_box_baika_amount {
	color: #FF0000;
	font-weight: bold;
	font-size: 1em;
}

.feature_item_box_baika_amount strong{
	display:none;
}

@media screen and (min-width:768px) {
.feature_item_box_baika_amount {
	font-size: 1.05em;
}
}

.feature_item_box_teika{
	display: none!important;
}

.feature_item_box_title2 {
	padding: 7.5px;
}

.feature_item_box_text2 {
	padding: 0 7.5px 7.5px;
}


.manual_input .feature_item_box,.kaitori .feature_item_box{
padding: 0;
}



/*---BUTTON----*/

.feature_button {
	width: calc(100% - 15px);
	margin: 0 0 0 15px;
	display: flex;
	flex-wrap: wrap;
}

.feature_button a {
	width: calc(100% / 1 - 15px);
	flex-grow: 1;
	display: block;
	margin: 0 15px 15px 0;
	position: relative;
	padding: 5px 15px;
	border-radius: 8px;
	font-size: 15px;
	font-weight: bold;
	transition: .3s;
	top: 0;
	left: 0;
	/* text-shadow: 0px 0px 5px rgba(255,255,255,.5); */
	/* background: linear-gradient(to top, #eb0128, #ff607a); */
	/* border: 1px solid #734e00; */
	text-decoration:none;
	box-shadow: 0 3px 4px 0 rgba(0,0,0,.5);
	transition: .3s ease-out;
	background: linear-gradient(180deg, #ff4e6c 0,#ff4e6c 50%, #eb0128 50%,#ff4e6c 100%);
	font-weight: bold;
}
.feature_button a:hover{
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
	opacity: .85;
}


@media screen and (min-width:480px) {
	.feature_button a {
		width: calc(100% / 2 - 15px);
	}
}

@media screen and (min-width:768px) {
	.feature_button a {
		width: calc(99.99% / 3 - 15px);
			text-align: center;
	}

}


.feature_button a:hover {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
	opacity: .9;
}

.feature_button a, .feature_button a:link, .feature_button a:visited, .feature_button a:hover, .feature_button a:active {
	color: #FFF;
}

.kaitori .feature_frame_contents{
/*! background: #b4d2d2; */
	/*! margin: 0 0 15px; */
/*! padding: 15px 0 0; *//* padding: 30px 0 0; */}
.kaitori .feature_box_wrapper{
	background: #b4d2d2;
	padding: 10px 0 0 10px;
	/* margin: 0 0 10px; */
}
@media screen and (min-width:768px) {
.kaitori .feature_box_wrapper{
	padding: 30px 0 0 30px;
	margin: 0 0 30px;
}
}


.kaitori .feature_box_contents{
border: 2px solid #006666;
	margin: 0 10px  10px 0;
	
}
@media screen and (min-width:768px) {
.kaitori .feature_box_contents{

	margin: 0 30px  30px 0;
	
}
}



/*--------191216 css-----------*/


.sp_delete_br{
display:none;
}
@media screen and (min-width:768px) {
.sp_delete_br{
display:inline;
}
}