/* pure初期設定
-------------------------------------*/
.pure-g, .pure-g-r{
/*	font-family: Alial;*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: -0.4em;
}
.pure-button{
	background-color: #29abe2;
	color: #fff;
}
img{
	max-width: 100%;
	height: auto;
}

/* ページ初期設定
-------------------------------------*/
#wrapper{
	background-color: #eee;
}
#wrap960{
	max-width: 960px;
	margin: 0 auto;
	background-color: #fff;
}
#body{
	overflow: hidden;
	padding-bottom: 30px;
}
#content{
	float: left;
}
#sidebar{
	float: right;
}
#footer_bg{
	width: 100%;
	padding-top: 15px;
	background-color: #29ABE2;
}
#footer{
	max-width: 960px;
	margin: 0 auto;
}
.spdisplay{
	/* スマホ以外では非表示 */
	display: none !important;
}

a:link,
a:visited{
  text-decoration: none;
  color: #29ABE2;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
  
}
a:hover{
  text-decoration: underline;
  color: gray;
}
a:hover img {
  opacity: 0.7;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

a.pure-button{
  color: white;
}

/* ヘッダー
------------------------------------*/
#header{
	margin-left: -2em;
	margin-bottom: 1em;
}
#logo h1{
	margin: 0;
	line-height: 0;
}
#logo h1 a{
	display: block;
}
#logo img{
/*	margin-left: -.3em;*/
}
#logo h1 span{
	display: none;
}
#header-copy{
	width: 100%;
	text-align: right;
}
#header-button{
	position: absolute;
	bottom: 3em;
	width: 100%;
	text-align: center;
}
#header-button img{
	max-width: 90%;
	height: auto;
}
#header-info{
	overflow: hidden;
	margin-top: 1.5em;
}

/* グロナビ
------------------------------------*/
#header-info{
	position: relative;
}
#gnav{
	background-color: #29abe2;
	position: absolute;
	bottom: 0;
}
#gnav ul.pure-g{
	display: block;
}
#gnav li{
	text-align: center;
}
#gnav li a{
	color: #fff;
}
#gnav li a:hover {
	background-color: #4DB6E2;
}


/* サイドバー
------------------------------------*/
#sidebar{
	margin: 0;
	padding-bottom: 180px;
}
#sidebar ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#news{
	border: 2px solid #29abe2;
}
#news h3{
	margin: 0;
	padding: 0.5em;
	text-align: center;
	color: #fff;
	background-color: #29ABE2;
}
#news li{
	margin: 1em;
}
#news li img{
	width: 40px;
	height: 40px;
}
#news li .date{
	display: block;
	font-size: .8em;
}
#news li .title{
	display: block;
	font-size: .8em;
}

#sidebar .eyecatch img{
	width: 40px;
	height: auto;
	max-height: 40px;
	overflow: hidden;
}

/* サイドバーウィジェット
------------------------------------*/
#sidebar-wig{
	border: 2px solid #29abe2;
	margin-top: 2em;
}
#sidebar-wig h3{
	margin: 0;
	padding: 0.5em;
	text-align: center;
	color: #fff;
	background-color: #29abe2;
}
#sidebar-wig li{
	margin: 0;
}
#sidebar-wig li ul li{
	margin: 1em;
}

/* コンテンツ
------------------------------------*/
#btn-body div{
	text-align: center;
}
#btn-body div img{
	margin: 0 1.5% 3% 1.5%;
	width: 97%;
}

#content h2,
#content h3{
	margin: 0 0 5px 0;;
	padding: 0.5em;
	text-align: center;
	color: #fff;
	background-color: #29abe2;
}

#content h2.bg-none,
#content h3.bg-none{
  background: transparent!important;
}

#pankuzu{
	padding-bottom: 1em;
}
#pankuzu p{
	margin: 0;
	padding: 0 1em;
}
#pankuzu p a{
	font-size: .8em;
}
#content .content{
	padding: 0 0 0 1em;
}
#content .entry-title{
	margin-top: 0;
	margin-bottom: 1em;
}
#content .entry-content{
	line-height: 1.5em;
}

/*list style*/
#content ul.list-arrow2{
  padding-left: 3px;
}

#content ul.list-arrow2 li{
  list-style-type: none;
  background: #EEE;
  line-height: 1.8em;
  width: 97%;
  margin-bottom: 10px;
  padding: 4px 5px 1px 5px;
  border: 1px solid #CCC;
}

#content ul.list-arrow2 li:before {
  content: "\f152";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  margin-right: 0.2em;
  color: orange;
}

/* facebook */

#facebook{
	border: 2px solid #29abe2;
}
#facebook h3{
	background-color: #29abe2;
	padding: .5em;
	margin: 0;
	color: #fff;
	text-align: center;
}

.fb-like-box{
  padding: 0 0 0 1em;
  max-width: 640px;
}

/*  ショップリスト  */
.shop-list table {
  letter-spacing: 0;
}

.shop-list table tr{
    border-bottom: 1px dashed orange;
}

.shop-list table th{
  	font-size: 120%;
  	vertical-align: middle;
  	width: 4em;
}

.shop-list table td{
    padding-top: 0;
    padding-bottom: 0;
}

.shop-list table li{
	list-style: none;
	float: left;
}

.shop-list table li a{
  color: #ffffff;
  display: block;
  margin: 0 10px 10px 10px;
  padding: 7px 14px;
  background-color: #29ABE2;
  border-radius: 2px;	
  font-size: 110%;
  text-decoration: none;
}

.shop-list table li a:hover{
  background: rgba(42,172,227,0.57);
  box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.3);
  color: #212121;
}

.shop-list table li.ready a{
  background-color: gray;
  color: white;
}



/* フッター
------------------------------------*/
#footer ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer ul li a:link,
#footer ul li a:visited,
#footer ul li a:active{
	color: #333;
	text-decoration: none;
}
#footer ul li a:hover{
	color: #333;
	text-decoration: underline;
}
#footer ul li{
	margin: .3em;
}
#footer .footer-character{
	position: relative;
}
#footer .footer-character img{
	position: absolute;
	top: -10em;
}
#footer .footer-tel{
	margin-top: 3em;
}

/* カテゴリー内一覧ページ
------------------------------------*/
#content .archive .hentry,
#content .category_page .hentry{
	padding: 1em 0;
	margin: 1em 0 2em 0;
}
.archive .hentry .entry-content p,
.category_page .hentry .entry-content p{
	margin: 0 0 0 1em;
}
.archive .hentry .entry-content .word,
.category_page .hentry .entry-content .word{
	position: relative;
}
.archive .hentry .entry-content .word .read_more,
.category_page .hentry .entry-content .word .read_more{
	margin: 0 0 0 1em;
	position: absolute;
	right: 0;
}



/* WP-Pagenav ページナビ用
------------------------------------*/
.wp-pagenavi{
	clear: both;
	text-align: center;
	margin: 1em 0;
}
.wp-pagenavi a,
.wp-pagenavi span{
	text-decoration: none;
	padding: .3em .7em;
	margin: .4em;
	border: none;
	background-color: #29abe2;
	color: #fff;
}
.wp-pagenavi span.current{
	font-weight: bold;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current{
	border: none;
	color: #ccc;
}

/* タブレット画面
------------------------------------*/
@media screen and (max-width:768px){
	.tabhidden{
		/* タブレットで非表示名コンテンツ */
		display: none;
	}
	body{
		width: 100%;
	}
	.pure-g, .pure-g-r{
		max-width: 100%;
	}
	#header{
		margin-left: 0;
	}
  #header-info {
  overflow: hidden;
  margin-top: 0;
  }
  #gnav{
    font-size: 80%;
  }
	#content,
	#sidebar{
		width: 100%;
		float: none;
	}
}

/* スマートフォン画面
------------------------------------*/
@media screen and (max-width:568px){
	.sphidden{
		/* スマホで非表示なコンテンツ */
		display: none !important;
	}
	.spdisplay{
		/* スマホで表示なコンテンツ */
		display: block !important;
	}
	#footer_bg{
		display: none;
	}
	#sidebar{
		padding-bottom: 0;
	}
	/* ヘッダー */
	#header {
  	margin-bottom: -20px;
	}
	#header-info{
		margin-top: 0;
	}
	#header-button{
	  z-index: 9999;
		bottom: auto;
		top: 0;
	}
	/* グロナビ */
	#gnav li a{
		font-size: .7em;
		padding: 3px 0;
	}
	#gnav .spdisplay{
		display: inline-block !important;
	}
	/* コンテンツ */
	#content .content{
		padding: 0 .5em;
	}
}