@charset "UTF-8";
/*
Theme Name: pop_01
Template:  twentytwelve_2col
Width: 960px
Description: This is our original theme.
Author: Intelijin.
Author URI:　http://www.intelijin.com/
Version:1.0
 */

/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当

font-size	pixcel換算	h	rem換算(Web基準の87.5%指定)	rem換算(Web基準の62.5%指定)
150%		24px		h1	1.71428571rem			2.4rem
125%		20px		h2	1.42857143rem			2rem
112.5%		18px		h3	1.28571429rem			1.8rem
100%		16px		h4	1.14285714rem			1.6rem
87.5%		14px		p	1rem				1.4rem
75%		12px		small	0.85714286rem			1.2rem
62.5%		10px		vs	0.71428571rem			1rem

 * --------------------- */


/* １．共通カスタマイズ部分 for POP Series
-------------------------------------------------------------- */
/* フォント指定 */
body{ font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}

/***　全体構成　***/
/* サイト幅 MAX 960px .site Padding 40px */

footer[role="contentinfo"] {
	max-width: 960px;
}
@media screen and (min-width: 600px) {
	.site {
		max-width: 960px;
		padding: 0;}
}
/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body .site {
		max-width: 960px;
		padding: 0 40px;}
}
/* > 960px fixed width */
@media screen and (min-width: 960px) {
	body .site {
		max-width:960px;}
}

/* bodyとsiteのマージン設定 40px→30px→20px */
.site {
	padding: 0 20px;
}

@media screen and (min-width: 600px) {
	.site {
	padding: 0 30px;	
	}
}

/*** 各部の隙間を詰める ***/
/* 最上部と最下部の隙間を消す。*/
body .site {
	margin-top: 0px;
	margin-top: 0rem;
	margin-bottom: 0px;
	margin-bottom: 0rem;
}
@media screen and (min-width: 600px) {
	body .site {
		margin-top: 0px;
		margin-top: 0rem;
		margin-bottom: 0px;
		margin-bottom: 0rem;
	}
}

/* ページ・アーカイブヘッダーとコンテンツの間のすき間を小さく。 */
.archive-header, .page-header {
	margin-bottom: 14px;
	margin-bottom: 1.0rem;
	padding-bottom: 10px;
	padding-bottom: 0.71428571rem;
	border-bottom: 1px solid #ededed;
}
/* 表題とコンテンツとの間のすき間を小さく。 */
.entry-header {
	margin-bottom: 10px;
	margin-bottom: 0.71428571rem;
}
.site-content article {
	border-bottom: 4px double #ededed;
	margin-bottom: 14px;
	margin-bottom: 1.0rem;
	padding-bottom: 10px;
	padding-bottom: 0.71428571rem;
}
.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
	margin: 0 0 5px;
	margin: 0 0 0.357rem;
	line-height: 1.714285714;
}
.entry-content h1, .comment-content h1, 
.entry-content h2, .comment-content h2, 
.entry-content h3, .comment-content h3, 
.entry-content h4, .comment-content h4, 
.entry-content h5, .comment-content h5,
.entry-content h6, .comment-content h6 {
	margin: 10px 0;
	margin: 0.71428571rem 0;
	line-height: 1.5;
}

/* ウイジェットエリアの上下間隔 表題上下のマージンを小さく */
.widget-area .widget,
.widget-area-left .widget{
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.widget-area .widget h3,.widget-area .widget a,.widget-area .widget li,
.widget-area-left .widget h3,.widget-area-left .widget a,.widget-area-left .widget li{
	margin-left: 5px; 
	margin-right: 5px;
	margin-bottom: 7px;
	margin-bottom: 0.5rem;
}

/*** サイトヘッダー部 	１．logoをセンター配置(<600px) 
     			２．logoをleft配置(>600px, >1125px) ***/ 
/* Header <600px */
.site-header {
	text-align: center;
}

/* Header >600px */
@media screen and (min-width: 600px) {
	header.site-header {
		text-align: left;
	}
	.header-left {
		width: 49%;
		float:left;
	}
	.header-right {
		width: 49%;
		float:left;
	}
}

/*** フッター ***/

/* copyRight */
.copyRight{
	width:99%;
	clear:both;
	text-align:center;
}

/* ３．デザインバリエーション
-------------------------------------------------------------- */
/* 背景(Body, site)の色 */
body {
	background-color: none;
}
.site {background-color: transparent;}
@media screen and (min-width: 600px) {
	body {
		background-image: url("./images/back.jpg");
		background-repeat: repeat;
/*		background-attachment: fixed;*/
		background-position: left top;
	}
	.site {background-color: transparent;}
}

/* 全体の文字色 */
body {
	color: #1a1a1a;
}

/* タイトルの文字色 */
.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
	color: #FF6347;
}
.widget-title, .entry-content th, .comment-content th {
	color: #00FFFF;
}
h1.archive-title , h1.page-title {
	padding-left:15px;
	color: #fff;
	font-size: 16px;
	line-height:2.0;
	margin-left:0px;
	background-color: #00ff7f;
	background-position: 0 0;
}

/*** アーカイブ、ページ、ウイジェット タイトル ***/
/* タイトルの文字(h3)を大きくする */
.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
	font-size: 14px;
	font-size: 1.0rem;
	line-height: 1.4;
}

/* ウイジェットエリアの背景と文字色 */

/* サーチ窓右寄せ */
.widget-area #s {
	margin-left: 5px;
	margin-top: 5px;
}
/* エリア全体 */
.widget-area,.widget-area-left{
	background-color: #3CB371;
}

.widget-area .widget p, .widget-area .widget li, .widget-area .widget a,
.widget-area-left .widget p, .widget-area-left .widget li, .widget-area-left .widget a{
	color:#fff;
}
.widget-area .widget h3, .widget-area .widget h2, .widget-area .widget h1,
.widget-area-left .widget h3, .widget-area-left .widget h2, .widget-area-left .widget h1{
	color:#87CEFA;
}
/* 入力枠の文字色 */
textarea {
	background-color: #E0FFFF;
}
/* コンテンツの区切り */
.site-content article{
	border-bottom: 4px double #7FFF00;
}

/* ナビゲーションの文字の色 */
.main-navigation li a {
	color: #000;
}
.main-navigation li a:hover {
	color: #FF4500;
}
@media screen and (min-width: 600px) {
	.main-navigation .current-menu-item > a{
	color: #00BFFF;
	}
	.main-navigation li a {
		color: #000;
	}
	.main-navigation li a:hover {
		color: #FF4500;
	}
	.main-navigation li ul li a {
		background: #e3e3e3;
		color: #000;
	}
	.main-navigation li ul li a:hover {
		color: #FF4500;
	}
}

/* ナビゲーションの背景の色 */
@media screen and (min-width: 600px) {
	.main-navigation ul.nav-menu,     /* グローバルナビの表示設定 */
	.main-navigation div.nav-menu > ul {
		background: #9ACD32;
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		padding-left: 14px;
		padding-left: 1rem;
		position: relative;
       		-moz-border-radius:3.5px;
        	-webkit-border-radius:3.5px;
        	-khtml-border-radius:3.5px;
        	border-radius:3.5px;
        	-moz-border-radius:0.25rem;
        	-webkit-border-radius:0.25rem;
        	-khtml-border-radius:0.25rem;
		border-radius:0.25rem;
		text-indent: 0;
	}
}

/* フッターの横線の色 */
footer[role="contentinfo"] {
	border-top: 4px double #228B22;
}

/* ２．カラム対応部
-------------------------------------------------------------- */
/*　左カラム対応　*/
@media screen and (min-width: 600px){
	.site-content {float: left; width: 72%;}
	.widget-area {float: right; width: 25%;}
	.full-width .site-content {float: left; width: 100%;}
}