/*
Theme Name: Responsive-Design
Theme URI: http://www.joc-network.co.jp/
Author: JOC-NETWORK CO.,LTD.
Author URI: http://www.joc-network.co.jp/
*/

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:var(--black-color);}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
.cleared{clear:both;}
.tel-link-jocconversion {color: var(--black-color);}
.tel-link-jocconversion a{color: var(--black-color);}
.none_link{pointer-events: none;}

:root {
  --main-color:#666666;
  --sub-color:#515763;
  --white-color:#FFF;
  --black-color:#000;
  --red-color:#FF0000;
  --gray-light: #DDD;
}

.red{
	color:var(--red-color);
}

.blinking {
    color: var(--red-color);
    -webkit-animation: 0.5s linear 0s alternate none infinite running blink;
    -moz-animation: 0.5s linear 0s alternate none infinite running blink;
    animation: 0.5s linear 0s alternate none infinite running blink;
	padding:0 5px 0 0;
}


@-webkit-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}

/* =Clearfix by Nicolas Gallagher
-------------------------------------------------------------- */
.row:before,.row:after,.clearfix:before,.clearfix:after{content:'';display:table;}
.row:after,.clearfix:after{clear:both;}
.row,.clearfix{zoom:1;}

/* =Gridiculous
-------------------------------------------------------------- */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word}
body{font-size:100%;line-height:1.6875}
img{max-width:100%;height:auto}
.wfull{width:100%;max-width:100%}
.w320{max-width:320px}
.w640{max-width:640px}
.w960{max-width:960px}
.row{width:100%;margin-bottom:20px}
.row .row{width:auto;margin:0 -20px}
.c1{width:8.33%}
.c2{width:16.66%}
.c3{width:32%;}
.c4{width:33.33%}
.c5{width:41.66%}
.c6{width:50%;}
.c7{width:58.33%}
.c8{width:66.66%}
.c9{width:68%}
.c10{width:83.33%}
.c11{width:91.66%}
.c12,.w320 .c1,.w320 .c2,.w320 .c3,.w320 .c4,.w320 .c5,.w320 .c6,.w320 .c7,.w320 .c8,.w320 .c9,.w320 .c10,.w320 .c11,
.w640 .c1,.w640 .c2,.w640 .c3,.w640 .c4,.w640 .c5,.w640 .c6,.w640 .c7,.w640 .c8,.w640 .c9,.w640 .c10,.w640 .c11{width:100%}
.c1,.c2,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{min-height:1px;float:left;padding-left:0px;padding-right:0px;position:relative}
.c3{min-height:1px;float:left;padding:25px 2% 0 0;position:relative}
.s1{margin-left:8.33%}
.s2{margin-left:16.66%}
.s3{margin-left:25%}
.s4{margin-left:33.33%}
.s5{margin-left:41.66%}
.s6{margin-left:50%}
.s7{margin-left:58.33%}
.s8{margin-left:66.66%}
.s9{margin-left:75%}
.s10{margin-left:83.33%}
.s11{margin-left:91.66%}
.end{float:right!important;padding:25px 0 0 2%;}

/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;

  /* sprites.less reset */
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}

.icon-search:before { content: "\f021"; }
.icon-leaf:before { content: "\f022"; }
.icon-reorder:before { content: "\f0c9"; }
.icon-mail:before { content: "\f003"; }
.icon-caret-down:before { content: "\f024"; }
.icon-caret-up:before { content: "\f025"; }
.icon-caret-right:before { content: "\f026"; }
.icon-quote-left:before { content: "\f027"; }

/* =全体にかかわる設定
-------------------------------------------------------------- */
body {
	margin:0;
	background-color:var(--white-color);
	color: var(--black-color);
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 14px;
	-moz-transition: left .25s ease-in-out;
	-webkit-transition: left .25s ease-in-out;
	transition: left .25s ease-in-out;
	position: relative;
	left: 0;
	}

.grid{margin:0 auto;max-width:1200px;min-width:320px;width:100%}
	
html, body {
	height: 100%;
	}

#page {
	min-height: 400px;
	height: auto !important;
	height: 100%;
	padding:0;
	margin: 0 auto;
	}
	
.side_menu{
	float:left;
	margin-bottom:10px;
}

#main {
	margin-bottom: 0;
    padding-bottom: 0;
    }
    

.main_content{
	display:block;
	width:100%;
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin:0;
	padding:0;
	}
	
.sub_page{
	padding:0 10px!important;
}
	
h1{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box
	;width:100%;
	border-bottom: 1px dotted var(--gray-light);
	margin:0;
	padding:10px 0 20px;
	line-height:1.5;
	font-size:32px;
	font-weight:normal;
	color:var(--main-color);
	}
	
h1.cart_view{
    display:flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type:none;
    justify-content:left;
    -webkit-justify-content:left;
	align-items:center;
}

h1.cart_view span{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
    width:calc(100% - 125px);
}

h1.cart_view a{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
    width:125px;
	font-size:14px;
	border:1px solid var(--main-color);
	margin:0;
	padding:10px;
}

h1.cart_view a:hover{
	color:var(--white-color);
	background-color:var(--main-color);
}


	h2{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	font-size: 26px;
    width: 100%;
    color: var(--black-color);
    padding: 0;
    margin: 0 0 50px;
    text-align:center;
    background: none;
    line-height:1;
    font-weight:normal;
    border: none;
	}

h3{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	width:100%;
	margin:15px 0 30px;
	padding:20px 0;
	line-height:1.2;
	font-size:18px;
	font-weight:bold;
	color:var(--main-color);
	border-bottom:1px solid var(--main-color);
	}
			
h4{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	width:100%;
	margin:15px 0 30px;
	padding:10px 20px;
	line-height:1.2;
	font-size:13px;
	font-weight: normal;
	border-left:1px solid var(--black-color);
	}

a {
	color:var(--black-color);
	text-decoration:none;
	-moz-transition: 2s ease;
	-webkit-transition: 2s ease;
	-o-transition: 2s ease;
	-ms-transition: 2s ease;
	
}

a:hover{
	color:#F00;
	text-decoration:none;
	
}

#slider_t{
    position:fixed;
    z-index:-1;
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin:0;
	padding:0;
	width:100%;}
	
.entry-content section{
	margin:0;
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	width:100%;
	padding:30px 5%;
}

ul ul,
ol ol {
	margin: 0;
	}

pre {
	padding: 5px;
	background: #f6f6f6;
	border: 1px solid #e2e2e2;
	color: var(--main-color);
	font-size: 90%;
	white-space: pre;
	word-wrap: normal;
	overflow-x: scroll;
	}

table {
	width: 100%;
	}

	td, th {
		padding: 6px;
		border: 0;
		text-align: left;
		}

	th {
		background: #eee;
		font-weight: bold;
		}

	.widget #calendar_wrap {
		padding: 0 20px 20px;
		}

.fl {
	float: left;
	}

.fr {
	float: right;
	}

.instructions {
	background-color: #FFFFE0;
	border: 1px solid #E6DB55;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 12px;
	}

	.instructions a {
		color: #21759B;
		text-decoration: none;
		}

/* =HTML5 Defaults
-------------------------------------------------------------- */
del {
	color: red;
	text-decoration: line-through;
	}

ins {
	border-bottom: 1px solid green;
	text-decoration: none;
	color: green;
	}

/* =Inputs
-------------------------------------------------------------- */
input,
textarea {
	padding: 4px;
	border: 1px solid #bbb;
	outline: none;
	font-weight: normal;
	color: #555;
	max-width: 100%;
	}

	input:focus,
	textarea:focus {
		border-color: #AAA;
		-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
		-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
		box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
		}

	input[type=text],
	input[type=password],
	input[type=email],
	input[type=url],
	input[type=number] {
		max-width: 100%;
		}

	textarea {
		max-width: 100%;
		}

select {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	border: 1px solid #aaa;
	padding: 4px;
	color: #555;
	}

	.widget select {
		margin: 0 20px 20px;
		width: 70%;
		}
		
span.wpcf7-list-item {
    display: inline-block;
    margin: 0 1em 0 0!important;
}

input[type="radio"] {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 20px;
  cursor: pointer;
	box-shadow:none;
    margin: 0 5px 0 0;
}
input[type="radio"]::before,
input[type="radio"]::after {
  position: absolute;
  content: '';
  top: 50%;
  border-radius: 100%;
  -webkit-transition: all .2s;
  transition: all .2s;
}
input[type="radio"]::before {
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background: #f3f3f3;
  border: 1px solid #ccc;
}
input[type="radio"]:hover,input[type="checkbox"]:checked{
	box-shadow:none;
}

input[type="radio"]:hover::before {
  background: var(--white-color);
}
input[type="radio"]::after {
  opacity: 0;
  left: 4px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: #004580;
  -webkit-transform: scale(2);
  transform: scale(2);
}

input[type="radio"]:checked{
	box-shadow:none;
}
input[type="radio"]:checked::before {
  background: var(--white-color);
  border: 1px solid #004580;
}
input[type="radio"]:checked::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

input[type="checkbox"] {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 22px;
  cursor: pointer;
}
input[type="checkbox"]::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background: var(--white-color);
  border: 1px solid #ccc;
}
input[type="checkbox"]:checked::after {
  position: absolute;
  content: '';
  top: -5px;
  left: 3px;
  width: 13px;
  height: 5px;
  border-left: 2px solid #004580;
  border-bottom: 2px solid #004580;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.wpcf7-acceptance input:focus{
	box-shadow:none;
}

.wpcf7-acceptance input[type="checkbox"],
.wpcf7-acceptance input[type="checkbox"]::before,
.wpcf7-acceptance input[type="checkbox"]::after {
  -webkit-transition: all .2s;
  transition: all .2s;
}
.wpcf7-acceptance input[type="checkbox"]{
  display: inline-block;
  position: relative;
  width: 40px;
  height: 18px;
  border-radius: 9px;
  cursor: pointer;
  background: #eee!important;
  background-image:none;
  border:none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size:8px;
  margin:0 0 -3px
}
.wpcf7-acceptance input[type="checkbox"]::before {
  display: block;
  content: "NO";
  position: absolute;
  top: 10px;
  right: 3px;
  color: #aaa;
  border:none;
  width:auto;
  height:18px;
  text-align:right;
  background-color:transparent;
}
.wpcf7-acceptance input[type="checkbox"]::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width: 16px;
  height: 16px;
  background-color: var(--white-color);
  border-radius: 50%;
  border:none;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  text-align:left;
}

.wpcf7-acceptance input[type="checkbox"]:checked{
  background-color: #004580!important;
}

.wpcf7-acceptance input[type="checkbox"]:checked::before {
  content: "YES";
  left: 3px;
  right: auto;
  color: var(--white-color);
  border:none;
  width:auto;
  height:18px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.wpcf7-acceptance input[type="checkbox"]:checked::after {
  left: 23px;
  background-color: #f7f7f7;
}


/* =Assitive Text
-------------------------------------------------------------- */
.assistive-text,
.remove {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* =グローバルメニューのカスタマイズ
-------------------------------------------------------------- */

.nav_wrap {
    display:block;
    -moz-box-sizing:border-box;box-sizing:border-box;
    width: 100%;
	margin:0;
	padding:8px 0;
}

.nav_wrap_bk,.sub_add{
	background:var(--main-color);
}

#nav_t {
    display:flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type:none;
    justify-content:left;
    -webkit-justify-content:left;
	align-items:center;
	-moz-box-sizing:border-box;box-sizing:border-box;
	width:100%;
	max-width:1220px;
	margin: 0 auto;
	padding:0;
	}
	
	
#site-logo a{
    display:flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type:none;
    justify-content:left;
    -webkit-justify-content:left;
	align-items:center;
	-moz-box-sizing:border-box;box-sizing:border-box;
	padding:0;
	width:250px;
	margin:0;
	color:var(--white-color);
	}
	
#site-logo a img{
	display:block;
	margin:0;
	width:60px;
}

#site-logo a .text{
	display:block;
	margin:0;
	padding:0 0 0 10px;
	width:calc(100% - 60px);
	font-size:12px;
	line-height:1.2;
}

#site-logo a .text strong{
	display:block;
	margin:0;
	padding:0;
	font-size:20px
}

	
#site-navigation,
#site-sub-navigation {
    display:block;
	position: relative;
	z-index: 500;
	font-size: 13px;
	font-weight: 400;
	margin:0;
    padding:0;
	width: calc(100% - 250px);
	text-align:right;
	}

	#site-sub-navigation {
		background: none;
		font-size: 12px;
		z-index: 400;
		}

	#site-navigation ul,
	#site-sub-navigation ul {
		padding: 0;
		padding-top: 10px;
		margin: 0;
		}

	#site-navigation li,
	#site-sub-navigation li {
		display: inline-block;
		position: relative;
		text-align:center;
		line-height:40px;
		/*border-left: 1px solid #CCC;*/
		-moz-transition: color .25s ease-in-out;
		-webkit-transition: color .25s ease-in-out;
		transition: color .25s ease-in-out;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		}

	#site-navigation .sub-menu li,
	#site-sub-navigation .sub-menu li,
	#site-navigation .children li,
	#site-sub-navigation .children li {
		border: 0;
		}

		#site-sub-navigation li {
			margin-right: 8px;
			position: relative;
			border: 0;
		}

		#site-sub-navigation li:before {
			content: "\2022";
			font-size: 18px;
			position: absolute;
			right: -8px;
			}

			#site-sub-navigation li:last-child:before,
			#site-sub-navigation li li:before {
				content: none;
				}

		#site-navigation li a,
		#site-sub-navigation li a {
			color: var(--white-color);
			padding: 0;
			display: inline-block;
			text-decoration: none;
			transition: all .2s ease 0s;
			-webkit-transition: all .2s ease 0s;
			-moz-transition: all .2s ease 0s;
			-ms-transition: all .2s ease 0s;
			}

			#site-navigation li a,
			#site-sub-navigation ul ul li a {
				display:inline;
				padding:7px 15px;
				}

		#site-sub-navigation li,
		#site-sub-navigation li a {
			color: var(--black-color);
			position:relative;
			display: inline-block;
    		text-decoration: none;
			}

			#site-sub-navigation li li,
			#site-sub-navigation li li a {
				text-transform: none;
			}
        #site-navigation li a:after {
            position:absolute;
            bottom: -2px;
            left:0;
            content: "";
            width: 100%;
            height: 2px;
            background: var(--white-color);
            opacity: 0;
            visibility: hidden;
            transition: all .2s ease 0s;
			-webkit-transition: all .2s ease 0s;
			-moz-transition: all .2s ease 0s;
			-ms-transition: all .2s ease 0s;
        }
		#site-navigation li a:hover {	
			}
		#site-navigation li a:hover:after {
		    bottom: 2px;
		    opacity: 1;
		    visibility: visible;
		    }

			#site-sub-navigation li:hover,
			#site-sub-navigation li li:hover  {
				background: #00ffff;
				}

		#site-navigation li a:not(:last-child):after,
		#site-sub-navigation li a:not(:last-child):after {
			content: "\f024";
			font-family: FontAwesome;
			float: right;
			margin: 0 0 0 10px;
			}

			#site-navigation ul ul li a:not(:last-child):after,
			#site-sub-navigation ul ul li a:not(:last-child):after {
				content: "\f026";
				}
				
		.menu-item-186.current_page_item:after{
            position:absolute;
            bottom:2px;
            left:0;
            content: "";
            width: 100%;
            height: 2px;
            background: var(--white-color);
	}

	#site-navigation ul ul,
	#site-sub-navigation ul ul {
		opacity: 0;
		position: absolute;
		left: -9999px;
		width: 188px;
		z-index: 99999;
		background: #222;
		-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
		transition: opacity .25s ease-in-out;
		}

		#site-sub-navigation ul ul {
			background: #122b3f;
			top: 2.5em;
			}

		#site-navigation li li,
		#site-sub-navigation li li {
			clear: both;
			width: 100%;
			}

			#site-navigation li li:hover {
				background: #3A566D;
				}

			#site-sub-navigation li li:hover {
				background: #3A566D;
				}

	#site-navigation ul li:hover > ul,
	#site-sub-navigation ul li:hover > ul {
		opacity: 1;
		left: 0;
		}

	#site-navigation ul ul li:hover > ul,
	#site-sub-navigation ul ul li:hover > ul {
		left: 100% !important;
		top: 0;
		}
		
/* =フッターのカスタマイズ
-------------------------------------------------------------- */
#footer_top {
	background: var(--sub-color);
	overflow:hidden;
	min-width:100%;
	-moz-box-sizing:border-box;box-sizing:border-box;
	}
	
#footer_top .footer_cont {
    display:flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type:none;
    justify-content:left;
    -webkit-justify-content:left;
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin:0 auto;
	color: var(--white-color);
	padding:0;
	width:1200px;
	font-size: 85%;
	}
	
#footer_top .footer_cont .ft_addr{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	padding:15px 10px 0;
	width:calc(100% - 240px);
	}
	
#footer_top .footer_cont .ft_addr .logo_ft_box{
    display:flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type:none;
    justify-content:left;
    -webkit-justify-content:left;
	align-items:center;
	-moz-box-sizing:border-box;box-sizing:border-box;
	padding:0 0 8px;
	width:250px;
	margin:0;
	color:var(--white-color);
	}
	
#footer_top .footer_cont .ft_addr .logo_ft_box img{
	display:block;
	margin:0;
	width:60px;
}

#footer_top .footer_cont .ft_addr .logo_ft_box .text{
	display:block;
	margin:0;
	padding:0 0 0 10px;
	width:calc(100% - 60px);
	font-size:12px;
	line-height:1.2;
}

#footer_top .footer_cont .ft_addr .logo_ft_box .text strong{
	display:block;
	margin:0;
	padding:0;
	font-size:20px
}
	
#footer_top .footer_cont .ft_menu{
    display:flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type:none;
    justify-content:flex-end;
    -webkit-justify-content:flex-end;
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin:0;
	padding:20px;
	width:240px;
	}
	
#footer_top .footer_cont .sns_icon{
    display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
    margin:0 0 5px 5px;
	padding:0;
}

#footer_top .footer_cont .icon_view a{
    display:flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type:none;
    justify-content:center;
    -webkit-justify-content:center;
	align-items:center;
	-moz-box-sizing:border-box;box-sizing:border-box;
    margin:0 0 5px 5px;
	padding:0;
	width:40px;
	height:40px;
	font-size:22px;
	color:var(--sub-color);
	background-color:var(--white-color);
	border:1px solid var(--white-color);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align:center;
}

#footer_top .footer_cont .icon_view a:hover{ 
	color:var(--white-color);
	background-color:var(--sub-color);
}

#footer {
	-moz-box-sizing:border-box;box-sizing:border-box;
	background: var(--sub-color);
	color: var(--white-color);
	padding:0;
	height:auto;
	font-size: 85%;
	text-align:left;
	}
	
#footer #footer-content {
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin:0 auto;
	max-width:1200px;
	padding:0 10px 10px;
	}

/* =コーディング用の追加記載場所
-------------------------------------------------------------- */
.box_top_inner{
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    text-align: center;
    padding: 160px 0;
    max-width: 1200px;
    margin: 0 auto;
}

.bg_white {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: var(--white-color);
}

.bg_imges {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	background-size: cover!important;
	background-attachment: fixed!important;
	background-repeat: no-repeat!important;
}

.white_change{
	color:var(--white-color);
}

.service_ul {
    display:flex;
    box-sizing: border-box;
    font-size: 0;
    -moz-box-sizing: border-box;
    width: 100%;
    padding:0;
}
.service_ul li {
    display:inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: left;
    width:33.33%;
    margin:0;
    font-size: 19px;
}

.service_ul li a{
    display:block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: left;
    width: 350px;
    height: 350px;
    margin:0 auto;
    background: #f8f9fb;
    padding:10px 15px;
    transition: all 0.5s ease 0s;
}

.service_ul i {
    display:block;
    padding: 80px 0 75px;
    text-align:center;
    font-size: 130px;
    color: #c8c8c8;
}

.service_ul li a:hover,.service_ul li a{
    color: inherit;
    transition: none;
}
.service_ul li a:hover {
    color: var(--white-color);
    background: #495058;
}
.service_ul li a:hover i{
    color: var(--white-color);
}
.info_recluit{
    display:flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type:none;
    justify-content:left;
    -webkit-justify-content:left;
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin:0;
	padding:0;
	width:100%;
}

.info_recluit .box_recluit{
    display:flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type:none;
    justify-content:left;
    -webkit-justify-content:left;
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin:0 4% 0 0;
	padding:0;
	width:48%;
}

.info_recluit .box_recluit .img_box{
	display:block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding:0;
    width: 40%;
    margin: 0;
}

.info_recluit .box_recluit .text_box{
	display:block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding:0 0 0 20px;
    width: 60%;
    margin: 0;
}

.info_recluit .box_recluit .text_box h3{
    padding:10px 0;
    width:100%;
    margin: 0 0 10px;
	font-size:20px;
	border-bottom:1px solid var(--black-color);
	text-align:left;
	color:var(--black-color);
}

.info_recluit .box_recluit:nth-child(2n){
	margin:0;
}

.box_top_inner .title_box{
    display: block;
	-moz-box-sizing:border-box;box-sizing:border-box;
    max-width: 750px;
    width: 100%;
    font-size:18px;
    margin: 0 auto;
    letter-spacing: 0.02em;
    line-height: 2.1;
	padding:0;
	text-shadow:0px 1px 2px #ffffff;
}

.box_top_inner .title_box .title{
    display: block;
	-moz-box-sizing:border-box;box-sizing:border-box;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    margin: 0 0 20px;
}

.back_to_top {
    position: fixed;
    bottom: 45px;
    right: 45px;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 4px 0 0;
    border-radius: 100%;
    color: var(--white-color);
    background: #888;
}
.back_to_top:hover {
    transform: translate(0, 0) scale(1.2, 1.2) !important;
    -moz-transform: translate(0, 0) scale(1.2, 1.2) !important;
    -webkit-transform: translate(0, 0) scale(1.2, 1,2) !important;
}
.back_to_top i {
    font-size: 40px;
}
.back_to_top a {
    width:100%;
    color: var(--white-color);
}
.back_to_top a:hover {
    color: var(--white-color);
}
.breadcrumbs{
	padding:10px 0;
}

.breadcrumbs li {
	display:inline-block;
	list-style-type:none;
	position:relative;
	margin-right:10px;
	padding-right:10px;
}
/*テキストの設定*/
h2 span {
	display:block;
	font-size: 19px;
	font-weight: normal;
	vertical-align: middle;
	margin-bottom: 40px;
}

/*ボタンの設定*/
.button_top {
    display:block;
    position:relative;
    z-index:2;
    margin: 0 auto;
    width: 100%;
    text-align:center;
    font-size: 8px;
    max-width: 150px;
    color: var(--white-color);
    border: 1px solid var(--white-color);
    transition: all .2s ease 0s;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
}
.button_top:after{
    display:block;
    content: "";
    position:absolute;
    z-index:-1;
    top:0;bottom:0;left:0;right:0;
    width:0;
    height:0;
    margin:auto;
    background:rgba(0,0,0,.2);
    transition: .3s;
}
.button_top a {
    display: block;
    padding: 15px 0 14px;
    width: 100%;
    color: var(--white-color);
}
.button_top a:hover{
    color: inherit;
}
.button_top:hover:after {
    width: 100%;
    height: 100%;
}

.effect_v {
    opacity: 0;
    transform: translate(0, 30px);
    transition: .3s all ease-in-out 0s;
}
.effect_v.fade_In {
    transform: translate(0, 0);
    opacity: 1;
}
.effect_v.fade_Out {
    transform: translate(0, 30px);
    opacity: 0;
}

.effect_l {
    opacity: 0;
    transform: translate(-100px, 0);
    transition: .5s all ease-in-out 0s;
}
.effect_l.fade_In {
    transform: translate(0, 0);
    opacity: 1;
}
.effect_l.fade_Out {
    transform: translate(-100px, 0);
    opacity: 0;
}

.effect_r {
    opacity: 0;
    transform: translate(100px, 0);
    transition: .5s all ease-in-out 0s;
}
.effect_r.fade_In {
    transform: translate(0, 0);
    opacity: 1;
}
.effect_r.fade_Out {
    transform: translate(100px, 0);
    opacity: 0;
}

.effect_u {
    opacity: 0;
    transform: translate(0, -100px);
    transition: .5s all ease-in-out 0s;
}
.effect_u.fade_In {
    transform: translate(0, 0);
    opacity: 1;
}
.effect_u.fade_Out {
    transform: translate(0, -100px);
    opacity: 0;
}

.effect_d {
    opacity: 0;
    transform: translate(0, 100px);
    transition: .5s all ease-in-out 0s;
}
.effect_d.fade_In {
    transform: translate(0, 0);
    opacity: 1;
}
.effect_d.fade_Out {
    transform: translate(0, 100px);
    opacity: 0;
}

/* お問い合わせ・会社情報の表 */

.line_company{
    display:flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type:none;
    justify-content:left;
    -webkit-justify-content:left;
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin:0;
	padding:0;
	border-bottom:1px solid var(--gray-light);
	width:100%;
	}
	
.line_company .c_midasi{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin:0;
	padding:10px 0;
	width:25%;
	font-weight:bold;
	}
	
.line_company .c_cont{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin:0;
	padding:10px 0 10px 20px;
	width:75%;
	}

.line_company .c_cont label{
    cursor: pointer;
}

.line_company .c_cont input[type=text],.line_company .c_cont input[type=tel],.line_company .c_cont input[type=password],.line_company .c_cont input[type=email],.line_company .c_cont input[type=url],.line_company .c_cont input[type=number],.line_company .c_cont textarea {
	width: 100%;
	padding:8px 10px;
	}
.line_company .c_cont textarea {
    height: 220px;
}

input[type="submit"] {
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin: 20px auto 0;
	padding:10px 20px;
	font-size:16px ;
	border:none;
	background-color:var(--main-color);
	color:var(--white-color);
	text-align:center;
	}
	
input[type="submit"]:hover {
	opacity: 0.5 ;
	color:var(--white-color);}
	
/* 新着情報 */
	
.headline{
    display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	width:100%;
	padding:0;
	margin:0;
	border-bottom:1px dotted #CCC;
	}
	
.headline a {
    display:flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type:none;
    justify-content:left;
    -webkit-justify-content:left;
	align-items:center;
	-moz-box-sizing:border-box;box-sizing:border-box;
	width:100%;
	padding:8px 5px;
	margin:0;
}
.date{
    display:block;
    width: 100px;
    background: #ccc;
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin: 0;
	text-align:center;
	font-size:14px;
}
.headline .text{
    display:block;
    width:calc(100% - 100px);
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin: 0;
	padding:0 0 0 20px;
    text-align:left;
}

.headline a:hover{
	color:var(--black-color);
	opacity:0.4;
	filter:alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";
}

.gallery_list_top{
    display:flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type:none;
    justify-content:center;
    -webkit-justify-content:center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding:20px 0 0;
	margin:0;
    width:100%;
}

.gallery_list_top .photo_view{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	width:46%;
	margin:0 8% 20px 0;
	padding:0;
	text-align:center;
}

.gallery_list_top .photo_view a{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0 auto;
    width: 100%;
}

.gallery_list_top .photo_view a img{
    max-width: 100%;
    max-height: 100%;
    height: auto;
	width:auto;
    flex-shrink: 0;
}

.gallery_list_top .photo_view:nth-child(2n){
	margin:0 0 20px;
}

.gallery_list{
    display:flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type:none;
    justify-content:left;
    -webkit-justify-content:left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding:0;
	margin:0;
    width:100%;
}

.gallery_list .photo_view{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	width:22%;
	margin:0 3% 20px 0;
	padding:0;
	text-align:center;
}

.gallery_list .photo_view .ga_auto{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
}

.gallery_list .photo_view .ga_auto.shintaro,.gallery_list .photo_view .ga_auto.shinsho{
	height:330px
}

.gallery_list .photo_view .ga_auto.shinjiro{
	height:220px
}

.gallery_list .photo_view .ga_auto img{
    max-width: 100%;
    max-height: 100%;
    height: auto;
	width:auto;
    flex-shrink: 0;
}

.gallery_list .photo_view:nth-child(4n){
	margin:0 0 20px;
}

.link_to_box{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	width:100%;
	margin:0;
	padding:60px 0 0;
	text-align:center;
}

.link_to_box a{
	padding:10px 20px;
	margin:0 auto;
	font-size:16px ;
	border:none;
	background-color:var(--main-color);
	color:var(--white-color);
	text-align:center;
}

.link_to_box a:hover{
	opacity: 0.5 ;
	color:var(--white-color);}

.shop_attention{
	color:var(--red-color);
	font-size:12px;
}

.shop_menu_box{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    padding: 0;
    margin:0;
    width: 100%;
}

.shop_menu_box a{
	padding:10px;
	margin:0 5px 20px;
	border:1px solid var(--main-color);
}

.shop_menu_box a:hover{
	background-color:var(--main-color);
	color:var(--white-color);
}

.shop_items_box{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content:left;
    -webkit-justify-content:left;
    padding: 0;
    margin: 0;
    width: 100%;
}

.shop_items_box form{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 0;
    margin: 0 4% 20px 0;
    width: 48%;
	border:1px solid var(--gray-light);
}

.shop_items_box form:nth-child(2n){
	margin: 0 0 20px;
}

.shop_items_box form.photo_img_box{
    display:block;
	border:none;
}

.shop_items_box form .view_photo_box{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 10px 0 0;
    margin: 0;
    width: 100%;
}

.shop_items_box form .view_photo_box a{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    padding: 0;
	width:46%;
    margin: 0 2% 10px;
    overflow: hidden;
}

.shop_items_box form .only_main_photo a{
	width:70%;
}

.shop_items_box form .view_photo_box a img{
    max-width: 100%;
    max-height: 345px;
    height: auto;
	width:auto;
    flex-shrink: 0;
}

.shop_items_box form .item_name{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	width:100%;
	margin:0;
	padding:10;
	text-align:center;
	font-weight:bold;
}

.shop_items_box form .zaiko_status{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	width:100%;
	margin:0;
	padding:10px 0;
	color:var(--red-color);
	font-size:18px;
	text-align:center;
}

.shop_items_box form .cart_form{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	width:100%;
	margin:0;
	padding:10px 0;
	text-align:center;
}

.shop_items_box form .cart_form input[type="text"] {
	width:100px;
	margin:0 0 0 10px;
}

.shop_items_box form .cart_form input[type="submit"] {
	margin:10px auto;
}

.shop_items_box form .price{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	width:100%;
	margin:0;
	padding:0;
}

.shop_items_box form .price span{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	width:100%;
	margin:0;
	padding:10px 0 0;
	text-align:center;
	color:var(--red-color);
	font-weight:bold;
	font-size:120%;
}

.catbox .post .entry{
	border-bottom:none!important
}

div.usccart_navi li.ucart {
    padding: 10px 0;
}

div.usccart_navi li.usccart_cart,div.usccart_navi li.usccart_customer,div.usccart_navi li.usccart_delivery,div.usccart_navi li.usccart_confirm{
    background-image:none!important;
	background-color:var(--main-color)!important;
}

#cart .upbutton{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content:flex-end;
    -webkit-justify-content:flex-end;
}

.send{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
}
#cart .upbutton input[type="submit"] {
	margin:0 0 10px;
	padding:3px;
}

#inside-cart .send input[type="submit"] {
	margin:0;
}

#inside-cart .send input[type="button"]{
	height:35px;
	margin:0 10% 0 0;
}

#customer-info input{
	padding:8px;
}
#customer-info th,#customer-info td{
	font-size:13px!important;
}

/* 画像のロールオーバー */

a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

/* グーグルマップ等のレスポンシブ対応 */

.googlemap{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
	margin-bottom:20px;
}
.googlemap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* テーブルのクラス指定 */

.price_list{
	margin:20px 0 30px;
	width:100%;
	}
	
.price_list th{
	padding:10px;
	text-align:center;
	background-color:#333333;
	color:var(--white-color);
	font-weight:normal;
	border:1px solid #C9C9C9;
	width:40%;
	}
	
.price_list th.price{
	width:20%;
	}

.price_list td{
	padding:10px;
	text-align:left;
	font-weight:normal;
	border:1px solid #C9C9C9;
	}
	
.price_list td.title{
	background-color:#f5f5f5;
	text-align:center;
	}
	
.price_list td.price{
	text-align:center;
	font-weight:bold;
	}

/* ボタンのcss */
.more-link a{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	font-size: 15px;
	background: #F5F5F5;
	color: var(--black-color);
	width:200px;
	text-decoration: none;
	padding: 15px 0 15px 10px;
	text-align:left;
	border: 1px solid #E5E5E5;
	margin: 15px 0 30px;
	line-height: 1.2;
	cursor:pointer;
	}
	
.more-link a:after{
	font-family: FontAwesome;
	content:"\f054";
	float:right;
	padding-right:10px;
	}

.more-link a:hover{
	background: #E5E5E5;
	color: var(--black-color);
}

.more-link a:hover:after{
	font-family: FontAwesome;
	content:"\f054";
	float:right;
	padding-right:8px;
	}

	
/* =スマホメニューカスタマイズ
-------------------------------------------------------------- */
#mobile-menu {
	display:flex;
	display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type:none;
    justify-content:left;
    -webkit-justify-content:left;
	-moz-box-sizing:border-box;box-sizing:border-box;
	padding:0;
	height:50px;
	background:var(--main-color);
	border-bottom:1px solid var(--white-color);
	}

#mobile-menu .m_logo{
    display:flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type:none;
    justify-content:left;
    -webkit-justify-content:left;
	-webkit-align-items:center;-ms-flex-align:center;align-items:center;
	width:45px;
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin:0;
	padding:0 0 0 5px;
}

#mobile-menu .m_link{
    display:flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type:none;
    justify-content:flex-end;
    -webkit-justify-content:flex-end;
	-webkit-align-items:center;-ms-flex-align:center;align-items:center;
	width:calc(100% - 45px);
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin:0;
	padding:0;
}

#mobile-menu .m_link .icons{
  position: relative;
  width: 35px;
  height: 35px;
  margin:0 1px 0 0;
  display:flex;
  display:-webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  list-style-type:none;
  justify-content:center;
  -webkit-justify-content:center;
  -webkit-align-items:center;-ms-flex-align:center;align-items:center;
  font-size:20px;
  color:var(--white-color);
}
		
	#mobile-menu ul{
    display:flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type:none;
    justify-content:left;
    -webkit-justify-content:left;
	margin:0!important;
	padding:0!important;
	width: 100%!important;
}

#mobile-menu li{
	margin:0!important;
	padding:0!important;
	list-style:none!important;
	width:50%;
}

#mobile-menu li#menu-item-3557{
display:none
}
		
.menu_sp_mode,
.menu_sp_mode span{
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  cursor :pointer;
}
.menu_sp_mode{
  position: relative;
  width: 35px;
  height: 35px;
  z-index: 2;
  float:right;
  margin:0 5px!important;
}
.menu_sp_mode span{
  position: absolute;
  background: var(--white-color);
  width: 22px;
  height: 2px;
  left: 0;
  right: 0;
  margin: auto;
}
.menu_sp_mode span:nth-of-type(1){
  top: 10px;
}
.menu_sp_mode span:nth-of-type(2){
  top: 0;
  bottom: 0;
}
.menu_sp_mode span:nth-of-type(3){
  bottom: 9px;
}
.menu_sp_mode.active span:nth-of-type(1){
  -webkit-transform: translateY(6px) rotate(-45deg);
	transform: translateY(6px) rotate(-45deg);
}
.menu_sp_mode.active span:nth-of-type(2){
  opacity: 0;
}
.menu_sp_mode.active span:nth-of-type(3){
  -webkit-transform: translateY(-6px) rotate(45deg);
	transform: translateY(-6px) rotate(45deg);
}
.nav_sp_list{
  display: none;
  position: absolute;
  top: 50px;
  background:var(--main-color);
  width: 100%;
  height:auto;
  padding:0 0 2px;
  margin:0;
  z-index:99999
}
.nav_sp_list .menu{
  display: block;
  -moz-box-sizing:border-box;box-sizing:border-box;
  width:100%;
  padding:0;
  margin:0;
}
.nav_sp_list .menu .menu-item{
	 display: block;
}
.nav_sp_list .menu .menu-item a{
  display: block;
  -moz-box-sizing:border-box;box-sizing:border-box;
  text-align: center;
  text-decoration: none;
  color: var(--white-color);
  padding: 8px 0;
  width:100%;
  border-top:none;
  margin:0;
}

.nav_sp_list .menu #menu-item-176 a,.nav_sp_list .menu #menu-item-178 a,.nav_sp_list .menu li:nth-child(2n) a{	
  border-left:none;
}

/* =Featured
-------------------------------------------------------------- */
#featured, #featured article {
	margin: 0;
	}

	#featured .c12 {
		margin: 0 0 30px;
		}

/* =Sticky
-------------------------------------------------------------- */
.sticky {
	background: #ADADAD;
	background: rgba( 50,50,50,0.5);
	padding: 20px;
	text-shadow: 1px 1px 0 var(--black-color);
	color: var(--white-color);
	border-radius: 6px;
	}

	.sticky,
	.sticky .entry-content img {
		border: 1px solid #777;
		}

	.sticky p {
		margin-top: 0;
		}

	.sticky .entry-meta,
	.sticky .entry-meta a,
	.sticky .entry-title,
	.sticky .entry-title a,
	.sticky h1,
	.sticky h2,
	.sticky h3,
	.sticky h4,
	.sticky h5,
	.sticky h6 {
		color: #fff !important;
		}

	.sticky .post-category,
	.sticky .post-category a,
	.sticky .entry-title a:hover {
		color: #eee !important;
		}

		.sticky .post-category a:hover	{
			color: #ccc;
			}

	.sticky .entry-content {
		border: 0;
		padding: 0;
		}

	.sticky .entry-content a {
		color: #eee;
		border-bottom: 1px dotted;
		}

	.sticky .entry-content pre {
		text-shadow: none;
		}

	.sticky .more-link {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		border-color: #222;
		margin-bottom: 0;
		}


/* =Main
-------------------------------------------------------------- */
#main {
	margin-top: 0px;
	}

	#primary.centered {
		float: none !important;
		margin-left: auto;
		margin-right: auto;
		}

/* =Article
-------------------------------------------------------------- */
article {
	margin-bottom: 0;
	float: left;
	width: 100%;
	}

	.page article,
	.single article {
		/*border-bottom: 1px solid #e2e2e2;*/
		}

.entry-title {
	margin: 0;
	line-height: 1.2;
	}

	.entry-title a {
		text-decoration: none;
		color: #333 !important;
		}

		.entry-title a:hover,
		.format-link cite a:hover {
			color: #666 !important;
			}

.entry-meta {
	font-size: 90%;
	line-height: 1.3;
	margin-top: 2px;
	color: #333;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	}

	.entry-meta a {
		text-decoration: none;
		border-bottom: 1px dotted;
		}

.post-category,
.post-format,
.page-title,
.archive-meta {
	text-transform: uppercase;
	font-size: 80%;
	margin: 0;
	color: var(--main-color);
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	}

	.post-category a {
		text-decoration: none;
		color: #666 !important;
		}

		.post-category a:hover {
			color: #444;
			}

.entry-content {
	width: 100%;
	padding-bottom: 60px;
	overflow: hidden;
	}

	.entry-content a {
		/* border-bottom: 1px dotted;
		text-decoration: none;*/
		}

#posts-pagination a,
.comment-reply-link {
	font-size: 13px;
	background: #122D43;
	color: #eee !important;
	text-decoration: none;
	text-shadow: 1px 1px 0 var(--black-color);
	padding: 6px 12px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #222 !important;
	-moz-box-shadow: 1px 1px 0 #eee;
	-webkit-box-shadow: 1px 1px 0 #eee;
	box-shadow: 1px 1px 0 #eee;
	display: inline-block;
	margin: 1em 0;
	line-height: 1.2;
	}

	#posts-pagination a:hover,
	.comment-reply-link:hover {
		background: #2888C7;
		color: #eee;
		}

	.more-link-p {
		clear: both;
		float: left;
		width: 100%;
		margin: 0;
		}

.entry-content img {
	/*border: 1px solid #e2e2e2;*/
	}

	a > img {
		display: block;
		border: 0 !important;
		}

footer.entry {
	clear: both;
	float: left;
	width: 100%;
	}

blockquote {
	margin: 5px 0 1em 0;
	font-size: 90%;
	color: var(--main-color);
	border-left: 10px solid #aaa;
	padding-left: 12px;
	}

.pullquote {
	font-size: 21px;
	color: #444;
	font-weight: bold;
	line-height: 1.6125em;
	border: 0;
	padding: 0;
	margin: 1em 1.625em 1em 0;
	text-align: right;
	width: 33%;
	float: left;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	-moz-box-shadow: 0 1px 0 #eee, inset 0 1px 0 #eee;
	-webkit-box-shadow: 0 1px 0 #eee, inset 0 1px 0 #eee;
	box-shadow: 0 1px 0 #eee, inset 0 1px 0 #eee;
	}

	.pullquote.alignright {
		margin: 1em 0 1em 1.625em;
		text-align: left;
		float: right;
		}

/* =Front Page Columns
-------------------------------------------------------------- */
.two-col-wrapper,
.three-col-wrapper {
	background: url(library/images/line.gif) repeat-y 50% 0;
	float: left;
	width: 100%;
	margin-bottom: 30px;
	}

	.three-col-wrapper {
		background: url(library/images/line.gif) repeat-y 33.33% 0, url(library/images/line.gif) repeat-y 66.66% 0;
		}

	.border span {
		border-top: 1px solid #e2e2e2;
		margin-bottom: 30px;
		display: block;
		}

	.two-col header,
	.three-col header,
	.two-col .post-format,
	.three-col .post-format,
	.two-col.format-quote .entry-content,
	.three-col.format-quote .entry-content {
		padding-top: 20px;
		border-top: 1px solid #e2e2e2;
		}

		.two-col:nth-child(1) header,
		.two-col:nth-child(2) header,
		.three-col:nth-child(1) header,
		.three-col:nth-child(2) header,
		.three-col:nth-child(3) header,
		.two-col:nth-child(1) .post-format,
		.two-col:nth-child(2) .post-format,
		.three-col:nth-child(1) .post-format,
		.three-col:nth-child(2) .post-format,
		.three-col:nth-child(3) .post-format,
		.two-col.format-quote:nth-child(1) .entry-content,
		.two-col.format-quote:nth-child(2) .entry-content,
		.three-col.format-quote:nth-child(1) .entry-content,
		.three-col.format-quote:nth-child(2) .entry-content,
		.three-col.format-quote:nth-child(3) .entry-content {
			border: 0;
			padding-top: 0;
			}

	.two-col.format-quote:before,
	.three-col.format-quote:before  {
		top: -40px;
		}

    .two-col:nth-child(odd),
    .three-col:nth-child(3n+1) {
    	clear: both;
    	}

    .two-col .entry-title {
	    font-size: 1.7em;
	    }

    .three-col .entry-title {
	    font-size: 1.4em;
	    }

/* =Aside
-------------------------------------------------------------- */
.format-aside p {
	margin-top: 0;
	}

/* =Quote
-------------------------------------------------------------- */
.format-quote .entry-content {
	font-size: 18px;
	line-height: 1.3;
	padding-left: 50px;
	font-style: italic;
	overflow: visible;
	}

	.format-quote p,
	.format-quote blockquote {
		margin: 0;
		}

	.format-quote i.quote {
		color: #aaa;
		display: block;
		font-size: 40px;
		position: relative;
		float: left;
		}

.format-quote blockquote {
	border: 0;
	padding: 0;
	font-size: 28px;
	}

.format-quote cite {
	font-size: 22px;
}

cite {
	text-align: right;
	font-style: normal;
	display: block;
	margin-bottom: 10px;
	}

	cite:before {
		content: '\2013 \00A0';
		}

/* =Status
-------------------------------------------------------------- */
.format-status .post-format {
	margin-bottom: 4px;
	}

	.format-status .avatar {
		background: #F6F6F6;
		border: 1px solid #E2E2E2;
		padding: 6px;
		float: left;
		margin: 0 17px 0 0;
		}

		.format-status.widget-post .avatar {
			background: var(--white-color);
			}

	.format-status .author {
		font-family: 'Lato', sans-serif;
		font-weight: 700;
		font-size: 15px;
		line-height: 1;
		margin: 0;
		}

	.format-status .entry-content {
		padding-left: 77px;
		clear: none;
		display: inherit;
		overflow: inherit;
		}

		.format-status .entry-content p {
			line-height: 1.5;
			margin-top: 0;
			}

	.format-status time {
		line-height: 1.2;
		font-size: 80%;
		color: var(--main-color);
		font-family: 'Lato', sans-serif;
		font-weight: 300;
		margin: 5px 0 15px;
		display: inline-block;
		}

/* =Link
-------------------------------------------------------------- */
.format-link p {
	margin-top: 0;
	}

	.format-link footer.entry p,
	.format-quote footer.entry p {
		margin: 1em 0;
		}

	.format-link a {
		font-size: 150%;
		line-height: 22px;
		border: 0;
		color: #333;
		}

/* =Gallery
-------------------------------------------------------------- */
/* =Gallery
-------------------------------------------------------------- */
.gallery {
  margin: 10px -10px;
}
.gallery > p {
  margin: 0;
  height: 0;
}

.gallery-item {
  margin: 0 0 10px;
  float: left;
  padding: 0 10px;
}
.gallery-item .gallery-icon img {
  width: 100%;
}
.gallery-item .gallery-caption {
  padding: 10px 0;
  margin: 0;
  color: #444;
  clear: both;
  font-size: 12px;
  text-align: center;
}
.gallery-columns-1 .gallery-item {
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  width: 50%;
}
.gallery-columns-3 .gallery-item {
  width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  width: 25%;
}
.gallery-columns-5 .gallery-item {
  width: 20%;
}
.gallery-columns-6 .gallery-item {
  width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  width: 11.11%;
}
@media (max-width: 480px) {
  .gallery .gallery-item {
    width: 100%;
    margin-bottom: 20px;
  }
}

/* =Attachments
-------------------------------------------------------------- */
p.attachment img {
	margin: 0;
	}

	p.attachment a {
		display: inline-block;
		border: 0;
		}

/* =Tags
-------------------------------------------------------------- */
.tags a {
	text-decoration: none;
	background: #f6f6f6;
	padding: 0 6px;
	display: inline-block;
	margin: 0 0 4px;
	border: 1px solid #e2e2e2;
	font-size: 90%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}

	.tags a:hover {
		background: #eee;
		}

/* =Pagination
-------------------------------------------------------------- */
#pagination,
#post-pagination,
#posts-pagination {
	margin: 0 0 20px 0;
	width: 100%;
	overflow: hidden;
	clear: both;
    }

    #pagination {
    	background: #eee;
		padding: 10px;
		font-size: 13px;
		-moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.15);
		-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.15);
		box-shadow: 1px 1px 0 rgba(0,0,0,0.15);
		}

	#pagination .total-pages,
	#pagination .page-numbers,
	#post-pagination a,
	#post-pagination .current-post-page {
		background: var(--white-color);
		padding: 0 6px ;
		border: 1px solid #bbb;
		float: left;
		margin-right: 5px;
		text-decoration: none;
		}

		#pagination .page-numbers.current,
		#pagination .page-numbers:hover,
		#post-pagination a:hover,
		#post-pagination .current-post-page {
			border-color: var(--main-color);
			color: var(--black-color);
			}

#posts-pagination .previous,
#posts-pagination .next {
	max-width: 48%;
	}

	#posts-pagination .next {
		text-align: right;
	}

	#posts-pagination .previous a,
	#posts-pagination .next a {
		max-width: 100%;
		}

	#posts-pagination a {
		margin: 0;
		}

#pages a {
	text-decoration: none;
	border-bottom: 1px dotted;
	}

/* =Comments
-------------------------------------------------------------- */
#comments,
#respond,
.commentlist,
.commentlist ul.children,
.commentlist li.comment,
.commentlist li.pingback,
.commentlist .comment-body {
	width: 100%;
	clear: both;
	float: left;
	}

	#comments-title,
	#reply-title {
		font-size: 1.5em;
		margin-bottom: 0;
		}

		.logged-in-as {
			margin-top: 0;
			font-size: 14px;
			}

			.logged-in-as a {
				text-decoration: none;
				border-bottom: 1px dotted;
				}

	.commentlist li.comment,
	.commentlist li.pingback {
		padding-bottom: 10px;
		}

	.commentlist,
	.commentlist ul.children {
		list-style: none;
		padding: 0;
		}

		.commentlist ul.children {
			margin: 10px 0 0;
			padding-left: 10px;
			}

			.commentlist ul.children li.comment {
				border-left: 1px solid #E2E2E2;
				position: relative;
				}

				.commentlist ul.children li.comment:before {
					width: 12px;
					height: 12px;
					display: block;
					background: var(--white-color);
					-moz-border-radius: 12px;
					-webkit-border-radius: 12px;
					border-radius: 12px;
					border: 1px solid #E2E2E2;
					position: absolute;
					top: 30px;
					left: -7px;
					content: "";
					z-index: 50;
					}

				.commentlist ul.children li.comment:after {
					width: 100px;
					height: 1px;
					border-top: 1px solid #E2E2E2;
					display: block;
					position: absolute;
					top: 36px;
					left: -5px;
					content: "";
					z-index: 40;
					}

	.commentlist .comment-body {
		padding: 20px;
		background: #f6f6f6;
		display: block;
		border: 1px solid #e2e2e2;
		position: relative;
		z-index: 100;
		}

		.commentlist .children > li.comment {
			padding-left: 23px !important;
			}

	.comment-notes {
		line-height: 1.2em;
		clear: both;
		}

	.commentlist li.comment .avatar {
		float: left;
		padding: 0;
		border-color: #CCC;
		}

	.commentlist li.comment .comment-author {
		width: 100%;
		color: #222;
		text-decoration: none;
		}

		.commentlist li.comment .comment-author {
			font-size: 130%;
			padding-left: 75px;
			line-height: 1;
			}

	.commentlist li.comment .comment-meta {
		padding-left: 75px;
		font-size: 80%;
		color: #888;
		font-style: italic;
		}

	.commentlist li.comment .comment-text {
		padding: 0 0 0 75px;
		}

	#cancel-comment-reply-link {
		font-size: 1em;
		float: right;
		}

	.comment-reply-link {
		float: right;
		margin: 0;
		}

	textarea#comment {
		width: 100%;
		}

	.commentlist pre {
		background: #eee;
		border-color: #e2e2e2;
		}

	.pingback a,
	.comment a {
		text-decoration: none;
		border-bottom: 1px dotted;
		}

	.comment .url {
		font-style: italic;
		}

	.bypostauthor > .comment-body {
		border: 10px solid #444;
		}

/* =Archives
-------------------------------------------------------------- */
#archive-header,
.page-title {
	margin: 0 0 30px;
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

	#archive-header h1 {
		margin-bottom: 0;
		border: 0;
		}

	#archive-header h2 {
		padding-bottom: 10px;
		}

.archive-meta {
	color: var(--main-color);
	margin: 0;
	font-size: 13px;
	line-height: 1.3;
	text-transform: none;
	}

	.archive-meta p {
		margin: 0;
		}

.page-title {
	font-size: 1.2em;
	line-height: 1.2;
	padding: 10px 0;
	}

/* =Sidebar
-------------------------------------------------------------- */
.widget {
	margin-bottom: 30px;
	width: 100%;
	border: none;
	padding:0;
	font-size: 90%;
	}

	.widget-title,
	.header-widget-title {
		font-size: 95%;
		margin-top: 0;
		line-height: 1.2;
		color:var(--black-color);
		background-color:var(--gray-light);
		padding: 10px;
		border-bottom: none;
		}

	.widget .textwidget {
		padding: 0 20px;
		}

		.widget p a,
		.home-widget a {
			text-decoration: none;
			border-bottom: 1px dotted;
			}

	.widget ul {
		padding: 0 ;
		list-style: none;
		}

		.widget ul ul {
			padding: 0 0 0 15px;
			}

	.widget ul li a {
		text-decoration: none;
		background-image:url(library/images/ya_said.png);
	background-repeat:no-repeat;
	line-height:30px;
	padding-left:20px;
	
		}

.widget #searchform {
	margin: 0 20px 20px;
	}

	.widget.widget_search {
		padding: 15px 0 5px;
		width:100%;
		margin:0 0 10px;
		background-color:#DDD;
	}

		.widget.widget_search .widget-title {
			padding-top: 0;
			}

	.widget.widget_search #searchform {
		margin-bottom: 10px;
		}

	.widget.widget_search #site-search {
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		}

.widget .tagcloud {
	padding: 0 20px 20px;
	line-height: 1.3;
	text-align: center;
	}

.widget-title .rsswidget {
	text-decoration: none;
	border-bottom: 1px dotted;
	}

.rsswidget img {
	background: none;
	padding: 0;
	display: inline-block;
	margin: 0;
	}

	.widget_rss ul {
		list-style: none;
		padding: 0 20px;
		}

	ul .rsswidget {
		font-size: 120%;
		line-height: 1;
		font-family: 'Lato', sans-serif;
		font-weight: 700;
		}

		ul .rsswidget:hover {
			margin: 0 !important;
			}

		.rss-date {
			clear: both;
			font-size: 90%;
			color: #333;
			font-family: 'Lato', sans-serif;
			font-weight: 300;
			display: block;
			}

		.widget_rss cite {
			font-style: italic;
			}

.mb_featured_posts .widget-title {
	margin-bottom: 20px;
	}

.mb_featured_posts article {
	float: none;
	clear: both;
	margin-bottom: 20px;
	border: 0 !important;
	}

	.mb_featured_posts article .entry-content {
		border-bottom: 1px solid #e2e2e2;
		padding-bottom: 10px;
		}

	.mb_featured_posts article:last-child {
		margin-bottom: 0;
		}

		.mb_featured_posts article:last-child .entry-content {
			border: 0;
			}

	.mb_featured_posts .entry-title {
		font-size: 24px;
		line-height: 30px;
		}

	.mb_featured_posts .entry-meta {
		font-size: 13px;
		line-height: 15px;
		}


/* =Videos
-------------------------------------------------------------- */
video {
	max-width: 100%;
	height: auto;
	}

.responsive-video-wrapper {
	width: 100%;
	position: relative;
	padding: 0;
}

.responsive-video-wrapper iframe,
.responsive-video-wrapper object,
.responsive-video-wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
	}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
	}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
	}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
	}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
	}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
	}

a img.alignnone {
    margin: 5px 20px 20px 0;
	}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
	}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
	}

.wp-caption {
    background: #f6f6f6;
    border: 1px solid #e2e2e2;
    max-width: 100%;
    padding: 10px 10px 5px;
    text-align: center;
	margin-bottom: 20px !important;
    max-width: 100%;
	}

	.widget .wp-caption {
		background: #e2e2e2;
		border-color: var(--gray-light);
		}

.wp-caption a {
	display: block;
	border: 0;
	}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
	}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
	}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
	}

.wp-caption img {
    border: 0 none;
    margin:0;
    padding: 0;
    display: inline-block;
	}

.wp-caption p.wp-caption-text {
    font-size: 80%;
    margin:0;
    padding:0 4px 5px;
	}

.wp-smiley {
	padding: 0;
	border: 0 !important;
	background: none;
	}

#wp-calendar th,
#wp-calendar tbody td {
	text-align: center;
	padding: 6px 0;
	}

/* =Admin bar fix
-------------------------------------------------------------- */
#wp-admin-bar-theme_previews .ab-item { height: auto !important; }
#admin-bar-premium-themes { float: left; }
#admin-bar-premium-themes p { color: var(--black-color); !important; }
#admin-bar-premium-themes p.top-p { margin-top: 10px !important; }
#admin-bar-premium-themes p, #admin-bar-premium-themes a { text-shadow: none !important; }
#admin-bar-premium-themes a { padding: 0 !important; margin-bottom: 10px !important; display: inline-block !important; }
#admin-bar-premium-themes img { margin: 5px; border: 1px solid #ccc; }

/* =bbPress & BuddyPress
-------------------------------------------------------------- */
#bbpress-forums #bbp-your-profile fieldset label[for] {
	width: 25%;
	}

#bbpress-forums #bbp-your-profile fieldset input,
#bbpress-forums #bbp-your-profile fieldset textarea,
#bbpress-forums #bbp-your-profile fieldset fieldset.password {
	width: 75%;
	}

#bbpress-forums .avatar,
.wp_themeSkin * {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	}

#bbpress-forums .wp-switch-editor {
	height: 26px !important;
	border-bottom-color: #ccc;
	border-bottom-style: solid;
	}

	#bbpress-forums .html-active .switch-html,
	#bbpress-forums .tmce-active .switch-tmce {
		border-bottom-color: #f4f4f4;
		}

	.entry-content .bbp-author-avatar,
	#bbpress-forums .vcard a,
	#buddypress .item-nav a,
	#buddypress .item-list-tabs a,
	#whats-new-avatar a,
	.bp_members .entry-content {
		border: 0;
		}

	#buddypress .item-nav,
	#buddypress .item-list-tabs {
		font-size: 12px;
		}

	.bbp-reply-content p,
	.bbp-topic-content p {
		margin-top: 0;
		}

.bp_members .entry-title,
.bp_activity .entry-title {
	margin-bottom: 10px;
	}
	


/* =パソコンで幅を縮小したときの表示
-------------------------------------------------------------- */
@media only screen and (max-width:960px){
	.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12{width:100%;margin-bottom:20px}
	.row .row > div:last-child,.two-col-wrapper{margin-bottom:0 !important}
	.two-col-wrapper.border{border:0}
	.two-col-wrapper,.three-col-wrapper{background-image:none}
	.two-col .entry-content,.three-col .entry-content,.two-col header,.two-col.format-quote .entry-content,.three-col header,.three-col.format-quote .entry-content{border-top:0 !important;padding-top:0}
	.two-col .entry-content,.three-col .entry-content{border-bottom:1px solid #E2E2E2}
	.single .entry-content{border-bottom: 0 !important}
	.border{display:none}
	#site-navigation li a,#site-sub-navigation li a {padding: 0 30px;}
	#site-navigation li a,#site-sub-navigation ul ul li a {width: 100%;}
	#title-logo-wrapper {border-top:5px solid #00AAF0;}
	#header_t {display:block;height:auto;width:100%;}
	#content_top {padding:10px;}
	.side_menu{float:none;}
    #footer_top .footer_cont {width:100%;}
	#google_map {width: 98%; height:300px;}
}

/* =タブレットスマホ表示
-------------------------------------------------------------- */
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
	body{background-image:none; border-top:0; font-size:1.0rem}
	.row,#header .c12{margin-bottom:0!important}
	.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{margin-right:0;margin-left:0;margin-bottom:0}
	.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.header-group,.header-widget{width:100%}
	#main,.header-widget{margin-top:0}
	.gallery-item img{width:140px}
	#page{margin:0; padding:0}
	.left-sidebar #secondary,#left-nav{position:absolute;top:0;left:-260px;width:260px;padding:0}
	#footer .icon-leaf,.header-widget.widget_search,#site-navigation,#site-sub-navigation{display:none}
	#site-sub-navigation{border:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
	#site-logo{display:none;}
	.format-status .entry-content{margin-bottom:0}
	#footer .copyright{margin-bottom:10px}
	#header_t {height:auto;width:100%;}
	#nav_t {height: auto;width:100%;}
	.main_content{padding:0;}
	#site-navigation li a,#site-sub-navigation li a {padding: 10px 15px;}
    #footer_top .footer_cont {width:100%; font-size:70%;}
	#footer_top .footer_cont .ft_menu{width:100%; max-width:240px; margin:0 auto; padding:10px 0;justify-content:center;-webkit-justify-content:center;}
	#footer_top .footer_cont .ft_addr{width:100%; margin:0 auto; max-width:280px;}
	#footer_top .footer_cont .ft_addr .logo_ft_box{margin:0 auto;}
	#footer #footer-content { font-size:70%; text-align:center}
	h1{margin:0;padding:10px 0;font-size:20px;}
	h2{margin:0 0 20px;font-size: 18px;}
	h2 span {font-size: 13px; margin-bottom: 20px;}
	h3 {margin: 10px 0 15px;padding: 10px 0;font-size: 16px;}
	.entry-content {padding-bottom: 20px}
	.entry-content section{padding:10px;}
	.line_company .c_midasi{display:block;width:100%; padding:10px 0;}
    .line_company .c_cont{display:block;width:100%; padding:0 0 10px;}
	.line_company .c_cont textarea{ height:120px;}
	.date{width:calc(50% - 10px);font-size:12px;}
	.headline .text{ width:100%;padding:0;white-space:normal;}
	#google_map {width: 98%; height:200px;}
	.line_box{padding:20px;width:100%;}
	.line_box .title{margin:-35px auto 10px;width:50%;}
	.tp-parallax-wrap { padding-left:5%;}
	.hermes.tparrows{ display:none}
	.service_ul{ display:block;}
	.service_ul li {padding:10px; width:100%;}
	.service_ul li a{text-align:center; width:100%; height:auto;font-size:12px; margin:0 auto}
	.service_ul i {padding: 10px 0 ; font-size: 20px;}
	.nav_wrap_bk { background:none; padding: 0;}
	.back_to_top {bottom: 20px;right: 20px;width: 30px;height: 30px;}
	.back_to_top i {font-size: 20px;padding:0}
	.bg_imges {background-size:background-size: 350% auto;!important;background-attachment:scroll!important;background-position: center!important;}
	.wpcf7-acceptance input[type="checkbox"] { font-size: 10px;}
	.sample_text {width: 100%;padding: 0 10px;margin:0;}
	.box_top_inner{padding:20px 10px;}
	.button {font-size:13px;}
	.info_recluit{padding:10px;}
	.info_recluit .box_recluit{margin:0;padding:0 0 10px;width:100%;}
	.info_recluit .box_recluit .text_box h3{padding:6px 0;font-size:14px;}
	.top_box .title_box{font-size: 14px;line-height:1.6;padding:10px;}
	.top_box .title_box .title{font-size:18px;margin: 0 0 10px;}
	.gallery_list .photo_view{width:48%;margin:0 4% 10px 0; font-size:12px;}
	.gallery_list .photo_view:nth-child(2n){margin:0 0 10px;}
	.gallery_list .photo_view .ga_auto.shinjiro{height:140px}
	.gallery_list .photo_view .ga_auto.shintaro,.gallery_list .photo_view .ga_auto.shinsho{height:230px}
	.link_to_box{padding:20px 0;}
	.shop_menu_box{ justify-content:left; -webkit-justify-content:left;}
	.shop_menu_box a{padding:6px;margin:0 5px 10px; font-size:12px}
	.shop_items_box form{margin: 0 0 10px;width:100%; border:none; border-bottom:1px dotted var(--gray-light);}
	div.usccart_navi li.ucart {width: 50%!important;}
}