/*
Theme Name:     Kleo Child
Theme URI:
Description:    Child theme for Kleo
Author:         SeventhQueen
Author URI:     http://seventhqueen.com
Template:       kleo
Tags:  one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: license.txt
*/

/*
* Please add your custom styles below
*/

body,p,h1,h2,h3,h4,h5,h6{
font-family: "Noto Sans", "Noto Sans CJK JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"!important;
}

h1{border-bottom: 5px #F1E7E7 solid;}

.newpost-box{
	width: 46%;
	float: left;
	margin: 5px;
	box-sizing: border-box;
	position: relative;
}
.newpost-box .getPostImgArea img{
	width:100%;
}
.newpost-box .new-txt{
	position: absolute;
top: -5px;
right: -5px;
padding: 5px;
background-color: red;
color: white;
font-size: 12px;
border: 2px solid white;
}

/*メーカーリスト*/
.maker-list{border-bottom: 1px #000 dotted}

.ml-header{
	border-left: 10px #5A0001 solid;
	padding-left:5px;
	margin-bottom: 8px;
}

.ml-header h3{
	margin-bottom: 5px;
}

.maker-meta{
	/*padding-top:10px;*/
}

.new-txt{
	position: absolute;
top: -10px;
right: -10px;
background-color: #000;
color: #fff;
padding: 5px;
border: 3px solid #fff;
z-index: 1;
}


.new-txt:nth-child(n+3){
	visibility: hidden;
}

.new-txt-sp{
		position: absolute;
top: -10px;
left: -10px;
background-color: #000;
color: #fff;
padding: 5px;
border: 3px solid #fff;
z-index: 1;

}



.new-txt2{
	position: absolute;
top: -10px;
left: -10px;
background-color: #000;
color: #fff;
padding: 2px;
border: 3px solid #fff;
z-index: 1;
	font-size: 10px;
}


#lct-widget-makercat li,#lct-widget-50on li{border-bottom: 1px solid #999;margin-bottom: 5px;}

@media (max-width:1100px){
	.newpost-box{
	width: 45%;
}
}



.blogwrapper{
	
	width: 45% !important;
	margin: 0 auto;
}

@media (max-width:767px){
	.blogwrapper{
		
		width: 90% !important;
		margin: 0 auto;
	}
}



 



/*******************************************
画面サイズ　バリエーション
********************************************/
@media (max-width:767px){
}
/*改行*/
@media (max-width: 767px) {
 .brpc { display:none; }
  .brsp { display:block; }
}
@media only screen and (min-width: 768px) {
  .brpc { display:block; }
  .brsp { display:none; }
}
@media (max-width: 991px) {
 .brpc2 { display:none; }
  .brsp2 { display:block; }
}
@media only screen and (min-width: 992px) {
  .brpc2 { display:block; }
  .brsp2 { display:none; }
}
/*改行 END*/

/*投稿 style*/
#log_inner {
	
}
#log_inner h1 {
background-color: #f7f7f7;
border: none;
padding: 40px 0;
margin-top: 18px;
}
#log_inner h1::before {
}
#log_inner .main-title {
    background-color: #f7f7f7;
    border: none;
    padding: 30px 0;
}
#log_inner .article-media img {
    width: inherit;
	display: block;
	margin: 0 auto;
}
#log_inner  .article-media {
	margin: 0 auto;
}
#log_inner .article-content img {
    padding: 25px 0;
}
#log_inner .log_box {
	margin: 0 auto;
	max-width: 900px;
	padding: 0 5px;
	}





@media (max-width: 767px) {
#log_inner h1 {
font-size: 18px;
}
#log_inner .main-title {
margin: 0;
}
	#log_inner h1 {
padding: 0;
}

	
	
	
}
/*投稿 style END*/



/***************************************************************************
 * header style
 * *********************/

.header_search {
width: 10%;
}
.header_search img {
    padding: 10px;
    max-height: 40px;
}
.navbar-header {
width: 30%;
}
.primary-menu.collapse.navbar-collapse.nav-collapse {
width: 65%;
}
.header-overflow .kleo-main-header, .header-overflow .kleo-main-header .navbar-collapse {
overflow: inherit !important;
}

/* product menu view */

.product_menu {
width: 20%;
float: left;
	text-align: left;
	height: 230px;
}
#product_menu_left {
}
#product_menu_search {
    width: 17%;
	float: left;
	padding: 0 0 0 10px;
}

#product_menu_left a:hover,
#product_menu_left ul li a:hover
{
    color: #c6311d;
}
#product_menu_left ul li {
    border: none;
    font-size: 13px;
    color: #888;
    font-weight: 300;
}

.product_menu ul {
    padding: 0;
	padding-left: 15px;
}
.cloud {
margin-top: 0 !important;
}
.search_box h3 {
    margin: 0;
    font-size: 17px;
	text-align: center;
	padding: 40px 0;
	letter-spacing: 0.12em;
	color: white;
}
.searchform {
margin: 10px auto;
background-color: #f7f5f5;
border-radius: 30px;
padding: 2px;
}
#product_menu_viw .pro_inner {
margin: 0 auto;
max-width: 1400px;
}
#product_menu_search
.searchsubmit.button {
    border: none;
    background-color: transparent;
    color: white;
    margin-left: 5px;
    padding: 5px;
    border-radius: 5px;
}
#product_menu_search
.ajax_s.form-control.input-sm {
    background-color: transparent;
    border: none;
	border-radius: 5px;
}
.header-color .dropdown-menu li {
text-align: left;
}
/* header PRODUCT menu sp */
.SpProduct-menu .product-banner {
    width: 48%;
    float: left;
    position: relative;
    margin: 3px;
}
.SpProduct-menu .product-banner a {
    padding: 0;
}
.product-banner img {
    content: none !important;
    position: relative;
    height: 80px;
    width: 100%;
    object-fit: cover;
}
.pb-box h6 {
    padding: 0;
    margin: 0;
    color: white;
    font-size: 11px;
    border-bottom: solid 1px #ddd;
	line-height: 1.5em;
}
.pb-box h5 {
    padding: 0;
    margin: 0;
    color: white;
    font-size: 11px !important;
    font-weight: 500;
    line-height: 2em;
}
.pb-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    text-align: center;
    padding: 15px 10px;
}
.SpProduct-menu .product-banner a::after {
    content: none !important;
}
.SpProduct-menu .product-banner a {
    padding: 0;
}


/* product menu view END */



/********************************
　投稿 style
*********************************/
#log_inner {
	
}
#log_inner .sidebar {/* サイドバー */
	float: left;
	width: 25%;
	padding: 0;
	padding-top: 15em;
	margin-left: 2%;
}
#log_inner .row {
float: left;
width: 75%;
}
#log_inner .row .row {
    width: 100%;
}
#log_inner .row .row .vc_column-inner {
    padding: 0;
}
#log_inner .log_box {
max-width: 1280px;
	margin: 0 auto 30px;
	padding: 0;
}
#log_inner h1 {
background-color: #222;
padding: 75px 0;
border: none;
color: white !important;
font-size: 38px;
margin: 0;
}
#log_inner h5 {
font-size: 12px;
color: #999;
letter-spacing: 0.09em;
margin: 0;
display: inline-block;
float: left;
}
#log_inner .col-sm-9 {
width: 100%;
}
#log_inner .article-content {
	margin: 20px auto 200px;
}
.log_cate li a {
padding: 4px 10px;
display: inline-block;
font-size: 12px;
margin: 2px;
color: #ccc;
	margin: 0;
}
.log_cate ul {
list-style: none;
padding: 0;
margin: 0;
}
#log_inner .log_box h1.news_title {
    font-size: 28px;
    margin: 30px 0 20px;
    padding: 25px 0 23px 65px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
	font-weight: 500;
	position: relative;
	background: transparent;
	color: #222 !important;
	line-height: 1.5em;
	
}
#log_inner .log_box h1.news_title::before {
    content: "";
    position: absolute;
    background-image: url(http://client-check.com/giomic/wp-content/uploads/2021/02/giomic_icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    top: 22px;
    left: 15px;
}
#log_inner .log_box h2 {
    color: #222;
    font-size: 27px;
    font-weight: 600;
    padding: 15px 0;
    position: relative;
    margin: 25px auto;
	padding: 10px 0 10px 20px;
	animation: midashianime 2.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	transform-origin: left center;
}
#log_inner .log_box h2::before {
    background: #c00;
    content: "";
    width: 10px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
#log_inner .log_box h3 {
    color: #444;
    font-size: 21px;
    font-weight: 500;
    padding: 15px 20px;
    position: relative;
    margin: 25px auto;
    border-bottom: solid 1px #ccc;
	animation: midashianime 2.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	transform-origin: left center;
}
#log_inner .log_box h3::before {
    background: #c62f1d;
    content: "";
    width: 50%;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
}
#log_inner .row .log_box h4 {
    font-size: 20px;
    font-weight: 400;
    color: white;
    background: linear-gradient(90deg, rgb(0, 0, 0), rgba(90, 20, 20, 0.9));
    padding: 10px 15px;
}
/* 見出しanimation */
@keyframes midashianime {
  0% {
    opacity: 0;
    transform: scaleX(0) translateX(-5%);
  }
  30% {
    transform: scaleX(1) translateX(0);
  }
  100% {
    transform: scaleX(1) translateX(0);
  }
  30%, 100% {
    opacity: 1;
  }
}
#log_inner p, #log_inner li {
    font-size: 17px;
	line-height: 1.7em;
	margin: 0;
    line-height: 2em;
    letter-spacing: 0.05em;
	color: #353535;
	font-weight: 300;
}
#log_inner .sidebar .widget-title,
#search_style .sidebar.sidebar-main.col-sm-3.sidebar-right .widget-title {
	background-color: #2e2e2e;
	color: white !important;
	font-size: 14px;
	padding: 0 10px;
	margin: 15px auto;
	font-weight: 500;
}
#log_inner .log_cate ul, #log_inner .log_cate ul li {
    padding: 0;
    margin: 0;
	line-height: 1.4em;
}
.sidebar-right .inner-content {
padding: 0;
}
.sidebar .widget ul li a {
    color: #444;
    line-height: 1.5em;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.05em;
}
.kleo-carousel li {
max-width: 300px;
}
.back_button a:hover {
    background-color: #222;
    color: white;
}
.single_back_button {
	padding: 15px 40px;
	line-height: 1.5em;
	border: 1px solid #222;
	color: #222;
}
.back_button {
height: 150px;
	text-align: center;
}
#log_inner .sidebar p {
font-size: 13px;
line-height: 1.5em;
}
.post-image a img {
    height: 150px;
    object-fit: cover;
    overflow: hidden;
}
/*** サイドバー非表示項目 ***/
#recent-comments-2,
#meta-2 {
display: none;
}


.post-title {
	font-size: 16px;
	font-weight: 400;
	margin: 15px 0;
}
#log_inner .entry-summary p {
	margin: 0;
	font-size: 14px;
	line-height: 1.5em;
}
.entry-content hr {
display: none;
}
.alternate-color {
	border: none;
    background-color: #222;
}
.main-title .page-title {
border: none;
color: white !important;
font-size: 38px;
font-family: "Noto Serif Japanese","游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP" !important;
background-color: #222;
padding: 70px 0;
}
.alternate-color {

}
.masonry-listing .format-standard .post-title {
border: none;
}
article .post-header .post-meta {
display: none;
}
/* search page style*/
#search_style .search_header_title h1 {
    border: none;
    color: white !important;
    font-size: 28px;
    font-family: "Noto Serif Japanese","游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP" !important;
    padding: 25px 0 10px;
    margin: 0;
    text-align: center;
}
#search_style .search_header_title{
    background-color: #222;
}
#search_style .search_header_title h1 span {
    padding: 0 5px;
    font-weight: 600;
    border-bottom: dotted 2px #c62f1d;
}
#search_style .container-wrap.main-title.alternate-color.border-bottom.breadcrumbs-container {/* searchタイトル以外を非表示 */
    display: none;
}
#search_style .main-color .masonry-listing .post-footer {
display: none;
}
#search_style .search_header_title p {
    color: white;
    text-align: center;
    margin: 0;
    letter-spacing: 0.05em;
    padding: 0 0 30px;
    font-weight: 200;
}
#search_style .search_header_title p span {
    padding: 0 5px;
    font-size: 17px;
    font-weight: 400;
}
/********************************
window size
*********************************/
/** sp size **/
@media (max-width:767px){
#log_inner h1 {
padding: 10px 0;
font-size: 21px;
}
#log_inner .log_box h2 {
	font-size: 18px;
	line-height: 1.5em;
	padding: 5px 0 5px 10px;
}
#log_inner .log_box h2::before {
width: 5px;
}
#log_inner .log_box h3 {
font-size: 17px;
padding: 10px 0;
}
#log_inner .sidebar {
	width: 100%;
	margin: 0;
}
#log_inner .row {
width: 100%;
margin: 0;
}
#log_inner .log_box h1.news_title {
padding: 10px 0 10px 30px;
border: none;
font-size: 18px;
margin: 0;
}
#log_inner .log_box h1.news_title::before {
top: 15px;
left: 0;
width: 25px;
height: 25px;		
}
#log_inner .col-sm-9 {
padding: 0;
}	
#log_inner p, #log_inner li {
    font-size: 16px;
	line-height: 30px;
    letter-spacing: 0.05em;
    margin: 0;
}
#log_inner .article-media img {
    max-height: 180px;
    object-fit: cover;
    width: 100%;
	margin-bottom: 25px;
}

#log_inner h5 {
font-size: 12px;
letter-spacing: inherit;
}
.log_cate ul {
margin: 0;
}	
#log_inner .log_box {
padding: 30px 0 5px;
	margin: 0 0 15px;
}	
.log_cate li a {
font-size: 12px;
padding: 4px 7px;
}	
.post-title {
line-height: 1.3em;
margin: 5px 0;
font-size: 13px;
}	
#log_inner .entry-summary p {
font-size: 12px;
line-height: 1.3em;
color: #8a8a8a;
}	
#log_inner .sidebar {
padding-top: 0;
}	
#search-2 {
display: none;
}
#archives-2 {
display: none;
}	
#log_inner .pt-cv-2-col .pt-cv-title {
position: absolute;
right: 0;
top: 0;
padding-left: 50px;
font-size: 13px;
line-height: 1.5em;
}
.pt-cv-view .pt-cv-ifield {
position: relative;
height: 60px;
}
.pt-cv-nolf .pt-cv-2-col .pt-cv-thumbnail {
position: absolute;
top: 0;
left: 0;
}
.pt-cv-colsys .pt-cv-content-item {
padding: 0 15px;
}
.post-image a img {
height: 100px;
}	
#log_inner .sidebar #text-2 img {
    width: 50%;
    float: left;
    padding: 0 7px;
}
/*---------------------------------
 * 
 *  News Search Page Style
 * 
 * -------------------------------*/
#search_style .pt-cv-title a {
	position: absolute;
	right: 0;
	top: 0;
	padding-left: 50px;
	font-size: 13px;
	line-height: 1.5em;
}	
#search_style .search_header_title h1 {
	font-size: 21px;
	padding: 15px 0;
}	
#search_style #text-2 img {
    width: 50%;
    float: left;
    padding: 0 7px;
}
/*---------------------------------
 * 
 *  News Search Page Style END.
 * 
 * -------------------------------*/	
}
/** pad size **/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#log_inner .log_box .container {
		max-width: 98%;
}
#log_inner .log_box {
	margin-top: 40px;
}
#log_inner .log_box h1.news_title {
	padding: 15px 0 15px 50px;
}
#log_inner .log_box h1.news_title::before {
	width: 35px;
	height: 35px;
	top: 19px;
	left: 10px;
}
}
/** note size **/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    
}
/** desktop size **/
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    
}
/** desktop large size **/
@media (min-width:1366px){
    
}
/********************************
window size END
*********************************/
/********************************
　投稿 style END
*********************************/


/*sp 改行*/
@media (min-width: 768px) {
.brsp { display:none;}}
@media (max-width: 767px) {
.brsp { display:block;}}
/*sp 改行 END*/
/********************************
window size
*********************************/
/** sp size **/
@media (max-width:767px){
.navbar-nav > li > a {
text-align: left;
height: 50px;
}
	.GIOMIC_menu {
text-align: left;
}
.kleo-main-header .navbar-toggle:focus + .GIOMIC_menu {
display: none;
}
#header .navbar-nav > li > a {
line-height: 1em !important;
}
.navbar-header:focus + .GIOMIC_menu,
.navbar-header:hover + .GIOMIC_menu,
.navbar-header:focus-within + .GIOMIC_menu{
top: 88px;
}
.GIOMIC_menu {
    position: absolute;
    background-color: white;
    padding: 20px 0 40px;

	top: -50em;
	width: 100%;
}	
	
	
	
}
/** pad size **/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.navbar-nav > li > a {
text-align: left;
height: 50px;
}

}
/** note size **/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    
}
/** desktop size **/
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    
}
/** desktop large size **/
@media (min-width:1366px){
    
}
/********************************
window size END
*********************************/

/***********************
 * header style
 * *********************/
.header_search {
width: 10%;
}
.header_search img {
padding: 10px 15px;
max-height: 40px;
float: left;
}
.navbar-header {
width: 25%;
}
.primary-menu.collapse.navbar-collapse.nav-collapse {
width: 70%;
}
.navbar-nav > li > a {
margin: 0 17px;
font-size: 16px;
letter-spacing: 0.12em;
font-weight: 500;
}
#header .kleo-main-header > .container {
}

/*************************************
* MENU-concept
**************************************/
.concept-menu-box1 {
width: 75%;
float: left;
}
.concept-menu-box2 {
	width: 15%;
	float: left;
	padding-top: 50px;
}
.concept-menu-box1 li {
    width: 30.6%;
    float: left;
    margin: 1%;
}
.concept-menu-box2 li {
    width: 100%;
    float: left;
    margin: 0 0 5px;
}
.concept-menu-box2 li a {
    float: left;
    font-size: 14px;
    letter-spacing: 0.03em;
}
.concept-menu-box3 li {
    width: 100%;
    float: left;
    margin: 1%;
}
#concept-menu-GM li {
text-align: center;
border: none;
}
#concept-menu-GM li a {
padding: 0;
}
#concept-menu-GM
.concept-menu-box2 ul {
	margin-left: 70px;
}
#concept-menu-GM ul {
    padding: 0;
    margin: 0;
}
.concept-menu-box1 ul p, .newsblog-menu-box1 ul p, .custom_minis-menu-box2 h4, .custom_minis-menu-box1 h4, .shop-menu-box2 h4, .shop-menu-box3 h4, .shop-menu-box1 ul p, .support-menu-box1 ul p{
    border-bottom: 1px solid #8a8a8a;
    text-align: left;
    font-size: 17px;
    letter-spacing: 0.05em;
    color: #444;
    padding: 0 0 5px;
	font-weight: 400;
	margin: 0 10px 7px;
	line-height: 1.3em;
}
.custom_minis-menu-box1 h4 {
margin: 0 0 7px;
}
.shop-menu-box2 h4 {
    margin: 0 3px 5px;
}
.giomic-GN-menu h6 {
	font-size: 13px;
	letter-spacing: 0.05em;
	color: #afafaf;
	margin: 0 0 0 10px;
	text-align: left;

}
.concept-menu-box3 ul li {
    font-size: 25px;
    padding: 5px;
}
.concept-menu-box1 li a,
.concept-menu-box2 li a,
.newsblog-menu-box1 li a {
line-height: 2em;
font-size: 17px;
letter-spacing: 0.03em;
font-weight: 400;
}
#concept-menu-GM div {
max-width: 1200px;
margin: 0 auto;
}
#concept-menu-GM li a:hover {/* 選択 */
    opacity: 0.8;
}
/********************************************************
* MENU style
********************************************************/
/****************************
* hover style
****************************/
#concept-menu-GM li a:hover,
#newsblog-menu-GM li a:hover,
#custom-menu-GM li a:hover,
#shop-menu-GM li a:hover,
#support-menu-GM li a:hover {
    opacity: 0.8;
}
/****************************
* common style
****************************/
#concept-menu-GM li a,
#newsblog-menu-GM li a,
#custom-menu-GM li a,
#shop-menu-GM li a,
#support-menu-GM li a {
    padding: 0;

}
#custom-menu-GM ul,
#shop-menu-GM ul,
#support-menu-GM ul{
    padding: 0;
}
.dropdown-menu {
	box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.25);
}
.kleo-main-header.header-normal .navbar-header {
    max-width: 20%;
}
.header_search {
    max-width: 25%;
}
.navbar-header .logo {
max-height: 21px;
line-height: inherit;
padding-left: 25%;	
}
/****************************
* product style
****************************/
#product_menu_viw {
}
#product_menu_viw img {
    width: 100%;
    height: 170px;
    object-fit: cover;
}


.product_menu p {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4em;
	margin: 0;
}
.product_menu p a {
padding: 0;
}




#product_menu_left
.product_menu {
float: left;
text-align: left;
height: 270px;
margin: 0 5px 5px;
width: 18.8%;
}







#product_menu_search
input[type="submit"] {
border: none;
text-indent: -9999em;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAABgCAYAAABbjPFwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgtJREFUeNrs1yFzwjAYxnHKTYBErrJySOQmZ5Gzk/sMfATsLF8BuUlk7SS2ckgkkr3ZveVCSdqk5G7H7p+7HlDCQ35J0ybZ8Xgc3HIZDm68APjrctdVoaqqXF4KOSZ6am9OF0XxnaIBi8XCmb9cLoPyM98kloabwLmGO6vI8SGQfc+GB+ULZB8N0Ma/yTHuaMdBjlUsQhsfnN+G8F1CL1a46YlSGlkpzvTYk/acqfMqx3vkAFzkSyMrxUXlX4yANHCmQ2vKVhq+9lxips5MP26kXhnY+2f50vC1p95ZvtQrQ+9CU2v4PlvastE6pjxE9H7SfBfgXl930qsH3w/1u0o/TiIAp3zpVW++fteZ7wKMrR4KLeMedZPkuwD1/TcPCM4bvwkpSfOHnvvv77DphPY9J2bW0O4iAKd8ndBtk70z3wX4st7PXQg992ydKiMAZ/kuhJ4Lyvc9yOxbXf14t4e+OanWMqm3EQ+y6HyZ1NvYpUTdC6ETtA8iKt+FyNo2NIIw4Y+uxZZeCrk+VfsiovObiOzaHZkgp40/WaVaqSryIt9eqV69H9Aet5cDo5Trfe1xb36Wak+s+4ZRvehLXXTfMKoXfckBbCkBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACA/wj4EWAAMFHXN7XDzN4AAAAASUVORK5CYII=') no-repeat;
background-position-x: 0%;
background-position-y: 0%;
width: 24px;
height: 24px;
border-radius: 100%;
position: relative;
float: right;
margin-top: -2px;
}
#product_menu_search input[type="submit"]:hover {
    background-position: -24px 0;
}
#product_menu_search .searchform {
    padding: 8px 10px;
}
.search_box {
    width: 100%;
    background-color: #2e2e2e;
    height: 350px;
}
/****************************
* news & blog style
****************************/
#newsblog-menu-GM {
}

#newsblog-menu-GM div {
    max-width: 1200px;
    margin: 0 auto;
}
.newsblog-menu-box1,
.newsblog-menu-box2,
.newsblog-menu-box3 {
    float: left;
    width: 100%;
}
.newsblog-menu-box2 {

}
.newsblog-menu-box2 {

}
#newsblog-menu-GM li {
	position: relative;
	text-align: center;
	width: 23.3%;
	float: left;
	margin: 0 10px;
}
.newsblog-menu-box1 ul li,
.newsblog-menu-box2 ul li,
.newsblog-menu-box3 ul li{
    width: 20%;
    float: left;
    margin: 0 0.5% 0;
    border: none;
}
#newsblog-menu-GM ul li img {
    object-fit: cover;
    height: 170px;
	width: 100%;
}

.newsblog-menu-box1 ul li a,
.newsblog-menu-box2 ul li a,
.newsblog-menu-box3 ul li a {
padding: 0;
}

.newsblog-menu-box1 ul {
    padding: 0;
}
/****************************
* custom style
****************************/
#custom-menu-GM {

}
#custom-menu-GM div {
    max-width: 1200px;
    margin: 0 auto;
}
.custom_minis-menu-box1 h6 {
    margin: 0 auto 3px;
}

.custom_minis-menu-box1 {
    width: 25%;
    float: left; 
    padding: 0 20px 0 0;
}
.custom_minis-menu-box2 {
    width: 75%;
    float: left;
    padding: 0;
}

.custom_minis-menu-box2 h4 {

}
.custom_minis-menu-box2 ul li {
    width: 31.1%;
	float: left;
	margin: 0 10px;
    border: none;
    text-align: center !important;
    font-size: 17px;
    line-height: 2em;
    text-align: center;
    font-weight: 400;
}
.custom_minis-menu-box1 li {
    line-height: 2em;
    font-size: 17px;
    letter-spacing: 0.03em;
    font-weight: 400;
    text-align: center;
}

.custom_minis-menu-box1 img, .custom_minis-menu-box2 img {
    width: 100%;
	height: 170px;
	object-fit: cover;
}
.custom_minis-menu-box2 ul .txt_only {
    width: 17%;
    text-align: right !important;
    margin-right: 0;
    border: 1px solid #ccc;
	height: 170px;
	padding: 45px 10px;
}


/****************************
* shop style
****************************/
#shop-menu-GM {

}
#shop-menu-GM div {
    max-width: 1200px;
    margin: 0 auto;
}
.shop-menu-box1 {
    width: 51%;
    float: left;
}
.shop-menu-box2 {
    width: 30%;
    float: left;
    padding: 0 2%;
}
.shop-menu-box3 {
    width: 19%;
    float: left;
	padding: 24px 0 0;
}
.shop-menu-box1 li {
    float: left;
	width: 46.6%;
	margin: 0 10px 10px;
	font-size: 17px;
	border: none;
	text-align: center;
	line-height: 2em;
}
.shop-menu-box2 h6 {
    margin: 0;
}
.shop-menu-box2 .shop_list_box{
    
}
.shop-menu-box2 h4 {

}
.shop_list_box .outline {
    
}
.shop_list_box li {
    background-color: #f7f5f5;
    text-align: center !important;
    border-radius: 3px;
    margin: 1%;
    width: 48%;
    float: left;
    padding: 20px;
	font-size: 15px;
}
.shop_list_box li:hover {
    background-color: #777;
    transition: all 0.5s ease 0s;
    color: white;
}
.shop_list_box li.outline {
    background: none;
    border: 1px solid #ccc;
}
.shop_list_box li.outline:hover {
    background-color: #777;
    border: 1px solid #777;
    color: white;
}
.shop-menu-box3 li {
    width: 100%;
	float: left;
	margin: 0 0 5px;
	line-height: 2em;
	font-size: 17px;
	letter-spacing: 0.03em;
	font-weight: 400;
	text-align: left;
	padding-left: 10px;
}
#shop-menu-GM img {
width: 100%;
height: 170px;
object-fit: cover;
}
#shop-menu-GM .shop-menu-box3 img {
width: 100%;
height: 150px;
object-fit: cover;
}


/****************************
* support style
****************************/
#support-menu-GM {
}
.support-menu-box1 {
    width: 100%
}
.support-menu-box1 ul li {
    width: 23.2%;
	float: left;
	margin: 0 10px;
	line-height: 2em;
	font-size: 17px;
	letter-spacing: 0.03em;
	font-weight: 400;
	text-align: center;
}
#support-menu-GM div {
    max-width: 1200px;
    margin: 0 auto;
}
.support-menu-box1 li {
float: left;
width: 21.7%;
margin: 0.4%;
font-size: 18px;
border: none;
text-align: center !important;
	line-height: 1.5em;
}
#support-menu-GM img {
width: 100%;
height: 170px;
object-fit: cover;
}






/****************************
* concept style
****************************/
#concept-menu-GM {
    
}
#concept-menu-GM
.concept-menu-box1 li {
	width: 31.1%;
	float: left;
	margin: 0 10px;
}
#concept-menu-GM
.concept-menu-box1 img {
    width: 100%;
    height: 170px;
    object-fit: cover;
}



/***********************************************************************************
* footer style
****************************/











/*********************************************************************
 * header style
 *************************/
.kleo-navbar-fixed .navbar {
z-index: 99999;
}
#header-nav {
	border: none;
    display: flex;
    height: 65px;
    position: fixed;
    z-index: 999;
    width: 100%;
    background-color: white;
}
#giomic-logo {
    width: 20%;
	float: left;
	position: relative;
	display: list-item;
	color: white;

}
#giomic-logo img {
    max-width: 200px;
	position: absolute;
	left: 0;
	right: 0;
	top: 18px;
	margin: 0 auto;
}
#header_search {
	width: auto;
	float: left;
}
#header-nav nav {
    width: 70%;
	float: left;
	max-width: 1000px;
}
#giomic-globalnavigation {
	 width: 100%;
}

#giomic-globalnavigation .giomic-GN-title {
}
.giomic-GN-menu {
    
}

#giomic-globalnavigation > .giomic-GN-title > a {
    padding: 23px 2.5%;
	font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.12em;
    display: inline-block;
    float: left;
	position: relative;
	cursor: default;
}
#header .is-sticky #giomic-globalnavigation > .giomic-GN-title > a {
    padding: 10px 2.5%;
}
#giomic-globalnavigation > .giomic-GN-title > a::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 100%;
height: 2px;
background: #c62f1d;
transform: scale(0, 1);
transform-origin: center top;
transition: transform .15s;
}


#giomic-globalnavigation .giomic-GN-title a:hover::after {
transform: scale(1, 1);
}

#giomic-globalnavigation {
  position: relative;
  list-style: none;
  padding: 0;
	margin: 0;
	width: 1000px;
}
#giomic-globalnavigation li {
}

#giomic-globalnavigation li a {
  color: #222; /* メニューの文字色 */
  text-decoration: none;
}

#giomic-globalnavigation li a:hover {
  color: #c62f1d; /* ホバーした時の文字色 */
}

ul.giomic-GN-menu {
  visibility: hidden;
}

#giomic-globalnavigation li:hover {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

li.giomic-GN-title ul.giomic-GN-menu {
	padding: 50px 20px;
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	background: #fff; /* メガメニューの背景色 */
	box-sizing: border-box;
	z-index: -1;
	top: -600px;
	box-shadow: 0 7px 7px rgba(0, 0, 0, 0.3);
	opacity: 0.98;
	min-height: 380px;
	padding-top: 100px;
}

li.giomic-GN-title:hover ul.giomic-GN-menu {
	visibility: visible;
	opacity: 1;
	top: auto;
}
#header .is-sticky li.giomic-GN-title ul.giomic-GN-menu {
}
#header_search img {
max-height: 15px;
height: auto;
margin: 25px 15px;
}
.is-sticky #header_search img {
    margin: 15px;
}
.giomic-GN-title li {
    list-style: none;
}
.is-sticky #header-nav {
    height: 43px;
}
.is-sticky #giomic-logo img {
top: 10px;
}
.catalog_box {
    width: 17%;
    float: left;
    padding: 0 0 0 10px;
}
.catalog_box a {
    color: white;
    font-size: 15px;
    text-align: center;
    background-color: #eee;
    width: 100%;
    display: inline-block;
    padding: 40px;
    margin-top: 10px;
}



/*add css*/












/*header switch*/
@media (min-width: 768px) {
#header-nav { display:block;}
#header-nav-switch { display:none;}}
@media (max-width: 767px) {
#header-nav { display:none;}
#header-nav-switch { display:block;}}
/*header switch END*/
/********************************
window size
*********************************/
/** sp size **/
@media (max-width:767px){
#header-nav-switch {
	top: 0;
    display: flex;
	height: 41px;
	position: relative;
	z-index: 100;
	width: 100%;
	background-color: black;/* スマホ　上部バー背景色 */
}
#header .is-sticky #header-nav-switch {/* 上部バースクロール後　位置指定 */
position: fixed;
}
#giomic-logo img {
    max-width: 110px;
    top: 12px;
	z-index: 2;
}
#giomic-logo {
	width: 45%;
	color: black;
}
.menu-btn {
    top: 0;
right: 5px;
height: 40px;
width: 40px;
justify-content: center;
align-items: center;
z-index: 10;
display: block;
position: absolute;
padding-top: 20px;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ccc;
    position: absolute;
}

.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
	#menu-btn-check {
    display: none;
}
.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
	padding-top: 100px;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 1;
    background-color: black;/* スマホ　メニュー背景色 */
    transition: all 0.5s;/*アニメーション設定*/
	 overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#header .is-sticky .menu-content {
    padding-top: 70px;
}
.menu-content ul {
    padding: 10px;
}
.menu-content ul li {
    list-style: none;
}
.menu-content ul li a {
    display: block;
	width: 100%;
	box-sizing: border-box;
	color: #222;
	text-decoration: none;
	position: relative;
	padding: 3px 0;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #eee;
	border-right: solid 2px #eee;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}	
#menu-btn-check:checked ~ .menu-content {
    left: 0;
}	
.menu-btn:hover {
    cursor: pointer;
}
.acd-content strong {
    font-size: 16px;
    padding: 10px 15px;
    line-height: 2em;
}	
	
.acd-check{
  display: none;
}
.acd-label{
	color: white;/* スマホ　メニュー色 */
	display: block;
	margin-bottom: 1px;
	padding: 20px 20px;
	letter-spacing: 0.09em;
	font-size: 17px;
	font-weight: 500;
	border-bottom: 1px solid #2a2a2a;
	width: 90%;
	margin: 0 auto;
	text-align: left;
}
.acd-label::after {
    content: "+";
    color: #444;
    float: right;
    font-size: 25px;
    font-weight: 400;
	transition: .4s;
}
.acd-check:checked + .acd-label:after {
    content: "-";
    color: #444;
    font-size: 25px;
    font-weight: 400;
}
.acd-content{
  height: 0;
  opacity: 0;
  padding: 0 20px;
  transition: .4s;
  visibility: hidden;
}
.acd-content a:hover:after {
	border-color: #c6311d;
} 
.acd-content p {
    margin: 0;
	line-height: 1.5em;
	font-size: 14px;
	text-align: left !important;
}
.acd-check:checked + .acd-label + .acd-content{
	height: auto;
	opacity: 1;
	padding: 10px 20px;
	visibility: visible;
}
.acd-content p a {
    color: white;
    line-height: 2em;
    padding-left: 25px;
}
.acd-content .SpProduct-menu .box_product_top {
    width: 50%;
    float: left;
	padding: 3px;
}	
.acd-content .banner_midashi_img a {
	padding: 0;
}	
.SpProduct-menu .acd-content .banner_midashi_img a::after {
    display: none;
}
.SpProduct-menu .banner_midashi {
padding-top: 15px;
}
.SpProduct-menu .acd-content p {
font-size: 10px;
letter-spacing: 0em;
letter-spacing: 0.08em;
font-weight: 300;
}
.SpProduct-menu .acd-content .banner_midashi h4 {
	padding: 0;
	margin: 0;
	letter-spacing: 0.08em;
	line-height: 1.7em;
	font-size: 13px;
	font-weight: 500;	
	border: none;
}
	
	
/*add css*/
.kleo-main-header.header-normal .navbar-header {
	max-width: 100%;
	line-height: 41px !important;
	height: 41px !important;
}

.navbar #header_search {
display: none;
}
.navbar-header .logo {
padding-left: 0;
line-height: 2em;
max-height: inherit;
max-width: 110px;
}	
.navbar nav {
display: none;
}	
.kleo-mobile-switch {
display: none;
}	
.header-flexmenu #header .kleo-main-header > .container {
padding: 0;
}	
#header .kleo-main-header > .container {
	border: none !important;
}
.navbar-header .logo {
display: none;
}	
.kleo-main-header.header-normal {
border: none;
}
/* product */
#header-nav-switch #sp-product-btn {
    width: 50%;
    float: left;
}
#header-nav-switch #sp-product-btn .banner_midashi p {
margin: 0;
padding: 0;
font-size: 8px;
text-align: center;
	letter-spacing: 0.1em;
}
#header-nav-switch #sp-product-btn .banner_midashi h4 {
margin: 0;
padding: 0;
font-size: 12px;
text-align: center;
line-height: 1.3em;
}
#header-nav-switch #sp-product-btn a {
padding: 0;
}
#sp-product-btn .banner_midashi_img {
	position: relative;
	margin: 3px;
	background: none;
}
#sp-product-btn .banner_midashi {
position: absolute;
z-index: 1;
top: 20px;
left: 0;
right: 0;
	padding: 0;
margin: 0 auto;
}
#sp-product-btn .banner_midashi::after {
display: none;
}
#sp-product-btn .banner_midashi_img img {
height: 70px;
object-fit: cover;
width: 100%;
}
.acd-content #sp-product-btn a::after {
display: none;
}
.acd-content #product_block {
    display: inline-block;
}
#product_block a {
    padding: 0;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
/** pad size **/
@media only screen and (min-width: 768px) and (max-width: 991px) {
#header-nav nav {
max-width: 550px;
}
#giomic-globalnavigation > .giomic-GN-title > a {
padding: 23px 1.1%;
font-size: 13px;
letter-spacing: 0.03em;
}
#giomic-logo img {
max-width: 110px;
top: 24px;
}
#header_search img {
max-height: 13px;
width: auto;
margin: 5px;
}	
#header_search {
width: 8%;
padding: 21px 0;
}	
.kleo-main-header.header-normal .navbar-header {/**ヘッダーメニュー幅**/
max-width: inherit;
}
.navbar-header .logo {/**ロゴブロック**/
padding-left: inherit;
}
.kleo-mobile-switch {/**スイッチ**/
display: none;
}	
	
.navbar-header .logo {
	width: 14%;
	top: -4px;
}
.navbar-full-width .kleo-main-header .container {
padding: 0 10px;
}
nav #giomic-globalnavigation {
}	
#giomic-globalnavigation > .giomic-GN-title > a {
padding: 23px 1%;
}	
#header_search {
position: absolute;
right: 0;
margin-right: 15px;
}	
nav {
    position: absolute;
	width: 68%;
}	
.kleo-main-header.header-normal > .container {
position: relative;
}	
#header {
    width: 100%;
    z-index: 9999;
}	
#slide_title {
margin-top: 70px;
}	
#concept-menu-GM .concept-menu-box1 li {
margin: 0 5px;
}	
#concept-menu-GM .concept-menu-box2 ul {
margin-left: 10px;
}	
.concept-menu-box1 li a,
.concept-menu-box2 li a,
.newsblog-menu-box1 li a {
font-size: 14px;
}	
#newsblog-menu-GM li {
margin: 0 5px;
}
#product_menu_left .product_menu {
width: 18.6%;
height: 150px;
}
#product_menu_left h4 {
font-size: 12px;
padding: 0 0 3px;
}
.product_menu p {
font-size: 10px;
line-height: 1.4em;
}		
#product_menu_left {
    width: 100%;
}	
#product_menu_search {
	width: 100%;
	padding: 0;
}	
#product_menu_viw .pro_inner {
width: 100%;
}	
#product_menu_viw {
padding: 20px 5px;
}	
.search_box {
height: 120px;
}
.search_box h3 {
padding: 10px 0;
}	
li.giomic-GN-title ul.giomic-GN-menu {
padding: 100px 20px 20px !important;
}	
.custom_minis-menu-box1 {
padding: 42px 5px 0;
width: 25%;
}
.custom_minis-menu-box2 {
width: 75%;
}	
.custom_minis-menu-box2 ul li {
	margin: 0 5px;
}	
.shop-menu-box1 li,
.custom_minis-menu-box1 h4,
.shop-menu-box1 li,
.shop-menu-box3 li,
.support-menu-box1 ul li {
	margin: 0 5px 5px;
	font-size: 14px;
	}	
.shop_list_box li {
	padding: 10px 5px;
	font-size: 14px;
}
.shop-menu-box3 {
	padding: 0;
	width: 12%;
}	
.shop-menu-box2 {
	width: 37%;
}











	
	
}
/** note size **/
@media only screen and (min-width: 992px) and (max-width: 1199px) {	
.container nav {/**メニュー全体幅**/
width: auto;
}
#giomic-globalnavigation {/**メニュー幅**/
width: 100%;
}	
#giomic-globalnavigation > .giomic-GN-title > a {/**ボタンメニュー幅**/
padding: 15px 1.5%;
}	
#header .is-sticky #giomic-globalnavigation > .giomic-GN-title > a {
padding: 15px 1.5%;
}
.kleo-main-header.header-normal .navbar-header {/**ロゴ余白幅**/
max-width: inherit;
width: 20%;
}	
#header_search {
width: 10%;
}	
	#concept-menu-GM div,
	#newsblog-menu-GM div,
	#product_menu_viw .pro_inner,
	#custom-menu-GM div,
	#shop-menu-GM div,
	#support-menu-GM div {
max-width: 900px;
}	
	
#giomic-globalnavigation > .giomic-GN-title > a {/**個別メニュー幅**/
padding: 15px 1.3%;
font-size: 14px;
letter-spacing: 0.09em;
}
#concept-menu-GM .concept-menu-box1 li,.custom_minis-menu-box2 ul li, .shop-menu-box1 li, .support-menu-box1 ul li,#newsblog-menu-GM li {
margin: 0 5px;
}
.concept-menu-box1 li a, .concept-menu-box2 li a, .newsblog-menu-box1 li a, .custom_minis-menu-box2 ul li, .custom_minis-menu-box1 h4, .shop-menu-box1 li, .shop-menu-box3 li, .shop_list_box li, .support-menu-box1 ul li {
font-size: 15px;
}
#concept-menu-GM .concept-menu-box2 ul {
margin-left: 20px;
}
.shop_list_box li {
padding: 10px;
}	
#shop-menu-GM .shop_list_box .outline {
    width: 100%;
}	
#product_menu_left h4 {
margin: 3px auto;
font-size: 15px;
}
.product_menu p {
font-size: 12px;
}
#product_menu_left .product_menu {
	margin: 0 3px 3px;
	width: 19%;
	height: 200px;
}
#product_menu_search {
padding: 0;
width: 15%;
}
#product_menu_left {
width: 85%;
}	
#concept-menu-GM .concept-menu-box1 img,
	#newsblog-menu-GM ul li img,
	.custom_minis-menu-box1 img,
	.custom_minis-menu-box2 img,
	#shop-menu-GM img,
	#support-menu-GM img{
height: 140px;
}	
#shop-menu-GM {
min-height: 400px;
}	
#concept-menu-GM, #newsblog-menu-GM, #custom-menu-GM, #support-menu-GM {
min-height: 330px;
}	
	
	
}
/** desktop size **/
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
.container nav {/**メニュー全体幅**/
width: auto;
}
#giomic-globalnavigation {/**メニュー幅**/
width: 100%;
}	
#giomic-globalnavigation > .giomic-GN-title > a {/**ボタンメニュー幅**/
padding: 23px 1.8%;
}
	#header .is-sticky #giomic-globalnavigation > .giomic-GN-title > a {
padding: 15px 1.8%;
}
.kleo-main-header.header-normal .navbar-header {/**ロゴ余白幅**/
max-width: inherit;
width: 20%;
}	
#header_search {
width: 10%;
}	
	#concept-menu-GM div,
	#newsblog-menu-GM div,
	#product_menu_viw .pro_inner,
	#custom-menu-GM div,
	#shop-menu-GM div,
	#support-menu-GM div {
max-width: 1000px;
}
#concept-menu-GM .concept-menu-box1 li,
.custom_minis-menu-box2 ul li,
.shop-menu-box1 li,
.support-menu-box1 ul li,
#newsblog-menu-GM li {
margin: 0 8px;
}	
#product_menu_left .product_menu {
width: 19%;
margin: 0 3px 3px;
height: 230px;
}	
#product_menu_left h4 {
font-size: 14px;
}
.product_menu p {
font-size: 13px;
}	
.shop_list_box li {
padding: 15px;
}
#concept-menu-GM .concept-menu-box2 ul {
margin-left: 30px;
}	
.concept-menu-box1 li a, .concept-menu-box2 li a, .newsblog-menu-box1 li a, .custom_minis-menu-box2 ul li, .custom_minis-menu-box1 h4, .shop-menu-box1 li, .shop-menu-box3 li, .shop_list_box li, .support-menu-box1 ul li {
font-size: 16px;
}	
.navbar-header .logo {
padding-left: 18%;
}	
	
	
	
	
	
	
	
}
/** desktop large size **/
@media only screen and (min-width: 1366px) and (max-width: 1421px) {
.container nav {/**メニュー全体幅**/
width: auto;
}
#giomic-globalnavigation {/**メニュー幅**/
width: 100%;
}	
#giomic-globalnavigation > .giomic-GN-title > a {/**ボタンメニュー幅**/
padding: 15px 2.5%;
}
#header .is-sticky #giomic-globalnavigation > .giomic-GN-title > a {
padding: 15px 2.5%;
}
.kleo-main-header.header-normal .navbar-header {/**ロゴ余白幅**/
max-width: inherit;
width: 20%;
}	
#header_search {
width: 10%;
}
	
	
	
	
	
	
}
/********************************
window size END
*********************************/
/****************************************************************
* shop single page
*****************************************************************/
#shop_log_inner {
	
}
#shop_log_inner .wrap-content {
padding: 0;
width: 100%;
}
#shop_log_inner .template-page.col-sm-9.tpl-right {
width: 100%;
}
#shop_log_inner #main-container {
    max-width: 1200px;
    margin: 70px auto;
    display: block;
}
.store-data {
	
}
#shop_log_inner
.store_name_box {
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;	
	position: relative;
	padding: 15px;
	display: table;
	width: 100%;
	margin-bottom: 40px;
	display: inline-block;
}
#shop_log_inner
.store-data h3{
	font-size: 30px;
	font-weight: 500;
	padding-left: 60px;
	color: black;
	width: 65%;
	float: left;
	margin: 10px auto;
}
.store-data h3::before {
    content: "";
	position: absolute;
	background-image: url(https://giomic.com/wp-content/uploads/2021/02/giomic_icon.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
	top: 20px;
	left: 20px;
}
#shop_log_inner .store_badge {
	width: 35%;
	float: left;
}
#shop_log_inner .store_badge img {
	float: right;
    width: 50%;
    padding: 1px;
	max-height: 48px;
}
#shop_log_inner .store_info {
	width: 50%;
	float: left;	
	padding: 0 60px;
}
.store_info .fab {
    font-size: 28px;
    display: inline-block;
    float: left;
    padding: 5px;
}
.s_icon,.s_icon2,.s_icon3,.s_icon4 {
display: none;
}
#sns1 .s_icon, #sns2 .s_icon2, #sns3 .s_icon3, #sns4 .s_icon4 {
display: block;
}
#shop_log_inner .store_comment {
	width: 50%;
	float: left;	
	padding: 0 60px;
}
.store_map {
width: 100%;
float: left;		
}
#shop_log_inner .store_dealercat {
    width: 100%;
    float: left;
	padding: 20px 0;
}
#shop_log_inner .store_dealercat h4 {
    margin: 0;
}
#shop_log_inner .store_dealercat p {
}
.store_dealercat .cate_sup,
.store_dealercat .cate_pre,
.store_dealercat .cate_mas,
.store_dealercat .cate_mcjp,
.store_dealercat .cate_mini {
display: none;
}
#supportshop .cate_sup,
#premiumshop .cate_pre,
#mastershop .cate_mas,
#mcjpbadge .cate_mcjp,
#minidlr .cate_mini {/* open */
	display: block;
	padding: 10px;
	margin-bottom: 10px;
}
#shop_log_inner .store_dealercat img {
max-height: 48px;
}
#shop_log_inner p {
    font-size: 16px;
    color: black;
    line-height: 1.7em;
    letter-spacing: 0.05em;
	word-wrap: break-word;
}
#shop_log_inner h4 {
font-size: 23px;
font-weight: 500;
color: black !important;
letter-spacing: 0.05em;
border-bottom: 1px solid #444;
padding: 10px 0;
margin-top: 50px;
}
#shop_log_inner .back_button {
    height: 150px;
    text-align: center;
    margin: 100px 0;
	width: 100%;
	float: left;
}
#store_pic_box .thumbnail img {
width: 100%;
}
#store_pic_box .thumbnail{
border: none;
}
#shop_list_inner
.store_infomation {
    padding: 100px 0;
    font-size: 16px;
    color: #444;
    line-height: 1.5em;
}
#info_dealers {
    width: 100%;
    height: 200px;
    float: left;
    border: 5px solid red;
}



/**********************
 * スライドショー 
 **********************************************/
#store_pic_box {
width: 50%;
float: left;	
}
#store_pic_box
input[type="radio"]{
  display: none;
}
#store_pic_box .slide {
   position: relative;
   width: 100%;
   height: 400px;
   overflow: hidden;
}
 
#store_pic_box .slide img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
   height: auto;
   opacity: 0;
}
#store_pic_box .thumbnail {
   list-style: none;
   display: flex;
   padding: 0;
   margin-top: 30px;
   justify-content: center;
}
#store_pic_box li {
    width: 33.3%;
}
#store_pic_box .thumbnail img {
   display: block;
   object-fit: cover;
   cursor: pointer !important;
	height: 120px;
	width: 200px;
}
.show_on .slideoff-image,
.show_off .show_off
{
    display: none;
}
.show_off .slideoff-image,
.show_on .show_on
 {
display: block;
}



/*自動でサムネイルを切り替えるアニメーション*/
@keyframes thumb1 {
 0% {
  filter: grayscale(0%);
 }
 6% {
  filter: grayscale(100%);
 }
 10% {
  filter: grayscale(100%);
 }
 28% {
  filter: grayscale(100%);
 }
 37% {
  filter: grayscale(0%);
 }
 100% {
  filter: grayscale(0%);
 }
}
/*スライドショー用アニメーション*/
@keyframes slideshow1 {
 0% {
  opacity: 0;
 }
 10% {
  opacity: 1;
 }
 28% {
  opacity: 1;
 }
 38% {
  opacity: 0;
 }
 100% {
  opacity: 0;
 }
}
/*ページを開いたとき＆一つ目のサムネイルをクリックしたとき*/
#store_pic_box #img1:checked ~ .thumbnail label[for="img1"] img {
 animation: thumb1 24s linear infinite both;
 animation-delay: 0s;
 cursor: auto;
}
#store_pic_box #img1:checked ~ .thumbnail label[for="img2"] img {
 animation: thumb1 24s linear infinite both;
 animation-delay: 8s;
}
#store_pic_box #img1:checked ~ .thumbnail label[for="img3"] img {
 animation: thumb1 24s linear infinite both;
 animation-delay: 16s;
}
#store_pic_box #img1:checked ~ .slide img {
 animation: slideshow1 9s linear infinite;
}
#store_pic_box #img1:checked ~ .slide img:nth-child(1) {
 animation-delay: 0s;
}
#store_pic_box #img1:checked ~ .slide img:nth-child(2) {
 animation-delay: 3s;
}
#store_pic_box #img1:checked ~ .slide img:nth-child(3) {
 animation-delay: 6s;
}


/**********************
 * スライドショー END
 **********************************************/
/****************************************************************
* shop arcive page
*****************************************************************/
#shop_list_inner {
	
}
#shop_list_inner
.store_area_box {
width: 100%;
margin: 0 auto;
display: inline-block;
position: relative;
padding: 100px 0;
}
#shop_list_inner
.store_area_box li {
text-align: center !important;
margin: 2% 1%;
width: 100%;
float: left;
list-style: none;
z-index: 10;
border-radius: 17px;
padding: 8px;
font-size: 17px;
background: white;
	border: solid 2px #4d4c4c;
}
#shop_list_inner .store_area_box li:hover {
background-color: #ba3421;
border-color: #ba3421;
color: white;
}

.store_area_box ul {
	line-height: none;
	padding: 0;
	margin: 0;
	max-width: 15%;
	float: right;
}
#shop_list_inner .template-page.tpl-right .wrap-content {
padding: 0;
}
#shop_list_inner .template-page.col-sm-9.tpl-right.posts-listing.masonry-listing.with-meta {
    width: 100%;
}
#shop_list_inner h2 {
    border: none;
    font-size: 42px;
    font-weight: 600;
    color: black !important;
    padding: 80px 0;
	text-align: center;
}
.store_name_cate {
	
}
#shop_list_inner .store_left h3 {
    font-size: 21px;
    font-weight: 400;
    padding: 5px 0 7px;
    padding-left: 45px;
    color: black !important;
    width: 70%;
    float: left;
    margin: 0;
}
.store_name_cate
.cate__badge {
    width: 30%;
    float: left;
}
.store_name_cate
.cate__badge img {
    width: 50%;
    padding: 0 5px;
	float: right;
}
#shop_list_inner .store_left h3::before {
    background-image: url(https://giomic.com/wp-content/uploads/2021/02/giomic_icon.png);
    position: absolute;
    margin-left: -2em;
    margin-top: -5px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    content: "";
}
.store_left p {
    font-size: 14px;
    color: black;
    line-height: 1.5em;
    letter-spacing: 0.05em;
    padding: 3px 0;
    width: 100%;
    margin: 0;
	display: inline-block;
	border-top: 1px solid #ccc;
}
.store_bar_box {
border-top: 2px solid #222;
margin: 5px auto;
padding: 5px;
display: inline-block;
width: 100%;
}
.store_bar_box:hover {
    background-color: #f7f5f5;
    transition: all 0.5s;
    opacity: 0.5;
}
.store_left {
    width: 90%;
    float: left;
}
.store_right {
    width: 100%;
    float: left;
}
.store_right img {
    padding: 0 3px 3px 0;
	max-height: 38px;
}
.store_right .store_img {
    float: right;
    padding: 0;
}
.store_next {
    text-align: right;
}
.store_bar_box .store_thumbnail {
    float: right;
	width: 10%;
}
.store_bar_box .store_thumbnail img {
    width: 100px;
    height: 100px;
    object-position: center;
    object-fit: contain;
	float: right;
}
.pagination > li > a {
font-size: 18px;
color: #ccc;
}
#shop_list_inner
.pagination > a.page-numbers:hover {
color: #efefef;
}
#shop_list_inner
.pagination > a.page-numbers {
padding: 0;
margin: 5px;
text-decoration: underline solid;
}
#shop_list_inner .pagination {
font-size: 15px;
}
#shop_list_inner .pagination a {
    background-color: #f2f2f2;
    padding: 5px 12px !important;
}
#shop_list_inner .pagination a:hover {
    color: #9a9a9a !important;
    background-color: #f8f8f8;
}


/***********************************
 * エリア選択画像
 * *********************************/
.store_area_box li::after,
.store_area_box li::before {
    background-image: url();
    background-repeat: no-repeat !important;
    background-size: contain;
    width: 80%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    z-index: 0;
    position: absolute;
}
.store_area_box ul::after {
    background-repeat: no-repeat !important;
    background-size: contain;
    width: 80%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    z-index: 10;
    position: absolute;
    background-image: url(https://giomic.com/wp-content/themes/kleo-child/img/shop-map-firstimg.svg);
}

.store_area_box .button__01::after {
    background-image: url(https://giomic.com/wp-content/themes/kleo-child/img/shop-map-img010.svg);
	z-index: 6;
}
#shop_list_inner .store_area_box li:hover::before {
	z-index: 1;
}
.store_area_box li::after, .store_area_box li::before {
pointer-events: none;
}
.store_area_box .button__01:hover::after {
	background-image: url(https://giomic.com/wp-content/themes/kleo-child/img/shop-map-img012.svg);
	z-index: 7;
}
.store_area_box .button__02:hover::after {
	background-image: url(https://giomic.com/wp-content/themes/kleo-child/img/shop-map-img01.svg);
	z-index: 7;
}
.store_area_box .button__03:hover::after {
	background-image: url(https://giomic.com/wp-content/themes/kleo-child/img/shop-map-img02.svg);
	z-index: 7;
}
.store_area_box .button__04:hover::after {
	background-image: url(https://giomic.com/wp-content/themes/kleo-child/img/shop-map-img03.svg);
	z-index: 7;
}
.store_area_box .button__05:hover::after {
	background-image: url(https://giomic.com/wp-content/themes/kleo-child/img/shop-map-img04.svg);
	z-index: 7;
}
.store_area_box .button__06:hover::after {
	background-image: url(https://giomic.com/wp-content/themes/kleo-child/img/shop-map-img05.svg);
	z-index: 7;
}
.store_area_box .button__07:hover::after {
	background-image: url(https://giomic.com/wp-content/themes/kleo-child/img/shop-map-img06.svg);
	z-index: 7;
}
.store_area_box .button__08:hover::after {
	background-image: url(https://giomic.com/wp-content/themes/kleo-child/img/shop-map-img08.svg);
	z-index: 7;
}
.store_area_box .button__09:hover::after {
	background-image: url(https://giomic.com/wp-content/themes/kleo-child/img/shop-map-img07.svg);
	z-index: 7;
}
.store_area_box .button__010:hover::after {
	background-image: url(https://giomic.com/wp-content/themes/kleo-child/img/shop-map-img09.svg);
	z-index: 7;
}
.store_area_box .outline:hover::after {
	background-image: url(https://giomic.com/wp-content/themes/kleo-child/img/shop-map-img011.png);
	z-index: 7;
}
/********************************
news style
*********************************/
#side-bannerlink:hover {
opacity: 0.5;
transition: all .3s ease-in-out 0s;
}
.sidebar.sidebar-main.col-sm-3.sidebar-right
.searchsubmit.button {
border: none;
text-indent: -9999em;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAABgCAYAAABbjPFwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgtJREFUeNrs1yFzwjAYxnHKTYBErrJySOQmZ5Gzk/sMfATsLF8BuUlk7SS2ckgkkr3ZveVCSdqk5G7H7p+7HlDCQ35J0ybZ8Xgc3HIZDm68APjrctdVoaqqXF4KOSZ6am9OF0XxnaIBi8XCmb9cLoPyM98kloabwLmGO6vI8SGQfc+GB+ULZB8N0Ma/yTHuaMdBjlUsQhsfnN+G8F1CL1a46YlSGlkpzvTYk/acqfMqx3vkAFzkSyMrxUXlX4yANHCmQ2vKVhq+9lxips5MP26kXhnY+2f50vC1p95ZvtQrQ+9CU2v4PlvastE6pjxE9H7SfBfgXl930qsH3w/1u0o/TiIAp3zpVW++fteZ7wKMrR4KLeMedZPkuwD1/TcPCM4bvwkpSfOHnvvv77DphPY9J2bW0O4iAKd8ndBtk70z3wX4st7PXQg992ydKiMAZ/kuhJ4Lyvc9yOxbXf14t4e+OanWMqm3EQ+y6HyZ1NvYpUTdC6ETtA8iKt+FyNo2NIIw4Y+uxZZeCrk+VfsiovObiOzaHZkgp40/WaVaqSryIt9eqV69H9Aet5cDo5Trfe1xb36Wak+s+4ZRvehLXXTfMKoXfckBbCkBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACA/wj4EWAAMFHXN7XDzN4AAAAASUVORK5CYII=') no-repeat;
background-position-x: 0%;
background-position-y: 0%;
width: 24px;
height: 24px;
border-radius: 100%;
position: relative;
float: right;
margin-top: -2px;
}
.sidebar.sidebar-main.col-sm-3.sidebar-right
.ajax_s.form-control.input-sm {
background: none;
}
.sidebar.sidebar-main.col-sm-3.sidebar-right
.searchform {
padding: 10px;
}
.sidebar.sidebar-main.col-sm-3.sidebar-right
.searchsubmit.button:hover {
opacity: 0.5;
}
.masonry-listing .post-image img {
width: 100%;
height: 180px;
object-fit: cover;
overflow: hidden;
}
.post-header {
padding: 0 10px;
}
.wpp-thumbnail.wpp_featured {
    border-radius: 40px;
}
.pt-cv-thumbnail.pull-left {
	width: 40px;
	border-radius: 40px;
	margin-right: 10px !important;
}

.pt-cv-title a {
font-weight: 300;
letter-spacing: 0.05em;
}
.news-time {
width: 100%;
text-align: right;
color: #bbb;
}
/********************************
window size
*********************************/
/** sp size **/
@media (max-width:767px){
#shop_log_inner .row {
margin: 0 auto;
}
#shop_log_inner .template-page.col-sm-9.tpl-right {
padding: 0;
}
#shop_log_inner .store_name_box {
margin: 20px auto;
padding: 0 0 5px;
}
.store-data h3::before {
top: 7px;
left: 10px;
width: 25px;
height: 25px;
}	
#shop_log_inner .store-data h3 {
font-size: 21px;
width: 100%;
margin: 5px auto;
padding-left: 40px;
}	
#shop_log_inner .store_badge {
width: 100%;
}
#store_pic_box {
width: 100%;
}
#store_pic_box .slide {
max-height: 300px;
}
#store_pic_box .thumbnail img {
margin: 0;
height: 80px;
padding: 1px;
}	
#store_pic_box .thumbnail {
margin-top: 10px;
}
#shop_log_inner .store_info,
#shop_log_inner .store_comment
	{
width: 100%;
padding: 0;
}
.store_map iframe {
max-height: 300px;
}	
#shop_log_inner .store_badge img {
max-height: 40px;
padding: 2px;
}	
/*** arcive ***/
.store_area_box ul {
	max-width: 100%;
	margin-top: 0;
}
#shop_list_inner .store_area_box li {
width: 48%;
float: left;
margin: 1%;

}
.store_area_box li::after,
.store_area_box li::before {
width: 100%;
height: 250px;
}
#shop_list_inner .store_area_box li.outline {
width: 98%;
}
#shop_list_inner h2 {
	font-size: 28px;
	padding: 80px 0 40px;
}
	
.store_left {
width: 100%;
}
.store_right {

}
.store_right img {
width: auto;
padding: 0;
max-height: 13px;
margin: 3px 0 3px 3px;
}
#shop_list_inner .pagination > a.page-numbers {
margin: 0 0 0 2px;
}
#shop_list_inner .store_left h3 {
padding: 5px 0;
padding-left: 30px;
	font-size: 15px;
	width: 62%;
}
.store_name_cate .cate__badge {
width: 40%;
margin-bottom: 3px;
}
#shop_list_inner .store_left h3::before {
width: 20px;
margin-left: -25px;
margin-top: 3px;
}
.store_name_cate .cate__badge img {
padding: 10px 0 10px 3px;
}
.store_left p {
font-size: 12px;
}
.store_bar_box {
padding: 0;
}
.store_bar_box .store_thumbnail {
display: none;
}	
.store_bar_box .store_thumbnail img {
width: 65px;
height: 65px;
margin-top: 5px;
}	
.store_area_box ul::after {
	display: none;
}
.store_area_box .button__01::after {
display: none;
}
.store_area_box li::after, .store_area_box li::before {
display: none;
}
.store_area_box li::after, .store_area_box li::before {
    pointer-events: inherit;
}
#shop_list_inner .store_area_box {
margin: 0;
padding: 15px 0;
}	
#shop_log_inner .store_dealercat {
padding: 0;
}
#shop_log_inner .store_dealercat h4 {
font-size: 18px;
padding: 5px 0;
}
#shop_log_inner .store_dealercat p {
font-size: 15px;
margin: 5px 0;
}

}
/** pad size **/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.store_left {
width: 85%;
}
.store_bar_box .store_thumbnail {
width: 15%;
}
	
	
	
	
}
/** note size **/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.store_left {
width: 87%;
}
.store_bar_box .store_thumbnail {
width: 13%;
}    
}
/** desktop size **/
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    
}
/** desktop large size **/
@media (min-width:1366px){
    
}




.store_info
.sns_icon a {
    font-size: 35px;
    letter-spacing: 0.09em;
}

.input-group__tit{
    font-size: 16px !important;
    color: #FFF !important;
    text-align: center !important;
}

.input-group__gm{
    margin-top: 50px !important;
}

.searchform__gm {
    margin: 30px 10px 0 10px !important;
    background-color: #fff !important;
    border-radius: 10px !important;
    padding: 2px !important;
    }