@charset "utf-8";
/* CSS Document */

/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
.em,dfn,em{font-style:italic}legend,menu,ol,ul{padding:0}body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,menu,ol,p,pre,ul{margin:0}.commentlist,.sidebar ol,.sidebar ul,nav ol,nav ul{list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}button,html,input,select,textarea{font-family:sans-serif}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.17em}h4{font-size:1em}h5{font-size:.83em}h6{font-size:.75em}small,sub,sup{font-size:75%}.strong,b,strong{font-weight:700}blockquote{margin:1em 40px}mark{background:#ff0;color:#000}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],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}p{-webkit-hyphens:auto;-epub-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.small,small{font-size:75%}ol,ul{list-style-type:none}.clearfix{zoom:1}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.image-replacement{text-indent:100%;white-space:nowrap;overflow:hidden}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.alert-error,.alert-help,.alert-info,.alert-success{margin:10px;padding:5px 18px;border:1px solid}.alert-help{border-color:#e8dc59;background:#ebe16f}.alert-info{border-color:#bfe4f4;background:#d5edf8}.alert-error{border-color:#f8cdce;background:#fbe3e4}.alert-success{border-color:#deeaae;background:#e6efc2}img{-ms-interpolation-mode:bicubic}a img,img{vertical-align:bottom;border:none;background:0 0}

body {
	position:relative;
	font-family:"游ゴシック Medium", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	line-height:1.4;
	color: #666;
	letter-spacing: 0.07em;
	font-weight:300;
	background-color:#FFF;
}
body img {
	max-width: 100%;
	height: auto;
}
.pc {
	display:block;
}
.sp {
	display:none;
}



/***************************************************** ページャー（index.php/archive.php） ***/

/****************************************************** animation ***/

.transition{
	opacity: 0.1;	
}
.on.transition {
	opacity: 1;
}
.v-transition {
    transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
	-moz-transition:all ease 0.5s;
    transform-origin: center top 0px; 
	transform:matrix3d(1,0,0.00,0,0.00,0,1.00,0.008,0,-1,0,0,0,0,0,1);
    -moz-transform:matrix3d(1,0,0.00,0,0.00,0,1.00,0.008,0,-1,0,0,0,0,0,1);
    -webkit-transform:matrix3d(1,0,0.00,0,0.00,0,1.00,0.008,0,-1,0,0,0,0,0,1);
    -o-transform:matrix3d(1,0,0.00,0,0.00,0,1.00,0.008,0,-1,0,0,0,0,0,1);
    -ms-transform:matrix3d(1,0,0.00,0,0.00,0,1.00,0.008,0,-1,0,0,0,0,0,1);
	opacity: 0;
}

.on.v-transition {
    transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,0,0,1);
	-moz-transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,0,0,1);
	-webkit-transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,0,0,1);
	-o-transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,0,0,1);
	-ms-transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,0,0,1);
    opacity: 1;
}
.fadein{
	opacity:0.1;
	transition:all ease 0.7s;
	-webkit-transition:all ease 0.7s;
	-moz-transition:all ease 0.7s;
}
.on.fadein{
	opacity:1;
}
.fadeinzoom{
    opacity: 0.1;
    -webkit-transition: opacity 1s linear , -webkit-transform 0.5s linear 0.1s;
    transition: opacity 1s linear , transform 0.5s linear 0.1s;
    -webkit-transform: scale3d(0.98, 0.98, 0.98);
    transform: scale3d(0.98, 0.98, 0.98);
}
.on.fadeinzoom{
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
.fadeinleft{
	opacity: 0.1;	
	-webkit-transform: translateX(-50px);
    transform: translateX(-50px);
	transition:all ease 0.7s;
	-webkit-transition:all ease 0.7s;
	-moz-transition:all ease 0.7s;
}
.on.fadeinleft{
	opacity:1;
	-webkit-transform: translateX(0);
    transform: translateX(0);	
}
.fadeinright{
	opacity: 0.1;	
	-webkit-transform: translateX(50px);
    transform: translateX(50px);
	transition:all ease 0.7s;
	-webkit-transition:all ease 0.7s;
	-moz-transition:all ease 0.7s;
}
.on.fadeinright{
	opacity:1;
	-webkit-transform: translateX(0);
    transform: translateX(0);	
}

/***************************************************** header用 ***/

header {
	width:100%;
	margin-bottom:1.5rem;
}

#inner-header{
	width:1200px;
	max-width:100%;
	margin:0 auto;
}

#inner-header:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#hbr{
	background-color:#3a2a11;
	color:#FFF;
	font-size:0.9rem;
}


#fixmenu #hbr{
	background-color:#FFF;
	color:#888;
}

#inner-hbr{
	width:1200px;
	max-width:98%;
	margin:0 auto;
	padding:0.4rem 0;
}

#inner-hbr:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

.hconcept{
	width:30em;
	max-width:95%;
	float:left;
	padding-top:0.5rem;
}

#fixmenu #hbr p{
	display:inline-block;
	border-bottom:1px solid #CCC;
	padding:0 0.5rem;
}

#headerlogo{
	width:250px;
	max-width:60%;
	margin:2% 0 0 0;
	display:block;
	float:left;
}

#headerlogo a{
	width:50%;
	float:left;
	display:block;
}

#headerlogo:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#anime{
	width:calc(100% - 280px);
	float:right;
	position:relative;
	height:100px;
}

#penki{
	position:absolute;
	top:70px;
	width:90%;
	left:0;
	padding-top:1%;
	padding-bottom:1px;
}

#penki:after{
	position:absolute;
	right:-5.2rem;
	width:5.5rem;
	top:0;
	height:100%;
	background-image:url(../img/top/paint.png);
	content:"";
	background-size:auto 100%;
	-webkit-background-size:auto 100%;
	background-repeat:no-repeat;
}

#inner-penki{
	width:100%;
	overflow:hidden;
	background-color:#9B9B9B;
	color:#FFF;
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
}

#penki p{
	min-width:400px;
	width:100%;
	padding:0.5rem 1rem;
}


@keyframes penki{
  from {
    width:0;
  }

  to {
    width:100%;
  }
}

#penki{
	-webkit-animation-name: penki;
	animation-name: penki;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay:2s;
	-webkit-animation-delay:2s;
}

#penki p{
	color:#FFF;
}





















#topinfo{
	width:1200px;
	max-width:95%;
	margin:0 auto;
	border-bottom:2px dotted #e1c3b8;
}

#topinfo a{
	padding:0 0.5rem;
	color:#3a2a11;
	dislay:block;
}

#topinfo a span{
	font-weight:bold;
}

.swiper-container{
	width:100%;
	overflow:hidden;
}

.swiper-wrapper:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

.swiper-slide{
	width:1280px!important;
	max-width:90%;
}

.swiper-scrollbar{
	display:none;
}

















/***************************************************** nav用 ***/

.navwrap {
	width:100%;
	margin:0 auto;
	border: 0;
	background:rgba(255,255,255,1);
	box-shadow:0 0 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 2px rgba(0,0,0,0.3);
}
.navwrap.fixed {
	width:100%;
	margin:0 auto;
	border: 0;
	background:rgba(255,255,255,1);
	box-shadow:0 0 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 2px rgba(0,0,0,0.3);
	position:fixed;
	top:0;
	left:0;
	z-index:99;
}
.nav {
	width:1200px;
	max-width:100%;
	margin:0 auto;
}
.nav:after {
	content: "";
	clear: both;
	display: block;
}
.nav li {
	float: left;
	position: relative;
	width:25%;
}
.nav li a {
	display: block;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding:3% 0;
}
.nav li a:hover {
	display: block;
	text-align:center;
	text-decoration:none;
	background-color:rgba(0,0,0,1);
	color:#FFF;
}
.nav li ul {
	width:100%;
	position: absolute;
	overflow: hidden;
	visibility: hidden;
	z-index: 8999;
	height:0;
	transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
	-moz-transition:all ease 0.5s;
}
.nav li:hover ul {
	top: auto;
	overflow: visible;
	visibility: visible;
	height:auto;
}
.nav li ul li {
	width:100%!important;
	float:none;
}
.nav li ul li a {
	padding: 2%!important;
	display: block;
	background:rgba(255,255,255,1);
}
.nav * {
	transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
	-moz-transition:all ease 0.5s;
}


/*****************************************************共通***/

#content {
	width:100%;
	overflow:hidden;
}
#main {
	width:100%;
	overflow:hidden;
	padding:0;
}
h1,h2,h3,h4,h5,h6{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

a{
	text-decoration:none;
	color:#ca8361;
    transition-duration: 0.2s;  
    transition-timing-function: linear;  
}

a:hover{
	color:#3a2a11;
}


#g_map{
	width:100%;
	position:relative;
}
#g_map p{
	position:absolute;
	top:5%;
	left:5%;
	background:rgba(255,255,255,1);
	padding:10px;
	color:#000;
	z-index:999;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.3);
	border:3px solid #880000;
	color:#880000;
}

/*****************************************************TOP***/

#area_first {
	width:100%;
	margin:0 auto;
	padding:5%;
	background:#f5f5f5;
}
#area_first h1{
	position:relative;
	z-index:1;
	text-align:center;	
}
#area_first ul{
	width:800px;
	max-width:90%;
	margin:0 auto 3em;
	height:200px;
	overflow-y:scroll;
	padding:2%;
	position:relative;
	z-index:1;
}
#area_first li{
	padding:10px;
	border-bottom:1px solid #000;	
}
#area_first li span{
	display:inline-block;
	width:120px;	
}
#area_first .slide{
	width:1200px;
	max-width:100%;
	margin:0 auto;	
}
#area_first .slide a{
	background:#FFF;
	text-align:center;
	display:block;
	float:left;
	width:24%;
	margin:1em 0.5%;
}
#area_first .slide a span{
	display:block;	
}

#area_second {
	width:100%;
	margin:0 auto;
	padding:5%;
}
#area_second h1{
	position:relative;
	z-index:1;
	text-align:center;	
}
#area_second ul{
	width:800px;
	max-width:90%;
	margin:0 auto;
	height:200px;
	overflow-y:scroll;
	padding:2%;
	position:relative;
	z-index:1;
}
#area_second li{
	padding:10px;
	border-bottom:1px solid #000;	
}
#area_second li dl{
	width:100%;
	overflow:hidden;	
}
#area_second li dt{
	width:13%;
	float:left;
	margin-right:2%;
}
#area_second li dd{
	width:85%;
	float:left;	
}
#area_second li dd span{
	display:block;	
}


#area_third {
	width:100%;
	margin:0 auto;
	padding:5%;
	background:#f5f5f5;
}
#area_third h1{
	position:relative;
	z-index:1;
	text-align:center;	
}
#area_third ul{
	width:800px;
	max-width:90%;
	margin:0 auto;
	height:200px;
	overflow-y:scroll;
	padding:2%;
	position:relative;
	z-index:1;
}
#area_third li{
	padding:10px;
	border-bottom:1px solid #000;	
}
#area_third li dl{
	width:100%;
	overflow:hidden;	
}
#area_third li dt{
	width:13%;
	float:left;
	background:#EEE;
	text-align:center;
	margin:0 2% 0 0;
}
#area_third li dt a{
	display:block;
	padding:10px 0;
}
#area_third li dd{
	width:85%;
	float:left;	
}
#area_third li dd span{
	display:block;
	font-size:0.8em;	
}


#area_4th {
	width:100%;
	margin:0 auto;
	padding:5%;
}
#area_4th h1{
	position:relative;
	z-index:1;
	text-align:center;	
}
#area_4th ul{
	width:800px;
	max-width:90%;
	margin:0 auto;
	height:200px;
	overflow-y:scroll;
	padding:2%;	
	position:relative;
	z-index:1;
}
#area_4th li{
	padding:10px;
	border-bottom:1px solid #000;	
}
#area_4th li dl{
	width:100%;
	overflow:hidden;	
}
#area_4th li dt{
	width:13%;
	float:left;
	text-align:center;
	margin-right:2%;
}
#area_4th li dd{
	width:85%;
	float:left;	
}
#area_4th li dd span{
	display:block;
	font-size:0.8em;	
}


#area_fifth {
	width:100%;
	margin:0 auto;
	padding:5%;
	background:#f5f5f5;
}
#area_fifth h1{
	position:relative;
	z-index:1;
	text-align:center;	
}
#area_fifth ul{
	width:800px;
	max-width:90%;
	margin:0 auto;
	height:200px;
	overflow-y:scroll;
	padding:2%;
	position:relative;
	z-index:1;
}
#area_fifth li{
	padding:10px;
	border-bottom:1px solid #000;	
}
#area_fifth li span{
	display:inline-block;
	width:120px;	
}

#area_six {
	width:100%;
	margin:0 auto;
	padding:5%;
}
#area_six h1{
	position:relative;
	z-index:1;
	text-align:center;	
}
#area_six .slide{
	width:1200px;
	max-width:100%;
	margin:0 auto;	
}
#area_six .slide a{
	background:#FFF;
	text-align:center;
	display:block;
	float:left;
	width:24%;
	margin:1em 0.5%;
	background:#f5f5f5;
}
#area_six .slide a span{
	display:block;	
}



/*****************************************************footer用***/

.footer {
	width:100%;
	background-color:#FFF;
	padding:2% 0 1px 0;
}

#inner-footer {
	width:1200px;
	max-width:100%;
	margin:	0 auto 1% auto;
	overflow:hidden;
	flex-direction: row;
	display:flex;
}

#inner-footer:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

.ful{
	width:25%;
	padding:0.3rem 1rem;
	border-right:1px solid #CCC;
}

.ful:nth-of-type(1){
	border-left:1px solid #CCC;
}

.ful h3{
	margin-bottom:0.5rem;
}

.ful a{
	display:block;
	color:#888;
	text-decoration:none;
	font-size:0.8rem;
	padding:0.1rem;
	border-bottom:1px solid #FFF;
}

.ful a:hover{
	border-color:#CCC;
}



#cop {
width:100%;
	padding:0.5% 0;
	text-align:center;
	background:#3a2a11;
	color:#FFF;
	font-size: 0.8em;
	clear:both;
}

#cop p{
	width: 980px;
	max-width: 100%;
	text-align: right;
	margin: 0 auto;
}

/*footermenu*/

#ftmenu{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background-image:url(/read/wp-content/themes/gamma/img/kakeami.png);
	padding:3% 0; 
}

#inner-ftmenu{
	width:1200px;
	max-width:95%;
	margin:0 auto;
}

#inner-ftmenu:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#ftmenu h2{
	margin-bottom:3%;
	text-align:center;
}

#ftmenu h2 span{
	font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
	font-size:0.8rem;
	margin:0 1rem;
	display:inline-block;
	font-weight:300;
}

#ftmenu .left{
	width:72.5%;
	margin-right:2.5%;
	float:left;
}

#ftmenu .right{
	width:25%;
	float:left;
}

#ft01{
	
}

#ft01:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#ft01 li{
	width:22%;
	margin:1.5%;
	float:left;
}

#ft01 li:nth-of-type(1),
#ft01 li:nth-of-type(5),
#ft02 li:nth-of-type(1){
	margin-left:0;
	clear:both;
}

#ft01 li a{
	display:block;
	background-color:#e1dfdf;
	padding:12% 6%;
}

#ft01 li a:hover{
	padding:8% 6% 16% 6%;
	background-color:#FFF5ED;
}



#ft02{
	
}

#ft02:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#ft02 li{
	width:22%;
	margin:1.5%;
	float:left;
}

#ft02 li a{
	display:block;
	background-color:#e1dfdf;
	padding:6% 15%;
    transition-duration: 0.2s;  
    transition-timing-function: linear;  
}

#ft02 li a:hover{
	padding:3% 15% 9% 15%;
	background-color:#FFF5ED;
}

#ftbn{
	padding-top:4.5%;
}

#ftbn li{
	margin-bottom:1rem;
}

#ftbn li a{
	display:block;
	background-color:#e0dada;
    transition-duration: 0.2s;  
    transition-timing-function: linear;  
}

#ftbn li a:hover{
	background-color:#FFF5ED;
}

#ftbn li:nth-of-type(3) a,
#ftbn li:nth-of-type(4) a{
	background-color:#FFF;
	border:1px solid #3a2a11;
}	

#ftbn li:nth-of-type(4) a{
	text-align:center;
	font-size:1.3rem;
	color:#3a2a11;
}

#ftbn li:nth-of-type(4) a span{
	color:#ca8361;
	display:inline-block;
	margin:0 0.2rem;
}








/*スライダー*/

#slider{
	max-width:100%;
	margin:0 auto 0 auto;
	position:relative;
}

.owl-stage-outer{
	margin-bottom:1%;
}

#carousel{
	width:850px;
	max-width:100%;
	margin:0 auto;
}

/*
.flex-active-slide{
	opacity:0.3;
}
*/

#rss{
	margin:3% 0 3% 0;
}

#inner-rss{
	width:980px;
	max-width:95%;
	height:200px;
	overflow-y:scroll;
margin:0 auto;
	border:1px solid #CCC;
	font-size:0.9rem;
}

#inner-rss:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#rss .left{
	width:calc(100% - 240px);
	float:left;
	padding-right:30px;
}

#rss .right{
	width:240px;
	float:left;
}


.pageh2{
	font-weight:300;
	text-align:center;
	font-size:1.4rem;
	margin-bottom:1em;
	color:#666;
}

.pageh2 span{
	font-size:1rem;
	display:inline-block;
	margin:0 1em;
	font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
	font-weight:100;
}

.pageh2 a{
	display:inline-block;
	margin-left:1em;
	color:#FFF;
	background-color:#999;
	padding:0.3rem 0.8rem;
	font-size:1rem;
}

.pageh2 a:hover{
	color:#FFF;
	background-color:#B44800;
}

.pageh2 a i{
	margin-left:1rem;
}

/*スクロールバー*/
.vscrollerbase,
.vscrollerbar{width:15px;}
.vscrollerbase{background-color:#FFF;}
.vscrollerbar{background-color:#462e09;}
.vscrollerbase { 
visibility: visible !important; 
}
.scrollgeneric{position:absolute;top:0;left:0;line-height:1px;font-size:1px;}
.scrollerjogbox {width:10px;height:10px;top:auto;left: auto;bottom:0px;right:0px;}

.vscrollerbase,
.mcontentwrapper{ 
	height: 150px !important; 
}


#rss .flexcroll{
	position:relative;
	overflow:auto;
width:100%;
height:150px;
margin:0;
padding:15px;
}

#rss h2{
	font-weight:300;
	font-size:1.2rem;
	width:95%;
	margin:0 auto;
	padding-top:1rem;
	padding-bottom:1rem;
	padding-left:1.5rem;
	color:#666;
}

#rss ul{
	padding:0 1rem 0.5rem 1rem;
}

#rss ul li{
	padding:0.2rem 0.5rem;
	position:relative;
	width:95%;
	margin:0 auto 0.5rem auto;
	font-size:0.85rem;
	padding-left:8rem;
}

#rss ul li a{
	display:block;
	color:#666;
	text-decoration:underline;
	padding:0;
	margin:0;
}

#rss ul li a:hover{
	color:#999;
}

#rss ul li:after{
	background-image:url(../img/top/line.png);
	height:3px;
	background-size:auto 100%;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
#rss ul li .date{
	width:8rem;
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	margin-right:1rem;
}


.ifblog,
.ifinformation{
	background-color:#3a2a11;
	color:#FFF;
	padding:0.2rem 0.5rem;
	font-size:0.8rem;
	margin-right:1rem;
}


#rssbn{
	display:block;
	border:5px solid #FFF;
}

#topbn{
	background-color:#FFF;
	padding:2.5% 0;
}

#inner-topbn{
	width:980px;
	max-width:100%;
	margin:0 auto;
}

#inner-topbn:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#topbn li{
	width:31%;
	max-width:300px;
	float:left;
	margin-right:3.5%;
}

#topbn li:nth-last-of-type(1){
	margin-right:0!important;
}

#topbn h3{
	text-align:center;
	font-size:1.2rem;
	font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
	font-weight:300;
	color:#3a2a11;
	padding:0 0.5rem;
}

#topbn img{
	margin-bottom:0.5rem;
	vertical-align:bottom;
}

#topbn p{
	font-size:0.8rem;
	text-align:center;
}

/*新着商品*/

#newp{
	background-image: url(https://kumamotokeiwa.com/read/wp-content/themes/gamma/img/kakeami.png);
	padding: 40px 0 20px 0;
}

#topnewp{
	width:980px;
	max-width:100%;
	margin:0 auto;
}

#topnewp .item_name{
	margin-bottom:0;
}

#topnewp .item_price{
	display:none;
}

#topnewp li{
	padding:0;
	margin-right:4%;
	width:22%;
	text-align:center;
}

#topnewp li:nth-of-type(4n){
	margin-right:0;
}

#topnewp li a{
	display:block;
}

#topnewp li img{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    transition-duration: 0.3s;  
    transition-timing-function: linear;  
}

#topnewp li a:hover img{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.item_gallery{
	padding:3% 0;
}

#topr01{
	width:980px;
	max-width:100%;
	margin:0 auto;
}

#topr01 ul:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#topr01 li{
	width:23.5%;
	margin:1% 2% 2% 0;
	float:left;
}

#topr01 li:nth-of-type(4n){
	margin-right:0;
}

#topr01 li:nth-of-type(4n+1){
	clear:both;
}

#topr01 li img{
	margin-bottom:0.75rem;
}

#topr01 h3{
	font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
	color:#333;
	font-weight:300;
	text-align:center;
	font-size:1.1rem;
}

#topr01 p{
	color:#666;
	font-size:0.8rem;
	text-align:center;
}





#topr02{
	width:980px;
	max-width:100%;
	margin:0 auto;
}

#topr02 ul:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#topr02 ul{
	display:flex;
}

#topr02 li{
	width:49%;
	margin:0 2% 1rem 0;
}

#topr02 li.topr_half{
	width:24%;
}

#topr02 li:nth-last-of-type(1){
	margin-right:0;
}

#topr02 li:nth-of-type(4n+1){
	clear:both;
}

#topr02 li a{
	display:block;
	color:#666;
	font-size:0.9rem;
}

#topr02 h3{
	font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
	color:#999;
	font-size:0.9rem;
	margin-bottom:0.2rem;
}

#topr02 li img{
	margin-bottom:0.75rem;
}


#topr02 p{
	font-size:0.8rem;
	color:#666;
}

#toprlink{
	display:block;
	margin:2% auto;
	width:300px;
	max-width:90%;
	text-align:center;
	padding:0.5em;
	background-color:#e1dfdf;
	color:#666;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#toprlink i{
	margin-left:0.5em;
}

#toprlink:hover{
	background-color:#332529;
	color:#FFF;
}



#yomimono{
	background-color:#f6f6f6;
	padding:3% 0;
}

#inner-yomimono{
	width:980px;
	max-width:100%;
	margin:0 auto;
}

#inner-yomimono ul:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#yomimono li{
	width:23.5%;
	margin:2% 2% 2% 0%;
	float:left;
}

#yomimono li:nth-of-type(4n){
	margin-right:0;
}

#yomimono li a{
	display:block;
	color:#666;
	font-size:0.8rem;
}

#yomimono li a img{
	border:5px solid #FFF;
	display:block;
	margin-bottom:0.8rem;
    transition-duration: 0.2s;  
    transition-timing-function: linear;  
}

#yomimono a:hover img{
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
	box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}

#footer{
	padding-bottom:0!important;
	margin-top:0!important;
	padding-top:0!important;
}

#maincontainer{
	width:1200px;
	max-width:95%;
	margin:0 auto;
}

#page_homepage #maincontainer{
	width:100%;
	max-width:100%;
}

#maincontainer:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#item_list{
	min-height:100px;
}

#carousel.flexslider .slides > li {
	cursor:pointer
}

.slick-slide {
	height:auto!important;
}


#relative_category_box{
	padding:0 16px 5px 16px;
	border-bottom:1px dotted #CCC;
	margin-bottom:1rem;
}

.relative_cat ol {
	font-size:0.8rem;
}

.cart .btn_area .btn-primary {
    color:#FFF;
}

#total_box #total_box__user_action_menu a,
#total_box #total_box__user_action_menu a:visited{
	color:#FFF!important;
}

.btn-primary{
	background-color:#939598;
	border:0px solid;
	color:#FFF;
}

.btn-primary:hover{
	background-color:#333;
}

.item_comment {
	font-size:0.85rem;
	line-height:1.6;
	margin-bottom:1.5rem;
}

.sale_price{
	padding:1.2rem 0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	text-align:right;
	color:#6c6d70;
	position:relative;
	margin-bottom:1.5rem;
}

.sale_price:before{
	content:"販売価格";
	position:absolute;
	font-size:1rem;
	top:1.5rem;
	left:0;
	font-weight:300;
	color:#808287;
}

@media screen and (max-width: 1080px) {
.sale_price:before{
	display:none;
}
}
@media screen and (max-width: 767px) {
.sale_price:before{
	display:block;
}
}

#detail_description_box__sale_point{
	border:none;
}


#favorite{
	background-color:#666;
    transition-duration: 0.2s;  
    transition-timing-function: linear;
	border:0px solid #FFF;
}

#favorite:hover{
	background-color:#999;
}

#freearea{
	margin-left:16px;
	padding-right:16px;
}

#zip-search{
	color:#333;
}

.flex-viewport{
	overflow:visible!important;
}

#slider.flexslider .slides > li {
	padding:1rem;
}

#confirm_box__quantity_edit_button{
	color:#333;
}

.front_page #rpb{
	background-color:#FFF;
}

.front_page #rpb #item_list{
	width:980px;
	margin:0 auto;
}

.side .category-nav li {
	position:relative;
}

.side .category-nav > li dt{
	position:absolute;
	width:2rem;
	right:0;
	height:48px;
	padding-top:14px;
	top:1px;
	text-align:center;
	border-left:1px solid #e8e8e8;
    transition-duration: 0.2s;  
    transition-timing-function: linear;  
	background-color:#FFF;
}

.side .category-nav > li li dt{
	height:30px;
	top:0px;
	padding-top:5px;
}

.side .category-nav > li dt:hover{
	background-color:#f1f1f1;
}

.side .category-nav > li dd{
	display:none;
}

.keli dt{
	cursor:pointer;
}

.keli dd li a{
	height:auto;
	line-height:30px;
	font-size:0.9em;
	color:#999;
}


.side .category-nav>li:nth-of-type(1) > a {
	border-top:1px solid #E8E8E8;
}

#add-cart{
	background-color:#939598;
	color:#FFF;
    transition-duration: 0.2s;  
    transition-timing-function: linear;  
}

#add-cart:hover{
	background-color:#333;
}

#products_sns iframe{
	vertical-align:bottom;
}

#main_top #item_photo_area .slick-dots li{
	padding:0;
	margin-right:3%;
	width:31.3%;
	margin-top:3%;
}

#main_top #item_photo_area .slick-dots li:nth-of-type(3n){
	margin-right:0;
}

.owl-thumbs{
	width:750px;
	max-width:100%;
	margin:0 auto;
}

.owl-thumbs:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

.owl-thumbs button{
	width:32.65%;
	float:left;
	border:none;
	margin-right:1%
}

.owl-thumbs button:nth-last-of-type(1){
	margin-right:0;
}

.owl-thumbs button:hover,
.owl-thumbs button:active{
	border:none;
}


.owl-thumbs button.active{
	opacity:0.5;
}
/*
.search_inner #category_id{
	display:none;
}
*/
#detail_free_box__freearea{
	width:100%;
	margin:0 auto;
	padding-top:3em;
}

#detail_free_box__freearea:after{
	content: ""; 
	display: block;
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}


#detail_free_box__freearea h3{
	color: #666666;
	margin: 1em 0 0.5em 0;
	font-weight: bold;
}

#detail_free_box__freearea .row{
	margin:0!important;
}

#detail_free_box__freearea h3{
	color: #666666;
	margin: 1em 0 0.5em 0;
	font-weight: bold;
	font-size:1.1rem;
}

#inner-topbn ul:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#privacy_box__body_inner{
	
}

#privacy_box__body_inner h3{
	margin-top:2em;
}

#privacy_box__body_inner ul li{
	margin-bottom:1rem;
}


#searchtp{
	width:980px;
	max-width:100%;
	margin:5% auto;
	padding:3%;
	border:1px solid #CCC;
}


#item_photo_area .slick-dots{
	margin-top:1.3rem;
}
#item_photo_area .slick-dots li {
	width:30.3%;
	float:left;
	margin-right:4.5%;
	margin-bottom:4.5%;
	padding:0!important;
}

#item_photo_area .slick-dots li:nth-of-type(3n){
	margin-right:0;
}

#order-button{
	width:280px;
	max-width:95%;
	margin:0 auto;
}









#topct{
	margin-top:2rem;
}

#inner-topct{
	width:980px;
	max-width:95%;
	margin:0 auto;
}

#topct ul{
	margin-bottom:5rem;
}

#topct ul:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#topct ul li{
	width:25%;
	float:left;
	border-bottom:1px solid #eee;
	position:relative;
}

#topct ul li a{
	display:block;
	color:#333;
	padding:0.5em 0.5rem;
	font-size:0.9rem;
    transition-duration: 0.2s;  
    transition-timing-function: linear;  
}

#topct .topct_ul>ul>li>a{
	padding:1.6rem 0.5rem;
	
}

#topct ul li a i{
	margin-right:0.5rem;
	color:#666;
}


#topct ul li a:hover{
	background-color:#f1f1f1;
}

#topct ul li a img{
	width:40px;
	vertical-align:middle;
	margin-right:1rem;
}

.sub_ct{
	display:none;
	position:absolute;
	width:172px;
	left:100%;
	top:0;
	background-color:#f1f1f1;
	padding:0.5rem;
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
	box-shadow: 0 3px 5px rgba(0,0,0,0.2);
	z-index:10000;
}

/*
#xp08.sub_ct,
#xp04.sub_ct{
	left:auto;
	right:100%;
}
*/

#topct li:hover .sub_ct{
	display:block;
}

.sub_ct:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

.sub_ct li{
	border-bottom:1px solid #CCC!important;
}

.sub_ct li a{
	min-height:inherit!important;
}

.sub_ct li a:hover{
	background-color:#FFF!important;
}


#brend_ct{
	
}


#topct .brend_ct li,
#topct .brend_ct2 li{
	width:100%;
	float:none;
}


#topct .akasatana,
#topct .akasatana2{
	
}

#topct .akasatana li,
#topct .akasatana2 li{
	width:30.3%;
	margin:1.5%;
}

.pckesu{
	display:none;
}

.caret{
	position:absolute;
	right:0;
	top:0;
	height:100%;
	width:100%;
	text-align:center;
	cursor:pointer;
	
}

#caret01{
	
}














@media screen and (max-width: 979px) {


#topct ul li{
	width:33.3%;
}


.akasatana{
	right:100%!important;
	left:auto;
}



}
@media screen and (max-width: 640px) {


#topct ul li{
	width:50%;
}


#topct ul li a{
	padding-right:5px;
	padding-left:5px;
}


#topct ul li a img{
	width:30px;
}


#topct ul li a:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}


#topct ul li a img{
	float:left;
}




}

.product_tag_detail{
	margin-bottom:1.5rem;
}





/*イマココ*/

.modal-body>div{
	width:30.3%;
	float:left;
	margin:1.5%;
}

.modal-body>div:nth-of-type(3n+1){
	clear:both;
}

.option_description .btn-info{
	font-size:0.8rem;
}

.option_description img {
	width:auto!important;
	max-width:50%;
}

.option_description .modal-title {
	font-size:1.3rem!important;
}

.option_description .modal-header > p {
	font-size:1rem!important;
}

.option_description h3 {
	font-size:1.2rem;
	font-weight:300;
	padding:0.3rem 0.5rem;
}

.option_description .modal-header .plainmodal-close {
	cursor:pointer;
}

#sphm{
	display:none;
}

#shopping_confirm .total_box {
	margin-top:100px;
}

.hangyo{
	display:block;
	width:100%;
	height:0.5em;
	line-height:1;
}

.product_taglist{
	
}



@media screen and (max-width: 980px) {
	
}
@media screen and (max-width: 640px) {


#rss .right,
#rss .left{
	width:95%;
	float:none;
	margin:3% auto;
}


#rss .left {
	padding:5%;
}

#rssbn {
	width:290px;
	max-width:95%;
	margin:0 auto;
}

#topbn li {
	width:95%;
	float:none;
	margin:0 auto 1rem auto;
}

#topbn li a:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#topbn li img{
	
}

#topbn p {
	text-align:left;
	font-size:0.8rem;
}

#topbn li:nth-last-of-type(1) {
    margin-right:auto !important;
}

#topbn {
	padding:1.5rem;
}

#topnewp li{
	width:50%;
	float:left;
	margin:0 auto 1rem auto;
	padding:0.5rem;
}

#topnewp li a:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#topnewp li .item_photo{
	width:100%;
	float:none;
	margin-right:1rem;
}

#topnewp li img {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

#topnewp li dl{
	text-align:left;
	padding-top:0;
	font-size:0.7rem;
}

#topnewp li:nth-of-type(4n) {
    margin-right:auto;
}

#newp {
	padding:1.5rem;
}

.item_gallery{
	padding:1.5rem 0.5rem;
}

#topr01 li {
	width:48%;
	margin-top:0;
	margin-bottom:0;
	margin-left:1%;
	margin-right:1%;
}

#topr01 li:nth-of-type(4n+1) {
	clear:none;
}

#topr01 li:nth-of-type(2n+1) {
	clear:both;
}

#topr01 li:nth-of-type(4n) {
    margin-right:inherit;
}

#topr02{
	padding:0;
	margin:0;
}

#topr02 ul{
	display:block;
}

#topr02 li.topr_half{
	width:48%;
	margin:0 1%!important;
	float:left;
}

#topr02 li {
	width:98%;
	margin:0 auto 1rem auto!important;
	float:none;
	padding:0;
}



#yomimono li {
	width:95%;
	float:none;
	margin:0 auto;
}

#yomimono li a:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#yomimono li a img {
	width:80px;
	max-width:30%;
	float:left;
	margin-right:1rem;
	
}

#yomimono li:nth-of-type(4n) {
	margin-right:auto;	
}

#yomimono {
	padding:1.5rem;
}

#main_middle .row{
	margin:0;
}

.option_description h3 {
	font-size:0.8rem;
}

#cart_area{
	display:none;
}

#topr01 p{
	font-size:0.7rem;
}

#item_photo_area .slick-dots{
	text-align:center;
	margin:1rem 0 0 0;
	clear:both;
	position:static;
}

#item_photo_area .slick-dots li {
	width:auto;
	float:none;
	margin:0;
}

#rss h2 {
	padding:0.5rem 0;
}

#inner-rss{
/*	height:6rem;*/
	overflow-y: scroll;
}

#rss ul li {
	padding-left:0.5rem;
}

#rss ul li .date {
	display:block;
	position:static;
}


.pckesu{
	display:block;
}

#topct li .sub_ct{
	display:none;
}

#topct li:hover .sub_ct{
	display:none;
}

#topct li .sub_ct.pop,
#topct li:hover .sub_ct.pop{
	display:block;
	z-index:100000;
}

#topct li .sub_ct,
#topct li .sub_ct{
	left:0;
	top:51px;
}

#topct ul li a img {
	margin-right:5px;
	float:none;
	display:inline-block;
	vertical-align:middle;
}
#topct ul li a {
	font-size:0.8rem;
	vertical-align:middle;
}

#topct .brend_ct2 li{
	width:100%;
	float:none;
}

.brend_ct2{
	width:300px;
}

#topct .akasatana li.pckesu.subeteno,
#topct .akasatana2 li.pckesu.subeteno,
#topct .brend_ct2 li.pckesu.subeteno,
#topct .brend_ct li.pckesu.subeteno{
	width:100%;
	float:none;
	text-align:center;
}

#footer{
	z-index:100;
}

#topct{
}
#topct ul{
	margin-bottom:2.5rem;
}

#tayoribn{
	margin-bottom:3.5rem;
}

}







@media screen and (max-width: 360px) {



#topct ul li a img {
	float:left;
}
}