@charset "utf-8";


.skin-9 .menuv .menu-a a.mn_wait {
	background-color: #DCDCDC;
	color: #999;
}

.wind-bg{
	background:  url("../images/bg_pattern.png") repeat, url("../images/bg_green.jpg") no-repeat center;
	background-size: 96px, cover;
	background-attachment: fixed;
	margin: 0 auto;
}
/*white*/
#bg_white{
	background: #fff;
	width: 825px;
	margin: 0 auto;
	box-shadow: 0px 0px 10px 3px rgb(255 255 255 / 75%);
	z-index: 3;
	min-height: 100vh;
}
#bg_white::before,
#bg_white::after{
	content:"";
	position: fixed;
	z-index: 3;
}
#bg_white::before{
    background: url(../images/bg_white_left.png) no-repeat top center;
    background-size: 120px auto;
    width: 120px;
    height: 100vh;
    left: 50%;
    top: 0;
    margin-left: -528px;
	
}
#bg_white::after{
    background: url(../images/bg_white_right.png) no-repeat center;
    background-size: 80px auto;
    width: 80px;
    height: 100vh;
    right: 50%;
    top: 0;
    margin-right: -488px;
}

.wind-bg{
	background:  url("../images/bg_pattern.png") repeat, url("../images/bg_green.jpg") no-repeat center;
	background-size: 96px, cover;
	background-attachment: fixed;
	margin: 0 auto;
	min-height: 100vh;
}
/*side*/
.wind-bg .bg_left,
.wind-bg .bg_right{
	content:"";
	position: fixed;
	height: 100vh;
	top: 0;
	z-index: 2;
}
.wind-bg .bg_left::before,
.wind-bg .bg_left::after,
.wind-bg .bg_right::before,
.wind-bg .bg_right::after{
	content:"";
	position: fixed;
}
.wind-bg .bg_left{
	left: 0;
	width: calc(((100% - 825px) / 2) - 125px);
    background: url("../images/bg_parts_left_top.png") no-repeat right top 65px, url("../images/bg_parts_left_bottom.png") no-repeat right bottom 45px, url(../images/bg_line_left_center.png) no-repeat right center;
    background-size:  400px auto, 400px auto, 400px auto;
}
.wind-bg .bg_left::before,
.wind-bg .bg_left::after{
	left: 0;
	width: calc(((100% - 825px) / 2) - 125px);
	height: calc((100vh - 440px) / 2);
}

.wind-bg .bg_left::before{
	top: 0;
    background: url(../images/bg_line_left_top.png) no-repeat right top 15px;
    background-size: 400px auto;
}
.wind-bg .bg_left::after{
	bottom: 0;
    background: url(../images/bg_line_left_bottom.png) no-repeat right bottom 15px;
    background-size: 400px auto;
}
.wind-bg .bg_logo{
	content:"";
	position: fixed;
	left: 0;
	top: 0;
	width: calc((100% - 825px) / 2);
	height: 100vh;
	background: url("../images/bg_logo.png") no-repeat right -80px top -60px;
	background-size: 703px auto;
	z-index: 1;
}
.wind-bg .bg_txt{
	content:"";
	position: fixed;
	right: 0;
	bottom: 0;
	width: calc((100% - 825px) / 2);
	height: 100vh;
	background: url("../images/bg_txt.png") no-repeat left -10px bottom 40px;
	background-size: 562px auto;
	z-index: 1;
}
.wind-bg .bg_right{
	right: 0;
	width: calc(((100% - 825px) / 2) - 85px);
    background: url("../images/bg_parts_right_top.png") no-repeat left top 45px, url("../images/bg_parts_right_bottom.png") no-repeat left bottom 45px,url(../images/bg_line_right_center.png) no-repeat left center;
    background-size: 440px auto, 440px auto, 440px auto;
}
.wind-bg .bg_right::before,
.wind-bg .bg_right::after{
	right: 0;
	width: calc(((100% - 825px) / 2) - 85px);
	height: calc((100vh - 440px) / 2);
}
.wind-bg .bg_right::before{
	top: 0;
    background: url(../images/bg_line_right_top.png) no-repeat left top 15px;
    background-size: 440px auto;
}
.wind-bg .bg_right::after{
	bottom: 0;
    background: url(../images/bg_line_right_bottom.png) no-repeat left bottom 15px;
    background-size: 440px auto;
}
/*white*/
#bg_white{
	background: #fff;
	width: 825px;
	margin: 0 auto;
	box-shadow: 0px 0px 10px 3px rgb(255 255 255 / 75%);
	z-index: 3;
}
#bg_white::before,
#bg_white::after{
	content:"";
	position: fixed;
	z-index: 3;
}
#bg_white::before{
    background: url(../images/bg_white_left.png) no-repeat top center;
    background-size: 120px auto;
    width: 120px;
    height: 100vh;
    left: 50%;
    top: 0;
    margin-left: -528px;
}
#bg_white::after{
    background: url(../images/bg_white_right.png) no-repeat center;
    background-size: 80px auto;
    width: 80px;
    height: 100vh;
    right: 50%;
    top: 0;
    margin-right: -488px;
}
@media screen and (max-height: 900px){

.wind-bg .bg_left{
background: url("../images/bg_parts_left_top.png") no-repeat right 95px top 65px, url("../images/bg_parts_left_bottom.png") no-repeat right 55px bottom 45px, url(../images/bg_line_left_center.png) no-repeat right center;
background-size: 300px auto, 300px auto, 400px auto;
}
.wind-bg .bg_right{
background: url("../images/bg_parts_right_top.png") no-repeat left 95px top 45px, url("../images/bg_parts_right_bottom.png") no-repeat left bottom 45px,url(../images/bg_line_right_center.png) no-repeat left center;
background-size: 340px auto, 340px auto, 440px auto;
}
}
@media screen and (max-height: 800px){

.wind-bg .bg_right{
background: url("../images/bg_parts_right_top.png") no-repeat left 45px top 45px, url("../images/bg_parts_right_bottom.png") no-repeat left bottom 45px,url(../images/bg_line_right_center.png) no-repeat left center;
background-size: 340px auto, 340px auto, 440px auto;
}
}

/*sidemenu_edited20230222*/
.skin-9 .menuh .menu-a a,
.skin-9 .menuv .menu-a a{
	color: #00b40a;
	border-color: rgb(207, 217, 222);
}
.skin-9 .menuv .menu-a .cr,
.skin-9 .menuv .menu-a .cr:hover{
	background: -webkit-linear-gradient(left, #20cf23, #75ffa5);
	background: -o-linear-gradient(left, #20cf23, #75ffa5);
	background: linear-gradient(to right, #20cf23, #75ffa5);
	border-color: rgb(207, 217, 222);
	text-shadow: 0 0 4px #fff,0 0 8px #fff;
}
.skin-9 .menuh .menu-a li{
	border-color: rgb(207, 217, 222);
}
.side-group li,
#area-header li{
	font-size: 100%;
}
.skin-9 .menuv .menu-a a.mn_wait{
	background-color: #f2f2f2!important;
	cursor: inherit;
}
.skin-9 .menuv .menu-a ul{
	border-top: 1px solid rgb(207, 217, 222);
}
.skin-9 .menuh .menu-a a:hover,
.skin-9 .menuv .menu-a a:hover{
	background: #e9ffed;
	text-shadow: 0 0 4px #fff,0 0 8px #fff;
}
.skin-9 .menuh .menu-a .cr, .skin-9 .menuh .menu-a .cr:hover{
	background: #00e969;	
}
#twitter-widget-0{
	width: 223px!important;
}
.color .type-1 .menuh .menu-a a, .color .type-1 .menuh .menu-a .nolink{
	padding: 2px 16px 0;
}
.menuv a img{
	padding-left: 0px;
    padding-right: 5px;
    padding-bottom: 2px;
}

/*haichizu_edited20230316*/
.btn_pdf_haichi{
	content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url(../images/ic_pdf.png) no-repeat center;
    background-size: 52px auto;
    border: none;
	margin-right: 8px;
	vertical-align: -20px;
}
.inner_menu{
	display: flex;
	margin: 10px 0 10px;
	font-size: 14px;
}
.inner_menu li{
	display: inline-block;
	margin: 0;
	border-bottom: 0;
	border-right: 1px solid #ccc;
}
.inner_menu li:last-child{
	border-right: none;
}
.inner_menu li a{
	display: block;
	text-align: center;
	padding: 0 15px;
	margin: 0;
	border: 0;
	color: #333;
}
.inner_menu li a.cr{
	color: #fff;
	background: #41a72c;
}

.banner_link {
	clear: both;
	width: 100%;
}
.banner_link li {
	float: left;
	width: 173px;
	text-align: center;
	list-style-type: none;
	margin: 0px 11px 10px 0px;
}
.banner_link li:last-child {
	margin: 0px 0px 10px 0px;
}
.banner_link li a {
	float: left;
	color: #353535;
	text-align: center;
	border-bottom: none;
}
.banner_link li a img {
	padding-left: 0px;
	padding-right: 0px;
}
.banner_link li a span {
	display: block;
	text-align: center;
}
.banner_link li a:hover {
	opacity: 0.8;
	background-color: #FFFFFF;
}

.horizon {
	clear: both;
	overflow: hidden;
	width: 100%;
	font-size: 10px;
	line-height: 1.6em;
	margin-bottom: 25px;
	border-bottom: 1px dotted #CCCCCC;
}

/**/

#gravure_name {
	clear: both;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#gravure_name li {
	width: 50%;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	list-style: none;
	line-height: 1.8em;
	margin: 0px;
	padding: 0px;
}
#gravure_name li a {
	color: #2C93FF;
	margin: 0px;
	padding: 0px;
	border-bottom: none;
}
#gravure_name li a:hover {
	background-color: #FFFFFF;
	color: #FF7600;
}

/**/

p.txt {
	font-size: 12px !important;
	line-height: 1.7em !important;
	margin: 0px 0px 10px 0px !important;
	padding: 0px 0px 0px 0px !important;
}
p.txt_s {
	font-size: 12px !important;
	line-height: 1.7em !important;
	margin: 0px 0px 10px 0px !important;
	padding: 0px 0px 0px 0px !important;
}

.tx_attention {
	color: #FF0000 !important;
}
.tx_bold {
	font-weight: bold !important;
}

.con_h2 {
	font-size: 18px !important;
	line-height: 1.8em !important;
	margin: 0px 0px 15px 0px !important;
	padding: 0px 0px 0px 0px !important;
	color: #000000 !important;
	border-bottom: none!important;
}
.con_h2::before {
	content: '■';
	font-size: 20px;
	font-weight: bold;
	color: #008000;
}
.con_h3 {
	/*font-size: 16px !important;
	line-height: 1.8em !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	color: #008000 !important;
	border: none!important;*/
	font-size: 140% !important;
	line-height: 1.8em !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	color: #000 !important;
	border: none!important;
}
.con_h3::before {
	content: '■';
	font-size: 18px;
	font-weight: bold;
	color: #008000;
}
.con_h3_num {
	font-size: 16px !important;
	line-height: 1.8em !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	color: #008000 !important;
	border: none!important;
}


.con_h4 {
	font-size: 14px !important;
	line-height: 1.8em !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	color: #008000 !important;
	border: none !important;
	background: none !important;
}
.con_h4::before {
	content: '■';
	font-size: 16px;
	font-weight: bold;
	color: #008000;
}


.txt_allinfo {
	clear: both;
	overflow: hidden;
	width: 510px;
	text-align: center;
	padding: 10px 0px 0px;
	background-color: #00ff73;
	margin: 20px auto 20px;
	border-radius: 20px;
}
.txt_allinfo p {
	font-size: 16px;
	line-height: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

.txt_allinfo_doui {
	clear: both;
	overflow: hidden;
	width: 541px;
	text-align: center;
	padding: 10px 15px 0px;
	box-sizing: border-box;
	background-color: #00ff73;
	margin: 20px auto 20px;
	border-radius: 10px;
}
.txt_allinfo_doui p {
	font-size: 14px;
	line-height: 1.4em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	position: relative;
}
.txt_allinfo_doui p::before {
	content: '//';
	font-size: 28px;
	opacity: 0.8;
	position: absolute;
	left: 5px;
	top: 8px;
}
.txt_allinfo_doui p::after {
	content: '//';
	font-size: 28px;
	opacity: 0.8;
	position: absolute;
	right: 5px;
	top: 8px;
}



.goods_title {
	clear: both;
	overflow: hidden;
	width: 541px;
	text-align: center;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 10px 0px;
	margin: 10px auto 0px;
	background-color: #00ff73;
}
.goods_title2 {
	display: block;
	clear: both;
	overflow: hidden;
	width: 541px;
	text-align: center;
	font-size: 15px;
	line-height: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 10px 0px;
	margin: 10px auto 0px;
	background-color: #1debbb;
}

.img_link {
	display: block !important;
	border: none !important;
	-webkit-transition: all .3s !important;
	transition: all .3s !important;
	margin-bottom: 20px !important;
}
.img_link:hover {
	opacity: 0.7 !important;
	background-color: #FFFFFF !important;
	-webkit-transition: all .3s !important;
	transition: all .3s !important;
}

.tx_big {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}

/*-------------------------------------------*/
/* 2023-05-29 */

.table_space {
	clear: both;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #CFCFCF;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.table_space th {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	color: #FFFFFF;
	text-align: center;
	border: 1px solid #CFCFCF;
	padding: 10px 10px;
	background-color: #1daa3a;
}
.table_space th.th_wid {
	width: 84px;
}

.table_space td {
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	line-height: 1.3em;
	border: 1px solid #CFCFCF;
	padding: 10px 5px;
}
.table_space td.td_size {
	line-height: 1.3em;
}
.table_space span.td_keisen {
	display: inline-block;
	width: 86%;
	border-bottom: 1px dashed #DCDCDC;
	padding: 2px 0px 2px 0px;
	margin: 0px auto 0px auto;
}
.table_space span.td_uedake {
	display: inline-block;
	width: 86%;
	padding: 4px 0px 0px 0px;
	margin: 0px auto 0px auto;
}


.table_space td.td_tit {
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	background-color: #F9F9F9;
	padding: 10px 5px 10px 5px;
}

h4.h4_kinshi {
	clear: both;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	margin-bottom: 0px;
}

ul.kinshi_list {
	clear: both;
	padding: 0px 0px 0px 0px!important;
	margin: 0px 0px 20px 0px!important;
}
ul.kinshi_list li {
	font-size: 12px;
	list-style-type: disc;
	margin: 0px 0px 2px 30px;
	padding: 0px 0px 0px 0px;
}

h2.h2_jizen {
	clear: both;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	padding: 10px 0px;
	background-color: #1daa3a;
	border-radius: 2px;
	margin-bottom: 10px;
}

/*-------------------------------------------*/

/*==================================
 			gallery
===================================*/
#photo {
	clear: both;
	display: block;
	width: 540px;
	padding: 20px 0 60px;
}
#photo .list_gallery {
	display: block;
	column-gap: 20px;
	flex-wrap: wrap;
	row-gap: 20px;
}
#photo .list_gallery li {
	list-style-type: none;
	float: left;
	margin: 0px 10px 20px 12px;
}

#photo .list_gallery li a {
	display: block;
	width: 150px;
	height: 150px;
	color: #FFFFFF !important;
	border-bottom: none !important;

}
#photo .list_gallery li a img{
	width: 150px;
	height: 150px;
	object-fit: cover;
	transition: transform 0.3s ease;
}
#photo .list_gallery li a:hover {
	color: #FFFFFF !important;
	border-bottom: none !important;
	background-color: #FFFFFF !important;
}

#photo .list_gallery li a:hover img {
	transform: scale(1.1)
}

#photo .inview.motion .list_gallery{
    animation: fadeinMOVE 0.4s ease 0.2s forwards;
    -webkit-animation: fadeinMOVE 0.4s ease 0.2s forwards;
}


#title_tentou {
	clear: both;
	overflow: hidden;
	width: 541px;
	font-size: 14px;
	font-weight: bold;
	box-sizing: border-box;
	padding: 0px 0px 0px 5px;
	margin: 50px auto 10px;
	border-bottom: 1px solid #EEEEEE;
}