f@charset "UTF-8";
/*---------------------------------------------
	基本設定
---------------------------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html { font-size: 16px; }

body {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400px;
	color: #3b3b3b;
  line-height: 1.5em;
	letter-spacing: 3px;
	width		: 100%;
	margin	: 0px auto 0px auto;
}
a {
  text-decoration: underline;
  color: #0B9FD4;
  padding: 5px 10px 5px;
  box-sizing: border-box;
  line-height: 30px;
}

.A_600	{
	font-weight: 600;
	text-decoration: none;
}

}
/*カラー変数*/
:root {
  --green:#11b554;
  --lightgreen:#00B900;
  --pink:#f96565;
}


/*---------------------------------------------
	レスポンシブ
---------------------------------------------*/
.pc_only{
	display: none;
}
.br_pc{
  display: none;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
/*---------------------------------------------
	Common
---------------------------------------------*/
a.button{
  width					: 300px;
  height				: 60px;
  font-size			: 18px;
  font-weight		:	600;
  display				: block;
  margin				: 20px auto;
  line-height		:	50px;
  color					: #fff;
  text-align		: center;
  border				: 1px solid #11b554;
  border-radius	:	20px;
  background		: linear-gradient(#71d198 0%, #11b554 100%);
  box-shadow		: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
}

a.button_pink{
  width					: 300px;
  height				: 60px;
  font-size			: 18px;
  font-weight		:	600;
  display				: block;
  margin				: 20px auto;
  line-height		:	50px;
  color					: #fff;
  text-align		: center;
  border				: 1px solid #eb5e5e;
  border-radius	:	20px;
  background		: linear-gradient(#ff9999 0%, #f96565 100%);
  box-shadow		: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
}

a.button_blue{
  width					: 300px;
  height				: 60px;
  font-size			: 18px;
  font-weight		:	600;
  display				: block;
  margin				: 20px auto;
  line-height		:	50px;
  color					: #fff;
  text-align		: center;
  border				: 1px solid #20639b;
  border-radius	:	20px;
  background		: linear-gradient( #36a4ff 0%, #20639b 100% );
  box-shadow		: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
}

a.button_gray {
  width: 300px;
  height: 60px;
  line-height: 60px;
  display: block;
  margin: 20px auto;
  border:  solid 1px #ddd;
  color: #333;
  text-align: center;
  background: linear-gradient(#fefefe 0%, #efefef 100%);
  box-shadow: 2px 2px 4px -2px #aaa,
  2px 2px 2px #fff inset;
}

a.button_reserve {
	width				: 300px;
  height			: 60px;
  line-height	: 50px;
  font-size 	: 18px;
  display			: block;
  margin			: 20px auto;
  color				: #fff;
  text-align	: center;
  background	: #f96565;
  border-radius	: 20px ;
}

.catchcopy{
  width: 100%;
  margin : 70px 0px 0px 0px;
  padding: 0px;
  background: #fff;
  text-align: center;
}

.catchcopy h1 {
  width				: 100%;
  font-size		: 1.5em;
  font-weight	: 600;
  color 			: #111;
  margin			: 0px;
  padding			: 1em 0.5em 1em 0.5em;
  line-height	: 1.5em;
  background	: #fff;
  text-align	: center;
}

.catchcopy2 {
  width							: 100%;
	margin						: 0em auto 0px auto;
  padding						: 2em 1em 3em 1em;
	font-weight				: 600;
	line-height				:	1.6em;
  text-align				: justify;
  background-color: transparent;
}

.catchcopy2 h1 {
  width				: 100%;
  font-size		: 20px;
  font-weight	: 600;
  margin			: 0px 0px 1em 0px;
  padding			: 1em;
  line-height	: 2em;
  background	: #629C17;
  color 			: #fff;
  text-align	: center;
  border-radius			: 20px;
}

.catchcopy2 h2{
  width						: 100%;
  margin					: 0em;
  padding					: 0em;
  font-size				: 18px;
  font-weight			: 600;
  text-align			: center;
  line-height			: 2em;
  color						: #11b554;
  background-color: transparent;
  border					: 0px;
  border-radius		: 0px;
}

.catchcopy_option {
	width: 95%;
  text-align: center;
  padding: 10px;
  margin: 20px auto 20px auto;
  font-size: 18px;
	font-weight: 600;
	line-height: 2.0em;
  letter-spacing: 3px;
}


.brown_line_sp {
	width				: 100%;
	padding			:	0.3em;
	background	: #948372;
	color				:	#fff;
}

.brown_line_sp p{
	width				: 100%;
	padding			:	0.5em;
	background	: #948372;
	color				:	#fff;
	font-size		:	14px;
	font-weight	:	400;
	text-align	:	center;
	border-top		:	2px solid #fff;
	border-bottom	:	2px solid #fff;
}


h2 {
  font-size				: 20px;
  font-weight			: 600;
  line-height			: 2em;
  width 					: 110%;
  margin					: 0px 0px 0px -1em;
  padding					: 1em 0.5em 1em 0.5em;
  background-color: #eee8aa;
  text-align			: center;
  color						: #000;
}

h3 {
  width 					: 110%;
  margin					: 1em 0px 1em -1em;
  padding					: 0.5em;
  background-color: #11b554;
  color 					: #fff;
  font-size				: 20px;
  font-weight			: 600;
  line-height			: 2em;
  text-align			: center;
}

h4 {
  width					: 100%;
  margin				: 0px 0px 0px -0.5em;
  padding				: 0.5em 0.5em 0.5em 0.5em;
  position			: relative;
  font-size			: 18px;
  font-weight		: 700;
  color					:	#11b554;
  border-bottom	: solid 2px #11b554;;
}

h5 {
  width					: 100%;
  margin				: 0px;
  padding				: 1em 0px 0px 0px;
  font-size			: 12px;
  font-weight		: 400;
  color					:	#999;
}

.h2copy {
  text-align: center;
}

.nglist h2 {
  font-weight: 600;
  font-size:  26px;
  text-align: let;
  line-height: 100%;
  width : 100%;
  margin:0px;
  padding: 20px;
  background-color: #f96565;
  color : #fff;
  border-radius: 6px;
  box-shadow: 4px 4px 4px #ddd;
}

.nglist h3 {
}



/*線*/
.contents_line {
  width: 80%;
  margin: 0 auto 40px;
  height: 2px;
  background-color: #ddd;
}
/*ボックス*/
.point {  
  display: block;
  position: relative;
  margin: 40px auto;
  padding: 80px 20px 20px;
  width: 90%;
  background: rgba(56,248,0,0.09);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
  border: solid 1px #ccc;
}

.point>div:first-child {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 10px;
  box-sizing: border-box;
  padding: 8px 12px 8px 12px;
  margin: 10px 0px 0px 0px;
  height: 42px;
  line-height: 30px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #fff;
  background: #11b554;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}
.point>div:first-child:before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  height: 50px;
  width: 7px;
  background: #11b554;
  border-radius: 5px 0 0 5px;
}
.point>div:first-child:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #097334;
  border-radius: 5px 0 0 5px;
}

.donation {
  margin : 0px 10px 0px 10px;
  padding: 20px 10px 20px 10px;
  border: #A3BFE1 solid 3px;
  background: url("/second/img/common/donation_bg.png");
  border: solid 3px #A4C0E0;
}

/* 都道府県 寄付 */
.donation_pref {
  padding: 10px;
  background: url("/second/img/common/donation_bg.png");
  border: solid 3px #A4C0E0;
}
.donation_C {
  color: #E55900;
  font-weight: 600;
}
.donation_pref_title {
  margin: 20px 0px 10px 10px;
  background: none;
  color: #2767AD;
  font-weight: 600;
  font-size: 22px;
}
.donation_all_pref {
  padding: 20px 0px 20px 0px;
  margin: 0px 0px 10px 0px;
  border-bottom: 1px solid #A4C0E0;
  color: #2767AD;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  line-height : 30p;
}
.donation_pref_txt1 {
  padding: 10px;
  border-bottom: 1px solid #A4C0E0;
  color: #2767AD;
  text-align: left;
  font-size: 16px;
  font-weight:normal;
  line-height: 26px;
}
.donation_pref_txt2 {
  color: #2767AD;
  text-align: center;
  font-size: 16px;
  font-weight:600;
  line-height: 32px;
}
.donation_pref span {
  color: #f60;
  font-weight:600;
}

.graybox {
  width: 90%;
  margin: 20px 0px 0px 0px;
  padding: 40px 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.5em;
  color: #555555;
  border: solid 1px #f1f1f1;
  border-radius: 5px;
  background: #fafafa;
  box-shadow: 2px 2px 2px #ddd;
}

.border {
  display: inline-block;
  font-weight: 600;
  font-size: 18px;
  margin: 80px auto 40px;
  padding: 10px 20px;
  text-align: center;
  border: dashed 1px #666;
  outline: solid 2px #999;
  outline-offset: 2px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);  
}


.detail {
  width: 100%;
  padding: 20px;
  background: #eee;
  box-shadow: 3px 3px 6px -2px #555,
  3px 3px 8px rgba(255,255,255,0.8) inset;
}
.detail {
  display: block;
  position: relative;
  margin: 15px auto;
  padding: 60px 20px 20px;
  width: 100%;
  background: #f1f1f1;
  box-sizing: border-box;
  box-shadow: 3px 3px 6px -2px #ddd,
  3px 3px 8px rgba(255,255,255,0.8) inset;
}
.detail>span {  
  display: inline-block;
  position: absolute;
  top: -6px;
  left: 10px;
  margin: 0;
  padding: 10px 0;
  z-index: 2;
  width: 40px;
  text-align: center;
  color: white;
  font-size: 17px;
  background: linear-gradient(#60cc8c 0%, #11b554 100%);
  border-radius: 2px 0 0 0;
  }
.detail>span:before {
  position: absolute;
  content: '';
  top: 0;
  left: 40px;
  border: none;
  border-bottom: solid 6px #167a3f;
  border-right: solid 6px transparent;
}
.detail>span:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid #11b554;
  border-right: 20px solid #11b554;
  border-bottom: 10px solid transparent;
}
/*テキスト*/
.midasi {
  width: auto;
  font-weight:  600;
  margin: 0px auto 40px;
  position: relative;
  border-bottom: 2px solid #11b554;
  text-align: center;
  font-size: 24px;
  padding: 0 0 10px;
  z-index: 2;
  box-shadow: 0px 2px 2px -1.5px #ccc;
  letter-spacing: 0.1em;
}
.midasi:before{
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border: 22px solid transparent;
  border-top: 22px solid #fff;
  z-index: 2;
}
.midasi:after {
  position: absolute;
  border: 10px solid transparent;
  border-top-color: #11b554;
  border-bottom-width: 0;
  bottom: -10px;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 1;
}
.komidasi {
  padding: 20 0;
  margin:20px 0 20px 18px;
  font-weight:  600;
  position: relative;
}
.komidasi:before{
 position:absolute;
 content:"";
 width:16px;
 height:16px;
 display:inline-block;
 border:8px solid transparent;
 box-sizing:border-box;
 border-left-color:#11b554;
 top:5px;
 left:-16px;
}
.marker {
  font-weight:  600;
  background:linear-gradient(transparent 65%, rgba(252,247,108,0.78) 65%);
  margin: auto 5px;
}
.marker_green {
  font-weight:  600;
  background:linear-gradient(transparent 65%, rgba(17,181,84,0.3) 65%);
  margin: auto 5px;
}
.marker_pink {
  font-weight:  600;
  background:linear-gradient(transparent 65%, rgba(249,101,101,0.3) 65%);
  margin: auto 5px;
}
.marker_gray {
  font-weight:  600;
  background:linear-gradient(transparent 65%, rgba(220,220,220,0.78) 65%);
  margin: auto 5px;
}
.green {
  font-weight:  600;
  color: #11b554;
  margin: auto 5px;
}
.pink {
  font-weight:  600;
  color: #f96565;
  margin: auto 5px;
}
.orange {
  font-weight:  600;
  color: #ffa500;
  margin: auto 5px;
}
.black {
  font-weight:  600;
  color: #000;
  margin: auto 5px;
}

f18 {
	font-size: 18px;
}

.dots {
  font-weight:  600;
 -webkit-text-emphasis-style: circle filled;
    text-emphasis-style: circle filled;
  margin: auto 5px;
}


.speach {
  display: block;
  display: flex;
  width: 100%;
  margin: 20px auto 10px;
  position: relative;
}
.speach:before{
  width: 50px;
  position: relative;
  top:0;
  left: 0;
  content:" ";
  background-image: url(/SECOND_NEW_V4/img/common/speach_1.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}
.speach p{
  width: auto;
  margin-left:20px;
  position: relative;
  padding: 10px;
  box-sizing: border-box;
  background: #eee;
  border-radius: 5px;
  font-size: 14px;
  line-height: 1.5em;
}
.speach p:before {
  content: "";
  position: absolute;
  top: 31px;
  left: -20px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 10px solid #eee;
}

.speach2 {
  margin: 20px 0 10px auto;
  border: solid 0px #111;
}
.speach2 p{
  width: auto;
  padding: 10px;
  box-sizing: border-box;
  background: #eee;
  border-radius: 5px;
  font-size: 14px;
  line-height: 1.5em;
  position: relative;
}
.speach2 p:before {
  content: "";
  position: absolute;
  top: 31px;
  left: 100%;
  margin-top: -10px;
  border: 10px solid transparent;
  border-left: 10px solid #eee;
}

.speach3 {
  display: block;
  width: 100%;
  margin: 20px auto 20px auto;
  padding: 10px 10px 20px 10px;
  box-sizing: border-box;
  box-shadow: 4px 4px 4px #ddd;
  background: #ffe6ea;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5em;
  text-align: left;
}

.speach3 li::before{
}

.speach3 p{
	display			: block;
  color				: #333;
  font-size		: 16px;
  font-weight	: 600;
  margin			: 20px 20px 20px 30px;
}

.speach3 li{
	display			: block;
  color				: #333;
  font-size		: 16px;
  font-weight	: 600;
  padding			:	10px	20px	20px	20px;
}

.speach4 {
  width: 100%;
  margin: 20px auto 20px auto;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 4px 4px 4px #ddd;
  background: #fffaf0;
  border-radius: 8px;
  border: 2px solid #ddd;
  font-size: 16px;
  font-weight: 600;
  line-height: 36px;
  text-align: left;
}

.speach4 li{
	display			: block;
  color				: #333;
  font-size		: 16px;
  font-weight	: 600;
  padding			:	10px 0px 10px 30px;
  margin      : 0px;
  text-indent	: -25px;
}

.speach4 li::before{
  content: "\025b6";
  position: relative;
  left: -10px;
  padding:	10px 0px 10px 0px;
  text-indent: 0.01px;
  color: #333;
  font-size: 16px;

}


.speach5 {
  display: block;
  width: 100%;
  margin: 30px auto 20px auto;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 4px 4px 4px #ddd;
  background: #fffaf0;
  border-radius: 8px;
  border: 3px solid #ddd;
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;
  text-align: left;
}

.speach5 li{
	display			: block;
  color				: #333;
  font-size		: 18px;
  font-weight	: 600;
  padding			:	10px 0px 10px 60px;
  text-indent	: -40px;
}

.speach5 a{
  text-decoration: none;
  color: #3cb371;
  font-size: 18px;
  font-weight: 600;
  padding: 5px 10px 5px;
}


.speach_green {
  display: block;
  width: 100%;
  margin: 30px auto 20px auto;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 4px 4px 4px #ddd;
  background: #fffaf0;
  border-radius: 8px;
  border: 3px solid #ddd;
  text-align: left;
}

.speach_green li{
	display			: block;
  color				: #11b554;
  font-size		: 18px;
  font-weight	: 600;
  line-height	: 36px;
  padding			:	10px;
  text-align	:	center;
}

.speach_green a{
  text-decoration: none;
  color: #3cb371;
  font-size: 18px;
  font-weight: 600;
  padding: 5px 10px 5px;
}


.speach_txt {
	font-size		:	18px;
	font-weight	: 600;
	display			:	block;
	padding			:	20px 20px 20px 40px;
}

.batu_txt {
	display			:	block;
	padding			:	20px;
	color				:	#f96565;
	font-size		:	18px;
	font-weight	: 600;
	text-align	: left;
	line-height	:	36px;
}

.batu {
	color				:	#f96565;
	font-size		:	20px;
	font-weight	: 600;
	display			:	block;
	padding			:	10px 10px 10px 20px;
}

.batu:before {
	content 			: "\02715";
	font-size			:	18px;
}

.please {
	color				:	#2e8b57;
	font-size		:	18px;
	font-weight	: 600;
	display			:	block;
	padding			:	20px 20px	20px 0px;
}

.please:before {
	content 			: "\025a0";
	margin-right 	: 10px;
	font-size		:	24px;
}


.guid{
  position: relative;
  font-size: 16px;
  text-align: center;
  margin: 20px auto -20px;
  font-weight: 900;
  color: #333;
}
.guid:before{
   content:"";
   display:inline-block;
   width:1px;
   height:14px;
   background-color:#222222;
   position:relative;
   top:5px;
   left:-10px;
   transform: rotate(-20deg);
}
.guid:after{
   content:"";
   display:inline-block;
   width:1px;
   height:14px;
   background-color:#222222;
   position:relative;
   top:5px;
   right:-10px;
   transform: rotate(20deg);
}



/*スタイル追加*/
img.img_center{
  display: block;
  width: 100%;
  margin: 20px auto;
}
.tc {text-align: center;}
.tl {text-align: left;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}

.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}

.fs14 {font-size: 14px;}
.bg_white { background-color: #fff;}
.bg_gray { background-color: #f1f1f1;}


/*----------------------------------------
 wrapper
-----------------------------------------*/
.wrapper {
  width: 100%;
  background-color: #fff;
}
/*---------------------------------------------
	#wid_header
---------------------------------------------*/
.sp_head{
  width: 100%;
  height: 65px;
  position: fixed;
  top:0;
  z-index:100;
  background-color:#fff;
  box-shadow: 0px 1px 3px #eee;
}
.sp_head>a>img{
  display: block;
  position: absolute;
  top	: 10px;
  left: 6px;
  width: auto;
  object-fit: contain;
  max-width: 400px;
}

a.head_reservebtn {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 48px;
  position: absolute;
  padding	: auto;
  margin	: 10px 0px 0px 0px;
  top:0px;
  right:70px;
  color: #fff;
  font-size: 14px;
  border: 1px solid #eb5e5e;
  background: linear-gradient(#ff9999 0%, #f96565 100%);
  text-align: left;
  text-decoration: none;
}


.drawer_wrap {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 48px;
  position: absolute;
  padding: 0px;
  margin: 10px 0px 0px 0px;
  top:0px;
  right:12px;
  background-color: #11b554;
  border: solid 1px #0ba148;
  text-align: center;
  text-decoration: none;
}

#nav-drawer {
  position: relative;
  z-index: 50px;
}

.nav-unshown {
  display:none;
}

#nav-open {
  display: inline-block;
  width: 36px;
  height: 30px;
  vertical-align: middle;
  padding:7px 0;
  box-sizing: border-box;
}

#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 2px;
  width: 36px;
  border-radius: 2px;
  border-bottom: solid 1px #ddd;
  background: #fff;
  color: #fff;
  display: block;
  content: '';
  cursor: pointer;

}
#nav-open span:before {
  bottom: -12px;
}
#nav-open span:after {
  bottom: -22px;
}
#nav-open:after {
}
/*背景で閉じる*/
#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  transition: .3s ease-in-out;
}
/*中身*/
.spNav {
  width: 100%;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}

.spNav li {
	text-align: left;
}
.spNav li a {
  display: block;
  padding: 10px 20px;
  border-top: 1px solid #ccc;
  color: #000;
  text-decoration: none;
}
.spNav span {
	font-size:24px;
	font-weight: 600;
	text-shadow:1px 1px 2px #eee;
	color: #629C17;
	font-weight: 600;
}
li.spNavbtnarea {
	display: block;
	width: 100%;
	height: 75px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	text-align: left;
}

.btn_contect_sp {
	display: inline-block;
	width: 140px;
	margin: 10px 10px;
	padding:10px;
	font-size: 18px;
	font-weight:  600;
	text-align: center;
	border-top: none !important;
	border-radius: 10px;
	float:left;
	background-color: #629C17;
	color: #fff!important;
}

.btn_reserve_sp {
	display: inline-block;
	width: 140px;
	margin: 10px 10px;
	padding:10px;
	font-size: 18px;
	font-weight:  600;
	text-align: center;
	border-top: none !important;
	border-radius: 10px;
	float:left;
	background-color: #f96464;
	color: #fff!important;
}

#nav-content {
  overflow: auto;
  position: fixed;
  top: 60px;
  right: 0;
  z-index: 9999;
  width: 100%;
  height: 90%;
  max-height: 600px;
  background: #f5f5f5;
  padding: 10px 20px 20px 20px;
  font-size: 20px;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(105%);
  transform: translateX(105%);
}

#nav-input:checked ~ #nav-close {
  display: block;
  opacity: 1;
}
#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
.drawer-menu{
	width: 100%;
  height: 100%;
  max-height: 600px;
  background: #fff;
  line-height: 1em;
  padding: 20px 0;
}
.drawer-menu div:first-child {
	width: 95%;
  max-width: 425px;
  height: 80px;
  margin: 0 auto 10px;
  border: 1px solid #eee;
  background: linear-gradient(#fefefe 0%, #efefef 100%);
  box-shadow: 2px 2px 4px -2px #aaa,
  2px 2px 2px #fff inset;
  position: relative;
}
.drawer-menu div a {
  display: block;
	width: 100%;
  max-width: 425px;
  height: 80px;
  position: relative;
  text-align: center;
}

.drawer-menu div:first-child img{
  display: inline-block;
  width: 50px;
  height: 50px;
  object-fit: contain;
  position: relative;
  top:15px;
  left: 0;
}
.drawer-menu div:first-child span{
  display: inline-block;
  position: relative;
  top:20px;
  left: 10px;
  font-size: 12px;
  line-height: 2em;
  text-align: left;
}
.drawer-menu div:first-child span b{
color: #79634c;
font-size: 18px;
}

.drawer-menu>ul:nth-of-type(1){
width: 95%;
max-width: 425px;
margin: 0 auto 20px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.drawer-menu>ul:nth-of-type(1)>li{
flex-basis:calc((100% - 16px) / 3);
max-width:calc((100% - 16px) / 3);
margin-top:8px;
text-align: center;
border: 1px solid #eee;
background: linear-gradient(#fefefe 0%, #efefef 100%);
box-shadow: 2px 2px 4px -2px #aaa,
2px 2px 2px #fff inset;
}

.drawer-menu>ul:nth-of-type(1)>li:nth-of-type(1),
.drawer-menu>ul:nth-of-type(1)>li:nth-of-type(2),
.drawer-menu>ul:nth-of-type(1)>li:nth-of-type(3) {
margin-top: 0;  
}


.drawer-menu>ul:nth-of-type(1)>li>a{
display: block;
font-size: 14px;
text-align: center;
padding: 10px 0;
}
.drawer-menu>ul:nth-of-type(1)>li>a>img{
display: block;
width: auto;
height: 10px;
margin: 0 auto;
}
.drawer-menu>ul:nth-of-type(1)>li>a{
text-decoration: none;
}

.drawer-menu>ul:nth-of-type(2)>li{
  width: 95%;
  max-width: 300px;
  margin: 10px auto;
  color: #fff;
}
.drawer-menu>ul:nth-of-type(2)>li:nth-child(1)>a{
  display: block;
  line-height: 60px;
  border: 1px solid #eee;
  background: linear-gradient(#71d198 0%, #11b554 100%);
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
}
.drawer-menu>ul:nth-of-type(2)>li:nth-child(2)>a{
  display: block;
  line-height: 60px;
  border: 1px solid #eee;
  background: linear-gradient(#ff9999 0%, #f96565 100%);
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
}

/*ボタンで閉じる*/
#nav-close div:first-child{
display: block;
position: absolute;
z-index: 100;
top: 0;
right: 0;
opacity: 1 !important;
font-size: 12px;
text-align: center;
width: 59px;
height: 59px;
color: #fff;
background-color: #11b554;
background: linear-gradient(#71d198 0%, #11b554 100%);
border: solid 1px #0ba148;
box-sizing: border-box;
box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
}

.batsu {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.batsu::before, .batsu::after { 
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px; 
  height: 40px; 
  background: #fff;
  border-bottom: solid 1px #ddd;
  border-radius: 1px;
}
.batsu::before {transform: translate(-50%,-50%) rotate(50deg);}
.batsu::after {transform: translate(-50%,-50%) rotate(-50deg);}

#nav-close div:after{
  content: "閉じる";
  display: block;
  position: absolute;
  bottom: 4px;
  left: 11.5px;
  color: #fff;
  line-height: 1em;
}
/*---------------------------------------------
	#wid_eye
---------------------------------------------*/
/*====================================================================
slick
====================================================================*/
.sliderArea {
  width: 100%;
  margin: 0px 0px 20px 0px;
  padding: 20px 0px 0px 0px;
  box-shadow: 2px 2px 2px #eee;
  text-align:center;
}
.sliderArea.w300 {
  width: 100%;
}
.slick-slide {
  margin: 0;
}
.slick-slide img {
  width: 100%;
  height: autopx;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 ;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}
.slick-dots {
  margin: 0 auto -5px;
  padding: 10px 0 0;
  box-sizing: border-box;
}





/*---------------------------------------------
	contents_area
---------------------------------------------*/
.contents_area{
  padding: 0px;
  background: #fff;
}
.white_box{
  width: 100%;
  background: #fff;
  margin: 0px auto 0px 0px;
  padding: 0px;
}
.white_box_mokuji{
  width: 100%;
	background: #fff;
	margin: 0px 0px 40px 0px;
  padding: 2em 0.5em 2em 0.5em;
}
.white_box_riyu{
  width: 100%;
  background: #fff;
  margin: 0px auto 30px 0px;
  padding: 0px 0px 40px 0px;
}

.white_box_riyu h3 {
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  line-height: 150%;
  margin: 30px 0px 40px 0px;
  color: #000;
  background-color: #fff8dc;
  padding: 16px 8px 16px 8px;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080;
}


.innerH2 {
	width					:	100%;
 	background		: #fff8dc;
  color					:	#696969
  margin				: 3em auto 0em auto;
  padding				: 0em 1em 0em 1em;
  font-weight		: 600;
}

.innerH2 p {
  margin				: 2em auto 2em auto;
}

.inner {
	width					:	100%;
  background		:	#fffff0;
  margin				: 0px auto;
  padding				: 20px;
  border				: 0px solid #d3d3d3;
  border-radius	: 0px;
}

.inner p{
  width: 100%;
  margin: 20px auto;
  border: 2ps solid #f00;
}

.spacer20 {
	height: 20px;
}

.spacer40 {
	height: 40px;
}


.transparent_box{
  width: 100%;
  margin: 0px auto 80px;
  background: #f1f1f1;
}
.transparent_box p{
  width: 90%;
  margin: 10px auto;
}
.text_area_right {
  width: 100%;
  margin: 40px auto;
}
.text_area>p{
margin: 0 auto;
text-align: left;
}



/*---------------------------------------------
	#wid_second
---------------------------------------------*/

/*#sustainable*/
.smilesdgs {
  display: inline-block;
  position: relative;
  padding:20px 40px;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  color: #11b554;
  margin: 20px 0px 0px 20px;
  box-sizing: border-box;}

.smilesdgs:before,.smilesdgs:after{ 
    content:'';
    width: 20px;
    height: 30px;
    position: absolute;
    display: inline-block;
}
.smilesdgs:before{
    border-left: solid 2px #11b554;
    border-top: solid 2px #11b554;
    top:0;
    left: 0;
}
.smilesdgs:after{
    border-right: solid 2px #11b554;
    border-bottom: solid 2px #11b554;
    bottom:0;
    right: 0;
}
.smilesdgs span{
  font-size: 16px;
  text-align: center;
  font-weight: normal;
}


/*---------------------------------------------
	#wid_activity
---------------------------------------------*/
.activity {
	width				:	100%;
  text-align	: center;
	margin			: 0px auto 3em auto;
}
.activity li  {
	width			: 100%;
	padding		: 0px;
	margin		: 10px auto 0;
	border		: 1px solid #ddd;
	text-align: center;
	box-sizing: border-box;
	background-color: #fff8dc;
}
.activity li img {
	display			: block;
	width				: 100%;
	object-fit	: contain;
	margin			: 0px auto;
}
.activity li a {
	display					: block;
	text-decoration	: none;
	color						: #0B9FD4;
	font-size				: 1em;
	font-weight			: 600;
	padding					: 0px;
}
.activity li p {
	font-size		: 16px;
	line-height	: 2em;
	padding			: 0px;
	margin			:	0px;
}
.activity li p span {
  display			: block;
  font-size		: 16px;
  font-weight : 600;
  margin			: 0px;
}


/*---------------------------------------------
	#wid_zirei_category
---------------------------------------------*/
ul.zirei {
  width: 95%;
  height: auto;
  margin: 0 auto;
}
ul.zirei li {
  width: 100%;
  margin: 10px auto;
  border: solid 1px #ddd;
  padding: 10px;
}
ul.zirei li>div {
  position: relative;
}
ul.zirei li>div a img{
  display: block;
  width: 100%;
  z-index: 1;
}
.zirei li>div>div {
  width: 100%;
  height: 62px;
  position:absolute;
  bottom:0;
  left: 0;
  padding: 10px;  
  background-color: rgba(233,233,233,0.80);
  z-index: 2;
}

/*h3被りリセット*/
.zirei>li>div>div h3 {
  margin: 0 ;
  padding: 0 ;
  line-height: 1.5em;
  background:none;
  border-radius: 0;
}

.zirei>li>div>div h3 {
  border-left: solid 3px #333;
  padding-left: 10px;
  color: #333;
  font-size: 16px;
  z-index: 3;
  line-height: 1.5em;
  font-weight: 600;
}





.zirei>li>div>div h3 span{
  display: block;
  font-size: 12px;
  margin-right: 10px;
  line-height: 1.5em;
}
.zirei>li>p {
  position:relative;
  width: 100%;
  height: 154px;
  padding: 10px;
  line-height: 1.5em;
  font-size: 14px;
  border: solid 1px #eee;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
  
    /*IE対策*/
    max-height: 10em;
}
/*---------------------------------------------
	#wid_riyu
---------------------------------------------*/
.riyu>ul{
width: 100;  
box-sizing:border-box;
display: flex;
flex-wrap:wrap;
}
.riyu>ul>li{
box-sizing:border-box;
border: 1px solid #cacaca;
width: 50%;
}
.riyu>ul>li:nth-child(2n){
border-left: 0;
}
.riyu>ul>li>ul>li:nth-child(1){
	background: white;
	padding-top: 30px;
}
.riyu>ul>li>ul>li:nth-child(1)>div{
font-weight:  600;
text-align: center;
}
.riyu>ul>li>ul>li:nth-child(1)>img{
// width: 100%;
// height: auto;
height: 135px;
}
.riyu>ul>li>ul>li:nth-child(2){
padding: 10px;
min-height: 80px;
}
/*---------------------------------------------
	#wid_riyu1
---------------------------------------------*/
.itemgraph{
  width: 90%;
  margin: 40px auto 0;
  border: solid 2px #ddd;
}
.itemgraph tr {
  height: 20px;
  border-bottom: solid 1px #eee;
  text-align: right;
}
.itemgraph th{
  width: 40%;  
  padding:2px 10px;
  text-align: right; 
  border-bottom: solid 1px #eee;
  font-size: 16px;
  font-weight: normal;
}
.itemgraph td{
  width: 60%;  
  padding:2px 10px;
  border-bottom: solid 1px #eee;
  font-size: 14px;
}
.itemgraph tr:first-child td:nth-child(2){background: linear-gradient(to right, #3cb371 0%,#3cb371 48%,#fff 48%,#fff 100%);}
.itemgraph tr:nth-child(2) td:nth-child(2){background: linear-gradient(to right, #3cb371 0%,#3cb371 11%,#fff 11%,#fff 100%);}
.itemgraph tr:nth-child(3) td:nth-child(2){background: linear-gradient(to right, #3cb371 0%,#3cb371 11%,#fff 11%,#fff 100%);}
.itemgraph tr:nth-child(4) td:nth-child(2){background: linear-gradient(to right, #3cb371 0%,#3cb371 8%,#fff 8%,#fff 100%);}
.itemgraph tr:nth-child(5) td:nth-child(2){background: linear-gradient(to right, #3cb371 0%,#3cb371 8%,#fff 8%,#fff 100%);}
.itemgraph tr:nth-child(6) td:nth-child(2){background: linear-gradient(to right, #3cb371 0%,#3cb371 6%,#fff 6%,#fff 100%);}
.itemgraph tr:nth-child(7) td:nth-child(2){background: linear-gradient(to right, #3cb371 0%,#3cb371 4%,#fff 4%,#fff 100%);}
.itemgraph tr:nth-child(8) td:nth-child(2){background: linear-gradient(to right, #3cb371 0%,#3cb371 3%,#fff 3%,#fff 100%);}
.itemgraph tr:nth-child(9) td:nth-child(2){background: linear-gradient(to right, #3cb371 0%,#3cb371 1%,#fff 1%,#fff 100%);}



.item_okng li{
  width: 95%;
  border: solid 1px #ddd;
  padding: 20px;
  margin: 0px auto 20px;
  box-sizing: border-box;
}

.item_okng li p:first-child {
  margin-bottom: 20px;
  
}
.item_okng li p:first-child span{
  display: inline-block;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-weight: 600;
  margin-right: 20px;
  padding: 0 10px;
  border-radius: 3px;
}

.OK_ITEM {
  background-color: #65D5C2;
}

.NG_ITEM {
  background-color: #FF7E80;
}



/*---------------------------------------------
	#wid_riyu2
---------------------------------------------*/
.all_count {
  margin: 60px auto 40px;
  font-size: 20px;
  color: rgba(244,95,97,1.00);
  text-align: center;
  line-height: 30px;
  font-weight:  600;
}
.all_count span{
  font-size: 48px;
  padding: 0 20px;
}
.month_count {
  width: 95%;
  margin: 20px auto 40px;
}
.month_count p{
  text-align: center;
  font-size: 20px;
  line-height: 2em;
  font-weight:  600;
}
.month_count li{
  padding: 10px 0;
  width: 32.6%;
  box-sizing: border-box;
  margin: 20px 1% 0 0;
  text-align: center;
  font-size: 14px;
  line-height: 2em;
  float: left;
  border: solid 1px #ddd;
  border-top: solid 5px #ccc;
}
.month_count li:first-child{
  border-top: solid 5px #2C9E3C;
}
.month_count li:nth-child(3n){
  margin: 20px 0 0 0;
}

.month_count li span{
  display: block;
  font-size: 18px;
  font-weight:  600;
}
/*---------------------------------------------
	#wid_riyu3
---------------------------------------------*/
.price_inside li {
  margin: 20px auto 40px;
  width: 33%;
  padding: 10px 0;
  float: left;
  text-align: center;
  border-right: solid 1px #ddd;
  font-size: 14px;
}
.price_inside li img{
  display: block;
  margin: 0 auto;
  width: 95%;
}
.price_inside li:last-child {
  border-right: none;
}
.price_list {
  width: 95%;
  margin: 0 auto 40px;
}
.price_list th{
  height: 35px;
  line-height: 35px;
  background-color: #2C9E3C;
  color: #fff;
  font-weight:  600;
  text-align: center;
  border: solid 1px #66D475;
  font-size: 14px;
}
.price_list td{
  height: 50px; 
  line-height: 1.5em;
  padding: 10px 0;
  text-align: center;
  border: solid 1px #ddd;
  font-size: 16px;
  vertical-align: middle;
}
.price_inside_kuyo {
  width: 100%;
  margin: 0 auto 40px;
}
.price_inside_kuyo img{
  width: 100px;
  float: left;
  margin-right: 10px;
}
.price_inside_kuyo p{
  text-align: left;
  font-size: 16px;
  padding-top: 10px;
}
.price_inside_kuyo span{
  display: block;
  height: 100px;
  margin-bottom: 10px;
  padding: 34px;
  font-size: 16px;
  font-weight:  600;
}
/*---------------------------------------------
	#wid_reserve
---------------------------------------------*/
.reserve_area {
  padding: 0 0  20px 0;
}
.reserve_area>p:first-child{
  font-size: 20px;
  text-align: center;
  line-height: 1.5em;
}
.reserve_area>p:first-child span{
  font-size: 28px;
  line-height: 2em;
}
a.reserve_button{
  display: block;
  margin: 40px auto;
  width: 80%;
  height: 100px;
  font-size: 20px;
  line-height: 100px;
  background-color: #FF3E41;
  color: #fff;
  text-align: center;
  border-radius: 4px;
}
.toi_area {
  position: relative;

  width: 100%;
  margin: 80px auto 0;
  background-color: #fff;
  border-radius: 30px;
  padding: 20px 10px;
  text-align: center;
  line-height: 1.5em;
}

img.line_icon {
  display: block;
  float: left;
  width: 35px;
  margin-right:10px;
  margin-top: -2px;
}

.toi_area .text_area_right p:first-child {
  margin-top: -15px;  
} 
img.line_button {
  display: block;
  width: 150px;
  margin: 20px auto -15px;
}
a.toi_button {
  display: block;
  margin: 20px auto 0px;
  width: 150px;
  height: 50px;
  line-height: 50px;
  border: solid 2px #2C9E3C;
  color:#2C9E3C;
  text-align: center;
  font-weight:  600;
}
img.reserve_icon {
display: block;
width: 100px;
position: absolute;
bottom:0;
right: 0;  
}
/*---------------------------------------------
	#wid_nagare
---------------------------------------------*/
ul.nagare_flow {
  width: 90%;
  margin: 40px auto;
  padding: 30px 0;
  border-top:solid 2px #aaa;
}
ul.nagare_flow li {
  width: 100%;
  margin:0 auto 20px;
  border-bottom: solid 2px #aaa;
  position: relative;
  padding: 40px 10px 20px;
}
ul.nagare_flow li:before{
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border: 22px solid transparent;
  border-top: 22px solid #fff;
  z-index: 2;
}
ul.nagare_flow li:after {
  position: absolute;
  border: 10px solid transparent;
  border-top-color: #aaa;
  border-bottom-width: 0;
  bottom: -10px;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 1;
}
ul.nagare_flow li:last-child:before{
display: none;
}
ul.nagare_flow li:last-child:after{
display: none;
}
ul.nagare_flow li dt{
  display: inline-block;
  width: 60%;
  text-align: center;
  padding: 0;
  float: left;
  font-size: 32px;
  line-height: 1em;
  font-weight: 600;
  color: #333;
  background: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 2;
}
ul.nagare_flow li dt:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -2px;
  display: inline-block;
  width: 70px;
  height: 1px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #333;
  border-radius: 5px;
}

ul.nagare_flow li dt span{
  display: inline;
  margin:-3px 5px 0 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 2em;
}
ul.nagare_flow li dl dd{
  padding: 20px 5px 10px;
  color: #333;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5em;
  text-align: center;
}
ul.nagare_flow li dl dd:last-child {
  padding: 0 15px;
  font-size: 14px;  
  color: #333;
  font-weight: normal;
  line-height: 1.5em;
}


.nagare_ship {
  width: 100%;
  margin: 0 auto;
}
.nagare_ship li{
  width: 100%;
  margin: 20px auto;
  position: relative;
  border-bottom: solid 1px #ddd;
}
.nagare_ship li img{
  display: block;
  width: 80%;
  margin: 0 auto;
}
.nagare_ship li p {
  position: absolute;
  top:0px;
  left:100px;
  font-size: 16px;
}
.reuse_ship {
  width: 100%;
  margin: 0 auto;
}
.reuse_ship li{
  width: 100%;
  margin: 20px auto;
  position: relative;
  border-bottom: solid 1px #ddd;
  padding: 20px 0;
}  
.reuse_ship li img{
  display: block;
  width: 50%;
  margin: 0 auto;
}
.reuse_ship li p {
  position: absolute;
  top:0px;
  left:100px;
  font-size: 16px;
}
/*---------------------------------------------
	#wid_voice
---------------------------------------------*/
.voice {
  width: 100%;
  margin: 0 auto;
}
.voice li{
  padding: 20px;
  border-bottom: solid 1px #ddd;
}

.voice li p:first-child{
  color: #2C9E3C;
  font-size: 16px;
  margin-bottom: 10px;
}
/*---------------------------------------------
	#wid_qa
---------------------------------------------*/
.qa {
  width: 100%;
  margin: 0 auto;
  border-top: solid 1px #ddd;
}
.qa li{
  width: 100%;
  height: auto;
  border-bottom: solid 1px #ddd;
}
.qa li p{
  width: 100%;
  margin: 0 auto;
  padding: 15px 10px 15px 50px; 
  clear: both;
  background-color: rgba(255,126,128,0.05);
  position: relative;
  box-sizing: border-box;
  line-height: 1.5em;
}
.qa li p:last-child {
  font-size: 14px;
  background-color: rgba(101,213,194,0.08);

}

.qa li span{
  position: absolute;
  top:10px;
  left: 10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  font-weight:  600;
  background-color: #FF7E80;
  color: #fff;
  border-radius: 5px;
}
.qa li p:last-child span{
  background-color: #65D5C2;
}
/*---------------------------------------------
	#wid_item
---------------------------------------------*/
.item_info li{
  width: 90%;
  border: solid 0px #f00;
  margin: 0px auto 20px auto;
  padding : 0px;
}
.item_info li:nth-child(even){
  margin-right: none !important;
}

.item_info li p{
  border: solid 0px #00f;
  width: 100%;
  font-size: 20px;
  font-weight:600;
  text-align: center;
  padding: 10px;
  margin : 0px 0px 0px 0px;
  background-color: rgba(60,179,113,1);
}

.item_info a{
  color: #fff;
  font-weight: 900;
  font-size: 20px;
  margin: 0px;
  padding: 0px;
}
.item_info li img{
  border: solid 0px #00f;
  width: 100%;
}


.itemlist {
  width: 100%;
  margin: 0 auto;
}
.itemlist li a{
  display: block;
  padding-top: 10px;
  width: 32%;
  font-size: 12px;
  margin: 0px 1% 20px 0;
  float: left;
  background-color: #fff;
  text-align: center;
}
.itemlist li img{
  max-width: 100px;
  max-height: 150px;
  margin: 10px auto;
  display: block;
  height: 100px;
  width: auto;
}
div.item_oklist {
  width: 100%;
  border: solid 2px #ddd;
  margin: 20px auto 0;
  padding: 20px;
}
div.item_oklist img{
  display: block;
  width: 70%;
  margin: 0 auto;
}
div.item_oklist span {
   background-color: #65D5C2;
  color: #fff;
  padding: 5px 10px;
  margin-right: 10px;
  border-radius: 5px; 
  
}
.item_nglist div {
  border: solid 2px #ddd;
  box-sizing: border-box;
  margin: 0px auto 40px;
  width: 100%;
  padding: 20px;
}
.item_nglist li{
  text-align: center;
  width: 33%;
  float: left;
  padding: 0;

}
.item_nglist li img{
  width: 95%;
  margin: 0 auto;
}
.item_nglist span{
  background-color: #FF7E80;
  color: #fff;
  padding: 5px 10px;
  margin-right: 10px;
  border-radius: 5px;
}
.item_nglist li p{
  font-size: 10px;
}
/*---------------------------------------------
	#wid_map
---------------------------------------------*/
img.all_map {
  width: 100%;
}

.map {
  text-align: center;
}
.map {
margin: 0 auto 40px;
}

.map li  {
width: 95%;
padding: 6px 10px 3px 10px;
margin: 3px auto 0px 0px;
border-bottom: solid 1px #ddd;
text-align: left;
box-sizing: border-box;
font-size: 16px;
line-height: 150%;
}

.map li a {
display: block;
text-decoration: underline;
color: #0B9FD4;
font-size: 16px;
padding: 3px 0px 0px 0px;
box-sizing: border-box;
}



/*---------------------------------------------
	#wid_stuff
---------------------------------------------*/
.stuff li {
width: 100%;
margin: 10px 1% 0 0;
float: left;
border: solid 1px #ddd;
box-sizing: border-box;
}
.stuff img {
display: block;
  margin: 0 auto;
max-width: 320px;
}
.stuff li div{
  font-size: 14px;
  font-weight:  600;
  padding: 10px 20px;
}
.stuff li div:last-child{
  font-weight: lighter;
  padding: 0px 20px 20px;
  height: 100px;
}
/*---------------------------------------------
	#wid_footer
---------------------------------------------*/
.footer {
  background: #f1f1f1;
  width: 100%;
  color:#333;
}
.footer a{
  color:#333;
}
.footerV2 {
  background		: rgba(216, 239, 211, 0.6);
  color					: #333;
  width					: 100%;
  margin				: 0px auto 0px auto;
  padding				:	10px 10px 10px 10px;
  border				: 0px solid #dcdcdc;
}

.sitemap {
  width: 100%;
  margin: 1em auto;
  padding: 0;
}
.sitemap>div{
  width: 100%;
  border-bottom: solid 1px #ddd;
  box-sizing: border-box;
  text-align: left;
  padding: 2em 0px 2em 0em;
}
.sitemap ul{
  display: inline-block;
  text-align: left;
}
.sitemap li a{
  width: auto;
  line-height: 1em;
  color		:	#000;
  text-decoration : none;
  font-weight	:  400;
  font-size:	12px;
}

.sitemap li {
  margin-bottom: 1em;
}

.sitemap>div li::before{
  content			: "\025b6";
  position		: relative;
  left				: 0em;
  top					:-2px;
  color				: #333;
  font-size		: 10px;
  margin	: 0px;

}

.sitemap li:first-child{
  font-size		: 14px;
  font-weight	:  600;
  line-height	: 2.0em;
}
.sitemap li:first-child::before{
  display: none;
}

.sitemap p {
  margin		: 3em auto;
  padding		: 0 0 40px;
  font-size	:	12px;
}


.goodlife_logo {
  width: 90%;
  max-width: 200px;
  margin: 0 auto;
}

.fotter_toi_button{
  width					: 232px;
  border-radius	: 100px;
  display				: block;
  border				: 0;
  margin				: 1em auto 0px auto;
  padding				: 8px;
	color					: #FFF;
	font-size			:	18px;
	font-weight		: 900;
	text-align		: center;
  background		: #948372;
}

.fotter_reserve_button{
  width					: 232px;
  border-radius	: 100px;
  display				: block;
  border				: 0;
  margin				: 1em auto 0px auto;
  padding				: 8px;
	color					: #FFF;
	font-size			:	18px;
	font-weight		: 900;
	text-align		: center;
	background		: #FFA19F;
}

.fotter_line_button{
  display		: block;
  margin		: 1em auto 0px auto;
}

.copyright {
  margin-top: 20px;
  background: #11b554;
  color: #fff;
  text-align: center;
}
.copyright ul{
  margin: 10px auto 0;
  display: inline-block;
 }
.copyright li {
  float: left;
}
.copyright li a{
  padding: 10px;
  font-size: 16px;
  color: #fff;
  border-right: solid 1px #fff;  
}
.copyright li:last-child a{
  border-right: none;
}
.copyright p{
  font-size: 14px;
}

.sitemap2 {
	display	: block;
  width: 90%;
  margin: 20px auto 40px auto;
}

.sitemap2>div{
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  margin-bottom	: 40px;
}


/*activity*/
/*----------
画像の配置
----------*/
/*共通*/

.act_img ul {
	margin: 0 auto;  
}
.act_img li {
  width: 95%;
  display: block;
  margin: 20px auto;
  border: solid 1px #bbb;
  box-sizing: border-box;
  padding: 10px 5px 5px 5px;
}
.act_img li a {
  display: block;
  width: 100%;
  padding: 10px 15px;
  line-height: 1.2em;
  text-align: left;  
  box-sizing: border-box;
  font-size: 16px;
  color: #0B9FD4;
  text-align: left;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  position: relative;
}


.act_img li img {
  display: block;
  width: 100%;
}

/*2*/
.act_img ul.act_2column li {width: 48.5%;}
.act_img ul.act_2column li:nth-child(even) {margin-right: 0;}




/*----------------------------------------
reserve_second 申込ページ
----------------------------------------*/
.reserve_second a.button　{background-color: #FF3E41;}
.reserve_second .reserve_guid {
  width: 95%;
  text-align: center;
  margin: -40px auto 40px;
}
.reserve_step {
  position: relative;
  top:100px;
  left: 0;
}
.reserve_step h1 {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  margin: 0 auto;
}
.reserve_step p{
  text-align: center;
  line-height: 1.5em;
  margin: 20px auto;
}
.reserve_step ul {
  width: 100%;
  margin: 0px auto 80px;
  display: flex;
}
.reserve_step ul li {
  width: 25%;
  height: 80px;
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 0;
  color: #333;
  font-size: 16px;
  background: #ccc;
  box-sizing: border-box;
  text-align: center; 
  line-height: 1.5em;
  padding: 15px 0 0 6px;
  border: solid 1px #ccc;
}
.reserve_step ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -48px;
  margin-top: -40px;
  border: 40px solid transparent;
  border-left: 8px solid #ccc;
  z-index: 2;
}
.reserve_step ul li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -54px;
  margin-top: -44px;
  border: 44px solid transparent;
  border-left: 10px solid #FFF;
  z-index: 1;
}
.reserve_step ul li:last-child:before {
 display: none;
}
.reserve_step ul li:last-child:after {
 display: none;
}
.reserve_step ul li span {
  display: block;
  font-size: 12px;
}
#reserve_seocnd .reserve_step ul li:first-child {background: #FF3E41; color: #fff; border: solid 1px #FF3E41;}
#reserve_seocnd .reserve_step ul li:first-child:before {border-left: 8px solid #FF3E41;}
#reserve_seocnd2 .reserve_step ul li:nth-child(2) {background: #FF3E41; color: #fff; border: solid 1px #FF3E41;}
#reserve_seocnd2 .reserve_step ul li:nth-child(2):before {border-left: 8px solid #FF3E41;}
#reserve_seocnd3 .reserve_step ul li:nth-child(3) {background: #FF3E41; color: #fff; border: solid 1px #FF3E41;}
#reserve_seocnd3 .reserve_step ul li:nth-child(3):before {border-left: 8px solid #FF3E41;}
#reserve_seocnd4 .reserve_step ul li:last-child {background: #FF3E41; color: #fff; border: solid 1px #FF3E41;}
#reserve_seocnd4 .reserve_step ul li:last-child:before {border-left: 8px solid #FF3E41;}


/*reserve1*/
.reserve_menu {
  table-layout: fixed;
  width: 95%;
  border: solid 1px #ddd;
  margin: 0 auto 40px;
  box-sizing: border-box;
}
.reserve_menu th,.reserve_menu td{
  border-right: solid 1px #ddd;
  border-bottom:  solid 1px #ddd;
  background-color: #11b554;
  color: #fff;
  height: 36px;
  line-height: 36px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 5px;
}
.reserve_menu td {
  height: 60px;
  color: #333;
  background-color: #fff;
}
.reserve_menu tr td:first-child {
  line-height: 1.5em;
  font-size: 14px;
  }
.reserve_menu tr td:nth-child(2) {
  font-size: 22px;
  line-height: 60px;
}
.reserve_menu tr td:last-child {
  border-right: none;
  overflow: hidden;
  color: #11b554;
  font-weight:600;
  font-size: 22px;
  position: relative;
  padding:5px 10px;
}
.reserve_menu tr td:last-child select {
  width: 100%;
  padding-left: 10px;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.reserve_menu tr td:last-child select::-ms-expand {
  display: none;
}
.reserve_menu tr td:last-child::before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 12px solid #11b554;
  pointer-events: none;
}
.reserve_menu tr:last-child td {
  border-bottom: none;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: #333;
}
.reserve_menu tr:last-child td::before {
  display: none;
}

.reserve_nagare_ship {
  width: 95%;
  margin: 0 auto;
}
.reserve_nagare_ship li {
  border-bottom: solid 1px #ddd;
  line-height: 60px;
}
.reserve_nagare_ship li span {
  display: inline-block;
  background-color: #555;
  color: #fff;
  width: 60px;
  height: 40px;
  margin: 10px;
  text-align: center;
  line-height: 40px;
}
#reserve_seocnd h4{
  margin: 20px auto 10px;  
}

#reserve_seocnd .reserve_nagare_ship li {
  background-color: #f1f1f1;
}
#reserve_seocnd .reserve_nagare_ship li:first-child {
  background-color: #fff;
  color: #FF3E41;
  border-top: solid 1px #ddd;
}
#reserve_seocnd .reserve_nagare_ship li:first-child span{
  background-color: #FF3E41;
}

/*reserve2*/
.reserve_address {
  width: 95%;
  margin:0 auto; 
}
.reserve_address li {
  line-height: 23px;
  margin-bottom: 15px;
  color: #333;
}
.reserve_address li p span {
  background-color: #FF3E41;
  border-radius: 2px;
  padding: 2.5px 5px;
  font-size: 12px;
  margin-left: 10px;
  color: #fff;
}
.reserve_address li input {
  width: 100%;
  border:  solid 1px #aaa;
  background-color: #fafafa;
  height: 46px;
  padding-left: 10px;
  margin-bottom: 5px;
  color: #333;
  font-size: 16px;
  box-sizing: border-box;
}

.reserve_address li input::placeholder {
  color:#aaa;
}
.reserve_address li form {
  position: relative;
}
.reserve_address li form select {
  width: 200px;
  height: 46px;
  padding-left: 10px;
  margin-bottom: 5px;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: #fafafa;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  border: solid 1px #aaa;
}
.reserve_address li form select::-ms-expand {
  display: none;
}
.reserve_address li form::before {
  position: absolute;
  top: 19px;
  left: 170px;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 9px solid #555;
  pointer-events: none;
}
.reserve_address li textarea {
  width: 100%;
  height: 200px;
  overflow: scroll;
  border:  solid 1px #aaa;
  background-color: #fafafa;
  padding-left: 10px;
  box-sizing: border-box;
}


/*reserve3*/
.reserve_menu_pv {
  table-layout: fixed;
  width: 95%;
  border: solid 1px #ddd;
  margin: 0 auto 20px;
  box-sizing: border-box;
}
.reserve_menu_pv th,.reserve_menu_pv td{
  border-right: solid 1px #ddd;
  border-bottom:  solid 1px #ddd;
  background-color: #11b554;
  color: #fff;
  height: 26px;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 5px;
}
.reserve_menu_pv td {
  height: 45px;
  color: #333;
  background-color: #fff;
}
.reserve_menu_pv tr td:first-child,.reserve_menu_pv tr th:first-child {
  width: 45%;
}
.reserve_menu_pv tr td:nth-child(2),.reserve_menu_pv tr th:nth-child(2) {
  width: 30%;
}
.reserve_menu_pv tr td:last-child,.reserve_menu_pv tr th:last-child {
  width: 25%;
}
.reserve_menu_pv tr td:first-child {
  line-height: 1.5em;
  font-size: 14px;
  }
.reserve_menu_pv tr td:nth-child(2) {
  font-size: 22px;
  line-height: 45px;
}
.reserve_menu_pv tr td:last-child {
  border-right: none;
  overflow: hidden;
  color: #11b554;
  font-weight:600;
  font-size: 22px;
  position: relative;
  padding:5px 10px;
  background-color: #E4FFEC;
}
.reserve_menu_all {
  table-layout: fixed;
  width: 95%;
  border: solid 1px #ddd;
  margin: 20px auto 80px;
  box-sizing: border-box;
}
.reserve_menu_all th{
  background-color: #11b554;
  color: #fff;
  width: 45%;
  border-right: solid 1px #ddd;
  line-height: 45px;
  text-align: center;
}
.reserve_menu_all td{
  width: 55%;
  line-height: 45px;
  text-align: right;
  padding-right: 20px;
  box-sizing: border-box;
  color: #11b554;
  font-weight:600;
  font-size: 22px;
  background-color: #E4FFEC;
}

.reserve_address_pv {
  width: 95%;
  margin: 0 auto 40px;
  
}
.reserve_address_pv li{
  margin-bottom: 20px;
}
.reserve_address_pv li p:first-child{
  width: 100%;
  margin: 0;
  padding: 0 0 5px 10px;
  padding-bottom: 5px;
  font-size: 16px;
  box-sizing: border-box;
}
.reserve_address_pv li p:last-child{
  width: 100%;
  margin: 0;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 1.5em;
  background-color: #E4FFEC;
  border: solid 1px #ddd;
  box-sizing: border-box;
  font-weight:600;
}


/*reserve4*/

.reserve_confirm p:first-child{
  text-align: center;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 22px;
}
.reserve_confirm p:nth-child(2){
  text-align: center;
  font-weight: 600;
  font-size: 48px;
  letter-spacing: 4px;
  margin-bottom: 80px;
  color: #11b554;
}
.reserve_confirm>div{
  width:100%;
  margin: 0 auto;
  padding: 20px 10px;
  box-sizing: border-box;
  text-align: center;
  background-color: #f1f1f1;
  font-size: 16px;
}

.reserve_confirm>div>div{
  background-color: #fff;
  padding: 10px;
  font-size: 16px;
  margin-bottom: none;
  margin-top: 5px;
}

.reserve_confirm>div>div>span{
display: block;
font-size: 14px;
color: #11b554;
}

.reserve_confirm p:last-child {
  text-align: center;
  font-size: 14px;
  padding-top: 40px;
}
.reserve_confirm p:last-child a{
  text-decoration: underline;
  color: #0B9FD4;;
}

#reserve_seocnd4 h4 {
  margin-top: 40px;
}
#reserve_seocnd4 .reserve_nagare_ship li {
  background-color: #f1f1f1;
}
#reserve_seocnd4 .reserve_nagare_ship li:first-child {
  color: #aaa;
}
#reserve_seocnd4 .reserve_nagare_ship li:nth-child(2) {
  background-color: #fff;
  color: #FF3E41;
}

#reserve_seocnd4 .reserve_nagare_ship li:first-child span{
  background-color: #aaa;
}
#reserve_seocnd4 .reserve_nagare_ship li:nth-child(2) span{
  background-color: #FF3E41;
}
#reserve_seocnd4 .reserve_menu_pv {
 width: 100%;
  margin: 0;
}
#reserve_seocnd4 .reserve_menu_all {
  width: 100%;
 margin: 0; 
}



#reserve_seocnd4 .reserve_address_pv {
  width: 95%;
  margin: 40px auto;
}
#reserve_seocnd4 .reserve_address_pv li p:first-child{
font-weight: normal;
text-align: left;
font-size: 14px;
border-bottom:  solid 1px #11b554;
padding-bottom:0;
}
#reserve_seocnd4 .reserve_address_pv li p:last-child{
  width: 100%;
  margin: 0;
  padding: 5px 10px 0;
  font-size: 16px;
  line-height: 1.5em;
  box-sizing: border-box;
  font-weight:600;
  letter-spacing: normal;
  border: none;
  background: none;
  word-break: break-all;
}

#toi1 .reserve_step {
  top:60px;
  padding: 40px 0;
}
#toi1 .reserve_step p{
  width: 100%;
  padding: 20px 10px;
  background: #f1f1f1;
}
#toi1 .reserve_confirm p{
  padding: 0 0 40px;
}
#toi1 .reserve_address li form select {
  width: 250px;
}
#toi1 .reserve_address li form::before {
  left: 230px;
}

#toi1 .toi_area .text_area_right a {
  display: block;
  width: 150px;
  margin: 10px auto 20px;
}
#toi1 .toi_area .text_area_right img {
  display: block;
  width: 100%;
  object-fit: cover;
}
#toi1 .toi_area .text_area_right p {
  position: relative;
  display: block;
  text-align: left;
  padding-bottom: 20px;
}

#toi1 .toi_area p:last-child strong {
  padding: 10px;
}

#toi2 .reserve_step{
  padding-bottom: 40px;
}
#toi2 .reserve_confirm p{
  color: #333;
  letter-spacing: normal;
  margin: 0 auto;
  padding: 20px 0px;
}
#toi2 .reserve_address_pv {
  width: 95%;
  margin: 40px auto;
}
#toi2 .reserve_address_pv li p:first-child{
font-weight: normal;
text-align: left;
font-size: 14px;
border-bottom:  solid 1px #11b554;
padding-bottom:0;
}
#toi2 .reserve_address_pv li p:last-child{
  width: 100%;
  margin: 0;
  padding: 5px 10px 0;
  font-size: 16px;
  line-height: 1.5em;
  box-sizing: border-box;
  font-weight:600;
  letter-spacing: normal;
  border: none;
  background: none;
  word-break: break-all;
}



/*----------------------------
gnavi
-------------------------------*/

.gnavi_eye {
  width: 100%;
  max-width: 900px;
  text-align: center;
  padding: 120px 0 0;
  margin: 0 auto;
}

.gnavi_eye h1{
  width: 95%;
  margin: 0 auto;
  font-size: 30px;
  padding-bottom: 40px;
  font-weight: 600;
  line-height: 1.5em;
  }

.gnavi_eye>p{
  width: 100%;
  text-align: left;
  padding: 20px;
  margin:0 auto;
  background-color: #f1f1f1;
}

.gnavi_img {
  margin: 0;
  padding-top: 120px;
}
.gnavi_img img {
  display: inline-block;
  width: 49.2%;
  margin-bottom: 5px;
  height: 100px;
  object-fit:cover;
  overflow: hidden;}

.page {
  width: 90%;
  max-width: 300px;
  height: 30px;
  line-height: 30px;
  margin: 40px auto;
  text-align: center;
  font-size: 14px;
  position: relative;
}
.page span{
  width: 60px;
  height: 30px;
  line-height: 30px;
  background-color: #f1f1f1;
  border: solid 1px #eee;
  color: #aaa;
  font-size: 16px;
}
.page span:first-child{
  position: absolute;
  top:0;
  left: 0;
}
.page span:last-child{
  position: absolute;
  right: 0;
  top:0;
}

.page span a{
  display: inline-block;
  width: 60px;
  height: 30px;
  background-color:#11b554;
  color: #fff;
}

/*----------------------------------------
list
----------------------------------------*/
.activity2 {
  width: 95%;
  margin: 0 auto;
}

.activity2 li {
  width: 100%;
  border-bottom: solid 1px #ddd;
  padding: 5px 0;
}
.activity2 li img{
  display: inline-block;
  width: 80px;
  float: left;
  margin-right: 10px;
}
.activity2 li a{
  display: block;
  text-decoration: underline;
  color: #0B9FD4;
  line-height: 1.5em;
}
.activity2 li p span{
  display: block;
  font-size: 12px;
}



/*qa*/
#qa .white_box {
  padding-bottom: 0;
}

#qa .white_box:first-child {
  border-top: solid 1px #ddd;
}
#qa .white_box>p.inner {
  width: 95%;
  margin: 0 auto;
  padding: 20px 0;
}

#qa .gnavi_eye form {
  max-width: 280px;
  margin: 20px auto 40px;
  height: 60px;
  position: relative;
 }
#qa .gnavi_eye div.guid {
  position: absolute;
  left: 30px;
  top:0;
  margin: 0;
}

#qa .gnavi_eye form input.qawold{
  width: 210px;
  height: 30px;
  border: solid 1px #bbb;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: left;
}


#qa .gnavi_eye form input.qawold::placeholder {
  font-size: 14px;
  color: #bbb;
  padding-left: 10px;
}
#qa .gnavi_eye form input:last-child{
  width: 60px;
  height: 30px;
  border: solid 1px #ccc;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #ccc;
  border-radius: 3px;
}


#qa ul.qa {
  margin-top: 40px;
}


/*zirei*/
#zirei .gnavi_eye {
  margin: 0;
  padding-top: 40px;
}
#zirei .activity2 {
margin: 20px auto 40px;
}
#zirei .activity2 li  {
width: 95%;
padding: 10px;
margin: 20px auto 0;
border: solid 1px #ddd;
text-align: left;
box-sizing: border-box;
}
#zirei .activity2 li img {
display: block;
width: 100%;
height: 200px;
object-fit: contain;
margin: 0 auto 20px;
}
#zirei .activity2 li a {
display: block;
text-decoration: underline;
color: #0B9FD4;
font-size: 16px;
padding: 20px 0;
box-sizing: border-box;
}
#zirei .activity2 li p {
line-height: 1.5em;
padding: 0px;
box-sizing: border-box;
}
#zirei .activity2 li p span {
  display: block;
  font-size: 12px;
}




/*activity*/

#activity .gnavi_eye {
   margin: 0;
  padding-top: 40px;   
}
#activity .white_box {
  padding-bottom: 0;
}
.activity_side {
  width: 95%;
  display: block;
  box-sizing: border-box;
  padding:0;
  background-color: #fff;
  border: solid 1px #ddd;
  margin:0 auto 40px;;
}
.activity_side>p {
  text-align: center;
  background-color: #555;
  color: #fff;
  line-height: 30px;
    border: solid 1px #555;
}
.activity_category {
  margin-bottom: 10px;
  padding: 0;
}
.activity_category li{
  width: 100%;
  text-align: center;
  border-bottom: solid 1px #ddd;
  position: relative;
}
.activity_category li:last-child{
  border-bottom: none;
  
}
.activity_category li a{
  display: block;
  width: 100%;
  padding-left: 35px;
  text-align: left;
  height: 45px;
  line-height: 45px;
}

.activity_category li a:before{
  width: 15px;
  height: 15px;
  content: ">";
  font-weight: 600;
  font-size: 8px;
  line-height: 15px;
  background-color: #999;
  color: #fff;
  border-radius: 15px;
  position: absolute;
  top:15px;
  left:10px;
  text-align: center;
}

#activity .activity {
  margin: 0;
  padding: 0;
}

#activity .activity li {
  width: 100%;
  border: none;
  border-bottom: solid 1px #ddd;
  padding: 10px;
}
#activity .activity li img{
  display: block;
  width: 100px;
  height: 100px;
  float: left;
  margin: 0 10px 0 0 ;
}
#activity .activity li a{
 display: block;
  margin: 0;
  padding: 0;
}
#activity .activity li p{
 display: block;
  margin: 0;
  padding: 0;
}
#activity .activity li p span{
 display: block;
  margin: 0;
  padding: 0;
}



#activity .activity li::after {
  content: "";
  display: block;
  clear: both;
}


/*kankyo*/
#kankyo .gnavi_eye {
  padding-top: 100px;
}

/*item*/
#kankyo .gnavi_eye h1{
  padding-top: 40px;
}
#item .item_okng {
  width: 95%;
  margin: 0 auto;
}
#item .item_okng li{
  width: 100%;
  margin-bottom: 20px;
  border: solid 1px #ddd;
  padding: 20px;
  box-sizing: border-box;
}
#item .item_okng li:first-child dt{
  height: 30px;
  font-size: 24px;
  line-height: 30px;
  padding-left: 20px;
  font-weight: normal;
}
#item .item_okng li:first-child dt:last-child{  
  padding-left: 5px;
}

#item .item_okng li:first-child dt a{
  height: 30px;
  font-size: 16px;
  line-height: 20px;
  color:#0B9FD4;
  margin-left: 10px;
}

#item .item_okng li:last-child dt{
  font-size: 16px;
  margin-bottom: 30px;
  padding-left: 0px;
  font-weight: 600;
  font-weight: normal;
}

#item .item_okng li:last-child dt span{
  font-size: 12px;
  margin-bottom: 5px;
  display: block;
}

.item_list {
  width: 100%;
  margin: 0px auto 40px auto;
  letter-spacing: 1px;
}

.item_list h4{
	color				:	$f00;
  font-weight	: 600;
  font-size		: 16px;
  border			:	0px;
  text-align	: center;
  padding			:	0px;
  margin			:	0px;
}

.item_list h4:before{
	content: none;
}

.item_list tr th {
  background-color: #11b554;
  border: solid 1px #3b3b3b;
  color							: #fff;
  font-weight				: normal;
  vertical-align		: middle;
  text-align				: center;
  display						: table-cell;
  padding						: 6px;
}

.item_list tr td {
  border					: solid 1px #3b3b3b;
  vertical-align	: middle;
  text-align			: center;
  display					: table-cell;
  padding					: 6px;
}

.item_list tr th:nth-of-type(1) {
	width						: 12px;
}

.item_list tr td:nth-of-type(1) {
	background-color: #99ffc7;
	color						:	#000;
	width				: 25%;
	font-weight	: 600;
}

.item_list tr td:nth-of-type(2) {
	background-color: #fff;
	width: 75%;
	text-align: left;
}

.item_list tr td:nth-of-type(3) {
	background-color: #fff;
	text-align: left;
}



/* ３つのミッション */
.list3>li{
width: 100%;
box-sizing:border-box;
padding-bottom: 40px;
border-bottom: solid 1px #ddd;
font-size: 14px;
}
.list3>li>img{
width: 100%;
height: auto;
margin-bottom: 15px;
}
.list3_num1{
	padding-bottom: 10px;
	border-bottom:2px solid #ff5400;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.list3_num1>li:nth-child(1){
	width: 12%;
	text-align: center;
	font-size: 32px;
	font-weight: 600;
	color: #ff5400;
}
.list3_num1>li:nth-child(2){
	width: 88%;
	font-size: 16px;
	font-weight: 600;
}
.list3_num1>li:nth-child(2)>span{
	color: #ff5400;
}
.list3_num2{
	padding-bottom: 10px;
	border-bottom:2px solid #006e2d;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.list3_num2>li:nth-child(1){
	width: 12%;
	text-align: center;
	font-size: 32px;
	font-weight: 600;
	color: #006e2d;
}
.list3_num2>li:nth-child(2){
	width: 88%;
	font-size: 16px;
	font-weight: 600;
}
.list3_num2>li:nth-child(2)>span{
	color: #006e2d;
}
.list3_num3{
	padding-bottom: 10px;
	border-bottom:2px solid #8400ff;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.list3_num3>li:nth-child(1){
	width: 12%;
	text-align: center;
	font-size: 32px;
	font-weight: 600;
	color: #8400ff;
}
.list3_num3>li:nth-child(2){
	width: 88%;
	font-size: 16px;
	font-weight: 600;
}
.list3_num3>li:nth-child(2)>span{
	color: #8400ff;
}

.eye_catch_img {
	width: 100%;
}


.wakutin_short {
  display			: block;
  width				: 100%;
  text-align	: center;
  margin			: 30px auto;
  padding			:	0px;
  box-shadow	: 0 3px 5px rgba(0, 0, 0, 0.22);
  background	:	#fff;
}

.wakutin_short h3 {
  width   		: 100%;
  margin			:	0px;
  padding			: 0.5em;
  text-align	: center;
  background	: #20639b;
  border			: solid 1px #20639b;
  color				: #ffffff;
  font-size		: 18px;
  border-radius	: 8px;
}

.wakutin_short p {
  text-align: center !important;
  font-weight: 600;
  line-height: 40px;
  padding: 0px 10px 10px 20px;
}

.wakutin_title {
  font-size		: 18px;
  font-weight	: 600;
  line-height	: 1em;
  margin			:	2em 0px 2em 0px;
}

.wakutin_txt {
  color			: #f96464;
  font-size	: 28px;
  padding		: 0.5em 0px 1em 0px;
}


.ol{
  margin: 10px 0px 0px 20px;
  display: inline-block;
 }
.ol li {
  font-size: 32px;;
}

.mokuji {
	width							: 100%;
	margin 						: 0px;
	padding						: 2em 1em 5em 1em;
  background-color	: #fffafa;
  text-align				: left;
}


.mokuji_span_1 {
	line-height	: 30px;
  font-size		: 16px;
  display			:	block;
  padding			: 8px 0px 0px 14px;
  margin			:	0px;
  text-indent	:	-20px;
}

.mokuji_span_2 {
	line-height	: 24px;
  font-size		: 14px;
  display			:	block;
  padding			: 8px 0px 0px 25px;
  text-indent	:	-20px;
}

.mokuji a {
  text-decoration: none;
}

.mokuji ul {
	margin: 8px 0px 0px 0px;
}

.mokuji h5 {
  color 						: #333;
  font-weight				: 600;
  font-size					: 16px;
  text-align				: left;
  width 						: 100%;
  padding						: 0.5em 0.5em 0.5em 1.5em;
  margin-left				: -0.5em;
  background-color	: #eee;
}


.eye_img {
	width: 100%;
	margin: 10px 0px 20px 0px;
}


/*パンくずエリアパーツ(複数個所で使用)*/
.pan {
  font-weight: 600;
}

.breadcrumb{
  width					: 110%;
  margin				: 0px 0px 2em -1em;
	padding				: 0.5em;
	background		:	#fff;
}

.breadcrumb__list{
	list-style:none;
}
.breadcrumb__list::after {
	content: "";
	display: block;
	clear: both;
}
.breadcrumb__item{
	position:relative;
	float:left;
	padding: 0px 0px 0px 0px;
	margin-right:0px;
	font-size : 14px;
	line-height: 1.5em;
	color:#7f7f7f;
}
.breadcrumb__item_last{
	position:relative;
	float:left;
	padding: 0px 0px 0px 1em;
	margin-right:0px;
	font-size : 14px;
	line-height: 1.5em;
	color:#7f7f7f;
}
.breadcrumb__item .icon-home::before{
	margin-right: 5px;
}
.breadcrumb__item::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
    transform: rotate(45deg);
}
.breadcrumb__item:last-child::after{
	border: none;
}
.breadcrumb__link{
	text-decoration:underline;
	line-height: 1;
}


.icon_date::before {
	background: url('/SECOND_NEW_V4/img_v2/icon/icon-time.png') no-repeat center / contain;
	content: '';
	display: inline-block;
	margin-right: 1em;
	vertical-align: -.15em;
	width: 1em;
	height: 1em;
}

.icon_date {
	display			:	none;
	width				: 100%;
	color				: #ADADAD;
	font-size 	: 16px;
	font-weight	: 400;
	text-align	: right;
	padding			: 0.5em;

}


.KB {
	font-weight	: 900;
	color				: #f66;
}

figcaption {
	font-size		:	1em;
	font-weight	: 400;
	text-align	: center;
	margin			:	0.5em;
	color				:	#808080;
}

.img_txt {
	width: 100%;
}

.btn-txt{
	display			: block;
	margin			;	60px auto 20px auto;
	text-align	: center;
	font-weight	: 600;
}

.art_direction {
	max-width 	: 100%;
	margin			: 0px;
}

.art_direction span{
	font-weight	: 400;
	font-size		: 16px;
	color				:	#999;
	display			: block;
	margin			: 0px auto 0px auto;
	padding			:	8px;
	width				: 100%;
	text-align	: center;
	border-top	:	1px solid #dcdcdc;
	background	:	#fff;
}

.art_direction_img {
	width  		 	: 106%;
	margin-left	:	-3%;
	height				:	auto;
	border-radius : 20px;
}

.art_direction_img_square {
	max-width 		: 100%;
	height				:	auto;
	border-radius : 0px;
	border				:	0px solid #000;
}

.reporter{
	text-align	: center;
	padding			:	20px 10px 20px 10px;
}

.reporter span{
	font-weight	: 900;
	color				: #11b554;
	display			:	block;
	align				= center;
}

.reporter img{
	border		: 1px solid #eee;
	padding		:	6px;
	margin		:	20px	auto	0px	auto;
	align				= center;
}


/*著作者情報*/
.writer_info {
	border						: 2px solid #c0c0c0;
	padding						: 1em;
	margin						:	1em	0.5em 3em 0.5em;
	font-size					: 18px;
	text-align				:	left;
	background-color	: #ffffff;
}

.writer_info_head {
	border-bottom	: 2px solid #c0c0c0;
	padding				: 10px;
	margin				:	0px	20px	0px	20px;
}

.writer_info_body {
	padding				: 20px 0px 0px 0px;
	margin				:	0px	20px	0px	0px;
	font-size			:	16px;
	line-height		: 32px;
}

.writer_info_head img {
	height				:	60px;
	border-raius	: 30px;
	margin				:	0px;
	border-radius : 30px;
}

#writer_info_head_wri {
	font-size		: 18px;
	font-weight	:	600;
	line-height	: 36px;
	padding			:	9px;
	margin			:	0px	0px	20px	0px;
  display			: block;
	text-align	: center;
	
	background-color	: #000;
	color							:	#fff;
  border-radius			: 6px;
}

#writer_info_head_aut {
	font-size		: 16px;
	font-weight	:	600;
	line-height	: 60px;
	padding			:	0px;
}


.pickup_info {
	border		: 2px solid #c0c0c0;
	padding		: 20px;
	font-size	: 18px;
	margin		:	30px	10px	50px 10px;
	text-align	:	left;
	background-color	: #e0ffff;
}

.pickup_info_head {
	border-bottom	: 2px solid #c0c0c0;
	padding				: 10px 10px 10px 0px;
	margin				:	0px	20px	0px	20px;
}

.pickup_info_body {
	padding				: 20px 0px 0px 0px;
	margin				:	0px	20px 0px 0px;
	font-size			:	16px;
	line-height		: 32px;
}

.pickup_info_head img {
	height: 80px	;
	border-radius	: 40px;
	margin				:	0px	0px	0px	20px;
}

#pickup_info_head_wri {
	font-size		: 18px;
	font-weight	:	600;
	line-height	: 36px;
	padding			:	9px;
	margin			:	0px	0px	20px	0px;
  display			: block;
	text-align	: center;
	
	background-color	: #000;
	color							:	#fff;
  border-radius			: 6px;
}

#pickup_info_head_aut {
	font-size		: 18px;
	font-weight	:	600;
	line-height	: 80px;
	padding			:	0px;
}


.nicoto_100per {
	width							:	100%;
	padding						: 16px 16px 16px 16px;
	margin						:	16px	auto 0px auto;
	background-color 	: #fff;
	border						: 2px solid #c0c0c0;
	border-radius			: 10px;
}

.nicoto_img {
	width		: 100%;
	height	:	auto;
	margin  : 0px;
}

.nicoto_100per img {
	displaay	: block;
	width			: 100%;
	height		:	auto;
	margin		:	0px;
	border-radius: 20px;
}

.nicoto_txt {
	width				: 90%;
	text-align	:	left;
	font-size		: 16px;
	font-weight	:	400;
	line-height	: 32px;
	padding			:	0px	0px	16px	0px;
	margin			: auto;
}

.nicoto_txt p{
	display			: block;
	margin			:	32px	0px	16px	0px;
	padding			:	0px	0px	0px	0px;
	width				:	100%;
	font-size		:	16px;
	font-weight	:	600;
	text-align	: left;
	line-height	: 32px;
	border			: 0px solid #aaa;
}

.nicoto_txt a{
	font-size		: 16px;
	font-weight	:	600l;
	margin			:	0px	0px	0px	0px;
	padding			:	0px	0px	0px	0px;
	color				:	#629C17;
	line-height	: 32px;
	text-decoration	:	underline;
}


.company_100per {
	width							:	98%;
	padding						: 16px 8px 16px 8px;
	margin						:	16px	auto 0px auto;
	background-color 	: #f8f8ff;
	border						: 2px solid #c0c0c0;
	border-radius			: 0px;
}

.company_img {
	width		: 94%;
	margin  : auto auto auto auto;
}

.company_100per img {
	displaay	: block;
	width			: 94%;
	margin		:	1em	0px	1em	0px;
	border-radius: 20px;
}

.company_txt {
	width				: 96%;
	text-align	:	left;
	font-size		: 16px;
	font-weight	:	400;
	line-height	: 32px;
	padding			:	0px	0px	16px	0px;
	margin			: auto;
}

.company_txt p{
	display			: block;
	margin			:	32px	0px	16px	0px;
	padding			:	0px	0px	0px	0px;
	width				:	100%;
	font-size		:	16px;
	font-weight	:	600;
	text-align	: left;
	line-height	: 32px;
	border			: 0px solid #aaa;
}

.company_txt .p1{
	font-size		:	18px;
	font-weight	:	600;
	margin			:	2em	0px	1em 0em;
	padding			:	0px;
	line-height	: 1em;
}

.company_txt .p2{
	font-size		:	16px;
	font-weight	:	600;
	margin			:	0px	0px	10px 0px;
	padding			:	0px;
	line-height	: 1.2em;
}

.company_txt .p3 {
	display			: block;
	margin			:	0.5em	0px	1em 0em;
	padding			:	0px;
	font-size		:	14px;
	word-wrap		: break-word;
  overflow-wrap: break-word;
}

.company_txt a{
	font-size		: 16px;
	font-weight	:	600l;
	margin			:	0px	0px	0px	0px;
	padding			:	0px	0px	0px	0px;
	color				:	#629C17;
	line-height	: 2empx;
	text-decoration	:	none;
	width				:	100%;
}

.company_txt h4 {
  font-size		: 18px;
  font-weight	: 600;
  padding		 	: 6px 0px 0.5em 1em;
  line-height	: 1.5em;
  border			:	0px;
  margin			: 0px 0px 0.5em 0px;
}


.activity_title {
	width				:	85%;
	font-size		: 16px;
	font-weight	:	600;
	color				:	#000;
	margin			: 32px auto 0px auto;
	display			:	block;
	line-height	:	32px;
	text-align	: center;
}

.WDR_Header {
	margin			: 0px 0px 20px 0px;
}

.WDR_Header span{
	font-size		: 16px;
	font-weight	: 900;
	padding			: 0px 0px 0px 10px;
	line-height	:	32px;
	display			:	block;
	text-align	:	center;
	margin			:	16px	auto	0px	auto;
}

.WDR_Header img{
	width					: 120px;
	border-radius	: 0px;
	display				:	block;
	text-align		:	center;
	margin				:	0px	auto	0px	auto;
}



/* 新着情報 */

.column_100per {
	width							:	98%;
	padding						: 2em auto 2em auto;
	margin						:	16px	auto 0px auto;
	background-color 	: #f8f8ff;
	border						: 2px solid #c0c0c0;
	border-radius			: 0px;
}

.column_img {
	width		: 96%;
	margin  : auto;
	
}

.column_100per img {
	width			: 96%;
	margin		:	2em	0px	2em	0px;
	border-radius: 20px;
}

.column_txt {
	width				: 88%;
	text-align	:	left;
	font-size		: 16px;
	font-weight	:	400;
	line-height	: 32px;
	padding			:	0px	auto 16px	auto;
	margin			: auto;
}

.column_txt p{
	display			: block;
	margin			:	32px	0px	16px	0px;
	padding			:	0px	0px	0px	0px;
	width				:	100%;
	font-size		:	16px;
	font-weight	:	600;
	text-align	: left;
	line-height	: 32px;
	border			: 0px solid #aaa;
}

.column_txt .p1{
	font-size		:	18px;
	font-weight	:	600;
	margin			:	2em	0px	1em 0em;
	padding			:	0px;
	line-height	: 1em;
}

.column_txt .p2{
	font-size		:	16px;
	font-weight	:	600;
	margin			:	0px	0px	10px 0px;
	padding			:	0px;
	line-height	: 1.2em;
}

.column_txt .p3 {
	display			: block;
	margin			:	0.5em	0px	1em 0em;
	padding			:	0px;
	font-size		:	14px;
	word-wrap		: break-word;
  overflow-wrap: break-word;
}

.column_txt a{
	font-size		: 16px;
	font-weight	:	600l;
	margin			:	0px	0px	0px	0px;
	padding			:	0px	0px	0px	0px;
	color				:	#629C17;
	line-height	: 2empx;
	text-decoration	:	none;
	width				:	100%;
}

.column_txt h4 {
  font-size		: 18px;
  font-weight	: 600;
  padding		 	: 6px 0px 0.5em 1em;
  line-height	: 1.5em;
  border			:	0px;
  margin			: 0px 0px 0.5em 0px;
}


/* 2024/05/11 追加 */


.news_100per {
	clear					: both;
	border				: 1px solid #c0c0c0;
  border-radius	: 0px;
	padding				: 0px;
	margin				:	0px	auto 1em auto;
	background 		: #f8f8ff;
	width					: 103%;
	vertical-align: top;
}

.news_img img {
	displaay	: inline;
	float			: left;
	width			: 160px;
	max-width	:	50%
	height		:	auto;
	aspect-ratio: 4 / 5;
	
	object-fit: cover;
  border-radius	: 0px;
}

.news_img2 img {
	displaay	: inline;
	float			: left;
	width			: 180px;
	max-width	:	50%
	height		:	auto;
	aspect-ratio: 4 / 5;
	
	object-fit: cover;
  border-radius	: 0px;
}

.news_txt {
	float				: left;
	width				: 48%;
	text-align	:	left;
	vertical-align: top;
	font-size		: 12px;
	font-weight	:	400;
	padding			:	0px	0px	0px	0px;
	margin			:	-26px	0px	0px	10px;
	border		  : 0px solid #999;
}

.news-date {
	display			: block;
	font-size		:	12px;
	font-weight	:	400;
	margin			:	0em	0px	0px 0px;
	padding			:	0px;
	line-height	: 14m;
}

.news-title {
  width	      :	110%;
	display			: block;
	font-size		:	13px;
	font-weight	:	900;
	margin			:	0.5em	0em	0px 0px;
	padding			:	0px 0px 0px 0px;
	line-height	: 1.5em;
	border      : 0px solid #00f;
}

.news-title a {
	margin			:	0px	0px	0px 0px;
	font-size		:	13px;
	font-weight	:	900;
	padding			:	0px;
	line-height	: 1.2em;
	text-decoration	:	none;
}

.news-comment {
	clear				: both;
	display			: block;
	width				: 100%;
	font-size		:	12px;
	font-weight	:	400;
	margin			:	0.5em	0px	0em 0em;
	padding			:	1em;
	line-height	: 1.5em;
}

.news-tags {
	clear				: both;
	display			: block;
	width				: 100%;
	font-size		:	12px;
	font-weight	:	400;
	margin			:	0em	0px	0em 0em;
	padding			:	0.5em	0em	0em	0em;
	line-height	: 1.5em;
}

.news-tags_v2 {
	clear				: both;
	display			: block;
	width				: 100%;
	font-size		:	12px;
	font-weight	:	400;
	margin			:	0em	0px	0em 0em;
	padding			:	0.5em	0em	0em	0em;
	line-height	: 1.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.news-tags_v2 a{
	line-height	: 1.0em;
	margin			:	0px;
}

.news_link {
	clear		: both;
	width		: 100%;
	height	: 1px;
}


.TAG {
	font-size			:	12px;
  border        : 1px solid #999;
  border-radius : 1em;
  background    : #eee;
  padding       : 0.3em 0.6em 0.5em 0.6em;
  margin        : 0px 0.5em 0px 0em;
}


.TAG_SEL {
	font-size			:	12px;
  border        : 1px solid #999;
  border-radius : 1em;
  background    : #ffa;
  padding       : 0.3em 0.6em 0.5em 0.6em;
  margin        : 0px 0.5em 0px 0em;
}



/*新設ボタンデザイン 2023/11/03*/

.btn,
a.btn,
button.btn {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.btn-wrap {
  margin: 30px auto 0px auto;
  text-align	: center;
}


/* fontawsom を利用したボタンデザイン */

a.btn-c {
  width: 100%;
  font-size: 1.2rem;
  position: relative;
  padding: 0.5rem 0.5rem 1.5rem 0.5rem;
  color: #fff;
  background: #32b16c;
  -webkit-box-shadow: 0 2px 0 #2c9d60;
  box-shadow: 0 2px 0 #2c9d60;
}

a.btn-c span {
  font-size: 1.0rem;
  position: absolute;
  top: -1.5rem;
  left: calc( 50% - 130px );
  display: block;
  padding: 0.2rem 1rem 0.2rem 1rem;
  color: #32b16c;
  border: 2px solid #32b16c;
  border-radius: 100vh;
  background: #fff;
  -webkit-box-shadow: 0 2px 0 #2c9d60;
  box-shadow: 0 2px 0 #2c9d60;
}

a.btn-c span:before,
a.btn-c span:after {
  position: absolute;
  left: calc( 50% - 10px);
  content: "";
}

a.btn-c span:before {
  bottom: -10px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #32b16c transparent transparent transparent;
}

a.btn-c span:after {
  bottom: -7px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

a.btn-c i {
  margin-right: 1rem;
}

a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  color: #fff;
  background: #30a967;
  -webkit-box-shadow: 0 2px 0 #2c9d60;
  box-shadow: 0 2px 0 #2c9d60;
}

a.btn-b {
  width: 100%;
  font-size: 1.2rem;
  position: relative;
  padding: 0.5rem 0.5rem 1.5rem 0.5rem;
  color: #fff;
  background: #e94919;
  -webkit-box-shadow: 0 5px 0 #d44114;
  box-shadow: 0 5px 0 #d44114;
}

a.btn-b span {
  font-size: 1.0rem;
  position: absolute;
  top: -1.5rem;
  left: calc( 50% - 130px );
  display: block;
  padding: 0.2rem 1rem 0.2rem 1rem;
  color: #d44114;
  border: 2px solid #d44114;
  border-radius: 100vh;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

a.btn-b span:before,
a.btn-b span:after {
  position: absolute;
  left: calc(50% - 10px);
  content: "";
}

a.btn-b span:before {
  bottom: -10px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #d44114 transparent transparent transparent;
}

a.btn-b span:after {
  bottom: -7px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

a.btn-b i {
  margin-right: 1rem;
}

a.btn-b:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  color: #fff;
  background: #eb5b30;
  -webkit-box-shadow: 0 2px 0 #d44114;
  box-shadow: 0 2px 0 #d44114;
}


a.btn-a {
  width: 100%;
  font-size: 1.2rem;
  position: relative;
  padding: 0.5rem 0.5rem 1.5rem 0.5rem;
  color: #fff;
  background: #ff8c00;
  -webkit-box-shadow: 0 5px 0 #e67e00;
  box-shadow: 0 5px 0 #e67e00;
}

a.btn-a span {
  font-size: 1.0rem;
  position: absolute;
  top: -1.5rem;
  left: calc( 50% - 130px );
  display: block;
  padding: 0.2rem 1rem 0.2rem 1rem;
  color: #d44114;
  border: 2px solid #e67e00;
  border-radius: 100vh;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

a.btn-a span:before,
a.btn-a span:after {
  position: absolute;
  left: calc( 50% - 10px);
  content: "";
}

a.btn-a span:before {
  bottom: -10px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #e67e00 transparent transparent transparent;
}

a.btn-a span:after {
  bottom: -7px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

a.btn-a i {
  margin-right: 1rem;
}

a.btn-a:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  color: #fff;
  background: #ff8c00;
  -webkit-box-shadow: 0 2px 0 #e67e00;
  box-shadow: 0 2px 0 #e67e00;
}

.youtube {
	width: 100%;
	height: 230px;
	margin: auto;
}

.li_sp {
	display: none;
}


.SNS_TABLE {
	border		: 0px solid #00f;
	margin		:	0px	0px	0px	0px;
	padding		:	0px	0px	0px	0px;
}

.SNS_TABLE .td1 {
	padding	:	1em	0px	1em	0px;
}

.SNS_TABLE .td2 {
	vertical-align: middle;
	padding			:	0px	0px	0px	1em;
	text-align	:	left;
}

.SNS_TABLE a{
	font-size: 20px;
}

.SNS_TABLE img{
	width		: 60px;
	height	: auto;
}

.SNS {
  border      : 1px solid #999;
  padding     : 0.5em;
  margin      : 1em 0px 0px 0px;
  background  : #fef;
  display     : block;
  border-radius: 6px;
}

/* Swipper */

.l-inner {
  margin	:	0px	0px	0px	0px;
  padding	:	0px !important;
}

.swiper-slide {
	width				: 70% !important;
	padding			: 0px;
	margin-left	:	20px !important;
	color				:	#111;
	text-decoration	:	none;
  background	:	transparent;
	border			:	0px solid #000;
}


.slide {
  overflow: hidden;
  width: 100%;
  border-radius: 4px;
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
 	border	:	0px solid #0ff;
}

.swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
          transition-timing-function: linear !important;
}

.swiper-area {
	margin	: 1em 0px 0px 0px;
}


.slide-media {
  position: relative;
  overflow: hidden;
	width		: 100%;
	border	:	0px solid #00f;
  overflow: hidden !important;
  padding-top: 60%;
  margin	:	0px !important;
}

.slide-media img {
  position: absolute;
  top			: 0;
  left		: 0;
  width		: 100% !important;
  height	: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  margin	:	0px !important;
 	border	:	0px solid #000;
}

.img-cover {
	margin	: 0px !important;
}

.slide-content {
	width		: 100% !important;
	margin	: 0px !important;
	padding	: 0.5em 0px 0px 0px !important;
  background	:	transparent;
 	border	:	0px solid #00f;
}

.slide-content p {
	display							: -webkit-box; 	/* 必須 */
	-webkit-box-orient	: vertical; 		/* 必須 */
	-webkit-line-clamp	: 3; 						/* 行数を制限 */
	overflow						: hidden		; 	/* はみ出た部分を非表示 */
	width								: 100% !important;
	margin							: 0px !important;
	padding							: 0px !important;
  background	:	transparent;
 	border	:	0px solid #f00;

}


iframe.youtube {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	max-width: 500px;
	display: block;
	margin: auto;
}


ul.tag {
	margin: 10px 0px 5px 0px;
}

.tag li{
  background-color: #555;
  display: inline;
  float: left;
  border-radius: 10px 0 0 10px;
  color: #fff;
  line-height: 1em;
  font-size: 12px;
  padding: 0.5em 1em 0.5em 1em;
  margin: 0px 0px 0px 3px;
}

.tag li a{
	color				:	#ff0;
  line-height: 1em;
  font-size: 12px;
  padding: 0.5em 1em 0.5em 1em;
  margin: 0px;
  text-decoration: underline;
}

ul.tagN {
	margin: 10px 0px 0px 0px;
  width : 96%;
}

.tagN li{
  // background-color: #eee;
  // border-radius: 10px 0 0 10px;
  margin: 0px auto 0px auto;
  color       : #333;
  font-size   : 12px;
  padding     : 0em 1em 0.2em 1em;
}

.tagN li a{
  margin-left: 5px;
  text-decoration: underline;
  color	: #ff0;
}