@charset "utf-8";
/* CSS Document */
/*
Theme Name:KGU-STATION
Theme URI:
Description: KGU-STATIONwebサイト
Author:ユメックス
Author URI: https://yume-com.co.jp
Version:2025-04-04
*/

/*html {
	font-size:62.5%;
}*/
body {
	line-height: 1.6;
	font-size: 14px;
	font-size: 1.4em;
}
#container{
	width:100%;
	overflow:hidden;
	min-height:416px;	
	position: relative;
}
/*a {
	text-decoration: underline;
}*/
/*img {
	width:100%;
	height:auto;
}*/

input[type="submit"],
input[type="button"],
input[type="reset"] {
    -webkit-appearance: none;
    border-radius: 0;
}


/*.fl-l {	float: left;}
.fl-r {	float: right;}*/
.fs-11 {font-size:1.1rem !important;}
.bx-s {	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);}
.mr-10 {margin-right:10px;}
.mr-20 {margin-right:20px;}
.mb-0 {margin-bottom:0 !important;}
.mb-15 {margin-bottom:15px;}
.mb-25 {margin-bottom:25px;}
.dp-no {display:none !important;}
.font-os {	font-family: 'Open Sans', sans-serif;}
.yu-go {	font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif;}
.red {color:#ff4c4c !important;}

.align_ri{text-align: right !important;}


/*==================*/
/*▼COMMON▼*/


#contents {
	padding: 0 5% 10%;
	word-break:break-all;
}


#mainContainer {
	margin-bottom: 15%;
}
#breadCrumb {
	/*width:100%;
	background:#f9f9f9;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	padding:2% 5%;
	margin-bottom: 5%;
	box-sizing: border-box;*/
	
	border-top: 3px solid #555;
	margin-bottom: 5%;
}
#bcInner {
    display: none;

	font-size:1.2rem;
	margin:0 auto;
}
#bcInner a {
	font-size:1.2rem;
	color:#000000;
	text-decoration:none;
}
#bcInner a:hover {
	color:#666666;
	text-decoration:underline;
}


#sideBar {
	/*width:240px;
	float:left;*/
}
#sideBar ul {
	border-bottom:1px solid #000;
	margin: 0 0 8%;
}
#sideBar li {
	vertical-align:middle;
	/*line-height:40px;*/
	padding-top: 2%;
	padding-bottom: 2%;
	border-top:1px dotted #000;
}
#sideBar li img {
	vertical-align:middle;
	margin-right:10px;
	/*width: 0.7%;*/
}
#sideBar li a {
	font-size:1.3rem;
	color:#333;
	text-decoration:none;
}
#productMenu li a:hover {
	color:#ccc;
}

	

.button_base {
    margin: 0;
    border: 0;
    font-size: 1.6rem;
   /* position: absolute;
    top: 18px;
    right:0px;
    margin-top: -25px;
    margin-left: -100px;*/
    width: 40%;
	margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-user-select: none;
    cursor: default;
}
.button_base a {
	font-size:1.3rem;
	font-weight:bold;
	color:#333;
	padding: 5% 0;
	display: block;
	text-decoration:none;
}
.button_base a:hover {
	color:#fff;
}
.button_base:hover {
    cursor: pointer;
}
.b09_electric {
    color: #333333;
    background-color: #ffffff;
    border: #000000 solid 2px;
    /*padding: 10px;*/
    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
}

.b09_electric:hover {
    color: #ffffff;
    background-color: #000000;
    animation: b09_electric_blinkIn 0.1s step-end 0 2;
    -webkit-animation: b09_electric_blinkIn 0.1s step-end 0 2;
    -moz-animation: b09_electric_blinkIn 0.1s step-end 0 2;
    transition: all 0.2s ease 0.2s;
    -webkit-transition: all 0.2s ease 0.2s;
    -moz-transition: all 0.2s ease 0.2s;
}

@-webkit-keyframes b09_electric_blinkIn {
    from,
    to {
        background-color: #f8f8f8;
        color: #080808;
    }
    50% {
        background-color: #ffffff;
        color: #000000;
    }
}

@-moz-keyframes b09_electric_blinkIn {
    from,
    to {
        background-color: #f8f8f8;
        color: #080808;
    }
    50% {
        background-color: #ffffff;
        color: #000000;
    }
}

.title01 {
	font-size:1.7rem;
	font-weight:bold;
	color:#333;
	padding-left:15px;
	background:url(images/titleLine.jpg) 0 center no-repeat;
	margin-bottom:3%;
}
.title01 span {
	font-size:1.2rem;
	color:#aaaaaa;
	margin-left:12px;
}
.title02 {
	font-size:1.8rem;
	font-weight:bold;
	color:#333333;
	padding:2% 0 2% 4%;
	background:url(images/titleLine.jpg) 0 center no-repeat;
	border-bottom:1px dotted #c2c2c2;
	margin-bottom:5%;
	text-transform: capitalize;
}
.title02 span {
	font-size:1.2rem;
	color:#aaaaaa;
	margin-left:20px;
}
.recentcomments {
	min-height:40px;
	padding:3px 0;
	line-height:180% !important;
}
.recentcomments a {
	font-size:1.2rem !important;
}
/*▲COMMON▲*/
/*▼PAGENATION▼*/
.wp-pagenavi {
}
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
 
.pagination a:hover{
color:#fff;
background: #3279BB;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}
/*▲PAGENATION▲*/
/*▼PAGER▼*/
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
 
.pagination a:hover{
color:#fff;
background: #3279BB;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}
.wp-pagenavi {
	clear: both;
    padding: 20px 0;
    position: relative;
    font-size: 11px;
    line-height: 13px;
}
.wp-pagenavi .pages {
	margin: 2px 2px 2px 0;
    padding: 6px 9px 5px 9px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background: #555;
}
.wp-pagenavi .current {
	padding: 6px 9px 5px 9px;
    background: #3279BB;
    color: #fff;
}
.wp-pagenavi a {
	display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px 9px !important;
    text-decoration: none;
    width: auto;
    color: #fff;
    background: #555;
	border:none !important;
}
.wp-pagenavi a:hover {
	background: #3279BB;
    color: #fff;
}
.wp-pagenavi span {
	float:left;
	border:none !important;
}
/*▲PAGER▲*/
/*▼INDEX▼*/
#mainImages {
	width: 100%;
    /*height: 450px;*/
	background: #f1eeee url(images/loading.gif) center center no-repeat;
	position: relative;
	margin-bottom: 5%;
}
#mainImages img {
	width: 100%;
    height: auto;
}
#slider {
	/*width: 1200px;
	margin: 0 auto;*/
}
#mainMask {
	/*width: 980px;*/
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin: 0 auto;
	z-index:100;
}
#indexTop {
	margin-bottom: 10%;
}
#indexTop li {
	margin: 0 0 3%!important;
}
#indexTop li:nth-child(2) {
    width: 48%;
	float: left;
}
#indexTop li:nth-child(3) {
    width: 48%;
	float: right;
}
#indexTop li:nth-child(4) {
    width: 31%;
	float: left;
	margin-right: 3.5%!important;
}
#indexTop li:nth-child(5) {
    width: 31%;
	float: left;
	margin-right: 3.5%!important;
}
#indexTop li:nth-child(6) {
    width: 31%;
	float: right;
}
#indexTop li img {
    width: 100%;
	height: auto;
	display: block;
}
.indexContainer {
	position:relative;
	margin-bottom:10%;
}
#pickup ul {
    font-size: 0;
}
#pickup li {
	width: 48%;
	display: inline-block;
	vertical-align: top;
	font-size: 1.2rem;
	margin-right: 4%;
	margin-bottom: 5%;
}
#pickup li:nth-child(even) {
	margin-right: 0;
}
.itemImage {
	margin-bottom:3%;
	overflow:hidden;
}
.itemImage img {
    width: 100%;
	height: auto;
	display: block;
}
.itemTitle a{
	font-size:1.2rem;
	color:#888;
	text-decoration:none;
}
#newItem ul {
    font-size: 0;
}
#newItem li {
	width: 48%;
	display: inline-block;
	vertical-align: top;
	font-size: 1.2rem;
	margin-right: 4%;
	margin-bottom: 5%;
}
#newItem li:nth-child(even) {
	margin-right: 0;
}
#sampleWork ul {
    font-size: 0;
}
#sampleWork li {
	width: 48%;
	display: inline-block;
	vertical-align: top;
	font-size: 1.2rem;
	margin-right: 4%;
	margin-bottom: 5%;
}
#sampleWork li:nth-child(even) {
	margin-right: 0;
}
#concept h3 {
	font-size:1.6rem;
	font-weight:bold;
	color:#898989;
	margin-bottom:3%;
}
#concept p {
	font-size:1.3rem;
	color:#333;
	line-height:170%;
	margin-bottom:3%;
}
#concept ul {
	margin-top: 5%;
}
#concept li a {
    display: block;
	padding: 5% 0;
	margin-bottom: 4%;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#concept li:nth-child(1) a {
    width: 48%;
	float: left;
	color: #019B9B;
	border: 2px solid #019B9B;
	background-color: #BDE4E4;
}
#concept li:nth-child(2) a {
    width: 48%;
	float: right;
	color: #2098D1;
	border: 2px solid #2098D1;
	background-color: #BCE0F1;
}
#concept li:nth-child(3) a {
    width: 100%;
	padding: 3.5% 0;
	clear: both;
	color: #555;
	border: 2px solid #555;
	background-color: #D4D4D4;
}
#indexNews {
	font-size: 1.3rem;
}
#indexNews dt {
    font-weight: bold;
}
#indexNews dd {
	border-bottom: 1px solid #E3E3E3;
	padding-bottom: 3%;
	margin-bottom: 3%;
}
/*▲INDEX▲*/
/*▼CATEGORY▼*/
#categoryIimage {
	margin-bottom:10%;
}
#itemList ul {
	font-size: 0;
}
#itemList li {
	width: 48%;
	display: inline-block;
	vertical-align: top;
	font-size: 1.1rem;
	margin-right: 4%;
	margin-bottom: 5%;
}
#itemList li:nth-child(even) {
	margin-right:0;
}
#itemList li a{
	font-size:1.1rem;
	color:#888;
	text-decoration:none;
}
#itemList li dt {
	/*position:relative;
	width:158px;
	height:158px;*/
	overflow:hidden;
	text-align:center;
	margin-bottom:10px;
	border:1px solid #eee;
}
#itemList li dt img {
	/*position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width:211px;
	height:158px;
	margin-left:-27px;*/
	width: 100%;
	height: auto;
}


#pager {
	margin-bottom:20px;
}
/*▲CATEGORY▲*/
/*▼SINGLE▼*/
#itemImages {
	/*width:700px;
	height:345px;*/
	/*width: 100%;*/
	/*position:relative;*/
	margin-bottom: 10%;
}
#itemImages img {
	width: 100%;
	height: auto;
}
.pikachoose {
	/*width:700px;
	height:345px;*/
	/*width: 100%;*/
	overflow:hidden;
}
.pika-stage {
	width: 100%;
	height: inherit !important;
	overflow:hidden;
	margin-bottom: 5%;
	/*float:left;*/
	/*position: absolute;
	top: 0;
	left: 0;*/
}
.pika-stage img {
	/*width:500px !important;
	height:200px !important;*/
	/*display: none !important;*/
}
.pika-imgnav {
    /*position: absolute;
	top: 0;
	left: 0;*/
}
.pikame {
	/*width:190px;*/
	/*float:right;*/
}
.pikame li {
	width: 16%;
	/*height: auto;*/
	float:left;
	margin-right: 5%;
	margin-bottom: 5%;
}
.pikame li:nth-child(5n) {
	margin-right: 0;
}

.pikame li img {
	/*width:90px;
	height:64px;*/
}
/*.pikame li:nth-child(2n-1) {
	margin-right:9px;
}*/
#itemData {
	margin-bottom:38px;
}
.icons li {
	float:left;
	margin-right:10px;
}
.novelty p{
	font-size:1.1rem;
	font-weight:bold;
	padding:4px;
	color:#009999;
	border:2px solid #009999;
}
.oem p{
	font-size:1.1rem;
	font-weight:bold;
	padding:4px;
	color:#33cccc;
	border:2px solid #33cccc;
}
.japanese p{
	font-size:1.1rem;
	font-weight:bold;
	padding:4px;
	color:#990000;
	border:2px solid #990000;
}
#itemTitle {
	margin-bottom:20px;
}
#itemTitle h3 {
	/*line-height:28px;
	float:left;*/
	font-size:1.6rem;
	font-weight:bold;
	color:#333;
	margin-bottom: 2%;
}
#itemTable table{
	width:100%;
	font-size:1.2rem;
	font-weight:bold;
	color:#333;
	border-bottom:1px dotted #ccc;
}
#itemTable table th {
	width: 20%;
	padding:3% 0;
	text-align: center;
	vertical-align:middle;
	border-top:1px dotted #ccc;
	
}

#itemTable table td {
	/*vertical-align:middle;*/
	border-top:1px dotted #ccc;
	padding:3% 0;
}
#itemTable table td ul,#itemTable table td p {
	border-left:1px dotted #ccc;
	padding-left:3%;
	
}
.blueCell {
	background:#f2fafa;
}
#itemBtns {
	text-align:center;
	margin-bottom:5%;
}
#itemBtns li {
	display: block;
	width:180px;
	height:50px;
	/*float:left;*/
	/*margin-right:20px;*/
	margin: 0 auto 5%;
}
#contactDescription p {
	font-size:1.3rem;
	color:#333333;
	line-height:180%;
	margin-bottom:23px;
}
#contactDescription h3 {
	font-size:1.3rem;
	font-weight:bold;
	margin-bottom:15px;
}
#contactDescription img {
    width: 100%;
	height: auto;
}
#formArea h2{
	padding:14px 18px;
	font-size:1.3rem;
	font-weight:bold;
	background:#009999;
	color:#fff;
}
#formArea h2 span {
	font-size:1.1rem;
	font-weight:bold;
	color:#fff;
	background:#f62626;
	padding:2px 5px;
	margin-left:14px;
}
.table01 {
	width:100%;
	
}
#formArea table {
    width: 100%;
	margin-bottom:20px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	box-sizing: border-box;
}
#formArea th {
	display: block;
	padding:2% 3%;
	font-size:1.2rem;
	font-weight:bold;
	background:#f2fafa;
	border-bottom:1px solid #ccc;
	color:#333;
}
.table01 th {
	/*width:135px;*/
}
#formArea td {
    display: block;
	border-bottom:1px solid #ccc;
	padding:3% 3%;
}
.formradio dt {
	float:left;
	margin-right:14px;
}
.formradio dt span.wpcf7-list-item {
	display:block;
	margin-bottom:5px;
	font-size:1.2rem;
	font-weight:bold;
	color:#333;
}
.formradio dd p {
	margin-bottom:14px;
	line-height:100%;
}
.tankatoulist li {
	margin-bottom:10px;
}
.tankatoulist li span.note {
	display:inline-block;
	width:90px;
	font-size:1.1rem;
	color:#333;
}
.tankatou {
	padding:7px;
}
span.tankatouchuui {
	display:inline !important;
	width:100% !important;
	font-size:0.9rem !important;
	/*color:#f62626 !important;*/

}
#tanka {
    width:50%;
}
#lot {
	width:65px;
}
#nouki {
    width:93%;
}
.customize dl {
	margin-bottom:10px;
}
.customize dt {
	width:74px;
	float:left;
	margin-right:15px;
	font-size:1.1rem;
	color:#333;
	padding-top:8px;
}
.customize dd {
	float:left;
}
.customize dd select {
	font-size:1.1rem;
	color:#333;
	padding:3px;
}
.customize dd textarea {
	width:96%;
	padding: 2%;
}
.customize dd p {
	font-size:1.0rem;
	color:#888;
	margin-top:5px;
}
.customize dd p a{
color:#009999;
}
span.ness {
	font-size:1.1rem;
	font-weight:bold;
	color:#fff;
	background:#f62626;
	padding:2px 5px;
	margin-right:10px;
}
span.noness {
	font-size:1.1rem;
	font-weight:bold;
	color:#fff;
	background:#333;
	padding:2px 5px;
	margin-right:10px;
}

table.table02 {
	width:100%;
}
.table02 li {
	margin-bottom:10px;
}
.table02 input {
	padding:7px;
	font-size:1.2rem;
	width:93%;
}
#zipcode {
	width:100px;
	margin-right:15px;
}
.nametitle {
	display:block;
	/*width:100px;*/
	font-size: 1.2rem;
	margin-top: 2%;
}
#messagearea {
	width:94%;
	padding:3%;
	border: 1px solid #ccc;
	margin-bottom:40px;
}
#messagearea dt {
	font-size:1.3rem;
	color:#333;
	margin-bottom:10px;
}
#messagearea textarea {
	width:96%;
	padding: 2%;
}
#readpp {
	background:#f4f4f4;
	padding:3% 3% 3% 1%;
	/*text-align:center;*/
	font-size:1.1rem;
	line-height:220%;
}
#readpp a {
	color:#009999;
}
#readpp dd {
	font-weight:bold;
	display: inline-block;
	margin-top: 10px;
}
#readpp .wpcf7-list-item {
	float: right;
	margin-left: 0;
}
#readpp input {
    float: right;
	vertical-align:middle;
	margin: 3px 0 0 10px;
	transform: scale(1.3);
}
p.formbt {
	width:178px;
	margin:40px auto;
}
p.formbt input{
	width:178px;
	border:2px solid #333;
	background:#fff;
	color: #000;
	font-size:1.3rem;
	font-weight:bold;
	padding:20px 0;
	
}
.wpcf7-response-output {
	display: block;
    font-size: 1.4rem;
    text-align: center;
    padding: 20px 0 !important;
	margin-top: 0 !important;
    font-weight: bold;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900;   
	color: #000;
}
.wpcf7 form.sent .wpcf7-response-output {
    /*border: 2px solid #00a0d2;*/
    border: 2px solid #dc3232 !important;
	color: #dc3232 !important;
}
.formbts {
	width:100%;
	margin:25px auto 0;
}
/*.formbts li{
	width:140px;
}*/
.formbts li.fl-l{
	width:150px;
	float: left;
}
.formbts li.fl-r{
	width:150px;
	float: right;
}
.formbts li.fl-l input{
	/*width:178px;*/
	width:140px;
	/*float: left;*/
	border:none;
	background:#55acee;
	font-size:1.3rem;
	font-weight:bold;
	padding:20px 0;
	color:#fff;
}
.formbts li.fl-r input{
	/*width:178px;*/
	width:140px;
	/*float: right;*/
	border:none;
	background:#fa5050;
	font-size:1.3rem;
	font-weight:bold;
	color:#fff;
	padding:20px 0;
}
	
/*▲SINGLE▲*/
/*
/*
/*
/*
/*
/*▼BLOG▼*/
#blogList h3 {
	font-size:1.3rem;
	color:#333;
	line-height:150%;
	margin-bottom:30px;
}
#blogList dt {
	/*height: 35px;
    line-height: 35px;*/
    padding: 2% 2% 2% 4%;
    background: url(images/bg-blogtitle.jpg) repeat;
    margin-bottom: 5%;
	color:#fff;
	font-size:1.5rem;
	font-weight:bold;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#blogList dt a {
	color:#fff;
	text-decoration:none;
	font-size:1.5rem;
	font-weight:bold;
}
.date {
	font-size:1.5rem;
	font-weight:bold;
	color:#009999 !important;
	text-align:right;
	margin-bottom:5%;
}
#blogList div p {
	font-size:1.3rem;
	line-height:150%;
	color:#333;
}
#blogList div p img {
	width:100%;
	height:auto;
	/*margin:20px 20px 20px 0;*/
	margin-bottom: 5%;
}
#blogList div p a {
	color:#009999;
}
.blogBts {
	/*width:220px;*/
	float: right;
	margin: 5% 0 10%;
}
.blogBts li {
	height:26px;
	line-height:26px;
	text-align:center;
	display: inline-block;
}
.blogBts li a {
	font-size:1.3rem;
	color:#333;
	border:2px solid #333;
	text-decoration:none;
	padding:5px;
}
/*▲BLOG▲*/
/*▼SINGLE-BLOG▼*/
#blog div p {
	font-size: 1.3rem;
    line-height: 150%;
    color: #333;
}
#blog div p img {
	width:100%;
	height:auto;
	/*margin:20px 20px 20px 0;*/
	margin-bottom: 5%;
}
#blog .gallery-item {
    float: left;
	margin: 3% 2% 0;
	text-align: center;
	width: 46%!important;
}
#blog .gallery-item img {
    width:100%;
	height:auto;
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
}
#blog .gallery-item dt {
	margin-bottom: 2%;
}
#blog .gallery-item dd {
	font-size: 1.1rem;
}
#blog .gallery-item .gallery-caption {
	margin-left: 0;
}
#respond h3 {
	font-size:1.5rem;
	font-weight:bold;
	margin-bottom:28px;
}
#commentform p {
	margin-bottom:15px
}
#commentform p input {
	padding:5px;
    font-size:1.2rem;
}
.comment-subscription-form {
	display:none;
}
#comments {
	padding:5px 0;
	margin-bottom:15px;
	font-size:1.2rem;
	font-weight:bold;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.commentlist {
	border:2px solid #eee;
	padding:5px;
	margin-bottom:60px;
	font-size:1.2rem;
	color:#333;
	background: #fafafa;
}
.comment-body {
	overflow:hidden;
}
.comment-body p {
	width:560px;
	float:right;
	padding:10px;
	background:#fff;
	margin-bottom:10px;
}
.comment-author {
	width: 100%;
    float: left;
}
.comment-meta {
	/*width:580px;
	float:right;*/
	width: 100%;
	margin-bottom:5px;
}
.reply {
	clear:both;
	text-align:right;
}
.reply a {
	width:24px;
	height:20px;
	line-height:20px;
	padding:3px;
	background:#333;
	color:#fff;
	border-radius:3px;
	text-decoration:none;
}
.reply a:hover {
	background:#666;
}
#comment {
	/*width:668px;*/
	width: 90%;
	padding:5%;
}
cite.fn:befor {
	    content: "投稿者";
}
.post header {
	width:100%;
}
/*▲SINGLE-BLOG▲*/
/*▼BLOG-SIDEBAR▼*/
#categories-3,#recent-posts-3,#recent-comments-3,#archives-3 {
}
.widget {
	border-top:none !important;
}
.widget h2 {
	width:240px;
	height:30px;
	font-size: 1.1rem;
	font-weight:bold;
    color: #aaaaaa;
	text-align:right;
}
.widget ul li {
	padding-left:15px;
	background-image:url(images/sidearrow.jpg);
	background-repeat:no-repeat;
	background-position:0 center;
}
/*#archivelist h3 {
	background:url(images/title-archive.jpg) no-repeat;
	width: 240px;
    height: 30px;
    font-size: 1.1rem;
    font-weight: bold;
    color: #aaaaaa;
    text-align: right;
}*/
.archive li {
	padding-left: 15px;
    background-image: url(images/sidearrow.jpg);
    background-repeat: no-repeat;
    background-position: 0 center;
}

#categories-3 h2 {
	background:url(images/title-blog-cat.jpg) no-repeat;
}
#recent-posts-3 h2 {
	background:url(images/title-latestnews.jpg) no-repeat;
}
#custom-post-type-recent-posts-2 h2 {
	background:url(images/title-latestnews.jpg) no-repeat;
}
#recent-comments-3 h2 {
	background:url(images/title-comment.jpg) no-repeat;
}
#archives-3 h2 {
	background:url(images/title-archive.jpg) no-repeat;
}
/*▲BLOG-SIDEBAR▲*/
/*▼COMPANY▼*/
#company .title02 {
	margin-bottom:5%;
}
#profile h2{
	font-size:1.7rem;
	color:#898989;
	font-weight:bold;
	margin-bottom:3%;
}
#profile table {
	width:100%;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	margin-bottom:40px;
}
#profile table th {
	display: block;
	background:#555;
	padding:2% 3%;
	font-size:1.2rem;
	font-weight:bold;
	color:#fff;
	vertical-align:top;
}
#profile table td {
    display: block;
	font-size:1.2rem;
	color:#333;
	line-height:150%;
	padding:4% 3%;
}
#profile table td a {
	padding:3px 5px;
	text-decoration:none;
	font-size:1.1rem;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-weight:bold;
	background:#009999;
	margin-left:18px;
}
#access {
	margin-bottom:15%;
}
#co-map {
    clear: both;
	margin: 5% 0 10%;
	line-height: 0;
	position: relative;
}
#co-map:before {
    content:"";
    display: block;
	padding-top: 56.25%; /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
}
#co-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#accessNote {
	/*width:350px;*/
}
#accessNote h3 {
	font-size:1.7rem;
	color:#898989;
	font-weight:bold;
	margin-bottom:5%;
}
#accessNote dl {
	margin-bottom:5%;
	font-size:1.2rem;
	color:#333;
	line-height:160%;
}
#accessNote dd {
	text-indent:1em;
}
#accessNote p {
	font-size:1.2rem;
	color:#e44234;
	margin-left:1em;
	text-indent:-1em;
	line-height:160%;
}
#policy {
	margin-bottom:10%;
}
#policy h2 {
	font-size:1.7rem;
	font-weight:bold;
	color:#898989;
	margin-bottom:5%;
	line-height:160%;
}
#policiesDiscription {
	margin-bottom:8%;
}
#policiesDiscription p {
	font-size:1.3rem;
	color:#333;
	line-height:160%;
}
#quality {
	margin-bottom:10%;
}
#quality dl {
	/*width:357px;
	float:left;*/
}
#quality dt {
	font-size:1.4rem;
	font-weight:bold;
	color:#009999;
	margin-bottom:8px
}
#quality dd {
	font-size:1.3rem;
	color:#333;
	line-height:160%;
	padding-right:8px;
}
#quality p img {
	width:80%;
	height:auto;
	display: block;
	margin: 5% auto 0;
}
#originality p img {
	width:80%;
	height:auto;
	display: block;
	margin: 0 auto 5%;
}
#originality dl {
	/*width:350px;
	float:right;*/
}
#originality dt {
	font-size:1.4rem;
	font-weight:bold;
	color:#009999;
	margin-bottom:8px;
}
#originality dd {
	font-size:1.3rem;
	color:#333;
	line-height:160%;
	padding-right:8px;
}
#brand h2 {
	font-size:1.7rem;
	font-weight:bold;
	color:#898989;
	margin-bottom:5%;
}
#brand ul {
	margin-bottom:5%;
}
#brand ul li img {
	width:50%;
	height:auto;
	display: block;
	margin: 0 auto 5%;
}
.brandText{
	font-size:1.3rem;
	color:#333;
	line-height:160%;
	margin-bottom:5%;
}
#brandSic {
	margin-bottom:10%;
}
#summaryText {
	font-size:1.3rem;
	color:#333;
	line-height:160%;
}
#common .wp_social_bookmarking_light {
	display:none;
}
	
/*▲COMPANY▲*/
/*▼ORDER▼*/
#order h2 {
	margin-bottom:10％;
}
.orderbox h3 {
	 /*width: 700px;*/
    /*height: 35px;
    line-height: 35px;*/
    padding: 2% 2% 2% 4%;
    background: url(images/bg-blogtitle.jpg) repeat;
    margin-bottom: 5%;
	color:#fff;
	font-size:1.5rem;
	font-weight:bold;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.orderHeader {
	margin-bottom:5%;
}
.orderHeader p {
	font-size:1.3rem;
	color:#333;
	line-height:160%;
}
.orderbox a {
	color:#009999;
}
.orderList {
	margin-bottom: 8%;
}
.orderList li {
	padding-bottom:5%;
	background:url(images/order-arrow.png) no-repeat bottom center;
}
.orderList li:last-child {
	background:none;
}
.orderListInner {
	background-color:#f9f9f9;
	/*text-align:center;*/
	padding:3% 3%;
	
}

.orderList li h4 {
	font-size:1.3rem;
	font-weight:bold;
	color:#009999;
	margin-bottom: 3%;
}
.orderList li p {
	font-size:1.2rem;
	color:#333;
	line-height:160%;
}
.orderAside h3 {
	font-size:1.8rem;
	font-weight:bold;
	color:#898989;
	margin-bottom:14px;
}
.orderAside p {
	font-size:1.3rem;
	color:#333;
	line-height:160%;
}
#badget {
	margin-bottom:8%;
}
#data p,#data li {
	font-size:1.3rem;
	color:#333;
	line-height:160%;
}
#data li {
	background-image:url(images/dott-order.jpg);
	background-repeat:no-repeat;
	background-position:0 8px;
	padding-left: 15px;
    margin-bottom: 15px;
}
	
/*▲ORDER▲*/
/*▼PROCESS▼*/
#processingContainer p {
	color:#333;
	line-height:160%;
}
#processingContainer img {
	width:100%;
	height:auto;
	display: block;
}
.processBox {
	margin-bottom:10%;
}
.subtitle {
	font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif !important;
	font-size:20px !important;
	font-weight:bold !important;
	color:#333 !important;
	margin-bottom:18px !important;
}
.processBox h3 {
	/*height: 35px;
    line-height: 35px;*/
    padding: 2% 2% 2% 4%;
    background: url(images/bg-blogtitle.jpg) repeat;
    margin-bottom: 5%;
	color:#fff;
	font-size:1.4rem;
	font-weight:bold;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.processBox h4 {
	font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif;
	font-size:1.7rem;
	font-weight:bold;
	color:#898989;
	margin-bottom:15px;
}
#processHeader {
	margin-bottom:8%;
}
#processHeaderImage {
	margin:5% 15% 0;
}
#processHeader p {
	font-size:1.3rem;
}
#process01 p {
	font-size:1.3rem;
	margin-bottom:3%;
}
#process01 li {
	width:48%;
	float:left;
	margin-right:2%;
	margin-bottom:5%;
	text-align: center;
}
#process01 li:nth-child(4n) {
	margin-right:0 !important;
}
#process01 dt {
	margin-bottom:5px;
}
#process01 dd {
	font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif;
	font-weight:bold;
	font-size:1.2rem;
	color:#333;
}
#process02 p {
	font-size:1.3rem;
	margin-bottom:3%;
}
#process02List01 li,#process02List02 li {
	/*width:200px;
	float:left;
	margin-right:50px;*/
	margin-bottom:8%;
}
#process02List01 li:nth-child(3n) {
	margin-right:0 !important;
}
#process02List02 li:nth-child(3n) {
	margin-right:0 !important;
}
#process02 li dt {
	margin:0 0 3%;
}
#process02 li dd h5 {
	font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif;
	font-weight:bold;
	font-size:1.3rem;
	color:#009999;
	margin-bottom:2%;
}
#process02 li dd p {
	font-size:1.2rem;
	margin-bottom:0px;
}
#process02List03 li {
	/*width:320px;
	float:left;*/
	margin-bottom:8%;
}
/*#process02List03 li:nth-child(2n-1) {
	margin-right:60px
}*/
#process02List03 p {
	margin-bottom:0;
}
#process02List03 div.heightLine-group2 {
	margin-bottom:3%;
	text-align: left;
}
#process02List03 p img {
	/*width: 70%;*/
	margin: 0 auto 3%;
}
#process03 p {
	font-size:1.3rem;
	margin-bottom:3%;
}
#process03List01 {
	margin-bottom:10%;
}
#process03List01 li {
	width:48%;
	float:left;
	margin-right:2%;
	margin-bottom:5%;
	text-align: center;
}
#process03List01 li:nth-child(4n) {
	margin-right:0 !important;
}
#process03List01 li dt {
	margin-bottom:12px;
}
#process03List01 li dd {
	font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif;
	font-size:1.2rem;
	font-weight:bold;
	text-align:center;
	color:#333;
}
#process03List02 {
	margin-bottom:10%;
}
#process03List02 li {
	width:48%;
	float:left;
	margin-right:2%;
	margin-bottom:5%;
	text-align: center;
}
#process03List02 li:nth-child(4n) {
	margin-right:0 !important;
}
#process03List02 li dt {
	margin: 0 0 3%;
}
#process03List02 li dd {
	font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif;
	font-size:1.2rem;
	font-weight:bold;
	text-align:center;
	color:#333;
}
#process03List03 {
	margin-bottom:10%;
}
#process03List03 li {
	width:48%;
	float:left;
	margin-right:2%;
	margin-bottom:5%;
	text-align: center;
}
#process03List03 li:nth-child(4n) {
	margin-right:0 !important;
}
#process03List03 li dt {
	margin-bottom:3%;
}
#process03List03 li dd {
	font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif;
	font-size:1.2rem;
	font-weight:bold;
	text-align:center;
	color:#333;
}
#process03List04 li {
	/*width:320px;
	float:left;
	margin-bottom:30px;*/
	margin-bottom:10%;
}
#process04List04 li .heightLine-group3 {
    margin-bottom: 3%;
}
#process03List04 li:nth-child(2n) {
	margin-right:0 !important;
}
#process03List04 li p {
	margin-bottom:0;
}
#process04 p {
	font-size:1.3rem;
	margin-bottom:3%;
}
#process04List01 {
	margin-bottom:10%;
}
#process04List01 li {
	/*width:220px;
	float:left;
	margin-right:20px;*/
	margin-bottom:10%;
}
#process04List01 li:nth-child(3n) {
	margin-right:0;
}
#process04List02 {
	margin-bottom:10%;
}
#process04List02 li {
	/*width:320px;
	float:left;
	margin-right:60px;*/
	margin-bottom:10%;
}
#process04List02 li .heightLine-group4 {
    margin-bottom: 3%;
}
#process04List02 li:nth-child(2n) {
	margin-right:0;
}
#process04List03 h5 {
	font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif;
	font-size:1.5rem;
	font-weight:bold;
	color:#009999;
}
#process04List03 li .heightLine-group5 {
    margin-bottom: 3%;
}
#process04List03 li,#process04List04 li,#process04List05 li,#process04List06 li {
	/*width:320px;
	float:left;
	margin-right:60px;*/
	margin-bottom:10%;
}
#process04List03 li:nth-child(2n),#process04List04 li:nth-child(2n),#process04List05 li:nth-child(2n),#process04List06 li:nth-child(2n) {
	margin-right:0;
}
#process04List06 li img {
    margin-top: 3%;
}
/*▲PROCESS▲*/
/*▼CONTACT▼*/
#contactContents h2 {
	margin-bottom:5%;
}
/*#contactContents table {
    width: 100%;
}
#contactContents th {
	display: block;
}
#contactContents td {
	display: block;
}*/
#contactContents input{
	padding: 7px;
    font-size: 1.2rem;
}
.conmin {
	font-size:10px;
	font-weight:bold;
}
span.wpcf7-list-item {
	display:block;
	margin-bottom:10px !important;
}
p.formbt2 {
	width: 178px;
    margin: 40px auto;
}
p.formbt2 input {
	width: 178px;
    border: 2px solid #333;
    background: #fff;
	color: #000;
    font-size: 1.3rem;
    font-weight: bold;
    padding: 20px 0 !important;
}
.textarea-562 textarea{
	width:96% !important;
	padding: 2%;
}
.wpcf7c-conf {
    color:#fff !important;
}
/*▲CONTACT▲*/

/*▼FEATURES▼*/
#features h3 {
    /*height: 35px;
    line-height: 35px;*/
    padding: 2% 2% 2% 4%;
    background: url(images/bg-blogtitle.jpg) repeat;
    margin-bottom: 5%;
	color:#fff;
	font-size:1.5rem;
	font-weight:bold;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#features01 {
	margin-bottom:10%;
}
.featuresContainer {
	margin-bottom:8%;
}
.featuresContainer h4 {
	font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    color: #898989;
    margin-bottom: 5%;
}
.featuresContainer p {
	font-size: 1.3rem;
    color: #333;
    line-height: 180%;
}
.featuresAside dt {
	font-size: 1.3rem;
    font-weight: bold;
    color: #009999;
	margin-bottom:2%;
}
.featuresAside dd {
	font-size: 1.3rem;
    color: #333;
    line-height: 160%;
	margin-bottom:2%;
}
.featuresbox-left img {
	width:80%;
	height:auto;
	display: block;
	margin: 0 auto 5%;
}
.featuresbox-right img {
	width:80%;
	height:auto;
	display: block;
	margin: 0 auto 5%;
}
#feature02-03 h4 {
	letter-spacing: -0.04em;

}
/*▲FEATURES▲*/
/*▼▼*/
/*▲▲*/


/* 管理画面のカラーパレット追加 */
.has-v-red-color{color:#C00F0C}
.has-v-red-background-color{background-color:#C00F0C}

.has-v-blue-color{color:#143278}
.has-v-blue-background-color{background-color:#143278}

.has-v-green-color{color:#009951}
.has-v-green-background-color{background-color:#009951}

.has-v-yellow-color{color:#ECB926}
.has-v-yellow-background-color{background-color:#ECB926}

.has-v-gray-color{color:#32373C}
.has-v-gray-background-color{background-color:#32373C}

.has-v-pink-color{color:#F5C0EF}
.has-v-pink-background-color{background-color:#F5C0EF}

.has-v-lightblue-color{color:#9EB4E6}
.has-v-lightblue-background-color{background-color:#9EB4E6}

.has-v-lightgreen-color{color:#AACD83}
.has-v-lightgreen-background-color{background-color:#AACD83}

.has-v-lightyellow-color{color:#FFF36D}
.has-v-lightyellow-background-color{background-color:#FFF36D}

.has-v-brown-color{color:#BAA06F}
.has-v-brown-background-color{background-color:#BAA06F}

.has-v-white-color{color:#fff}
.has-v-white-background-color{background-color:#fff}