/*
Theme Name: NZ lifee2
Theme URI: http://www.nzlifee.info
Description: ポップでさわやかなテーマ
Version: 2.0
Author: Rina
Author URI: http://www.ri-mode.com
*/
@charset "utf-8";
body {
background:url(images/header.png) repeat-x #fff !important;
line-height:1.8;
font-size:16px;
color:#3f3f3f;
font-family: 'Sawarabi Mincho', 'ヒラギノ明朝 ProN W6','HiraMinProN-W6','HG明朝E','ＭＳ Ｐ明朝','MS PMincho','MS 明朝',serif;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
h1,h2,h3,h4,h5 {
margin:0;
padding:0;}
a {
color:#29ABE2;
text-decoration:none;
}
a:hover {
color:#29ABE2;
text-decoration:underline;
}
a img {
border:none;
}
img {
max-width:100%;
height:auto;
}
ul,ol,li {
margin:0;
padding:0;
}
ul {
list-style: square;
}
table,td,th {
border-collapse:collapse;
border:solid 1px #3f3f3f;
padding:5px;
}
table{
	margin-bottom:30px;
}
.highlight {
	background:#FF9;
	font-weight:bold;
}
th {
background:#B3DF9F;

}

td {
vertical-align:top;
text-align:center;
}

.clearfix {clear:both;}
/*--------------------------------------------------------
フォントスタイル
--------------------------------------------------------*/
.bold {
font-weight:bold;
}
/*--------------------------------------------------------
フォーム
--------------------------------------------------------*/
input[type=text],
input[type=email],
textarea {
background: #fafafa;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
border: 1px solid #ddd;
color: #888;
padding: 3px;
}
input[type=text]:focus,
textarea:focus {
color: #373737;
}
textarea {
padding-left: 3px;
width: 98%;
}
input#s {
background: url(images/search.png) no-repeat 5px 6px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 14px;
height: 30px;
line-height: 1.2em;
padding: 4px 10px 4px 28px;
width:300px;
}
input#searchsubmit {
display: none;
}
input, select { 
outline: none;
}
/*--------------------------------------------------------
プラグイン・slidebars関連
--------------------------------------------------------*/
.sb-slidebar {/*スライドの中身*/
color: #fff;
}
.sb-slidebar li {
display:block;
padding:3% 5%;
width:100%;
border-bottom:1px solid #ccc;
}
.sb-slidebar li a {
color:#ccc;
text-decoration:none;
}
.sb-slidebar li a:hover {
color:#fff;
}
#sb-site {
}
.wrap {
width:1024px;
margin:0 auto;
position:relative;
}
.wrap_in {
width:1024px;
float:left;
clear:both;
}
#header {/*スマホ用固定ヘッダ*/
display:none;
}
#header .sb-toggle-right {/*このボタンでスライドして出てくる*/
float: right;
width:40px;
height:40px;
cursor:pointer;
}
/*--------------------------------------------------------
背景画像
--------------------------------------------------------*/
.pc_bg {
position:relative;
height:190px;
}
.pc_bg img {
width:100%;
max-width:100% !important;
}
.sp_bg {display:none;}
#logo {
position:absolute;
top:30px;
left:20px;
z-index:1;
}
/*--------------------------------------------------------
為替レート
--------------------------------------------------------*/
.exchange {
	position:absolute;
	top:30px;
	right:10px;
	z-index:1;
	border:1px solid #4d4d4d;
	padding:5px;
	background:#fff;
	border-radius:3px;
}
.widget_exchange_title {
	font-size:0.8em;
	text-align:center;
	border-bottom:1px solid #4d4d4d;
}
.exchange_jp {
	font-weight:bold;
	color:#C03;
	font-size:1.5em;
}
.exchange_nz {
	font-weight:bold;
	font-size:1.5em;
}
.exchange_now {
	font-size:0.7em;
	background:#6ACEE5;
	border-radius:8px;
	padding:0 3px;
	color:#fff;
}
img.border {
	border:#ccc 1px solid;
}
.smaller {
	font-size:0.6em !important;
}
/*--------------------------------------------------------
グローバルメニュー
--------------------------------------------------------*/
.main_navi {
position:absolute;
top:120px;
z-index:10;
width:100%;
background:#4d4d4d;
font-size:14px;
}

#menu-topmenu li{
float:left;
font-weight:bold;
color:#fff;
display:block;
list-style:none;
}
#menu-topmenu li a{
float:left;
font-weight:bold;
color:#fff;
text-decoration:none;
padding:5px 20px;
-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;
}
#menu-topmenu li a:hover,
#menu-topmenu li a:active{color:#fff; background:#4D4D4D;}
/*--------------------------------------------------------
サイドバー
--------------------------------------------------------*/
#side {
width:296px;
float:left;
margin-bottom:50px;
margin-left:4px;
}
.widget_title{
font-size:22px;
font-weight:bold;
padding:10px 20px 5px;
float:left;
width:100%;
clear:both !important;
border-bottom:#999 2px dotted;
margin-bottom:15px;
margin:25px 0 15px;
font-family: 'Courgette', cursive;
}
.widget ul{
clear:both;
}
.widget ul li{
margin-left:20px;
}
.widget ol {
 counter-reset:li;
 clear:both;
}
.widget ol li  {
	margin-left: 0px;
	clear:both;
	list-style:none;
	position:relative;
}
.widget ol li:before {
	content:counter(li);
	counter-increment:li;
	position:absolute;
	top:-5px;
	left:0px;
	width:35px;
	height:30px;
	color:#fff;
	background:url(images/rank.png);
	font-size:80%;
	text-align:center;
	padding:8px 0 0;
	font-weight:bold;
	font-family: 'Courgette', cursive;

	}
.latestentry {
margin-bottom:10px;
float:left;
}
.thum_mini {
float:left;
width:40%;
}
.thum_mini a img {
border:3px solid #ccc;
}
.thum_mini a:hover img {
border:3px solid #6ACEE5;
}

.latest_in {
font-size:0.9em;
line-height:1.5;
margin-top:-5px;
float:left;
width:60%;
padding:3px 0 0 10px;
}
/*--------------------------------------------------------
メイン
--------------------------------------------------------*/
#content_frontpage {
width:1024px;
float:left;
}
#content{
width:720px;
float:right;
margin-right:4px;
}
#content img, #content a img, #content_frontpage img, #content_frontpage a img {
border:3px solid #ccc;
}
#content a:hover img{
border:3px solid #6ACEE5;
}
h1.archive_title, h3.archive_title {
text-align:center;
margin:-10px 0 0;
padding:0;
font-size:1.8em;}
#content_frontpage ul.content_in {
margin-left:10px;
}
ul.content_in {
margin-left:30px;
margin-top:20px;
}
ul.content_in li {
list-style:none;
float:left;
width:280px;
margin:10px 20px 10px 30px;
}
.entry_thumbnail {
width:286px;
height:156px;
position:relative;
overflow:hidden;
}
.entry_thumbnail a:hover img {
border:3px solid #ccc !important;
}
.entry_thumbnail_on {
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
position:absolute;
top:170px;
left:0;
}
.entry_thumbnail p {
padding:8px;
margin:0;
}
.entry_thumbnail p a, .entry_thumbnail a{
color:#fff;
text-decoration:none;
font-size:0.8em;
margin-top:0;
}
.entry_info {
margin-bottom:30px;
}
.entry_title_index {/*一覧表示の記事タイトル*/
padding:0;
margin:5px 0 -3px;
font-size:1.1em;
line-height:1.4em;
}
a.label {/*カテゴリ*/
background:#6ACEE5;
color:#fff;
font-size:0.8em;
padding:2px 8px 2px;
text-decoration: none;
margin:0 3px 0 0;
border-radius:2px;
}
/*アーカイブページ*/
.twocol {

}
.twocol_in {
	width:46%;
	margin:2%;
	float:left;
}
h2.twocol_title {
	font-family: 'Courgette', cursive;
border-top:dotted 2px #29ABE2;
border-bottom:dotted 2px #6ACEE5;
margin-bottom:15px;
}
.twocol h3 {
	display:none !important;
}
.twocol_in ol {
	counter-reset:li;
}
.twocol_in ol li, .twocol_in ul li {
	clear:both;
position:relative;
list-style:none;
}
.twocol_in ol li:before {
	content:counter(li);
	counter-increment:li;
	position:absolute;
	top:-5px;
	left:0px;
	width:35px;
	height:30px;
	color:#fff;
	background:url(images/rank.png);
	font-size:80%;
	text-align:center;
	padding:8px 0 0;
	font-weight:bold;
	font-family: 'Courgette', cursive;

	}
.twocol_thum {
	width:35%;
	float:left;
	margin-bottom:10px;
}
.twocol_entrytitle {
	width:60%;
	margin-left:5%;
	float:left;
		margin-bottom:15px;
}
.fourcol {
	border:solid 3px #6ACEE5;
	float:left;
	margin:1% 1% 2%;
	border-radius:3px;
}
.fourcol_title {
	font-family: 'Courgette', cursive;
	text-align:center;
	background:#6ACEE5;
	color:#fff;
}
.fourcol_in {
	width:21%;
	margin:2%;
	float:left;
}
.fourcol_thum {
	width:100%;
	float:left;
	margin-bottom:0px;
}
.fourcol_entrytitle {
	width:100%;
	float:left;
	line-height:1.2;
}
.fourcol_thum a img {
border:3px solid #ccc;
}
.fourcol_thum a:hover img{
border:3px solid #6ACEE5;
}
/*個別ページ*/
.entry_title {
padding:0;
margin:0 0 10px;
font-size:1.7em;
line-height:1.2;
}
.entry_content {
margin:0 0 20px 80px;
}
.entry_content ul , .entry_content ol{
margin-left:25px;
}
.entry_content_thum{
width:45%;
margin-right:5%;
float:left;
margin-bottom:10px;
}
.entry_content_thum img {
width:100%;
}
.entry_date {
clear:both;
width:100%;
font-family: 'Courgette', cursive;
}
.entry_date_index {
clear:both;
width:100%;
font-family: 'Courgette', cursive;
text-align:right;
font-size:0.8em;
}
.entry_tag {
font-size:0.9em;
}
.entry_content h2 {
border-bottom:5px solid #6ACEE5;
margin:10px 0;
}

/*タグ一覧ページ*/
ul.all_tags {
margin-top:10px;
margin-bottom:30px;
clear:both;
width:100%;
float:left;
}
ul.all_tags li {
float:left;
width:50%;
}

/*関連記事*/
h2.subcontent_title {
border-top:dotted 2px #6ACEE5;
border-bottom:dotted 2px #6ACEE5;
margin-top:15px;
}
ul.related {
margin:20px 0 0;
padding:0;
}
.related li{
width:33%;
list-style:none;
margin:0 0 20px;
padding:0;
float:left;
}
.thum_mini2 {
width:90%;
margin:auto;
}
.subcontent_entrytitle {
width:90%;
margin:auto;
margin-top:-3px;
padding:0;
font-size:0.9em;
line-height:1.2;
}
/*--------------------------------------------------------
404
--------------------------------------------------------*/
.notfound {font-size:3em;margin:0;padding:0;}
/*--------------------------------------------------------
ページ分割
--------------------------------------------------------*/
.paging {
width:100%;
margin:50px 0 30px;
float:left;
}
.pagination {
width:100%;
margin:0;
float:left;
text-align:center;
}
.pagination span, .pagination a {
text-decoration:none;
border: 1px solid #ccc !important;
padding: 3px 5px;
margin: 2px;
}
.pagination a:hover{
border-color:#666 !important;
}
.pagination .current{
border-color:#666 !important;
font-weight:bold;
}
/*個別ページ*/
.page_box_out {/*ページネーション*/
border-top:#999 2px dotted;
margin:50px 0;
padding:20px 0 70px;
font-size:0.8em;
}
.page_box {/*ページネーション*/
width:190px;
float:left;
}
.page_box_right {/*ページネーション*/
float:right;
}
.page_box .pagination{/*ページネーション*/
float:left;
width:70px;
text-align:center;
margin-top:20px;
}
.page_thum {/*ページネーション*/
width:120px;
float:left;
}
.page_thum img {/*ページネーション*/
max-width:100%;
height:auto;
}
/*投稿記事用カスタマイズ*/
.link_waku {
	border: 3px solid #91CF6E;
	border-radius:3px;
	padding:10px 20px;
}
.link_waku a {
	color:#91CF6E;
}
.additonal_waku {
	border: 3px solid #C2AF47;
	border-radius:3px;
	padding:10px 20px;

	
}
.additonal_waku span {
	color:#C2AF47;
}
.sozai_waku {
	border: 3px solid #A7E2D7;
	border-radius:3px;
	padding:10px 20px;
}
.fukidasi {
position: relative;
	display: inline-block;
 	margin: 1em 0 1em 15px;
	padding: 5px 15px;
 	max-width: 100%;
	background: #ffc6c6;
	border-radius:15px;
	clear:both !important;
}
.fukidasi:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -20px;
 	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 15px solid #ffc6c6;
}

.fukidasi p {
	margin: 0;
	padding: 0;
}
.fukidasi2 {
position: relative;
	display: inline-block;
margin: 1em 0 1em 40px;
padding: 5px 15px;
background: #fdd35c;
border-radius: 15px;
 	max-width: 100%;
}
.fukidasi2:before{
content: "";
position: absolute;
left: -38px;
width: 9px;
height: 9px;
bottom: 0;
background: #fdd35c;
border-radius: 50%;
clear:both !important;
}.fukidasi2:after{
content: "";
position: absolute;
left: -24px;
width: 15px;
height: 15px;
bottom: 3px;
background: #fdd35c;
border-radius: 50%;
}
.fukidasi2 p {
margin: 0;
padding: 0;
} 
/*コメント欄カスタマイズ*/
.entry_comment {
	border:#6ACEE5 solid 3px;
		border-radius:3px;
	padding:10px 20px;
}

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
#footer {
min-width:1024px;
width:100%;
clear:both;
background:#4d4d4d;
clear:both;
}
#footer_in {
width:1024px;
margin:0 auto;
clear:both;
}
.widget_footer {
width:45%;
float:left;
margin:20px 20px;
}
.footer_widget_title{
font-family: 'Courgette', cursive;
color:#6ACEE5;
}

.widget_footer a {
color:#fff;
font-size:0.8em !important;
}
.widget_footer ul {
margin-left:15px;
}
.widget_footer ul li.cat-item {
width:50%;
float:left;
}
.widget_footer .tagcloud ul {
margin-left:0;
}
.widget_footer .tagcloud li {
float:left;
margin-right:15px;
list-style:none;
}
.widget_footer .tagcloud li a {
padding:2px 8px 2px;
border-radius:2px;
background:#6ACEE5;
color:#FFF;
text-decoration:none;
}
.widget_footer .tagcloud li a:hover {
background:#FFF;
color:#3f3f3f;
}
.see_taglist {
	float:left;
	clear:both;
}
.copyright {
text-align:center;
width:100%;
clear:both;
padding-top:50px;
color:#fff;
font-size:12px;
}

/*--------------------------------------------------------
トップへ戻る
--------------------------------------------------------*/
a #pagetop {
color:#fff;
}
#pagetop {
position: fixed;
right:20px;
bottom:30px;
z-index: 100;
width: 50px;
height: 50px;
background: #1a1a1a;
text-align:center;
-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;
box-shadow:  0 0 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow:  0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow:  0 0 4px rgba(0, 0, 0, 0.2);
-o-box-shadow:  0 0 4px rgba(0, 0, 0, 0.2);
-ms-box-shadow:  0 0 4px rgba(0, 0, 0, 0.2);
}
#pagetop:hover {/*マウスオーバー時*/
background:#6ACEE5;/*背景色*/
cursor:pointer;
bottom:28px;
}
.pagetop_txt {
margin-top:12px;
font-size:0.9em;
}
/*--------------------------------------------------------
iframe
--------------------------------------------------------*/
.iframe-content {
position: relative;
width: 100%;
padding: 56.25% 0 0 0;
}
.iframe-content iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*--------------------------------------------------------
Contact Form7
--------------------------------------------------------*/
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea{
width:500px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.wpcf7-submit {
padding:0 30px;
background:#333;
color:#fff;
-moz-border-radius: 2px;
border-radius: 2px;
border:none;
}
.wpcf7-submit:hover {
background:#666;
}
.txt_pink {
	color:#C06;
}
input#quiz {
	width:50px;}
/*--------------------------------------------------------
広告
--------------------------------------------------------*/
.ad_side {
margin-bottom:20px;
}
.ad_title {
font-size:0.8em;
color:#CCC;
line-height:0.5em;
text-align:center;
}
/*--------------------------------------------------------
font awsome
--------------------------------------------------------*/
.fa-star, .fa-star-o, .fa-star-half-o,.points {
color:#ffa500;
font-size:2em !important;
}
.waku_blue1 {
border:3px solid #9cbb1c;
border-radius:3px;
-moz-border-radius:3px;
padding:10px 20px;
margin:10px 0;
}
.reco {
background:#3f3f3f;
color:#fff;
border-radius:3px;
-moz-border-radius:3px;
padding:3px 5px 1px;
font-size:0.85em;
font-weight:bold;
}
/*--------------------------------------------------------
SNS シェアボタン
--------------------------------------------------------*/
/* SNSごとの背景色 */
#twitter {
background-color: #00acee;
}
#pocket {
background-color: #EE4056;
}
#facebook {
background-color: #3b5998;
}
#ggl-plus {
background-color: #dd4b39;
}
#hatena {
background-color: #2D4C86;
}
#line {
background-color:#6C3;
display:none;
}
/* ボタン設定 */
.button-area {
width: 100%;
margin: 10px 0;
clear:both;
}
.button-area:after {
content: '';
clear: both;
display: block;
}
.button-area-title {
margin: 0 0 8px;
text-align: center;
}
.title-fill {
display: block;
background-color: #444;
color: #fff;
font-size: 14px;
width: 100%;
padding: 3px 15px;
box-sizing: border-box;
}
.button-whole {
float: left;
width: 19%;
margin: 0 0.5% 0 0.5%;
box-sizing: border-box;
}
.button-link {
display: block;
text-align: center;
color: #fff !important;
font-size: 14px !important;
padding: 3px 0 !important;
box-sizing: border-box;
border-radius: 3px;
text-decoration: none;
}
.button-link:hover {
text-decoration: none !important;
filter:alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;
}
/*ブログランキング*/
.blog_ranking a img{
	border:none !important;
}
.blog_ranking {
	line-height:1;
	margin-top:-15px;
	clear:both;
	width:100%;
}
.blog_ranking_in {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
/*--------------------------------------------------------
プラグイン
--------------------------------------------------------*/