/*
Theme Name: ooura_018_temp_sm
Author: ZEL
*/

/* reset css */

*{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-decoration: none;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	word-break: break-all;
	line-height: 1.5;
}

a{
	color: #fff;
}

a:hover{
	text-decoration: none;
}

/* ここまで */


/* header関連 */

div#header_back{
	background: black;
	width: 100%;
}

div.header_text{

}

div.header_text > p{
	font-size: 30px;
	color: #fff;
}

header.container > p{
	color: #fff;
}

h1{
	color: #fff;
	font-size: 14px;
}

/* グローバルナビゲーション (サイト右端上部) */

div.gNavi{
	overflow: hidden;
	padding: 10px 0;
}

div.gNavi > ul{
}

div.gNavi > ul > li{
	
}

ul.gNavi_content > ul{
	padding: 0;
	margin: 0;
}

ul.gNavi_content > li{
	padding: 0;
	margin: 0 10px 0 0;
}

ul.gNavi_content > li a{
	padding: 0 10px 0 0;
	margin: 0;
	border-right: solid 1px #fff;
	border-radius: 0;
}

ul.gNavi_content > li.gNavi_content_last a{
	border-right: none;
}

ul.gNavi_content > li a:hover{
	background: none;
	color: #fff;
}

/* グローバルナビゲーション ここまで */

div#pankuzu{
	background: black;
	margin-bottom: 20px;
}

ul.pankuzu_content > ul{
	padding: 0;
	margin: 0;
}

ul.pankuzu_content > ul > li{
	padding: 0;
	margin: 0;
}

ul.pankuzu_content > li a{
	padding: 0;
	margin: 0;
}

ul.pankuzu_content > li a:after{
	content: ">";
	margin: 0 10px;
}

ul.pankuzu_content > li a:hover{
	background-color: transparent;
}

div.breadcrumbs_box{
	color: #fff;
	padding: 10px 0 10px 15px;
}

ul.breadcrumbs > li{
	margin-right: 20px;
}

div.main_img img{
	width: 100%;
	max-height: 300px;
}

div.main_img{
	padding: 0;
	margin-bottom: 10px;
}

div.main_img > p{
	text-align: center;
	vertical-align: middle;
	background: rgba(0,0,0,0.4);
	padding: 10px;
	margin-top: 20px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5) inset;
}


/* header関連 ここまで */

/* コンテンツ関連 */

div.box_text > div > h2{
	margin-left: -15px;
}

h2{
	margin: 0 0 10px 0;
	border-left: solid 6px black;
	border-bottom: solid 1px black;
	padding-left: 10px;
	font-size: 25px;
}

h3 > a{
	color: #000;
}


div.side_box_content > h2{
	font-size: 20px;
}

section.link_box{
	padding: 10px;
	margin: 0 0 20px 0;
	background: #fff;
	border-radius: 7px;
	box-shadow: 0 0 4px 2px rgba(0,0,0,0.4);
	border: 1px solid #000;
}

section.link_box > h2{
	font-size: 20px;
}

section.link_box > div.textwidget a{
	color: #000;
	margin-left: 10px;
}

section.link_box > div.textwidget a:hover{
	color: #ff9148; 
}

div.content_left{
	float: right;
}

div.content_left > h2{
	font-weight: bold;
	text-shadow: 0 2px 3px rgba(255,255,255,0.7);
}

div.content_right{
}

div.box_img_01 > p > img{
	border: solid 1px #000;
}

div.text_box{
	padding: 10px;
	margin: 0 0 20px 0;
	background: #fff;
	border-radius: 7px;
	box-shadow: 0 0 4px 2px rgba(0,0,0,0.4);
	border: 1px solid #000;
}

div.side_box{
	padding: 15px;
}

div.side_box_content{
	background: #fff;
	padding: 10px;
	margin-top: -15px;
	border-radius: 7px;
	box-shadow: 0 0 5px 2px rgba(0,0,0,0.4);
	border: 1px solid #000;
}

div.side_box_content a{
	color: #000;
	line-height: 1.7;
}

div.side_box_content > ul{
	margin-left: 10px;
}

/* コンテンツ関連 ここまで */

/* フッター関連 */

div#footer_back{
	width: 100%;
	background: black;
}

footer{
}

footer > p{
	color: #fff;
	text-align: center;
	padding: 20px;
}

/* フッター関連 ここまで */

/* カテゴリーページ関連 */

div.text{
	padding: 10px;
}

div.text > p{
	margin-top: 20px;
	text-align: right;
}

div.text > p a{
	display: inline-block;
	padding: 10px;
	background: red;
	border-radius: 3px;
	color: #000;
}

div.text > p a:hover{
	background: blue;
}

div.category_box{
	margin-bottom: 30px;
}

div.category_box > h3{
	font-weight: bold;
}

/* カテゴリーページ関連 ここまで */

/* サイトマップページ関連 (sectionタグは、他のページにもあるかもしれないが・・・)*/

h2.sitemap_h2{
	margin-left: -15px;
}

section > h3{
	font-size: 20px;
	margin-left: 10px;
}

section > ul{
	margin-left: 20px;
}

section > ul > li a{
	color: #000;
}

/* サイトマップページ関連 ここまで */

/* 運営者情報ページ関連 */

h3.about{
	font-size: 20px;
	margin-left: 10px;
}

ul.about_page{
	margin-left: 20px;
}

ul.about_page li a{
	color: #000;
}

td{
	padding: 5px;
}

h2.about_h2{
	margin-left: -15px;
}

/* 運営者情報ページ関連 ここまで */

/* 投稿記事ページ関連 */

h2.single_h2{
	margin-left: -15px;
}

div.post_category a{
	color: #000;
}

div.post_day,div.post_time,div.post_category{
	text-align: right;
}

/* 投稿記事ページ関連 ここまで */

/* 404エラーページ関連 */

h2.error_h2{
	margin-left: -15px;
}

div.error_text > p > a{
	color: #000;
	margin-right: 5px;
}

/* 404エラーページ関連 ここまで */




/* カラーチェンジ関連 (おまたせ！) */

/* 背景色関連 */

body{
	background: #943223;
}

div#header_back{
	background: rgba(0,0,0,0.5); 
}

div#pankuzu{
	background: rgba(0,0,0,0.5); ; 
}

/* パンくずリストは、トップページだと表示すらされないから注意 */

div.text_box{
	/* background: red; */
}

div.side_box_content{
	/* background: red; */
}

div#footer_back{
	background: rgba(0,0,0,0.5); 
}

/* 終わり！閉廷！ */

/* リンクテキストカラー関係者達の集い */

div.header_text > p a{
	/* color: red; */
}

div.header_text > p a:hover{
	color: #eaff78; 
}

ul.gNavi_content > li a{
	/* color: red; */
	/* border-right: 1px solid red; */
}

ul.gNavi_content > li.gNavi_content_last a{
	/* border-right: none; */
}

ul.gNavi_content > li a:hover{
	color: #eaff78; 
}

ul.pankuzu_content > li a:hover{
	color: #eaff78; 
}

div.side_box_content > ul > li a{
	/* color: red; */
}

div.side_box_content > ul > li a:hover{
	color: #ff9148;  
}

footer > p a{
	/* color: red; */
}

footer > p a:hover{
	color: #eaff78; 
}

/* サイトマップページの内容に連動↓ */

div.box_text > section > h3 a{
	/* color: red; */
}

div.box_text > section > h3 a:hover{
	color: #ff9148; 
}

div.box_text > section > ul > li a{
	/* color: red; */
}

div.box_text > section > ul > li a:hover{
	color: #ff9148; 
}

ul.about_page > li a{
	/* color: red; */
}

ul.about_page > li a:hover{
	color: #ff9148; 
}

/* 連動終了 */

div.post_category a{
	/* color: red; */
}

div.post_category a:hover{
	color: #ff9148;  
}

div.text > p a{
	color: #fff;
	background: rgba(0,0,0,0.7); 
}

div.text > p a:hover{
	color: #000;
	background: rgba(255,255,255,0.7);
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.6); 
}

div.error_text > p a:hover{
	color: #ff9148;
}

div.header_text > p a, ul.gNavi_content > li a, ul.gNavi_content > li.gNavi_content_last a, ul.nav > li > a, 
div.side_box_content > ul > li a, footer > p a, div.box_text > section > h3 a, div.box_text > section > ul > li a,
ul.about_page > li a, div.post_category a, div.text > p a, div.error_text > p a, section.link_box > div.textwidget > a{
	color: #cc0093;
}

div.text > p a{
	background: rgba(255,255,255,0.7);
}

div.header_text > p a:hover, ul.gNavi_content > li a:hover, ul.gNavi_content > li.gNavi_content_last a:hover, ul.nav > li > a:hover, 
div.side_box_content > ul > li a:hover, footer > p a:hover, div.box_text > section > h3 a:hover, div.box_text > section > ul > li a:hover,
ul.about_page > li a:hover, div.post_category a:hover, div.text > p a:hover, div.error_text > p a:hover, section.link_box > div.textwidget > a:hover{
	color: #cc0093;
	font-weight: bold;
}

div.textwidget > a{
	color: #cc0093;
}

div.textwidget > a:hover{
	color: #cc0093;
	font-weight: bold;
}