/*
Theme Name: Emido
Author URI: http://emido.sub.jp
*/

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

* {
	margin: 0;
	padding: 0;
	font-weight: normal;
	}
	
body {
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, 'Raleway',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #eee;
	font-size: 18px;
	line-height: 1.6;
	letter-spacing:.05em;
}


ol,
ul,
li{
	list-style-type: none;
}


a {
	color: #0b8793;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3 ease;
	-o-transition: all .3 ease;
}

a:hover img{
	filter:alpha(opacity=80);
  -moz-opacity: .8;
	opacity: .8;
}

#wrap{
	width: 1190px;
	background-color: #FFF;
  margin-left: auto;
  margin-right: auto;
}

#main section{
	padding-top: 5em;
}

.half-wrap{
	width: 500px;
	display: inline-block;
	vertical-align: top;
}

#footer {
    font-size: 12px;
    padding: 0 7em;
    width: 1020px;
}


/* font */

.mincho{
	font-family: "リュウミン L-KL","游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",serif;
	
}
.wf1{
	font-family: 'Playfair Display', serif;
}

.f11{
	font-size: 11px;
}

.f16{
	font-size: 16px;
}


.f20{
	font-size: 20px;
}

.f30{
	font-size: 30px;
}

.f35{
	font-size: 35px;
}

.f52{
	font-size: 48px;
	line-height: 1.2;
}

.f58{
	font-size: 58px;
	line-height: 1.2;
}


.t-center{
	text-align: center;
}

.t-right{
	text-align: right;
}

.ls-01{
	letter-spacing: .1em;
}

.ls-02{
	letter-spacing: .2em;
}

.lh14{
	line-height: 1.4;
}
.bold{
	font-weight: bold;
}

/* margin */

.mar-top05{
	margin-top: .5em;
}

.mar-top1{
	margin-top: 1em;
}

.mar-top15{
	margin-top: 1.5em;
}

.mar-top2{
	margin-top: 2em;
}

.mar-top3{
	margin-top: 3em;
}


.mar-top4{
	margin-top: 4em;
}

.mar-btm05{
	margin-bottom: .5em;
}

.mar-btm1{
	margin-bottom: 1em;
}

.mar-btm2{
	margin-bottom: 2em;
}



/*  top slider
------------------------*/

#main-visual {
	height: 760px;
	z-index:10;
	position: relative;
  padding-bottom: 2em;
}
		
#catch {
  color: #4b4848;
  font-family: "リュウミン L-KL","游明朝",YuMincho,"Hiragino Mincho ProN",Meiryo,serif;
  font-size: 30px;
  left: 10em;
  position: absolute;
  top: 12em;
	background-color: rgba(255,255,255,.7);
	padding:.2em .5em .2em 1em;
}



/*  navigation
------------------------*/

.inner {
	width: 1100px;
	margin: 0 auto;
}
.inner:after {
	content: "";
	clear: both;
	display: block;
}

#top-head {
	position: fixed;
	width: 1190px;
	margin: 0 auto;
	padding: 30px 0 0;
	line-height: 1;
	z-index: 999;
}


#top-head a,
#top-head, #top-head2 a,
#top-head2 {
	color: #fff;
	text-decoration: none;
}

#top-head .inner, #top-head2 .inner {
	position: relative;

}
#top-head .logo , #top-head2 .logo{
	float: left;

}

#top-head .logo:after, #top-head2 .logo:after {
    border-right: 2px solid #fff;
    content: "";
    left: 0;
    padding-right: 1em;
    position: relative;
    top: -5px;
}
#global-nav ul {
	list-style: none;
	position: absolute;
	right: 0;
	bottom: 13px;
	font-size: 16px;
	font-family: 'Playfair Display', serif;
}
#global-nav ul li {
	float: left;
	position: relative;

}
#global-nav ul li a {
	padding: 0 20px;
}

.online{
  color: #7C7C7C !important;
  background-color: white;
  padding: 5px 8px !important;
  margin-left: 25px;
}


/* Btn Hover */

#global-nav ul li a:hover {
	filter:alpha(opacity=70);
  -moz-opacity: .7;
	opacity: .7;
}

/* fixed */
#top-head.fixed {
	background: #fff;
	background-color: rgba(255,255,255,0);
	background-image: url(https://emido.jp/wp-content/uploads/menu_bg.png);
	background-size: 100%;
	width:1190px;
	height: 115px;
	padding: 20px 0 0;
}

/* 2nd */
#top-head2{
	background: #fff;
	background-color: rgba(255,255,255,0);
	background-image: url(https://emido.jp/wp-content/uploads/menu_bg.png);
	background-size: 100%;
	width:1190px;
	height: 115px;
	padding: 20px 0 0;
	margin: 0 auto;
}







/* transition */
#top-head,
#top-head:after,
#top-head .logo,
#global-nav ul li,
#global-nav ul li a {
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}
		

/*  concept
------------------------*/

#concept{
	background-color: #FFF;
	padding: 2em 5em 5em !important;
	position: relative;
}

#concept:after{
	content: '';
	color: #000;
	background:url(https://emido.jp/wp-content/uploads/concept_bg_footer.png) 0 0 no-repeat transparent;;
	left: 0px;
    bottom: -54px;
    width: 1190px;
    height: 54px;
    background-size: 1190px 54px;
    display:block;
    position: absolute;
    z-index:9;
}

/*  factory
------------------------*/

#factory{
	background-color: #C9E0DD;
	padding: 2em 5em 0 !important;
	position: relative;
	background:url(https://emido.jp/wp-content/uploads/factory_bg.jpg) 0 0 no-repeat transparent;
	height: 901px;
	top: 54px;
}

#factory:after{
	content: '';
	color: #000;
	background:url(https://emido.jp/wp-content/uploads/factory_bg_footer.png) 0 0 no-repeat transparent;;
	left: 0px;
    bottom: 3px;
    width: 1190px;
    height: 54px;
    background-size: 1190px 54px;
    display:block;
    position: absolute;
    z-index:9;
}



.slick-slide p{
	font-size: 15px;
	margin-top: .5em;
	margin-bottom: .3em;
}

/*  project
------------------------*/
#project{
	background-color: #f3e3c2;
	padding: 2em 5em 4em !important;
	position: relative;
	height: 1530px;
	top: 139px;
	color: #4b4848;
}

#project:after{
	content: '';
	color: #000;
	background:url(https://emido.jp/wp-content/uploads/project_bg_footer.png) 0 0 no-repeat transparent;;
	left: 0px;
    bottom: 0;
    width: 1190px;
    height: 54px;
    background-size: 1190px 54px;
    display:block;
    position: absolute;
    z-index:9;
}

.project-list li{
	list-style-type: disc;
	margin-left: 1.5em;	
}

.project-box {

    border: 1px solid #4b4848;
    padding: 1.5em 2em;
    width: 70%;
    margin: 1em auto 2em;

}
.project-table{
	border: 1px solid #4b4848;
    padding: 0.5em 2em;
    width: 30%;
    margin: 1em auto;

}


/*  product
------------------------*/

#product{
	background-color: #FFF;
	padding: 2em 5em 5em !important;
	position: relative;
	color: #4b4848;
  top: 48px;
}



#product:after{
	content: '';
	color: #000;
	background:url(https://emido.jp/wp-content/uploads/product_bg_footer2.png) 0 0 no-repeat transparent;
	left: 0px;
    bottom: -54px;
    width: 1190px;
    height: 54px;
    background-size: 1190px 54px;
    display:block;
    position: absolute;
    z-index:7;
}

#product ul li{
	width: 32%;
	display: inline-block;
	text-align: center;
}

#product ul li.w100{
	width: 100%;
	margin: 2.5em 0;
}

#product ul li img {
    border-radius: 272px;
    -moz-border-image: border-radius: 272px;
    -webkit-border-image: border-radius: 272px;
}

#product ul li.w100 figure{
	margin: 0 1.5em;
	display: inline-block;
	
}

#product ul li.w100 img {
    border-radius: 290px !important;
    -moz-border-image: border-radius: 290px !important;
    -webkit-border-image: border-radius: 290px !important;
}


#product a{
	color: #4b4848;
	text-decoration: none;
}

/*  items
------------------------*/

#items{
	background-color: #E1DFDD;
	padding: 1em 5em 5em !important;
	position: relative;
	color: #4c4948;
	background:url(https://emido.jp/wp-content/uploads/items_bg.jpg) 0 0 repeat-y transparent;
	background-size: 1190px 1554px;
	top: 86px;
}

#items:after{
	content: '';
	color: #000;
	background:url(https://emido.jp/wp-content/uploads/items_bg_footer2.png) 0 0 no-repeat transparent;
	left: 0px;
	bottom: -54px;
	width: 1190px;
	height: 54px;
	background-size: 1190px 54px;
	display:block;
	position: absolute;
	z-index:6;
}


#items ul li {
    display: inline-block;
    margin: .4em;
    position: relative;
    text-align: center;
    width: 31.3%;
}

#items ul li img {
    display: block;
    width: 100%;
}

#items ul li p {
    bottom: 1em;
    font-size: 14px;
    position: absolute;
    right: 2em;
		color: #4c4948;
}


#folding-fan,#round-fan,#goods {
	top:101px;
	padding-top: 2em !important;
}

#collaboration {
	top:101px;
	padding-top: 4em !important;
}

.price-list{
	border: 1px solid #4c4948;
	border-collapse: collapse;
	margin: 1.5em auto 9em;
}

.price-list td{
	border: 1px solid #4c4948;
	vertical-align: top;
	font-size: 18px;
	padding: .3em 1em;
}

.price-list th{
	border: 1px solid #4c4948;
	vertical-align: top;
	font-size: 18px;
	padding: .3em .5em;
	text-align: center;
}

#round-fan{
	top:101px;
	padding-top: 2em !important;
}

#confirm-bt{
	text-align: center;
	margin-top: 3em;
	
}

#confirm-bt a{
	font-size: 34px;
	padding:1em 2em;
	border: 2px solid #4b4848;
	display: inline-block;
	letter-spacing: .2em;
	color: #4b4848;
	text-decoration: none;
}

#confirm-bt a:hover{
	background-color: #FFF;
	
}

.screen-reader-response{
	display: none;
}

.collabo-items{
	display: inline-block;
	text-align: center;
	width: 46%;
	margin: 2em 1em;
	vertical-align: top;
}

.collabo-items img{
	width: 100%;
}

.collabo-items figcaption{
	margin-top: 1em;
	font-size: 16px;
}

.collabo-items figcaption a{
	text-decoration: none;
}

.goods-table-wrap{
	text-align: center;
	margin-top:2em;
}

.goods-table{
	border: 1px solid #4b4848;
	padding: 0.5em 2em;
	display: inline-block;
	
}

.shopping::after {
  position: absolute;
content: "";
bottom: 25px;
right: 25px;
width: 23px;
height: 25px;
margin-top: -12px;
background: url("https://emido.jp/wp-content/themes/emido/images/shoppingbag.png") bottom right no-repeat;
    background-size: auto;
background-size: 23px 25px;
}


/*  diary
------------------------*/

#diary{
	background-color: #FFF;
	padding: 4em 6em 5em !important;
	position: relative;
	color:#221814;
	top: 140px;
}

#diary:after{
	content: '';
	color: #000;
	background:url(https://emido.jp/wp-content/uploads/diary_bg_footer.png) 0 0 no-repeat transparent;
	left: 0px;
  bottom: -53px;
  width: 1190px;
  height: 54px;
  background-size: 1190px 54px;
  display:block;
  position: absolute;
  z-index:5;
}

.diary-content{
	color: #7d7c7d;
	font-size: 14px;
	margin-top:1em;
}

#diary article{
	width:694px;
	display: inline-block;
	margin-right: 2em;
}
#diary-list{
	width:230px;
	display: inline-block;
	vertical-align: top;
}

#diary-list h4{
	margin-top: 1.5em;
	border-bottom: 1px solid #221814;
	padding-bottom: .3em;
	font-size: 16px;
	margin-bottom:1em;
}

#diary-list dt a{
	color: #221814;
	text-decoration: none;	
}

a:hover{
	filter:alpha(opacity=70);
  -moz-opacity: .7;
	opacity: .7;
}

/*  about
------------------------*/

#about {
    background-color: #ebcece;
    padding: 3em 3em !important;
    position: relative;
    text-align: center;
    top: 192px;
}

#about h4:before{
	content:'【';
}

#about h4:after{
	content:'】';
}

#tel{
	border: 1px solid #4b4848;
	padding: .8em 2.5em;
	font-size: 24px;
	display: inline-block;
	margin: .5em 0 1em;
	letter-spacing: 0.1em;
}

/*  contact form
------------------------*/

#main-contact{
	padding: 1em 4.5em 2em;
}

.wpcf7-form{
	text-align: center;
}

#page-title{
	padding: .3em 0 0 17em;
	font-size:24px;
}

.wpcf7-form-control{
	font-size: 16px;
	padding: .5em;
	margin-bottom: 1.5em;
	margin-top: .3em;
}

/*  diary single
------------------------*/

#main-diary{
	padding: 2em 4.5em 2em;
	display: inline-block;
    margin-right: 2em;
    width: 694px;
}

#main-diary article{
	padding-bottom: 2em;
	border-bottom: 1px solid #CCC;
	margin-bottom: 2em;
}

#main-diary h2 a{
	color: #221814;
    text-decoration: none;
}

#sidebar{
	display: inline-block;
    vertical-align: top;
    width: 200px;
		margin-top: 2em;
}

#sidebar h2 {
    border-bottom: 1px solid #221814;
    font-size: 16px;
		font-family: "リュウミン L-KL","游明朝",YuMincho,"Hiragino Mincho ProN",Meiryo,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    margin-bottom: 1em;
    margin-top: 1.5em;
    padding-bottom: 0.3em;
}

#sidebar ul li {
	  font-size: 14px;
		font-family: "リュウミン L-KL","游明朝",YuMincho,"Hiragino Mincho ProN",Meiryo,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
		line-height: 1.4;
		margin-bottom: .5em;
}

#sidebar ul li a{
		color: #221814;
    text-decoration: none;
}

#wp-calendar{
	  font-size: 16px;
		font-family: "リュウミン L-KL","游明朝",YuMincho,"Hiragino Mincho ProN",Meiryo,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

#wp-calendar td, #wp-calendar th {
    padding: 0.27em;
    text-align: center;
}

.navigation{
	margin-top:3em;
	font-size: 14px;
		font-family: "リュウミン L-KL","游明朝",YuMincho,"Hiragino Mincho ProN",Meiryo,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.prev{
	display: inline-block;
	float: left;
}

.next{
	display: inline-block;
	float: right;
}

.prev a, .next a{
	text-decoration: none;
}

.diary-content img{
	padding: 1em 0;
}

#archives-3, #recent-posts-3, #categories-3{
	margin-bottom: 2em;
}

/*  footer fixed
------------------------*/

html,body{
     height:100%;
}

#wrap{
     position: relative;
     height: auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}
#main-diary{
     padding-bottom: 5em; /*フッターの高さと同じ*/
}
#footer{
    height: 5em;
     position: absolute;
     bottom: 0;
}

#copy{
	margin-top:2em;
}