﻿/*
Theme Name:blue391
Description:twentyfourteen　いーお店用子テーマ
Template:twentyfourteen
Author:MS
*/
@import url("../twentyfourteen/style.css");

.site-main#main{
	background-color: #fff;
}

/**
 * a:hover
  * ----------------------------------------------------------------------*/
  
a:active,
a:hover {
	color: #06c;
}
 
.content-sidebar .widget a:hover,.top_navi ul li a:hover {
	color: #06c;
}

/* ヘッダーe-yama共通部分 
---------------------------------------------------------------------------*/
.e_yama_logo {
	margin-left: 5px;
	margin-top: 5px;
	float: left;
}
.top_navi {
	height: 15px;
	margin-right: 10px;
	margin-left: 0px;
	text-align: right;
	float: right;
	font-size: 75%;
	padding: 0px;
	margin-top: 0px;
}
.top_navi ul {
	margin: 0px;
	padding-top:5px;
}
.top_navi ul li {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	list-style-type: none;
}
.top_navi ul li a {
	color: #666666;
	text-decoration: none;
}
.top_navi a:hover {
	color: #7AB735;
}

/* RSS・特集バナー */

.header_banner {
	float: right;
	padding-top: 10px;
	padding-right: 10px;
	width: 600px;
}
.header_banner a{
	float: right;
}

/* header（サイト情報・メインメニュー）
---------------------------------------------------------------------------*/

.site-header {
	background-color: #FFFFFF;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #66ccf7;
}
h2.site-description {
	margin-bottom: 0;
}

.site-title a {
	color: #09c;
}

.site-title a:hover{
	color: #06c;

}
.site-title {
	float: left;
	font-size: 18px;
	font-weight: 700;
	line-height: 35px;
	margin: 0;
}
.top_tel {
	font-size: 80%;
	font-weight: bold;
	line-height: 24px;
	margin-top: -5px;
	margin-bottom: 3px;
	float: left;
	clear: left;
}
.top_address {
	margin-top: -7px;
	font-size: 75%;
	margin-bottom: 0px;
	float: left;
	clear: left;
}

/* ブログのメインメニュー */

.primary-navigation li{
	line-height: 35px;
	height: 36px;
	margin-top: 0px;
	margin-right: 5px;
}

.site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a
{ 	color: #FFFFFF;
	background-color: #66ccf7;
}
.site-navigation a{
	color: #000;
	background-color: #E7E7E7;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-size: 110%;
	-moz-border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
    -webkit-top-right-border-radius: 5px;
	    -webkit-top-left-border-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;

}
.site-navigation a:hover{
	color: #FFFFFF;
	background-color: #66ccf7;
}
::selection {
	background: #66ccf7;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #66ccf7;
	color: #fff;
	text-shadow: none;
}
.primary-navigation li:hover > a,
 .primary-navigation li.focus > a {
  background-color: #66ccf7;
  color: #fff;
 }

/* 投稿記事タイトル
---------------------------------------------------------------------------*/
#content .entry-title {
	background-color: #E7E7E7;
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e0d2));
	background: -moz-linear-gradient(top, #fff, #e7e0d2);
	padding: 5px;
	font-size: 120%;
	font-weight: bold;
}

/* ウィジェット
---------------------------------------------------------------------------*/

.widget-title,.footer-sidebar .widget .widget-title, .primary-sidebar .widget .widget-title {
	color: #696969;
	font-weight: bold;
	border: solid 1px #ddd;
	background-color: #E7E7E7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e0d2));
	background: -moz-linear-gradient(top, #fff, #e7e0d2);
	padding: 5px;
	font-size: 90% ;
}
.content-sidebar .widget .widget-title {
	color: #696969;
	font-weight: bold;
	border: solid 1px #ddd;
	background-color: #E7E7E7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e0d2));
	background: -moz-linear-gradient(top, #fff, #e7e0d2);
	padding: 5px;
	font-size: 90% ;


}
.content-sidebar .widget a,#secondary,.widget a{
	color: #000;

}

.widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li {
	padding: 0.2em;
	font-size: 90%;
}

/* Secondary Sidebar（左サイドバー） 
---------------------------------------------------------------------------*/

/* Secondary Sidebar（左サイドバー）の背景色を変更する */

#secondary {
	background-color: #fff;
	border-top: none;
	width: 200px;
}
.site:before {
	background-color: #fff;
}

.primary-sidebar{
	padding-top :30px

}
.primary-sidebar .widget {
	font-size: 90%;
}

#secondary, #supplementary{
	padding:0 15px;
}
.primary-sidebar li p {
	padding: 0.2em 0.1em 0.1em 0.1em ;
	color: #000;
	border: none;
}
.primary-sidebar .widget_sideblog li {
	border-bottom: none ;
}
.primary-sidebar .textwidget li {
	padding: 0.2em 0.1em 0.1em 0.1em ;
	border-bottom: dotted 1px #ccc;
	color: #333;
	margin: auto 0.1em;
}


/* Secondary Sidebar（左サイドバー）のジャンル別 */

.osh {
	list-style-image: url(image/icon.gif);
	list-style-position: inside;
	margin-left:10px;
}


.tok {
	list-style-image: url(image/icon_03.gif);
	list-style-position: inside;
	margin-left:10px;
}
.lif {
	list-style-image: url(image/icon_04.gif);
	list-style-position: inside;
	margin-left:10px;
}
.aso {
	list-style-image: url(image/icon_05.gif);
	list-style-position: inside;
	margin-left:10px;
}
.tan {
	list-style-image: url(image/icon_06.gif);
	list-style-position: inside;
	margin-left:10px;
}
.kur {
	list-style-image: url(image/icon_07.gif);
	list-style-position: inside;
	margin-left:10px;
}
.sum {
	list-style-image: url(image/icon_08.gif);
	list-style-position: inside;
	margin-left:10px;
}
.iry {
	list-style-image: url(image/icon_9.gif);
	list-style-position: inside;
	margin-left:10px;
}
.san {
	list-style-image: url(image/icon_10.gif);
	list-style-position: inside;
	margin-left:10px;
}
.sho {
	list-style-image: url(image/icon_11.gif);
	list-style-position: inside;
	margin-left:10px;
}
.dan {
	list-style-image: url(image/icon_12.gif);
	list-style-position: inside;
	margin-left:10px;
}
.ons {
	list-style-image: url(image/icon_02.gif);
	list-style-position: inside;
	margin-left:10px;
}
/* 検索表示設定　 */
.widget-area .widget input,.widget-area  .widget textarea{
	background-color: #fff;
	border: 1px solid #ccc;
	background-color: buttonface;
	padding: 2px;
	color: #000;
}
.footer-sidebar .widget input[type="button"], .footer-sidebar .widget input[type="reset"], .footer-sidebar .widget input[type="submit"], .primary-sidebar .widget input[type="button"], .primary-sidebar .widget input[type="reset"], .primary-sidebar .widget input[type="submit"],input[type="button"], input[type="submit"] {
	padding: 2px;
}
.search-field {
	width: 65%;
	float: left;
}
.search-submit {
        display: block;
}
.widget button, .widget .button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"] {
	background-color: #ccc;
	color: #333;
	font-weight: nomal; 
	border: 2px outset buttonface;
	padding:1px;
	margin-left: 3px;
}

/* コンテンツ（中央記事）・上位置調節 
---------------------------------------------------------------------------*/


.content-area {
	padding: 0px;
}

/* コンテンツ（中央記事） */
.site-content{
	padding-top: 30px;
	}
	
.site-content .entry-header {
	padding-right: 0 ;
	padding-left: 20px ;

}
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	margin: 0 auto;
	max-width: 650px;
}

.archive-header, .comments-area, .image-navigation, .page-header, .page-content, .post-navigation, .site-content .entry-content, .site-content .entry-summary, .site-content footer.entry-meta {
	padding-right: 10px;

}
.post-navigation,
.image-navigation {
	margin: 24px auto 48px;
	max-width: 650px;
	padding: 0 10px;
}
.archive-header,
.page-header {
	margin: 24px auto;
	max-width: 650px;
}
.contributor-info {
	margin: 0 auto;
	max-width: 650px;
}
c.site-main .mu_register,
.widecolumn > h2,
.widecolumn > form {
	margin: 0 auto 48px;
	max-width: 650px;
	padding: 0 30px;
}


/* 投稿ナビゲーション（前の投稿・次の投稿） */
.nav-links {
    border-top: 1px dotted #999;
}
.post-navigation .meta-nav{
	margin-left: -1em;
}
.post-navigation a, .image-navigation a {
	color: #09c;
	font-weight: nomal !important;
	padding-left:2em ;
	line-height: 1em
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
.post-navigation a:hover, .image-navigation a:hover {
	color: #06c;
}

/* 右サイドバー 
---------------------------------------------------------------------------*/

.content-sidebar .widget_archive li, .content-sidebar .widget_categories li, .content-sidebar .widget_links li, .content-sidebar .widget_meta li, .content-sidebar .widget_nav_menu li, .content-sidebar .widget_pages li, .content-sidebar .widget_recent_comments li, .content-sidebar .widget_recent_entries li, .content-sidebar .widget_categories li ul, .content-sidebar .widget_nav_menu li ul, .content-sidebar .widget_pages li ul {
	border-color: rgba(204, 204, 204, 1);
}
.content-sidebar{
	padding-top: 30px;
}
.widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li {
	border-top: none;
	border-bottom: 1px dotted #ccc;
	padding: 0.5em 0.2em 0.2em;
	margin: auto 0.1em;
	font-size: 90%;
}
/* タグ */

.tagcloud a{
	color: #333;
}


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

.site-footer{
	background-color: #333;
}
#secondary, #supplementary {
	background-color: #fff;
}
#supplementary + .site-info{
	text-align: center;

}
/* アーカイブページ 
---------------------------------------------------------------------------*/

.archive-header, .page-header {
	margin: 0 auto 1em;
}

.archive-title, .page-title {
	font-size: 80%;
	line-height: 1em ;
	margin: 0;
}

/* アーカイブ,記事ごとのborder削除 */
.list-view .site-content .hentry {
	border-top: none ;
	padding-top: 20px;
}

/* すべての大文字変換を通常に　---------------------- */
*,h1,h2{
	text-transform: none !important;
	}
	
/* PC用　中央寄せ　----------------------------------- */
.site {
    margin: 0 auto;
}
/* コメントをどうぞ非表示　 ---------------------------*/
.comments-link {
    display: none
}

/* ---------------------------------------
	カレンダー
--------------------------------------- */
table#wp-calendar,
table#wp-calendar th,
table#wp-calendar td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

table#wp-calendar {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

.widget_calendar tbody a {
	background-color: #66ccf7;
}
.widget_calendar tbody a:hover {
	background-color: #99ccf7;
}

/* --------------------------------------------------------
	テーブル
------------------------------------------------------------ */

/* 投稿記事内

.entry-content table,.entry-content th,.entry-content td{
	border-width:0px;

}
----------------------------------------------------------- */

/* 表1
----------------------------------------------------------- */
.table1	{
	border: 1px solid #ccc;
	width: 100%;
	border-spacing: 0px;
}
.table1 th	{
	padding-left:10px;
	text-align: left;
	background-color: #EEE7DB;
	border: 1px solid #ccc;
	color: #333;
}
.table1 td	{
	border: 1px solid #ccc;
	color: #333;
	padding-left: 5px;
}
/* 表2
----------------------------------------------------------- */
.table2{border-collapse:collapse;
border-spacing:0;
}
.table2 th	{
	background: #A0C9DB;
	border-top: 2px solid #1D5C79;
	border-bottom: 1px solid #FFF;
}
.table2 td	{
	background: #E5F2F8;
	border-bottom: 1px solid #FFF;
}

/* 表3
----------------------------------------------------------- */
.table3{border-collapse:collapse;
border-spacing:0;
}
.table3 th	{
	border-bottom: 2px solid #1D5C79;
}
.table3 td	{
	border-bottom: 1px solid #DDD;
}


/* 表4
----------------------------------------------------------- */
.table4{border-collapse:collapse;
border-spacing:0;
}
.table4 th	{
	background: #A0C9DB;
	border-top: 2px solid #1D5C79;
	border-bottom: 1px solid #FFF;
}
.table4 .odd	{
	background: #E5F2F8;
}


/* ---------------------------------------------------------
	クーポン
----------------------------------------------------------- */
table.couponDetail{
        width: 90%
}
td.coupon_thtd{
        width: 25%
}
.coupon .inner .couponDetail {
	top: 20px;
	position: relative;
	left: 20px;
	margin-bottom: 50px;
}
.coupon .inner .couponDetail td {
	vertical-align: top;
}
div.coupon	{
	background: url(image/e-coupon02.jpg) no-repeat bottom;
	margin-bottom: 10px;
	margin-left: -10px;
	width: 481px;
}
div.coupon .inner	{
	background: url(image/e-coupon01.jpg) no-repeat;
	padding: 50px 20px;
}
/* ---------------------------------------------------------
　google map　用
----------------------------------------------------------- */

.map{
  width: 100%;
}


/* ---------------------------------------------------------
　画面を小さく1008px以下にしたときの表示
----------------------------------------------------------- */

@media screen and (min-width: 1008px) {
	.site-content {
		margin-right: 29.04761904%;
		margin-left: 220px;
	}
}

@media screen and (min-width: 783px) {
	/* Navigation */

	.site-navigation li .current_page_item > a,
	.site-navigation li .current_page_ancestor > a,
	.site-navigation li .current-menu-item > a,
	.site-navigation li .current-menu-ancestor > a {
		color: #000;
	}
}
@media screen and (max-width:430px) {
blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft,blockquote.alignright,figure.wp-caption.alignright, img.alignright {
    width: 100% !important;
}
}


/* -----------------------------------------------------------
　印刷用
------------------------------------------------------------ */
@media print{
   body{
      width: 1024px;
      }
   .site {
    margin: 0 auto;
    width: 1024px;
    }
   .site-header{
      height: 187px;
    }
   .header-main{
      height:35px; 
   }
   .menu-toggle{
      display: none ;
   }
   .primary-navigation{
   }
   .primary-navigation ul {
         float: right;
   }
   .primary-navigation li {
      float: left;
      line-height:30px;

   }
   .primary-navigation li a{
      font-size: 90%;
      padding: 0 5px;
   }
/* 印刷：固定ページ用
------------------------------ */ 
   #main-content{
   width: 800px;
   float:right;
   	position: relative;
	z-index: 1;
   }
   .site-content{
      width: 500px;
      padding-left:10px;
      padding-right: 10px;
      float: left;
    
    }
    [class*="content"]:after{
      clear:none;
    }
    .content-sidebar {
      width: 250px;
      padding-left: 5px;
      padding-right: 5px; 
      float: right;
    }
       #secondary{
      width: 200px;
      padding-left: 10px;
      padding-right: 10px;
      float:left;
      clear:none;
      	position: relative;
	z-index: 3;
      }

/* 印刷：single,archive,categoryページ用
------------------------------ */ 

   .single .content-area,.archive .content-area,.category .content-area {
   width: 500px;
   margin-left: 220px;
   float:left;
      	position: relative;
	z-index: 1;
   }
   .single #secondary,.archive #secondary,.category #secondary{
   position:absolute;
   top:200px;
   z-index: 3;
   float:left;
   clear:none;
   }

}
/* トップヘ　ボタン用
------------------------------ */ 
.page_top {
      position:fixed;
      bottom:10px;
      right:50px;
      width: 50px;
      height: 50px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      color:#fff;
      font-size:20px;
      font-weight: bold;
      text-decoration:none;
      background:#2EA2CC;
      text-align: center;
      line-height: 50px;
      z-index: 5;
}
a:hover.page_top {
      color:#fff;
      background:#2F89CD;
}
