/*
Theme Name: Casual Cocktail
Theme URI: http://localhost/cocktail_wp/wordpress/wp-content/themes
Description: casual_cocktailのローカルテーマ
Version: 1.0
Author: Yuki Ichihara
Author URI: http://dolce-style.com
*/


/*エンコード宣言*/
@charset "utf-8";

/*cssリセット*/
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  list-style:none;
  }


/**********共通設定**********/

body{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
	color: #ffffff; /*色は好みで変更*/
}

a{
  color: #ffffff;
  text-decoration: none;
}

/*a:hover{
  color: #cccccc;
}*/

a img{
  border: none; /*IE用 IEはデフォルトでリンク画像に枠線あり*/
}


#logo{
	position: absolute;
	top: 20px;
	left: 20px;
}

#nav{
  background: #000000;
  clear: both;
  overflow: hidden;
}

#nav ul li{
  float: left;
  background: #000000;
}

#nav ul li.currentPage{
  background: #333333;
  color: #f5ecf4;
}

#nav ul li a:hover{
  color: #f5ecf4;
}

#nav ul li a:not(:target):hover{
  background-color: #666666\9; /*IE9*/
}

span.buy a{
	color: #66cccc;
}

span.buy a:hover{
  color: #0099cc;
}

/*ページナビゲーション*/
.wp-pagenavi {
  text-align: center;
  color: #ffffff;
}

.wp-pagenavi span,.wp-pagenavi a{
  background: rgba(0,0,0,0.2);
  text-decoration: none;
  padding: 3px 5px;
  margin: 2px;
}

.wp-pagenavi a:hover{
  background: #ffffff;
  color: #333333;
}

.wp-pagenavi .current{
  background: rgba(128,255,0,0.2);
  font-weight: bold;
}

#pagetop{
	position: fixed;
	z-index: 20;
	right: 20px;
	bottom: 10px;
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

#pagetop:hover{
	opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/*Contact Form7のスタイル*/
#contactContent form p{
	margin-bottom: 30px;
}

#contactContent form p .wpcf7-not-valid-tip{
	color: #ff00ff;
}

#contactContent .wpcf7-response-output{
	border-color: #ff00ff;
}



/*スマートフォン*/
@media all and (max-width: 767px){

	img{
		max-width: 100%;
	}

	#wrapper{
		width: 100%;
	}

	#header{
	  height: 200px;
	  position: relative;
	  background: url('images/main_bg.jpg');
	  background-size: cover;
	}

	#logo{
		width: 50%;
		height: 50%;
		top: 20px;
		left: 20px;
	}

	#nav ul li{
  	width: 50%;
	}

	#nav ul li a{
  	display: block;
  	padding: 8px 0px;
  	text-align: center;
	}

	#contentWrap{
	  padding: 20px 0;
	  clear: both;
	  overflow: hidden;
	}

	/*****メインコンテンツ*****/
	#mainContent{
	  width: 90%;
	  margin: 0 auto;
	  margin-bottom: 40px;
	}

	.recipe{
	  clear: both;
	  overflow: hidden;
	  margin-bottom: 40px;
	  padding: 10px 15px;
	  background: rgba(0,0,0,0.2);
	}

	.recipe h2.recipeName{
	  font-size: 115%;
	  line-height: 115%;
	  margin-bottom: 15px;
	  border-bottom: solid 1px #999999;
	}

	.recipe .thumbnailInfo{
	  clear: both;
	  overflow: hidden;
	  margin-bottom: 15px;
	  position: relative;
	}

	.recipe .thumbnailInfo img{
	  float: left;
	}

	.recipe .thumbnailInfo dl{
		float: left;
		margin-left: 20px;
	}

	.recipe .thumbnailInfo dl dt{
		background: url('images/star.png') no-repeat 0 1px;
		padding-left: 17px;
		margin-top: 7px;
	}

	.recipe .thumbnailInfo dl dd{
		padding-left: 16px;
	}

	.lookRecipe{
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.lookRecipe a{
		color: #66cccc;
	}
	
	.lookRecipe a:hover{
		color: #0099cc;
	}

	.recipeDetail h3{
	  margin-bottom: 10px;
	  padding-left: 3px;
	  border-left: solid 6px #999999;
	}

	.material{
	  margin-bottom: 30px;
	}

	.materialThumbnail{
		width: 110px;
		height: 110px;
		margin-top: 5px;
		display: inline-block;
		overflow: hidden;
		text-align: center;
		background-color: #ffffff;
	}

	.materialItem{
	  margin-bottom: 30px;
	}

	.howToMake ol li{
	  list-style-type: decimal;
	  list-style-position: inside;
	  margin-bottom: 10px;
	}

	/*****サブコンテンツ*****/
	#subContent{
		margin-bottom: 40px;
	}

	#baseSearch{
	  margin-bottom: 40px;
	}

	#baseSearch h2{
	  padding: 5px 10px;
	  background: rgba(128,255,0,0.2);
	}

	#baseSearchList{
	  padding: 10px;
	  background: rgba(0,0,0,0.2);
	}

	.baseLiquor{
	  margin-bottom: 5px;
	  border-bottom: solid 1px #999999;
	}

	#baseSearch ul{
	  margin-bottom: 20px;
	}

	#baseSearch #menu-brew-liquor-list{
	  margin-bottom: 0px;
	}

	#baseSearch ul li a{
	  display: block;
	  background: url('images/arrow.png') no-repeat 0 10px;
	  padding: 3px;
	  padding-left: 10px; 
	}

	#conditionSearch h2{
	  padding: 5px 10px;
	  background: rgba(0,255,255,0.2);
	}

	#conditionSearchList{
	  padding: 10px;
	  background: rgba(0,0,0,0.2);
	}

	.condition{
	  margin-bottom: 5px;
	  border-bottom: solid 1px #999999;
	}

	#conditionSearch ul{
	  margin-bottom: 20px;
	}

	#conditionSearch #menu-method-list{
	  margin-bottom: 0px;
	}

	#conditionSearch ul li a{
	  display: block;
	  background: url('images/arrow.png') no-repeat 0 10px;
	  padding: 3px;
	  padding-left: 10px; 
	}

	/*****ウィジェット*****/
	#sidebar{
	  margin-bottom: 40px;
	}

	.widget{
	  margin-bottom: 40px;
	}

	.widget h2{
	  padding: 5px 10px;
	  background: rgba(255,0,128,0.2);
	}

	.widget ul,.widget form{
	  padding: 10px;
	  background: rgba(0,0,0,0.2);
	}

	.widget ul li a{
	  display: block;
	  padding: 3px 5px;
	}

	.widget form #searcWord{
	  background: transparent;
	  border: solid 1px #999999;
	  color: #ffffff;
	  outline: none;
	  margin-bottom: 10px;
	  padding: 0.2em;
	  font-size: 100%;
	}

	#searchBox form{
	  clear: both;
	  overflow: hidden;
	}

	.widget form #searchSubmit{
	  float: right;
	}

	.widget form #searchSubmit:hover{
	  cursor: pointer;
	}

	.searchResult,.categoryResult,.tagResult,.noResult{
	  margin-bottom: 10px;
	}

	#facebookLikeBox iframe{
	  background: #ffffff;
	}

	#advertisement{
		text-align: center;
	}

	/*****フッター*****/
	#footer{
	  background: #000000;
	}

	#copy{
	  text-align: center;
	  font-size: 80%;
	  padding: 40px 0;
	}
	/**********各ページ共通＆トップページの設定終了**********/


	/**********トップページ以外の共通設定開始**********/
	/*****メインコンテンツ*****/
	#lowerLayerMain{
		width: 90%;
		margin: 0 auto;
		margin-bottom: 20px;
		padding: 10px;
	  background: rgba(0,0,0,0.2);
	}

	#lowerLayerMain h2{
	  font-size: 140%;
	  line-height: 140%;
	  margin-bottom: 15px;
	  border-bottom: solid 1px #999999;
	}
	/**********トップページ以外の共通設定終了**********/


	/**********「このサイトについて」ページ開始**********/
	#aboutContent p{
	  margin-bottom: 20px;
	}
	/**********「このサイトについて」ページ終了**********/



	/**********「カクテルの知識」ページ開始**********/
	#knowledgeContent h2 span{
	  margin-left: 20px;
	  font-size: 70%;
	}

	#descriptionCocktail{
	  margin: 10px 0;
	}

	#descriptionCocktail dt{
	  display: inline;
	  padding: 3px; 
	  background: rgba(255,0,255,0.2);
	  font-size: 110%;
	}

	#descriptionCocktail dt.typeTechnique,#descriptionCocktail dt.typeBarTool{
	  border-left: solid 6px #999999;
	  border-bottom: solid 1px #999999;
	  background: transparent;
	}

	#descriptionCocktail dl dd{
	  margin-top: 5px;
	  margin-bottom: 30px;
	}
	/**********「カクテルの知識」ページ終了**********/


	/**********「お問い合わせ」ページ開始**********/
	#contactContent form input[type="text"],
	#contactContent form input[type="email"],
	#contactContent form textarea{
	  background: transparent;
	  border: solid 1px #999999;
	  color: #ffffff;
	  outline: none;
	  padding: 0.1em;
	  font-size: 16px;
	  width: 98%;
	}

	#contactContent form input[type="text"]:focus,
	#contactContent form input[type="email"]:focus,
	#contactContent form textarea:focus{
	  background: rgba(0,0,0,0.2);
	}

	#contactContent #submit:hover{
	  cursor: pointer;
	}

}



/*スマートフォン(縦向きのみに適用)*/
@media all and (max-width: 467px){

	.recipe .thumbnailInfo dl{
		margin-left: 10px;
		font-size: 90%;
	}

}

/*小さいサイズのスマートフォン用*/
@media all and (max-width: 374px){

	.recipe .thumbnailInfo dl{
		font-size: 70%;
	}

	.lookRecipe a{
		font-size: 80%;
	}

}

/*スマートフォン(横向きのみに適用)*/
@media all and (max-width: 767px) and (orientation: landscape){

	#header{
		width: 100%;
	  height: 80vh;
	  position: relative;
	  background: url('images/main_bg.jpg');
	  background-size: cover;
	}

}



/*タブレット*/
@media all and (min-width: 768px) and (max-width: 1023px){

	#wrapper{
		width: 100%;
		overflow: hidden;
	}

	#header{
	  height: 400px;
	  position: relative;
	  background: url('images/main_bg.jpg');
	  background-size: cover;
	}

	#nav ul li a{
  	display: block;
  	padding: 8px 25px;
	}

	.nav_sp{
		display: none;
	}

	#contentWrap{
	  padding: 20px 0;
	  /*clear: both;
	  overflow: hidden;*/
	}

	#mainSubWrap{
	  /*float: left;*/
	  clear: both;
	  overflow: hidden;
	}

	/*****メインコンテンツ*****/
	#mainContent{
	  width: 70%;
	  margin: 0 2%;
	  float: right;
	}

	.recipe{
	  clear: both;
	  overflow: hidden;
	  margin-bottom: 40px;
	  padding: 10px 15px;
	  background: rgba(0,0,0,0.2);
	}

	.recipe h2.recipeName{
	  font-size: 140%;
	  line-height: 140%;
	  margin-bottom: 15px;
	  border-bottom: solid 1px #999999;
	}

	.recipe .thumbnailInfo{
		clear: both;
		overflow: hidden;
		margin-bottom: 15px;
		position: relative;
	}
  
	.recipe .thumbnailInfo img{
		float: left;
	}
  
	.recipe .thumbnailInfo dl{
		float: left;
		margin-left: 20px;
	}

	.recipe .thumbnailInfo dl dt{
	  background: url('images/star.png') no-repeat 0 3px;
	  padding-left: 17px;
	  margin-top: 7px;
	}

	.recipe .thumbnailInfo dl dd{
	  padding-left: 16px;
	}

	/* .recipeDetail{
	  width: 60%;
	  float: right;
	} */

	.lookRecipe{
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.lookRecipe a{
		color: #66cccc;
	}
	
	.lookRecipe a:hover{
		color: #0099cc;
	}

	.recipeDetail h3{
	  margin-bottom: 10px;
	  padding-left: 3px;
	  border-left: solid 6px #999999;
	}

	.material{
	  margin-bottom: 30px;
	}

	.materialThumbnail{
		width: 110px;
		height: 110px;
		margin-top: 5px;
		display: inline-block;
		overflow: hidden;
		text-align: center;
		background-color: #ffffff;
	}

	.materialItem{
	  margin-bottom: 30px;
	}

	.howToMake ol li{
	  list-style-type: decimal;
	  list-style-position: inside;
	  margin-bottom: 10px;
	}

	/*****サブコンテンツ*****/
	#side_menu{
		width: 24%;
		margin-left: 2%;
		float: left;
	}

	#subContent{
	  margin-bottom: 40px;
	}

	#baseSearch{
	  margin-bottom: 40px;
	}

	#baseSearch h2{
	  padding: 5px 10px;
	  background: rgba(128,255,0,0.2);
	}

	#baseSearchList{
	  padding: 10px;
	  background: rgba(0,0,0,0.2);
	}

	.baseLiquor{
	  margin-bottom: 5px;
	  border-bottom: solid 1px #999999;
	}

	#baseSearch ul{
	  margin-bottom: 20px;
	}

	#baseSearch #menu-brew-liquor-list{
	  margin-bottom: 0px;
	}

	#baseSearch ul li a{
	  display: block;
	  background: url('images/arrow.png') no-repeat 0 10px;
	  padding: 3px;
	  padding-left: 10px; 
	}

	#conditionSearch h2{
	  padding: 5px 10px;
	  background: rgba(0,255,255,0.2);
	}

	#conditionSearchList{
	  padding: 10px;
	  background: rgba(0,0,0,0.2);
	}

	.condition{
	  margin-bottom: 5px;
	  border-bottom: solid 1px #999999;
	}

	#conditionSearch ul{
	  margin-bottom: 20px;
	}

	#conditionSearch #menu-method-list{
	  margin-bottom: 0px;
	}

	#conditionSearch ul li a{
	  display: block;
	  background: url('images/arrow.png') no-repeat 0 10px;
	  padding: 3px;
	  padding-left: 10px; 
	}

	/*****ウィジェット*****/
	#sidebar{
	  width: 24%;
	  /*float: left;*/
	  margin-left: 2%;
	}

	#side_menu #sidebar{
	  width: 100%;
	  /*float: left;*/
	  /*margin-left: 2%;*/
	}

	.widget{
	  margin-bottom: 40px;
	}

	.widget h2{
	  padding: 5px 10px;
	  background: rgba(255,0,128,0.2);
	}

	.widget ul,.widget form{
	  padding: 10px;
	  background: rgba(0,0,0,0.2);
	}

	.widget ul li a{
	  display: block;
	  padding: 3px 5px;
	}

	.widget form #searcWord{
		width: 96%;
	  background: transparent;
	  border: solid 1px #999999;
	  color: #ffffff;
	  outline: none;
	  margin-bottom: 10px;
	  padding: 0.2em;
	  font-size: 100%;
	}

	#searchBox form{
	  clear: both;
	  overflow: hidden;
	}

	.widget form #searchSubmit{
	  float: right;
	}

	.widget form #searchSubmit:hover{
	  cursor: pointer;
	}

	.searchResult,.categoryResult,.tagResult{
	  margin-bottom: 10px;
	}

	#facebookLikeBox iframe{
	  background: #ffffff;
	}

	#advertisement{
		/*margin-left: 18px;*/
	}

	/*****フッター*****/
	#footer{
	  background: #000000;
	}

	#copy{
	  text-align: center;
	  font-size: 80%;
	  padding: 40px 0;
	}
	/**********各ページ共通＆トップページの設定終了**********/


	/**********トップページ以外の共通設定開始**********/
	/*****メインコンテンツ*****/
	#lowerLayerMain{
	  width: 93%;
	  margin: 0 auto;
	  margin-bottom: 40px;
	  padding: 5px 10px;
	  background: rgba(0,0,0,0.2);
	}

	#lowerLayerMain h2{
	  font-size: 140%;
	  line-height: 140%;
	  margin-bottom: 15px;
	  border-bottom: solid 1px #999999;
	}
	/**********トップページ以外の共通設定終了**********/


	/**********「このサイトについて」ページ開始**********/
	#aboutContent p{
	  margin-bottom: 20px;
	}
	/**********「このサイトについて」ページ終了**********/



	/**********「カクテルの知識」ページ開始**********/
	#knowledgeContent h2 span{
	  margin-left: 20px;
	  font-size: 70%;
	}

	#descriptionCocktail{
	  margin: 10px 0;
	}

	#descriptionCocktail dt{
	  display: inline;
	  padding: 3px; 
	  background: rgba(255,0,255,0.2);
	  font-size: 110%;
	}

	#descriptionCocktail dt.typeTechnique,#descriptionCocktail dt.typeBarTool{
	  border-left: solid 6px #999999;
	  border-bottom: solid 1px #999999;
	  background: transparent;
	}

	#descriptionCocktail dl dd{
	  margin-top: 5px;
	  margin-bottom: 30px;
	}
	/**********「カクテルの知識」ページ終了**********/


	/**********「お問い合わせ」ページ開始**********/
	#contactContent form input[type="text"],
	#contactContent form input[type="email"],
	#contactContent form textarea{
	  background: transparent;
	  border: solid 1px #999999;
	  color: #ffffff;
	  outline: none;
	  padding: 0.1em;
	  font-size: 16px;
	}

	#contactContent form input[type="text"]:focus,
	#contactContent form input[type="email"]:focus,
	#contactContent form textarea:focus{
	  background: rgba(0,0,0,0.2);
	}

	#contactContent #submit:hover{
	  cursor: pointer;
	}

}



/**********スマートフォン・タブレット用**********/
@media all and (max-width: 1023px){
  /*body{
    background: #000000;
  }

  #wrapper{
    overflow: hidden;
    position: relative;
    z-index: 10;
  }
  
  #contentWrap{
    background-image: none;
    position: relative;
    z-index: 8;
  }

  #header{
    position: relative;
    z-index: 9;
  }

  #nav{
    position: relative;
    z-index: 9;
  }

  #footer{
    position: relative;
    z-index: 9;
  }

  #notPcBg{
    display: block;
    position: fixed;
    top: 0px;
    height: 1500px;
    z-index: 1;
  }*/

  body::before {
		content: "";
		position: fixed;
		width: 100%;
		height: 100%;
		background:url('images/content_bg.jpg') no-repeat center center;
		background-size: cover;
		top: 0;
		left: 0;
		z-index: -1;
	}

	span.buy{
		display: block;
		text-align: right;
	}

}



/*PC*/
@media all and (min-width: 1024px){

	#wrapper{
	  width: 960px;
	  margin: 0 auto;
	  padding: 0;
	}

	#header{
	  height: 400px;
	  position: relative;
	  background: url('images/main_bg.jpg');
	}

	#logo{
	  position: absolute;
	  top: 20px;
	  left: 20px;
	}

	#nav{
	  background: #000000;
	  clear: both;
	  overflow: hidden;
	}

	#nav ul li{
	  float: left;
	  background: #000000;
	}

	#nav ul li.currentPage{
	  /*padding: 8px 25px;***WordPressでは不要***/
	  background: #333333;
	  color: #f5ecf4;
	}

	#nav ul li a{
	  display: block;
	  padding: 8px 25px;
	}

	#nav ul li a:hover{
	  color: #f5ecf4;
	}

	#nav ul li a:not(:target):hover{
	  background-color: #666666\9; /*IE9*/
	}

	.nav_sp{
		display: none;
	}

	#contentWrap{
	  padding: 20px 0;
	  clear: both;
	  overflow: hidden;
	  background: url('images/content_bg.jpg') no-repeat fixed 50% 0%;
	}

	#mainSubWrap{
	  float: left;
	  *width: 745px;/*IE7*/
	}

	/*****メインコンテンツ*****/
	#mainContent{
	  width: 495px;
	  margin: 0 20px;
	  float: right;
	}

	.recipe{
	  clear: both;
	  overflow: hidden;
	  margin-bottom: 40px;
	  padding: 10px 15px;
	  background: rgba(0,0,0,0.2);
	}

	.recipe:not(:target):hover{
	  background-color: #ffffff\9; /*IE9*/
	  color: #333333\9; /*IE9*/
	}

	.recipe h2.recipeName{
	  font-size: 140%;
	  line-height: 140%;
	  margin-bottom: 15px;
	  border-bottom: solid 1px #999999;
	}

	.recipe .thumbnailInfo{
		clear: both;
		overflow: hidden;
		margin-bottom: 15px;
		position: relative;
	}
  
	.recipe .thumbnailInfo img{
		float: left;
	}
  
	.recipe .thumbnailInfo dl{
		float: left;
		margin-left: 20px;
	}

	.recipe .thumbnailInfo dl dt{
	  background: url('images/star.png') no-repeat 0 3px;
	  padding-left: 17px;
	  margin-top: 7px;
	}

	.recipe .thumbnailInfo dl dd{
	  padding-left: 16px;
	}

	/* .recipeDetail{
	  width: 300px;
	  float: right;
	} */

	.lookRecipe{
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.lookRecipe a{
		color: #66cccc;
	}
	
	.lookRecipe a:hover{
		color: #0099cc;
	}

	.recipeDetail h3{
	  margin-bottom: 10px;
	  padding-left: 3px;
	  border-left: solid 6px #999999;
	}

	.material{
	  margin-bottom: 30px;
	}

	.materialThumbnail{
		width: 110px;
		height: 110px;
		margin-top: 5px;
		display: inline-block;
		overflow: hidden;
		text-align: center;
		background-color: #ffffff;
	}

	.materialItem{
	  margin-bottom: 30px;
	}

	span.buy a{
	  color: #66cccc;
	}

	span.buy a:hover{
	  color: #0099cc;
	}

	span.buy{
		display: block;
		text-align: right;
	}

	.howToMake ol li{
	  list-style-type: decimal;
	  list-style-position: inside;
	  margin-bottom: 10px;
	}

	/*ページナビゲーション*/
	.wp-pagenavi {
	  text-align: center;
	  color: #ffffff;
	}

	.wp-pagenavi span,.wp-pagenavi a{
	  background: rgba(0,0,0,0.2);
	  text-decoration: none;
	  padding: 3px 5px;
	  margin: 2px;
	}

	.wp-pagenavi a:hover{
	  background: #ffffff;
	  color: #333333;
	}

	.wp-pagenavi .current{
	  background: rgba(128,255,0,0.2);
	  font-weight: bold;
	}

	/*****サブコンテンツ*****/
	#side_menu{
		float: left;
	}

	#subContent{
	  width: 190px;
	  /*float: left;*/
	  margin-left: 20px;
	}

	#baseSearch{
	  margin-bottom: 40px;
	}

	#baseSearch h2{
	  padding: 5px 10px;
	  background: rgba(128,255,0,0.2);
	}

	#baseSearchList{
	  padding: 10px;
	  background: rgba(0,0,0,0.2);
	}

	.baseLiquor{
	  margin-bottom: 5px;
	  border-bottom: solid 1px #999999;
	}

	#baseSearch ul{
	  margin-bottom: 20px;
	}

	#baseSearch #menu-brew-liquor-list{
	  margin-bottom: 0px;
	}

	#baseSearch ul li a{
	  display: block;
	  background: url('images/arrow.png') no-repeat 0 10px;
	  padding: 3px;
	  padding-left: 10px; 
	}

	#baseSearch ul li:not(:target):hover{
	  background: #80751D\9; /*IE9*/
	}

	#conditionSearch h2{
	  padding: 5px 10px;
	  background: rgba(0,255,255,0.2);
	}

	#conditionSearchList{
	  padding: 10px;
	  background: rgba(0,0,0,0.2);
	}

	.condition{
	  margin-bottom: 5px;
	  border-bottom: solid 1px #999999;
	}

	#conditionSearch ul{
	  margin-bottom: 20px;
	}

	#conditionSearch #menu-method-list{
	  margin-bottom: 0px;
	}

	#conditionSearch ul li a{
	  display: block;
	  background: url('images/arrow.png') no-repeat 0 10px;
	  padding: 3px;
	  padding-left: 10px; 
	}

	#conditionSearch ul li:not(:target):hover{
	  background: #4D634B\9; /*IE9*/
	}

	/*****ウィジェット*****/
	#sidebar{
	  width: 195px;
	  margin-right: 20px;
	  float: right;
	}

	.widget{
	  margin-bottom: 40px;
	}

	.widget h2{
	  padding: 5px 10px;
	  background: rgba(255,0,128,0.2);
	}

	.widget ul,.widget form{
	  padding: 10px;
	  background: rgba(0,0,0,0.2);
	}

	.widget ul li a{
	  display: block;
	  padding: 3px 5px;
	}

	.widget ul li:not(:target):hover{
	  background: #92382E\9; /*IE9*/
	}

	.widget form #searcWord{
	  background: transparent;
	  border: solid 1px #999999;
	  color: #ffffff;
	  outline: none;
	  margin-bottom: 10px;
	  padding: 0.2em;
	  font-size: 100%;
	}

	#searchBox form{
	  clear: both;
	  overflow: hidden;
	}

	.widget form #searchSubmit{
	  float: right;
	}

	.widget form #searchSubmit:hover{
	  cursor: pointer;
	}

	.searchResult,.categoryResult,.tagResult{
	  margin-bottom: 10px;
	}

	#facebookLikeBox iframe{
	  background: #ffffff;
	}

	#advertisement{
		margin-left: 18px;
	}

	/*****フッター*****/
	#footer{
	  background: #000000;
	}

	#copy{
	  text-align: center;
	  font-size: 80%;
	  padding: 40px 0;
	}
	/**********各ページ共通＆トップページの設定終了**********/


	/**********トップページ以外の共通設定開始**********/
	/*****メインコンテンツ*****/
	#lowerLayerMain{
		width: 93%;
		margin: 0 auto;
		margin-bottom: 40px;
		padding: 5px 10px;
		background: rgba(0,0,0,0.2);
	}

	#lowerLayerMain h2{
	  font-size: 140%;
	  line-height: 140%;
	  margin-bottom: 15px;
	  border-bottom: solid 1px #999999;
	}
	/**********トップページ以外の共通設定終了**********/


	/**********「このサイトについて」ページ開始**********/
	#aboutContent p{
	  margin-bottom: 20px;
	}
	/**********「このサイトについて」ページ終了**********/



	/**********「カクテルの知識」ページ開始**********/
	#knowledgeContent h2 span{
	  margin-left: 20px;
	  font-size: 70%;
	}

	#descriptionCocktail{
	  margin: 10px 0;
	}

	#descriptionCocktail dt{
	  display: inline;
	  padding: 3px; 
	  background: rgba(255,0,255,0.2);
	  font-size: 110%;
	}

	#descriptionCocktail dt.typeTechnique,#descriptionCocktail dt.typeBarTool{
	  border-left: solid 6px #999999;
	  border-bottom: solid 1px #999999;
	  background: transparent;
	}

	#descriptionCocktail dl dd{
	  margin-top: 5px;
	  margin-bottom: 30px;
	}
	/**********「カクテルの知識」ページ終了**********/


	/**********「お問い合わせ」ページ開始**********/
	#contactContent form input[type="text"],
	#contactContent form input[type="email"],
	#contactContent form textarea{
	  background: transparent;
	  border: solid 1px #999999;
	  color: #ffffff;
	  outline: none;
	  padding: 0.1em;
	  font-size: 16px;
	}

	#contactContent form input[type="text"]:focus,
	#contactContent form input[type="email"]:focus,
	#contactContent textarea:focus{
	  background: rgba(0,0,0,0.2);
	}

	#contactContent #submit:hover{
	  cursor: pointer;
	}

	/**********「お問い合わせ」ページ終了**********/

}