@charset "utf-8";

/* ---------------------------------------------
　layout modules
------------------------------------------------ */

/* base modules
------------------------------------------------ */
.content p,
.content ul,
.content dl,
.content ol,
.content table,
.content blockquote{
	margin: 20px 0 0;
	line-height:1.8em;
}

.content ul p, .content ul dl, .content ul ol, 
.content dl p, .content dl ul, .content dl ol, 
.content ol p, .content ol ul, .content ol dl, 
.content table p, .content table ul, .content table dl, .content table ol{
	margin: 0;
}

.content p img, .content dl img, .content ul img {
	vertical-align: middle;
}

.column-image-left,.column-image-center,.column-image-right { margin-top:20px !important; }

/* common modules
------------------------------------------------ */

.small    { font-size:87%;  }
.x-small  { font-size:78%;  }

.large    { font-size:107%; }
.x-large  { font-size:120%; }

.attention{ color: #FF3366;   }
.attention2{ color: #02b898;   }
.bold     { font-weight:bold; }

.center{ text-align: center; }
.right { text-align:right;   }
.left  { text-align:left;    }

.float-l{ float: left;  }
.float-r{ float: right; }
.clear  { clear: both;  }

.img-l{ float:left;  margin:0 25px 10px 0; }
.img-r{ float:right; margin:0 0 10px 25px; }

.nowrap         { white-space:nowrap; }
.nomargintop    { margin-top: 0 !important; }
.content .nocss { maring:0; padding:0; border:none; background:none; }

/* --- anchor --- */

.anchor{
	background:url(../images/icon_arrow01.png) no-repeat 0 0.4em;
	padding-left:20px;
}

/* --- ext icon --- */

a[href$='.xls'], a[href$='.xlsx']{
	background: url(../images/fileicon/xls.gif) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='.doc'], a[href$='.docx']{
	background: url(../images/fileicon/doc.gif) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='pdf']{
	background: url(../images/fileicon/pdf.gif) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='ppt']{
	background: url(../images/fileicon/ppt.gif) no-repeat 100% 50%;
	padding-right: 25px;
}

.mov a {
	background: url(../images/fileicon/movie.gif) no-repeat 100% 50%;
	padding-right: 25px;
}

/* --- openwin --- */

.openwin{ 
	padding-right: 15px;
}

/* ---　pagetop-in　 --- */

.pagetop-in {
	text-align:right;
}

.pagetop-in a {	
	background:url(../images/icon_arrow_pagetop.png) no-repeat 0 0.4em;
	padding-left: 15px;
	font-size: 92%;
}



/* ------ title -------------------------------- */

.content h2{
	clear:both;
	color:#fff;
	margin:30px 0 0;
	padding:8px 10px 8px 40px;
	font-weight:bold;
	font-size:115%;
	background: url(../images/bg_title2.png) repeat-x 0 center;
	text-shadow: 0 0 10px #3e7e69;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:rgba(255, 255, 255, 0.4) 0px 0px 10px 0px inset, 0 1px 0 #fff, 0 10px 6px -6px rgba(0, 0, 0, 0.05) ;
	-webkit-box-shadow:rgba(255, 255, 255, 0.4) 0px 0px 10px 0px inset,0 1px 0 #fff, 0 10px 6px -6px rgba(0, 0, 0, 0.05) ;
	-moz-box-shadow:rgba(255, 255, 255, 0.4) 0px 0px 10px 0px inset,0 1px 0 #fff, 0 10px 6px -6px rgba(0, 0, 0, 0.05) ;
}
.content h2 a:link,
.content h2 a:visited {
	text-decoration:underline;
	color:#fff;
}

.content h2 a:hover,a:active{ text-decoration:none; }


.content h3 {
	clear:both;
	margin:30px 0 0;
	font-weight:bold;
	background: url(../images/bg_title3.png) no-repeat 0 bottom;
	padding:10px 3px;
	color:#7F7757;
}

.content h4{
	clear:both;
	font-weight:bold;
	margin:30px 0 0;
	padding: 0 15px;
	color:#7F7757;
	background:url(../images/bg_title4.png) no-repeat 0 0.4em;
}


.content h5{
	clear:both;
	font-weight:bold;
	margin:30px 0 0;
	color:#7F7757;
}
/* ------ ul ----------------------------------- */


/* --- normal list --- */

.list li{
	background:url(../images/icon_list01.png) no-repeat 0 0.5em;
	padding-left:13px;
	margin-bottom:5px;
}

.list li li {
	background:url(../images/icon_list02.png) no-repeat 0 0.6em;
}

/* --- link list --- */

.link li{
	background:url(../images/icon_list01.png) no-repeat 0 0.4em;
	padding-left:15px;
	margin-bottom:5px;
}

.link li li{
	background:url(../images/icon_list02.png) no-repeat 0 0.5em;
	padding-left: 10px;
}

/* --- number list --- */

ol li {
	list-style-type:decimal;
	margin-left:25px;
	margin-bottom:5px;
}

ol ul li{
	list-style-type:none;
	margin-left:10px;
}

/* --- attention list --- */

.rice li {
	margin:0 0 5px 1em;
  list-style-type: none;
  text-indent: -1em;
}

.rice li:before {
  display: inline;
  content: "※";
}

/* --- compact list --- */

.compact li{
	display:inline;
	margin-right:10px;
}

/* --- within compact list --- */

.within {
	padding: 8px;
	border: 3px solid #E0E0E0;
}

.within li{
	background:url(../images/icon_arrow_within.png) no-repeat 0 0.4em;
}


.content ul ul, .content dl dl, .content ol ol {
	margin-top: 5px;
}

/* ------ dl ----------------------------------- */

/* --- normal list --- */

.list dt{
	background:url(../images/icon_list01.png) no-repeat 0 0.5em;
	padding-left:13px;
	font-weight:bold;
}

.list dd{
	padding-left:13px;
}

/* --- link list --- */

.link dt{
	background:url(../images/icon_arrow01.png) no-repeat 0 0.4em;
	padding-left:15px;
	font-weight:bold;
}

.link dd{
	padding-left:15px;
}

/* --- horizonal --- */

.horizonal dt {
  clear: left;
  float: left;
  width: 10em;
  padding:8px 8px 8px 10px;
  color:#605838;
  font-weight:bold;
  background:url(../images/icon_list03.png) no-repeat 0 1.3em;
}

.horizonal dd {
  padding:8px 15px 8px 11em;
  border-bottom:1px solid #DFDFD0;
}



/* ------ layout frame ------------------------- */

.content .layout-frame {
	clear: both;
	margin-left: -20px;
}

.content .layout-3col {
	margin-left: -15px;
}

.content .layout-unit {
	float: left;
	display: inline;
	margin-left: 20px;
}

.content .layout-3col .layout-unit {
	margin-left: 15px;
}

/* 720px */
.grid-1 { width: 60px; }
.grid-2 { width:110px; }
.grid-3 { width:170px; }
.grid-4 { width:230px; }
.grid-5 { width:290px; }
.grid-6 { width:350px; }
.grid-7 { width:410px; }
.grid-8 { width:470px; }
.grid-9 { width:530px; }
.grid-10{ width:590px; }
.grid-11{ width:650px; }
.grid-12{ width:260px; }


/* ------ social media ------------------------- */

.social{
	margin-top:20px;
}

.social ul li{
	float:left;
	margin-right:10px;
}

.social .facebook{
	clear:both;
	margin-top:15px;
}

.social ul:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .social ul             { zoom:1; } /* IE6 */
*:first-child+html .social ul { zoom:1; } /* IE7 */



/* ------ social media [NEW]-------------------- */

.social-icon ul{
	margin:20px auto;
	text-align:center;
}

.social-icon ul li{
	display:inline-block;
}

.social-icon ul li a {
	display: block;
	width: 60px;
	height: 60px;
	text-indent: -99999px;
	font-size: 50%;
	border-radius:50%;
}

@media screen and ( min-width:750px ){
	.facebook:hover {
		background:url(../images/svg/facebook.svg) center center no-repeat;
		background-size: 100%;
		background-color: #3b5998!important;
	}
}
.facebook {
	background:url(../images/svg/facebookClick.svg) center center no-repeat;
	background-size: 100%;
	background-color: #ffffff!important;
	border: 1px solid #3b5998;
}
@media screen and ( min-width:750px ){
	.twitter:hover {
		background:url(../images/svg/twitter.svg) center center no-repeat;
		background-size: 100%;
		background-color: #000000!important;
	}
}
.twitter {
	background:url(../images/svg/twitterClick.svg) center center no-repeat;
	background-size: 100%;
	background-color: #ffffff!important;
	border: 1px solid #000000;
}
@media screen and ( min-width:750px ){
	.google:hover {
		background:url(../images/svg/google.svg) center center no-repeat;
		background-size: 100%;
		background-color: #d64136!important;
	}
}
.google {
	background:url(../images/svg/googleClick.svg) center center no-repeat;
	background-size: 100%;
	background-color: #ffffff!important;
	border: 1px solid #d64136;
}
@media screen and ( min-width:750px ){
	.line:hover {
		background:url(../images/svg/line.svg) center center no-repeat;
		background-size: 100%;
		background-color: #2cbf13!important;
	}
}
.line {
	background:url(../images/svg/lineClick.svg) center center no-repeat;
	background-size: 100%;
	background-color: #ffffff!important;
	border: 1px solid #2cbf13;
}

/* ------ table -------------------------------- */

table{
	border-collapse:collapse;
	border:1px solid #cecece;
	width:100%;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}

table th,
table td{
	padding:10px;
	vertical-align:top;
	border:1px solid #ACAC9D;
	background:#fff;
}

table th{
	background:#fff;
	color:#605839;
	font-weight:bold;
}

table thead th,
th.head {
	background:#F0F0E1;
	text-align:center;
}

/* --- noborder --- */

table.noborder,
table.noborder td,
table.noborder th{
	border:0;
	background: none;
}

/* index
------------------------------------------------ */

.index {
	clear: both;
	margin: 0 0 0 -20px;
}

.index dl {
	position: relative;
	float: left;
	display: inline;
	margin-left: 20px;
	width: 344px;
	background: #fff;
	border:3px solid #F0F0E1;
}

.index dt {
	margin:0 0 0 20px;
	padding: 7px 7px 7px 20px;
	background:url(../images/icon_arrow01.png) no-repeat 0 1em;
}

.index dt a {
	text-decoration:none;
	color:#434343;
}

.index dd {
	padding: 7px;
	margin:0 0 0 20px;
}


/* cms
------------------------------------------------ */

/* --- entry-date --- */

.entry-date {
	text-align: right;
	font-size: 87%;
}

/* --- entry-navigation / pager-navigation --- */

.entry-navigation, 
.pager-navigation{
	font-size:87%;
	margin:50px 0 0;
	padding:10px;
	border:3px solid #E0E0E0;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.entry-navigation a:link, .entry-navigation a:visited, .entry-navigation a:hover, .entry-navigation a:active, 
.pager-navigation a:link, .pager-navigation a:visited, .pager-navigation a:hover, .pager-navigation a:active{
	text-decoration:none;
}

.entry-navigation ul, 
.pager-navigation ul{
	margin:0;
}

/* entry-navigation */

.entry-navigation{
	background:#eee;
	padding:10px;
}

.entry-navigation li{
	width:300px;
}

.entry-navigation .entry-old{
	float:left;
}

.entry-navigation .entry-new{
	float:right;
	text-align:right;
}

.entry-navigation .home{
	text-align:center;
	margin-top:-20px;
}

.entry-navigation ul:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .entry-navigation ul             { zoom:1; } /* IE6 */
*:first-child+html .entry-navigation ul { zoom:1; } /* IE7 */

/* pager-navigation */

.pager-navigation {
	position: relative;
	overflow: hidden;
}

.pager-navigation ul {
	float:left;
	left:50%;
	position:relative;
}

.pager-navigation li {
	float:left;
	left:-50%;
	position:relative;
	text-align:center;
	margin-right:10px;
	line-height:1;
}

.pager-navigation ul li span.cur{
	background:#f6f6f6;
	border:3px solid #E0E0E0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#575746;
	display:block;
	line-height:1;
	padding:0.5em 0.7em;
	position:relative;
}

.pager-navigation ul li a:link, 
.pager-navigation ul li a:visited{
	background:#fff;
	color:#575746;
	display:block;
	line-height:1;
	padding:0.5em 0.7em;
	position:relative;
}

.pager-navigation ul li span a:link, 
.pager-navigation ul li span a:visited{
	background:#fff;
	border:3px solid #E0E0E0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#575746;
	display:block;
	line-height:1;
	padding:0.5em 0.7em;
	position:relative;
}

.pager-navigation ul li a:hover, 
.pager-navigation ul li a:active{
	background:#CECECE;
}

/* 続きを読むリンク */
.search.entry p.continue {
	margin: 0;
	padding: 0;
}

.search.entry p.continue a {
	display: block;
	margin: 0;
	padding: 10px 0 10px 40px;
	border-top: 1px solid #E8E8E8;
	background: url(../images/icn_arrow01.png) no-repeat 20px 15px;
}

.search.entry p.continue a:hover {
	background-color: #F0F0F0;
}

/*商品情報一覧*/

.content .product-list .layout-unit {
	float: left;
	display: inline;
	margin: 0 15px;
	width:210px;
}

.product-list{
	font-size:93%;
	clear: both;
	margin:0;
}

.product-list.flex {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.product-list.flex::after {
	display: block;
	content: "";
	width: 209px;
}

.product-list dt{
	margin-bottom:10px;
}

.product-list a:link,
.product-list a:visited,
.product-list a:hover,
.product-list a:active{color:#333;}

.product-list dd.name{
	color:#02B898;
	font-weight:bold;
	font-size:110%;
}

.product-list a:link, .product-list a:visited, .product-list a:hover, .product-list a:active {
    text-decoration: none;
}

.product-list .img img {
	width: 209px;
	height: 131px;
	object-fit: contain;
}

.decoration-box{
	border:8px solid #e2f3e9;
	padding:10px 20px 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top:30px;
}

.decoration-box h2{
	color:#02b898;
	text-align:center;
	background:none;
	text-shadow:none;
	margin-top:0;
	box-shadow:none;
}

.std-r{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.caption {
	margin-top:0!important;
	font-size:93%;
	font-weight:bold;
	text-align:center;
}


.button {
	clear:both;
	margin-top:45px;
}

.button a {
	background: #f57c90; /* Old browsers */
	background: -moz-linear-gradient(top,  #f57c90 0%, #ea718d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f57c90), color-stop(100%,#ea718d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f57c90 0%,#ea718d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f57c90 0%,#ea718d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f57c90 0%,#ea718d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f57c90 0%,#ea718d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f57c90', endColorstr='#ea718d',GradientType=0 ); /* IE6-9 */
	display:block;
	text-align:center;
	width:70%;
	margin: 5px auto 10px;
	padding:20px;
	border:1px solid #ea718d;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:150%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.button p {
	margin-top:0;
}

.rental-icon {
	text-align: right;
}
.rental-icon span {
	background:#EA718D;
	color:#fff;
	padding: 5px;
	margin-right:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	font-weight:bold;
	text-shadow:none;
	line-height:1em;
}

.renovation-icon {
	text-align: right;
}
.renovation-icon span {
	background:#02b898;
	color:#fff;
	padding: 5px;
	margin-right:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	font-weight:bold;
	text-shadow:none;
	line-height:1em;
}

.new-icon {
	background:#EA718D;
	color:#fff;
	padding:0 5px;
	margin-right:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	text-shadow:none;
	line-height:1em;
}

.sellput {
	color:#EA718D;
	font-size:12px;
	text-shadow:none;
	line-height:1em;
}

.icon {
	background:#fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height:1em;
	padding:0 3px 2px;
	margin-right:5px;
}

.member-unit {
	width:100%;
	clear:both;
}

/* ------ clearfix scheme ---------------------- */

.member-unit:after {
	visibility:hidden;
	display:block!important;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .member-unit             { zoom:1; } /* IE6 */
*:first-child+html .member-unit { zoom:1; } /* IE7 */


/* 会員ページ */

.entryFormColumnBody .custom__unit h3 {
	background:none;
	margin-top:10px;
}

.entryFormColumnBody .custom td,
.entryFormColumnBody .custom th {
	padding:10px!important;
}

.content .member__download {
	margin-left:-5px!important;
}

.member__download dl {
	padding-left:0!important;
}

.member__download dl dd {
	text-align:center;
	padding:10px;
	display:block;
}

.member__download dt img{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

.manual {
	clear:both;
	border-bottom:2px solid #e0e0e0;
	padding-bottom:20px;
}

.manual dt {
	width:110px;
	float:left;
	padding:5px 0;
}
.manual dd {
	padding:5px 0 5px 115px;
}

.content ul.member_pdf {
	clear:both;
	text-align:center;
}

.content ul.member_pdf li {
	display:inline-block;
}

.content ul.member_pdf li a[href$="pdf"] {
    background: none;
    padding-right: 20px;
}


/* 設置事例 */

.case {
    clear:both;
}

.case .box {
    border: 1px solid #02B8AE;
    float: left;
    margin: 15px 15px 0 0;
    padding: 15px;
    width: 320px;
}

.case .box-last {
    border: 1px solid #02B8AE;
    float: left;
    margin: 15px 0 0 0;
    padding: 15px;
    width: 320px;
}

.case h3 {
    background: rgba(0, 0, 0, 0) url("../images/bg_title3.png") no-repeat scroll 0 bottom;
    clear: both;
    color: #7f7757;
    font-weight: bold;
	margin:0;
    padding: 10px 3px;
}

.case dt {
	width:110px;
	float:left;
	padding-right:10px;
}

.case-box {
	background-color:#faefe6;
    margin: 10px 0;
    padding: 15px 0 30px 20px;
    width: auto;
}

.btn a:link, a:visited, a:hover, a:active {
    text-decoration: none;
}

.content .margin-10  {
	margin-top:10px;
}

.content .margin-20  {
	margin-top:20px;
}

.content .margin-30  {
	margin-top:30px;
}

.content .margin-b20  {
	margin-bottom:20px;
}

/* 会社概要動画 */

.content .movie {
	text-align:center;
	margin-top: 30px;
}

.content .movie .moviesize {
	width: 560px;
	height: 315px;
}

.content .movie .moviesize_2column {
	width: 356px;
	height: 199px;
}

/* カスタム検索ページャー */

.gsc-results .gsc-cursor-box .gsc-cursor {
    display: block;
}

.gsc-results .gsc-cursor-box .gsc-cursor .gsc-cursor-page {
    display: inline-block;
}

/* cms */
.acms-admin-grid, .acms-admin-grid-r {
	margin-left:0 !important;
	margin-right:0 !important;
}

.column-video-auto {
	margin-top: 20px;
}

a.acms-admin-btn {
	text-decoration: none;
}


.content h3.h3_style {
	clear: both;
	color: #fff;
	margin: 30px 0 0;
	padding: 8px 10px 8px 40px;
	font-weight: bold;
	font-size: 115%;
	background: url(../images/bg_title2.png) repeat-x 0 center;
	text-shadow: 0 0 10px #3e7e69;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: rgba(255, 255, 255, 0.4) 0px 0px 10px 0px inset, 0 1px 0 #fff, 0 10px 6px -6px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: rgba(255, 255, 255, 0.4) 0px 0px 10px 0px inset,0 1px 0 #fff, 0 10px 6px -6px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: rgba(255, 255, 255, 0.4) 0px 0px 10px 0px inset,0 1px 0 #fff, 0 10px 6px -6px rgba(0, 0, 0, 0.05);
  }
  
  
  
  .decoration-box h3.h3_style {
	color: #02b898;
	text-align: center;
	background: none;
	text-shadow: none;
	margin-top: 0;
	box-shadow: none;
  }