/*
Theme Name: hameets
Theme URI: http://hameets.com
Author: hameets
Description: 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hameets
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

hameets is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/



@import url("css/reset.css");

@charset "utf-8";
/* CSS Document */

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


Common


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


body {
	font-family:"源ノ角ゴシック Normal","源ノ角ゴシック Regular","源ノ角ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
}

body,h1,h2,h3,h4,h5,h6,p,ul,li,img{
  padding: 0;
  margin: 0;
}

img {
	vertical-align:bottom;
}

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

a:hover,
a:active{
	color:#cf6462;
	text-decoration:none;
}

a:link,
a:visited{
	text-decoration:none;
}

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


Main Structure


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

body{
	background-color: #fdf9f9;
}

#wrapper{
	margin: 0 auto;
}


#container {
	width: 1040px;
	margin: 0 auto;
	overflow: hidden;
}



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


header


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

header#site_header {
	width: 1040px;
	margin:18px auto;
	overflow: hidden;
}

body#home h1{
	width: 398px;
	text-align: right;
	font-size: 18px;
}

header .logo{
	float: left;
	width: 398px;
}

header p.header-logo{
	width: 398px;
	overflow: hidden;
}


/*----------------------------------------
about / contact header
----------------------------------------*/

body#about p.title,
body#contact p.title,
body#single p.title,
body#archive p.title{
	width: 398px;
	text-align: right;
	font-size: 18px;
	font-weight: 700;
}

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



header .headline{
	width: 512px;
	height: 100px;
	overflow: scroll;
	overflow-x: hidden;
	border: #cf6462 solid 1px;
	background-color: #ffffff;
	float: right;
	box-sizing:border-box;
}

header .headline ul{
	padding: 6px;
}

header .headline li{
	font-size: 14px;
	vertical-align: middle;
	border-bottom: 1px dotted #e1e1e1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


header .headline li:before {
	content: url(images/pen.png);
	padding-right: 4px;
	vertical-align: middle;
}


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


nav


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


nav{
	width: 100%;
	height: 40px;
	background-color: #ffffff;
	margin-bottom: 12px;
}

.nav_inner{
	width: 1040px;
	margin: 0 auto;
}


nav{
	    border-top: 3px solid #cf6462;
		border-bottom: 3px solid #cf6462;
}

nav ul{
	overflow: hidden;
	float: left;
}

nav ul li{
	float: left;
}

nav a{
	display: block;
	width: 130px;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	color: #242424;
}

nav #toggle{
	display: none;
}



body#home ul li.nav_home a{
    background-color:#cf6462;
	color: #ffffff;
}

body#about ul li.nav_about a{
    background-color:#cf6462;
	color: #ffffff;
}

body#contact ul li.nav_contact a{
    background-color:#cf6462;
	color: #ffffff;
}

/*-------------------------------
nav 疑似クラス
-------------------------------*/

ul li.nav_home a:hover,
ul li.nav_home  a:active,
ul li.nav_about a:hover,
ul li.nav_about  a:active,
ul li.nav_contact a:hover,
ul li.nav_contact  a:active{
	background-color:#cf6462;
	color: #ffffff;
}


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


main_contents


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

body#home #main_contents,
body#archive #main_contents{
	width: 728px;
	float: left;
	margin-right: 12px;
	overflow: hidden;
}


/*----------------------------------------
article
----------------------------------------*/

body#home article,
body#archive article{
	background-color: #ffffff;
	margin-bottom: 12px;
}

body#home article h2,
body#archive article h2{
	font-size: 22px;
	margin: 10px 0;
	line-height: 1.4em;
	overflow: hidden;
	width: 532px;
	max-width: 532px;
}

body#home a.blog_line,
body#archive a.blog_line{
	text-decoration: none;
}

body#home a.blog_line:hover,
body#archive a.blog_line:hover{
	display: block;
	color: #434343;
	width: 100%;
	height: 100%;
	background-color: #fbdcdc;
	opacity: 0.8 ;
}


body#home .blog_box,
body#archive .blog_box{
	overflow: hidden;
}

body#home .column_left,
body#archive .column_left{
	width: 160px;
	float: left;
	margin: 10px 12px;
}

body#home .column_right,
body#archive .column_right{
	width: 532px;
	position: relative;
	float: right;
	margin: 10px 12px 10px 0;
}

body#home .column_right p.time,
body#archive .column_right p.time{
	font-size: 16px;
	font-weight: 300;
	color: #b6b6b6;
}

body#home .column_right p.category,
body#archive .column_right p.category{
	font-size: 16px;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #f3f3f3;
	width: 178px;
	text-align: center;
}

body#home .column_right span.tag,
body#archive .column_right span.tag{
	float: left;
	color: #b6b6b6;
	border: 1px solid #b6b6b6;
	margin-top: 4px;
	margin-right: 12px;
	padding: 0 4px;
	font-weight: 400;
}

/*----------------------------------------
adsense
----------------------------------------*/



/*----------------------------------------
pager
-----------------------------------------*/


.pager{
	text-align:center;
	margin: 24px 0 36px 0;
}

a.page-numbers,
.pager .current{
	background:rgba(0,0,0,0.02);
	border:solid 1px #e1e1e1;
	padding:5px 8px;
	margin:0 2px;
}
.pager .current{
	background-color: #cf6462;
	color: #ffffff;
}



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


widget_area


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


#widget_area{
	width: 300px;
	float: right;
}


/*----------------------------------------
category archive
-----------------------------------------*/


section#categories-4,
section#archives-3{
	width: 300px;
	height: auto;
	background-color: #f3f3f3;
	margin-bottom: 12px;
}

h3.widget-title{
	font-size: 18px;
	font-weight: 500;
	color: #434343;
	padding: 0.4em;
}

select#cat,
select#archives-dropdown-3{
	width: 300px;
	height: 40px;
	border-color: #f3f3f3;
	font-size: 14px;
	color: #434343;
	padding-left: 8px;
	font-family: "源ノ角ゴシック Normal","源ノ角ゴシック Regular","源ノ角ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#widget_area label.screen-reader-text{
	display: none;
}


/*----------------------------------------
imagecontents
-----------------------------------------*/


.widget_imagecontents h3{
	display: none;
}

.widget_imagecontents li{
	margin-bottom: 12px;
}

.widget_imagecontents p{
	font-size: 16px;
	padding: 0.4em;
}


/*----------------------------------------
ranking
-----------------------------------------*/

section#wpp-2 h3{
	background-color: #f3f3f3;
}

section#wpp-2 ul{
	padding: 12px;
	background-color: #ffffff;
	margin-bottom: 12px;
}

section#wpp-2 li{
	font-size: 14px;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #e1e1e1;
	min-height: 50px;
}


section#wpp-2 li.no1{
	background-image: url(images/one.png);
	background-repeat: no-repeat;
	background-position: center;
}

section#wpp-2 li.no2{
	background-image: url(images/two.png);
	background-repeat: no-repeat;
	background-position: center;
}

section#wpp-2 li.no3{
	background-image: url(images/three.png);
	background-repeat: no-repeat;
	background-position: center;
}

section#wpp-2 li.no4{
	background-image: url(images/four.png);
	background-repeat: no-repeat;
	background-position: center;
}

section#wpp-2 li.no5{
	background-image: url(images/five.png);
	background-repeat: no-repeat;
	background-position: center;
}

section#wpp-2 li.no6{
	background-image: url(images/six.png);
	background-repeat: no-repeat;
	background-position: center;
}

section#wpp-2 li.no7{
	background-image: url(images/seven.png);
	background-repeat: no-repeat;
	background-position: center;
}

section#wpp-2 li.no8{
	background-image: url(images/eight.png);
	background-repeat: no-repeat;
	background-position: center;
}

section#wpp-2 li.no9{
	background-image: url(images/nine.png);
	background-repeat: no-repeat;
	background-position: center;
}

section#wpp-2 li.no10{
	background-image: url(images/ten.png);
	background-repeat: no-repeat;
	background-position: center;
}
/*----------------------------------------------------------------


footer


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


footer#site_footer{
	background-color: #ffffff;
	border-top: 3px solid #cf6462;
	margin-top: 36px;
}

footer#site_footer ul{
	padding-top: 10px;
}

footer#site_footer li{
	padding-bottom: 10px;
}


.footer_inner{
	width: 1040px;
	margin: 0 auto;
	font-size: 14px;
	font-weight: 400;
}


#copyright{
	background-color: #cf6462;
}

#copyright p{
	color: #ffffff;
	text-align: center;
	line-height: 2.5em;
}



/*-------------------------------
pageTOPへ戻る
-------------------------------*/

.page-top{
	margin: 0 ;
	padding: 0 ;
	display: none;
}
 
.page-top p{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}
 
.move-page-top{
	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}


.move-page-top:hover{
	opacity: 0.85 ;
}


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


about


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



body#about #main_contents{
	width: 704px;
	float: left;
	margin-right: 12px;
	padding: 12px;
	font-weight: 300;
	background-color: #ffffff;
}


body#about #main_contents section{
	margin-bottom: 36px;
}

body#about h1{
	font-size: 22px;
	color: #434343;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #e1e1e1;
}

body#about h2{
	font-size: 22px;
	color: #434343;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #e1e1e1;
}

body#about #main_contents p{
	font-size: 16px;
	line-height: 2em;
	color: #434343;
}

body#about #main_contents a{
	text-decoration: underline;
	color: #00408f;
}

body#about #main_contents a:hover,
body#about #main_contents a:active{
	color:#cf6462;
	text-decoration: underline;
}


body#about #main_contents ul{
	font-size: 16px;
	color: #434343;
	margin-top: 12px;
	margin-left: 24px;
	line-height: 2em;
	list-style-type: square;
}


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


contact


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

body#contact #main_contents{
	width: 704px;
	float: left;
	margin-right: 12px;
	padding: 12px;
	font-weight: 300;
	background-color: #ffffff;
}


body#contact h1{
	font-size: 22px;
	color: #434343;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #e1e1e1;
}

body#contact #main_contents p{
	font-size: 16px;
	line-height: 2em;
	color: #434343;
}



/*----------------------------------------
form #contact お問い合わせ
-----------------------------------------*/


body#contact form#contact{
	overflow: hidden;
	font-size: 16px;
	margin: 36px 0;
}

body#contact form#contact p span.red{
	color: #ee6557;
	font-size: 14px;
}

body#contact form#contact input.box{
	width: 300px;
	height: 20px;
	margin-bottom: 20px;
}

body#contact form#contact textarea{
	width: 300px;
	margin-bottom: 36px;
}

body#contact form#contact input.button{
	padding: 6px 12px;
	font-weight: 600;
	color: #434343;
}



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


single


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

body#single #main_contents{
	width: 728px;
	float: left;
	margin-right: 12px;
}


body#single article.main{
	width: 704px;
	margin-bottom: 36px;
	padding: 12px;
	background-color: #ffffff;
}


body#single article.main header.article_header{
	width: 704px;
	position: relative;
}

body#single h1{
	font-size: 28px;
	color: #434343;
	padding: 12px 0;
	margin-bottom: 12px;
	border-bottom: 1px solid #e1e1e1;
}



body#single article.main p.time{
	font-size: 16px;
	font-weight: 300;
	color: #b6b6b6;
}

body#single article.main p.category{
	font-size: 16px;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #f3f3f3;
	width: 178px;
	text-align: center;
}

body#single article.main .tag_erea{
	overflow: hidden;
}

body#single article.main span.tag{
	float: left;
	color: #b6b6b6;
	border: 1px solid #b6b6b6;
	margin-bottom: 4px;
	margin-right: 12px;
	padding: 0 4px;
}

body#single article.main span.tag a{
	color: #b6b6b6;
	font-weight: 400;
}


body#single article.main .contents{
	font-size: 16px;
	font-weight: 300;
	margin-top: 36px;
	color: #434343;
	line-height: 2.2em;
}

.contents .imagephoto{
	text-align: center;
}


/*----------------------------------------
advertisement
-----------------------------------------*/

body#single .advertisement p.link_title{
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 400;
}




body#single .advertisement p.link_title{
	margin-bottom: 6px;
}

body#single .advertisement{
	text-align: center;
	margin: 36px 0 48px 0;
}



/*----------------------------------------
advertisement02
-----------------------------------------*/



body#single .advertisement02 p.link_title{
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: 400;
}


body#single .advertisement02{
	text-align: center;
	margin-bottom: 36px;
}





/*----------------------------------------
h2 見出し2
-----------------------------------------*/


body#single h2.p01{
	font-size: 22px;
	color: #434343;
	border-top: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
	padding: 0.4em;
}

body#single h3.p01{
	font-size: 22px;
	color: #434343;
	border-top: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
	padding: 0.4em;
}



body#single h2.p02{
	font-size: 22px;
	color: #ffffff;
	background-color: #cf6462;
	padding: 0.4em;
}

body#single h2.p03{
	font-size: 22px;
	color: #434343;
	background-color: #f3f3f3;
	padding: 0.4em;
}


/*----------------------------------------
blockquote 引用
-----------------------------------------*/


body#single blockquote{
	width: 70%;
	position: relative;
	margin: 0 auto;
	padding: 36px;
	background-color: #f3f3f3;
}


body#single blockquote:before{
	content: url(images/blockquote_top.png);
	position: absolute;
	top:8px;
	left:5px;
}
	
body#single blockquote:after{
	content: url(images/blockquote_bottom.png);
	position: absolute;
	bottom:2px;
	right:5px;
}


/*----------------------------------------
.text_box 囲みテキスト
-----------------------------------------*/

body#single .text_box{
	width: 70%;
	margin: 0 auto;
	padding: 36px;
	background-color: #f3f3f3;
}


/*----------------------------------------
recommend おすすめ記事
-----------------------------------------*/

body#single .yarpp-related{
	margin-top: 48px;
}

body#single .yarpp-related h3{
	font-size: 18px;
	font-weight: 500;
	color: #434343;
	background-color: #f3f3f3;
	height: auto;
	padding: 0.4em;
	margin-bottom: 12px;
}
	


/*----------------------------------------
comment コメント
-----------------------------------------*/

.comment{
	margin-top: 12px;
	font-size: 16px;
	font-weight: 300;
	color: #434343;
}


.comment_list{
	background-color: #ffffff;
	padding: 12px;
	margin-bottom: 12px;
}

.comment_list h3#comments{
	margin-bottom: 24px;
	font-size: 18px;
	font-weight: 500;
	color: #434343;
	height: auto;
}

.comment_list .comment-metadata{
	margin: 12px 0;
}


.comment_list p.comment-awaiting-moderation{
	color: #cf6462;
}

.comment_list .reply{
	margin-top: 12px;
}

.comment_list .reply a{
	text-decoration: underline;
	color: #00408f;
}

.comment_list .reply a:hover,
.comment_list .reply a:active{
	color: #cf6462;
}

.comment_list li.comment even thread-even depth-1 parent{
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 12px;
	padding-bottom: 12px;
}

.comment_list ul.children{
	padding-left: 6%;
}




/*----------------------------------------
comment-form コメントフォーム
-----------------------------------------*/


#respond{
	background-color: #ffffff;
	padding: 12px;
}


#respond h3#reply-title{
	margin-bottom: 24px;
	font-size: 18px;
	font-weight: 500;
	color: #434343;
	height: auto;
}



form.comment-form{
   display: flex;           /* Flexコンテナ化 */
   flex-direction: column; /* 縦向きに配置 */
}

form.comment-form p.comment-notes { order: 1; } 
form.comment-form p.comment-form-comment { order: 5; }   
form.comment-form p.comment-form-author { order: 2; } 
form.comment-form p.comment-form-email { order: 3; } 
form.comment-form p.comment-form-url { order: 4; } 
form.comment-form p.form-submit { order: 6; } 


form.comment-form p{
	margin-bottom: 12px;
}

form.comment-form p.comment-notes{
	font-size: 14px;
}

form.comment-form input#author,
form.comment-form input#email{
	width: 300px;
	height: 20px;
	display: block;
}

form.comment-form textarea{
	width: 300px;
	display: block;
}

form.comment-form span.required{
	color: #cf6462;
}

form.comment-form input#submit{
	margin: 32px 0;
	padding: 6px 12px;
	font-weight: 600;
	color: #434343;
}
	

/*----------------------------------------
breadcrumb パンくず
-----------------------------------------*/

#breadcrumb{
	width: 1040px;
	margin: 0 auto;
	margin-bottom: 12px;
}

#breadcrumb li{
	float: left;
	font-size: 12px;
	color: #434343;
	line-height: 1.6em;
}

#breadcrumb li a{
	color: #00408f;
	text-decoration: underline;
}

#breadcrumb li a:hover,
#breadcrumb li a:active{
	color: #cf6462;
}



/*----------------------------------------
single pager
-----------------------------------------*/


#postpage{
	text-align: center;
    padding-top: 20px;
    clear: both;
}

#postpage a {
	border: solid 1px #aaaaaa;
    padding: 5px 4px;
    margin: 0 5px;
}

#postpage a:hover{
	color: #ffffff;
	background: #cf6462;
}

#postpage span  {
	padding: 5px 10px;
    color: #ffffff;
    background: #cf6462;
	margin: 0 5px;
}

#postpage a span  {
	padding: 0;
    color: black;
    background: none;
}

.movie-wrap {
	text-align: center;
}


/*=========================================================================


●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●

tablet.css(tablet横)ここから　　--画面の横幅が1024pxまで--

●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●


==========================================================================*/



@media screen and (max-width: 1024px){
	
img{
	height:auto;
}

	


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


Main Structure


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


#container {
	width: 1040px;
	margin: 0 auto;
	overflow: hidden;
	
	width: 98%;
	padding: 0 1%;
}



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


header


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

header#site_header {
	width: 1040px;
	margin:18px auto;
	overflow: hidden;
	
	width: 98%;
	margin: 1% 0;
	padding: 1%;
}

body#home h1{
	width: 398px;
	text-align: right;
	font-size: 18px;
	
	width: 100%;
}

header .logo{
	float: left;
	width: 398px;
	
	width: 38%;
}

header p.header-logo{
	width: 398px;
	overflow: hidden;
	
	width: 100%;
}


/*----------------------------------------
about / contact / single header
----------------------------------------*/

body#about p.title,
body#contact p.title,
body#single p.title,
body#archive p.title{
	width: 398px;
	text-align: right;
	font-size: 18px;
	font-weight: 700;
	
	width: 100%;
}

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



header .headline{
	width: 512px;
	height: 100px;
	overflow: scroll;
	overflow-x: hidden;
	border: #cf6462 solid 1px;
	background-color: #ffffff;
	float: right;
	box-sizing:border-box;
	
	width: 50%;
	height: 90px;
}

header .headline ul{
	padding: 6px;
	
	padding: 0.6%;
}


header .headline li:before {
	content: url(images/pen.png);
	padding-right: 4px;
	vertical-align: middle;
	
	padding-right: 0.4%;
}


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


nav


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


nav{
	width: 100%;
	height: 40px;
	background-color: #ffffff;
	margin-bottom: 12px;
	
	margin-bottom: 1%;
}

.nav_inner{
	width: 1040px;
	margin: 0 auto;
	
	width: 100%;
	overflow: hidden;
	margin-left: 1%;
}



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


main_contents


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

body#home #main_contents,
body#archive #main_contents{
	width: 728px;
	float: left;
	margin-right: 12px;
	overflow: hidden;
	
	width: 70%;
	margin-right: 1%;
}


/*----------------------------------------
article
----------------------------------------*/

body#home article,
body#archive article{
	background-color: #ffffff;
	margin-bottom: 12px;
	
	margin-bottom: 1.6%;
}

body#home article h2,
body#archive article h2{
	font-size: 22px;
	margin: 10px 0;
	line-height: 1.4em;
	overflow: hidden;
	width: 532px;
	max-width: 532px;
	
	font-size: 20px;
	margin: 2% 0 2.4% 0;
	width: 100%;
	max-width: 100%;
}


body#home .column_left,
body#archive .column_left{
	width: 160px;
	float: left;
	margin: 10px 12px;
	
	width: 22%;
	margin: 2% 2%;
}

body#home .column_right,
body#archive .column_right{
	width: 532px;
	position: relative;
	float: right;
	margin: 10px 12px 10px 0;
	
	width: 72%;
	margin: 2% 2% 2% 0;
}


/*----------------------------------------
adsense
----------------------------------------*/





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


widget_area


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


#widget_area{
	width: 300px;
	float: right;
	
	width: 29%;
}


/*----------------------------------------
category archive
-----------------------------------------*/


section#categories-4,
section#archives-3{
	width: 300px;
	height: auto;
	background-color: #f3f3f3;
	margin-bottom: 12px;
	
	width: 100%;
	margin-bottom: 3%;
}

h3.widget-title{
	font-size: 18px;
	font-weight: 500;
	color: #434343;
	padding: 0.4em;
}

select#cat,
select#archives-dropdown-3{
	width: 300px;
	height: 40px;
	border-color: #f3f3f3;
	font-size: 14px;
	color: #434343;
	padding-left: 8px;
	font-family: "源ノ角ゴシック Normal","源ノ角ゴシック Regular","源ノ角ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	width: 100%;
}

#widget_area label.screen-reader-text{
	display: none;
}	

	


.widget_imagecontents li{
	margin-bottom: 12px;
	
	margin-bottom: 1.6%;
}

/*----------------------------------------
ranking
-----------------------------------------*/

section#wpp-2 h3{
	background-color: #f3f3f3;
}

section#wpp-2 ul{
	padding: 12px;
	background-color: #ffffff;
	margin-bottom: 12px;
	
	padding: 4%;
}

section#wpp-2 li{
	font-size: 14px;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #e1e1e1;
	min-height: 50px;
}

	



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


footer


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


.footer_inner{
	width: 1040px;
	margin: 0 auto;
	font-size: 14px;
	font-weight: 400;
	
	width: 100%;
	padding-left: 1%;
}



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


about


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

body#about #main_contents{
	width: 704px;
	float: left;
	margin-right: 12px;
	padding: 12px;
	font-weight: 300;
	background-color: #ffffff;
	
	width: 68%;
	margin-right: 1%;
	padding: 1%;
}



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


contact


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

body#contact #main_contents{
	width: 704px;
	float: left;
	margin-right: 12px;
	padding: 12px;
	font-weight: 300;
	background-color: #ffffff;
	
	width: 68%;
	margin-right: 1%;
	padding: 1%;
}




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


single


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


body#single #main_contents{
	width: 728px;
	float: left;
	margin-right: 12px;
	
	width: 70%;
	margin-right: 1%;
}	


body#single article.main{
	width: 704px;
	margin-bottom: 36px;
	padding: 12px;
	background-color: #ffffff;
	
	width: 96%;
	padding: 2%;
}

	
body#single article.main .gmap{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
body#single article.main .gmap iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
	
	
	
	
body#single article.main header.article_header{
	width: 704px;
	position: relative;
	
	width: 100%;
}





/*----------------------------------------
blockquote 引用
-----------------------------------------*/


body#single blockquote{
	width: 70%;
	position: relative;
	margin: 0 auto;
	padding: 36px;
	background-color: #f3f3f3;
}




/*----------------------------------------
.text_box 囲みテキスト
-----------------------------------------*/

body#single .text_box{
	width: 70%;
	margin: 0 auto;
	padding: 36px;
	background-color: #f3f3f3;
}


/*----------------------------------------
recommend おすすめ記事
-----------------------------------------*/

	
body#single .yarpp-related{
	margin-top: 48px;
}

body#single .yarpp-related h3{
	font-size: 18px;
	font-weight: 500;
	color: #434343;
	background-color: #f3f3f3;
	height: auto;
	padding: 0.4em;
	margin-bottom: 12px;
}
	

/*----------------------------------------
breadcrumb パンくず
-----------------------------------------*/

#breadcrumb{
	width: 1040px;
	margin: 0 auto;
	margin-bottom: 12px;
	
	width: 98%;
	padding: 0 1%;
}

#breadcrumb li{
	float: left;
	font-size: 12px;
	color: #434343;
}

#breadcrumb li a{
	color: #00408f;
	text-decoration: underline;
}

#breadcrumb li a:hover,
#breadcrumb li a:active{
	color: #cf6462;
}

.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	text-align: center;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
	
	
}



/*=========================================================================

●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●

tablet.css ここから　　　　--画面の横幅が768pxまで--  

●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●

==========================================================================*/



@media screen and (max-width: 768px){
	
img{
	height:auto;
}


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


Main Structure


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

body{
	background-color: #fdf9f9;
}

#wrapper{
	margin: 0 auto;
}


#container {
	width: 1040px;
	margin: 0 auto;
	overflow: hidden;
	
	width: 98%;
	padding: 0 1%;
}



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


header


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

header#site_header {
	width: 1040px;
	margin:18px auto;
	overflow: hidden;
	
	width: 98%;
	margin: 1% 0;
	padding: 1%;
}

body#home h1{
	width: 398px;
	text-align: right;
	font-size: 18px;
	
	width: 100%;
}

header .logo{
	float: left;
	width: 398px;
	
	width: 38%;
}

header p.header-logo{
	width: 398px;
	overflow: hidden;
	
	width: 100%;
}


/*----------------------------------------
about / contact / single header
----------------------------------------*/

body#about p.title,
body#contact p.title,
body#single p.title,
body#archive p.title{
	width: 398px;
	text-align: right;
	font-size: 18px;
	font-weight: 700;
	
	width: 100%;
}

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



header .headline{
	width: 512px;
	height: 100px;
	overflow: scroll;
	overflow-x: hidden;
	border: #cf6462 solid 1px;
	background-color: #ffffff;
	float: right;
	box-sizing:border-box;
	
	width: 50%;
	height: 90px;
	
	height: 75px;
}

header .headline ul{
	padding: 6px;
	
	padding: 0.6%;
}

header .headline li{
	font-size: 14px;
	vertical-align: middle;
	border-bottom: 1px dotted #e1e1e1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
	/*----*/
	
	font-size: 12px;
}


header .headline li:before {
	content: url(images/pen.png);
	padding-right: 4px;
	vertical-align: middle;
	
	padding-right: 0.4%;
	
	padding-right: 1%;
}


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


nav


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


nav{
	width: 100%;
	height: 40px;
	background-color: #ffffff;
	margin-bottom: 12px;
	
	margin-bottom: 1%;
}

.nav_inner{
	width: 1040px;
	margin: 0 auto;
	
	width: 100%;
	overflow: hidden;
	margin-left: 1%;
}


nav{
	    border-top: 3px solid #cf6462;
		border-bottom: 3px solid #cf6462;
}

nav ul{
	overflow: hidden;
	float: left;
}

nav ul li{
	float: left;
}

nav a{
	display: block;
	width: 130px;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	color: #242424;
}

body#home ul li.nav_home a{
    background-color:#cf6462;
	color: #ffffff;
}

body#about ul li.nav_about a{
    background-color:#cf6462;
	color: #ffffff;
}

body#contact ul li.nav_contact a{
    background-color:#cf6462;
	color: #ffffff;
}

/*-------------------------------
nav 疑似クラス
-------------------------------*/

ul li.nav_home a:hover,
ul li.nav_home  a:active,
ul li.nav_about a:hover,
ul li.nav_about  a:active,
ul li.nav_contact a:hover,
ul li.nav_contact  a:active{
	background-color:#cf6462;
	color: #ffffff;
}


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


main_contents


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

body#home #main_contents,
body#archive #main_contents{
	width: 728px;
	float: left;
	margin-right: 12px;
	overflow: hidden;
	
	width: 70%;
	margin-right: 1%;
}


/*----------------------------------------
article
----------------------------------------*/

body#home article,
body#archive article{
	background-color: #ffffff;
	margin-bottom: 12px;
	
	margin-bottom: 1.6%;
}

body#home article h2,
body#archive article h2{
	font-size: 22px;
	margin: 10px 0;
	line-height: 1.4em;
	overflow: hidden;
	width: 532px;
	max-width: 532px;
	
	font-size: 20px;
	margin: 2% 0 2.4% 0;
	width: 100%;
	max-width: 100%;
	
	font-size: 18px;
	font-weight: 500;
}

body#home a.blog_line,
body#archive a.blog_line{
	text-decoration: none;
}

body#home a.blog_line:hover,
body#archive a.blog_line:hover{
	display: block;
	color: #434343;
	width: 100%;
	height: 100%;
	background-color: #fbdcdc;
	opacity: 0.8 ;
}


body#home .blog_box,
body#archive .blog_box{
	overflow: hidden;
}

body#home .column_left,
body#archive .column_left{
	width: 160px;
	float: left;
	margin: 10px 12px;
	
	width: 22%;
	margin: 2% 2%;
}

body#home .column_right,
body#archive .column_right{
	width: 532px;
	position: relative;
	float: right;
	margin: 10px 12px 10px 0;
	
	width: 72%;
	margin: 2% 2% 2% 0;
}

body#home .column_right p.time,
body#archive.column_right p.time{
	font-size: 16px;
	font-weight: 300;
	
	font-size: 14px;
}

body#home .column_right p.category,
body#archive .column_right p.category{
	font-size: 16px;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #f3f3f3;
	width: 178px;
	text-align: center;
	
	font-size: 14px;
	width: 46%;
}

body#home .column_right span.tag,
body#archive .column_right span.tag{
	float: left;
	color: #b6b6b6;
	border: 1px solid #b6b6b6;
	margin-right: 12px;
	padding: 0 4px;
	
	font-size: 10px;
}


/*----------------------------------------
adsense
----------------------------------------*/



/*----------------------------------------
pager
-----------------------------------------*/





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


widget_area


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


#widget_area{
	width: 300px;
	float: right;
	
	width: 29%;
}

/*----------------------------------------
category archive
-----------------------------------------*/


section#categories-4,
section#archives-3{
	width: 300px;
	height: auto;
	background-color: #f3f3f3;
	margin-bottom: 12px;
	
	width: 100%;
	margin-bottom: 3%;
}

h3.widget-title{
	font-size: 18px;
	font-weight: 500;
	color: #434343;
	padding: 0.4em;
	
	font-size: 14px;
}

select#cat,
select#archives-dropdown-3{
	width: 300px;
	height: 40px;
	border-color: #f3f3f3;
	font-size: 14px;
	color: #434343;
	padding-left: 8px;
	font-family: "源ノ角ゴシック Normal","源ノ角ゴシック Regular","源ノ角ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	width: 100%;
	
	height: 36px;
	font-size: 12px;
}

#widget_area label.screen-reader-text{
	display: none;
}	




.widget_imagecontents li{
	margin-bottom: 12px;
	
	margin-bottom: 1.6%;
}

.widget_imagecontents p{
	font-size: 16px;
	padding: 0.4em;
	
	font-size: 12px;
}

/*----------------------------------------
ranking
-----------------------------------------*/

section#wpp-2 h3{
	background-color: #f3f3f3;
	
	font-size: 14px;
}

section#wpp-2 ul{
	padding: 12px;
	background-color: #ffffff;
	margin-bottom: 12px;
	
	padding: 4%;
}

section#wpp-2 li{
	font-size: 14px;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #e1e1e1;
	min-height: 50px;
	
	font-size: 12px;
}
	



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


footer


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


footer#site_footer{
	background-color: #ffffff;
	border-top: 3px solid #cf6462;
	margin-top: 36px;
}

footer#site_footer ul{
	padding-top: 10px;
}

footer#site_footer li{
	padding-bottom: 10px;
}

.footer_inner{
	width: 1040px;
	margin: 0 auto;
	font-size: 14px;
	font-weight: 400;
	
	width: 100%;
	padding-left: 1%;
}


#copyright{
	background-color: #cf6462;
}

#copyright p{
	color: #ffffff;
	text-align: center;
	line-height: 2.5em;
}



/*-------------------------------
pageTOPへ戻る
-------------------------------*/

.page-top{
	margin: 0 ;
	padding: 0 ;
	display: none;
}
 
.page-top p{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}
 
.move-page-top{
	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}


.move-page-top:hover{
	opacity: 0.85 ;
}


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


about


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

body#about #main_contents{
	width: 704px;
	float: left;
	margin-right: 12px;
	padding: 12px;
	font-weight: 300;
	background-color: #ffffff;
	
	width: 68%;
	margin-right: 1%;
	padding: 1%;
}


body#about #main_contents section{
	margin-bottom: 36px;
}

body#about h1{
	font-size: 22px;
	color: #434343;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #e1e1e1;
	
	font-size: 20px;
	font-weight: 500;
	padding-bottom: 2%;
}

body#about h2{
	font-size: 22px;
	color: #434343;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #e1e1e1;
	
	font-size: 20px;
	font-weight: 500;
	padding-bottom: 2%;
}

body#about #main_contents p{
	font-size: 16px;
	line-height: 2em;
	color: #434343;
	
	font-size: 14px;
}

body#about #main_contents a{
	text-decoration: underline;
	color: #00408f;
}

body#about #main_contents a:hover,
body#about #main_contents a:active{
	color:#cf6462;
	text-decoration: underline;
}


body#about #main_contents ul{
	font-size: 16px;
	color: #434343;
	margin-top: 12px;
	margin-left: 24px;
	line-height: 2em;
	list-style-type: square;
}


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


contact


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

body#contact #main_contents{
	width: 704px;
	float: left;
	margin-right: 12px;
	padding: 12px;
	font-weight: 300;
	background-color: #ffffff;
	
	width: 68%;
	margin-right: 1%;
	padding: 1%;
}


body#contact h1{
	font-size: 22px;
	color: #434343;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #e1e1e1;
	
	font-size: 20px;
	font-weight: 500;
	padding-bottom: 2%;
}

body#contact #main_contents p{
	font-size: 16px;
	line-height: 2em;
	color: #434343;
	
	font-size: 14px;
}



/*----------------------------------------
form #contact お問い合わせ
-----------------------------------------*/


body#contact form#contact{
	overflow: hidden;
	font-size: 16px;
	margin: 36px 0;
}

body#contact form#contact p span.red{
	color: #ee6557;
	font-size: 14px;
}

body#contact form#contact input.box{
	width: 300px;
	height: 20px;
	margin-bottom: 20px;
}

body#contact form#contact textarea{
	width: 300px;
	margin-bottom: 36px;
}

body#contact form#contact input.button{
	padding: 6px 12px;
	font-weight: 600;
	color: #434343;
}



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


single


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


body#single #main_contents{
	width: 728px;
	float: left;
	margin-right: 12px;
	
	width: 70%;
	margin-right: 1%;
}	


body#single article.main{
	width: 704px;
	margin-bottom: 36px;
	padding: 12px;
	background-color: #ffffff;
	
	width: 96%;
	padding: 2%;
}

body#single article.main header.article_header{
	width: 704px;
	position: relative;
	
	width: 100%;
}

body#single h1{
	font-size: 28px;
	color: #434343;
	padding: 12px 0;
	margin-bottom: 12px;
	border-bottom: 1px solid #e1e1e1;
	
	font-size: 22px;
}



body#single article.main p.time{
	font-size: 16px;
	font-weight: 300;
	
	font-size: 14px;
}

body#single article.main p.category{
	font-size: 16px;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #f3f3f3;
	width: 178px;
	text-align: center;
	
	font-size: 14px;
}

body#single article.main .tag_erea{
	overflow: hidden;
}

body#single article.main span.tag{
	float: left;
	color: #b6b6b6;
	border: 1px solid #b6b6b6;
	margin-bottom: 4px;
	margin-right: 12px;
	padding: 0 4px;
	
	font-size: 10px;
}

body#single article.main .contents{
	font-size: 16px;
	font-weight: 300;
	margin-top: 36px;
	color: #434343;
	line-height: 2.2em;
	
	font-size: 14px;
}


/*----------------------------------------
advertisement
-----------------------------------------*/

body#single .advertisement p.link_title{
	margin-bottom: 6px;
}

body#single .advertisement{
	text-align: center;
	margin: 36px 0 48px 0;
}

body#single .advertisement p.link_title{
	margin-bottom: 10px;
}



/*----------------------------------------
h2 見出し2
-----------------------------------------*/


body#single h2.p01{
	font-size: 22px;
	color: #434343;
	border-top: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
	padding: 0.4em;
	
	font-size: 18px;
}

	
body#single h3.p01{
	font-size: 22px;
	color: #434343;
	border-top: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
	padding: 0.4em;
	
	font-size: 18px;
}	

	
	

body#single h2.p02{
	font-size: 22px;
	color: #ffffff;
	background-color: #cf6462;
	padding: 0.4em;
	
	font-size: 18px;
}

body#single h2.p03{
	font-size: 22px;
	color: #434343;
	background-color: #f3f3f3;
	padding: 0.4em;
	
	font-size: 18px;
}


/*----------------------------------------
blockquote 引用
-----------------------------------------*/


body#single blockquote{
	width: 70%;
	position: relative;
	margin: 0 auto;
	padding: 36px;
	background-color: #f3f3f3;
}


body#single blockquote:before{
	content: url(images/blockquote_top.png);
	position: absolute;
	top:8px;
	left:5px;
}
	
body#single blockquote:after{
	content: url(images/blockquote_bottom.png);
	position: absolute;
	bottom:2px;
	right:5px;
}


/*----------------------------------------
.text_box 囲みテキスト
-----------------------------------------*/

body#single .text_box{
	width: 70%;
	margin: 0 auto;
	padding: 36px;
	background-color: #f3f3f3;
}


/*----------------------------------------
recommend おすすめ記事
-----------------------------------------*/

	
body#single .yarpp-related{
	margin-top: 48px;
}

body#single .yarpp-related h3{
	font-size: 18px;
	font-weight: 500;
	color: #434343;
	background-color: #f3f3f3;
	height: auto;
	padding: 0.4em;
	margin-bottom: 12px;
	
	font-size: 16px;
}
	
	


/*----------------------------------------
comment コメント
-----------------------------------------*/

.comment{
	margin-top: 12px;
	font-size: 16px;
	font-weight: 300;
	color: #434343;
	
	font-size: 14px;
}


.comment_list{
	background-color: #ffffff;
	padding: 12px;
	margin-bottom: 12px;
}

.comment_list h3#comments{
	margin-bottom: 24px;
	font-size: 18px;
	font-weight: 500;
	color: #434343;
	height: auto;
	
	font-size: 16px;
}

.comment_list .comment-metadata{
	margin: 12px 0;
}


.comment_list p.comment-awaiting-moderation{
	color: #cf6462;
}

.comment_list .reply{
	margin-top: 12px;
}

.comment_list .reply a{
	text-decoration: underline;
	color: #00408f;
}

.comment_list .reply a:hover,
.comment_list .reply a:active{
	color: #cf6462;
}

.comment_list li.comment even thread-even depth-1 parent{
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 12px;
	padding-bottom: 12px;
}

.comment_list ul.children{
	padding-left: 6%;
}




/*----------------------------------------
comment-form コメントフォーム
-----------------------------------------*/


#respond{
	background-color: #ffffff;
	padding: 12px;
}


#respond h3#reply-title{
	margin-bottom: 24px;
	font-size: 18px;
	font-weight: 500;
	color: #434343;
	height: auto;
	
	font-size: 16px;
}



form.comment-form{
   display: flex;           /* Flexコンテナ化 */
   flex-direction: column; /* 縦向きに配置 */
}

form.comment-form p.comment-notes { order: 1; } 
form.comment-form p.comment-form-comment { order: 5; }   
form.comment-form p.comment-form-author { order: 2; } 
form.comment-form p.comment-form-email { order: 3; } 
form.comment-form p.comment-form-url { order: 4; } 
form.comment-form p.form-submit { order: 6; } 


form.comment-form p{
	margin-bottom: 12px;
}

form.comment-form p.comment-notes{
	font-size: 14px;
}

form.comment-form input#author,
form.comment-form input#email{
	width: 300px;
	height: 20px;
	display: block;
}

form.comment-form textarea{
	width: 300px;
	display: block;
}

form.comment-form span.required{
	color: #cf6462;
}

form.comment-form input#submit{
	margin: 32px 0;
	padding: 6px 12px;
	font-weight: 600;
	color: #434343;
}


	
	

	
	

}


/*=========================================================================

●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●    

smartphone.css ここから　　　　--画面の横幅が480pxまで--

●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● 

==========================================================================*/




@media screen and (max-width:480px){
	
	
/*----------------------------------------------------------------


Main Structure


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

body{
	background-color: #fdf9f9;
	
	background-color: #fbe0e0;
}

#wrapper{
	margin: 0 auto;
}


#container {
	width: 1040px;
	margin: 0 auto;
	overflow: hidden;
	
	width: 98%;
	padding: 0 1%;
	margin: 0;
}



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


header


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

header#site_header {
	width: 1040px;
	margin:18px auto;
	overflow: hidden;
	
	width: 98%;
	margin: 1% 0;
	padding: 1%;
	
	margin: 2% 0;
}

body#home h1{
	width: 398px;
	text-align: right;
	font-size: 18px;
	
	width: 100%;
	
	font-size: 12px;
	margin-bottom: 6%;
}

header .logo{
	float: left;
	width: 398px;
	
	width: 38%;
	
	width: 50%;
}

header p.header-logo{
	width: 398px;
	overflow: hidden;
	
	width: 100%;
}


/*----------------------------------------
about / contact / single header
----------------------------------------*/

body#about p.title,
body#contact p.title,
body#single p.title,
body#archive p.title{
	width: 398px;
	text-align: right;
	font-size: 18px;
	font-weight: 700;
	
	width: 100%;
	
	font-size: 12px;
	margin-bottom: 6%;
}

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



header .headline{
	width: 512px;
	height: 100px;
	overflow: scroll;
	overflow-x: hidden;
	border: #cf6462 solid 1px;
	background-color: #ffffff;
	float: right;
	box-sizing:border-box;
	
	width: 50%;
	height: 90px;
	
	height: 75px;
	
	float: none;
	width: 100%;
	height: 240px;
}

header .headline ul{
	padding: 6px;
	
	padding: 0.6%;
}

header .headline li{
	font-size: 14px;
	vertical-align: middle;
	border-bottom: 1px dotted #e1e1e1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
	/*----*/
	
	font-size: 12px;
	
	font-size: 14px;
	padding: 2% 0;
}


header .headline li:before {
	content: url(images/pen.png);
	padding-right: 4px;
	vertical-align: middle;
	
	padding-right: 0.4%;
	
	padding-right: 1%;
	
	width: 50%;
}


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


nav


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


nav{
	width: 100%;
	height: 40px;
	background-color: #ffffff;
	margin-bottom: 12px;
	
	margin-bottom: 1%;
	
	height: auto;
	background-color:transparent;
	margin-bottom: 3%;
	
}

.nav_inner{
	width: 1040px;
	margin: 0 auto;
	
	width: 100%;
	overflow: hidden;
	margin-left: 1%;
	
	margin-left: 0;
}


nav{
	border-top: 3px solid #cf6462;
	border-bottom: 3px solid #cf6462;
	
	border-top: none;
	border-bottom: none;
}

nav ul{
	overflow: hidden;
	float: left;
	
	width: 100%;
	display: none;
}

nav ul li{
	float: left;
	
	width: 100%;
}

nav a{
	display: block;
	width: 130px;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	color: #242424;
	
	width: 100%;
	color: #ffffff;
}

nav li a{
	background-color: #cf6462;
	border-top: 1px solid #ffffff;
	line-height: 60px;
}
	
	
nav #toggle{
	display: none;
	
	display: block;
}
	
	
body#home ul li.nav_home a{
    background-color:#cf6462;
	color: #ffffff;
}

body#about ul li.nav_about a{
    background-color:#cf6462;
	color: #ffffff;
}

body#contact ul li.nav_contact a{
    background-color: #cf6462;
	color: #ffffff;
}

/*-------------------------------
nav メニュー
-------------------------------*/	
	
#toggle {
	display: block;
	position: relative;
	width: 100%;
	background: #cf6462;
	}
#toggle a{
	display: block;
	position: relative;
	padding: 10px 0 10px;
	color:#ffffff;
	text-align: center;
	text-decoration: none;
}
#toggle:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background: #ffffff;
}
#toggle a:before, #toggle a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 30px;
	height: 6px;
	background: #cf6462;
}
#toggle a:before {
	margin-top:-9px;
}
#toggle a:after {
	margin-top: 3px;
}	
	
	

/*-------------------------------
nav 疑似クラス
-------------------------------*/

ul li.nav_home a:hover,
ul li.nav_home  a:active,
ul li.nav_about a:hover,
ul li.nav_about  a:active,
ul li.nav_contact a:hover,
ul li.nav_contact  a:active{
	background-color:#cf6462;
	color: #ffffff;
	
	background-color: #cf6462;
}


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


main_contents


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

body#home #main_contents,
body#archive #main_contents{
	width: 728px;
	float: left;
	margin-right: 12px;
	overflow: hidden;
	
	width: 70%;
	margin-right: 1%;
	
	width: 100%;
	margin-right: 0;
}


/*----------------------------------------
article
----------------------------------------*/

body#home article,
body#archive article{
	background-color: #ffffff;
	margin-bottom: 12px;
	
	margin-bottom: 1.6%;
	
	margin-bottom: 3%;
}

body#home article h2,
body#archive article h2{
	font-size: 22px;
	margin: 10px 0;
	line-height: 1.4em;
	overflow: hidden;
	width: 532px;
	max-width: 532px;
	
	font-size: 20px;
	margin: 2% 0 2.4% 0;
	width: 100%;
	max-width: 100%;
	
	font-size: 18px;
	font-weight: 500;
	
	font-size: 14px;
	font-weight: 600;
	margin: 2% 0 0 0;
}

body#home a.blog_line,
body#archive a.blog_line{
	text-decoration: none;
}

body#home a.blog_line:hover,
body#archive a.blog_line:hover{
	display: block;
	color: #434343;
	width: 100%;
	height: 100%;
	background-color: #fbdcdc;
	opacity: 0.8 ;
	
	background-color: transparent;
	opacity: inherit;
}


body#home .blog_box,
body#archive .blog_box{
	overflow: hidden;
}

body#home .column_left,
body#archive .column_left{
	width: 160px;
	float: left;
	margin: 10px 12px;
	
	width: 22%;
	margin: 2% 2%;
}

body#home .column_right,
body#archive .column_right{
	width: 532px;
	position: relative;
	float: right;
	margin: 10px 12px 10px 0;
	
	width: 72%;
	margin: 2% 2% 2% 0;
}

body#home .column_right p.time,
body#archive .column_right p.time{
	font-size: 16px;
	font-weight: 300;
	
	font-size: 14px;
	
	font-size: 12px;
	color: #b6b6b6;
}

body#home .column_right p.category,
body#archive .column_right p.category{
	font-size: 16px;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #f3f3f3;
	width: 178px;
	text-align: center;
	
	font-size: 14px;
	width: 46%;
	
	font-size: 12px;
}

body#home .column_right span.tag,
body#archive .column_right span.tag{
	float: left;
	color: #b6b6b6;
	border: 1px solid #b6b6b6;
	margin-right: 12px;
	padding: 0 4px;
	
	font-size: 10px;
	
	display: none;
}


/*----------------------------------------
adsense
----------------------------------------*/



/*----------------------------------------
pager
-----------------------------------------*/




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


widget_area


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


#widget_area{
	width: 300px;
	float: right;
	
	width: 29%;
	
	width: 100%;
	margin-top: 3%;
}

	
/*----------------------------------------
category archive
-----------------------------------------*/


section#categories-4,
section#archives-3{
	width: 300px;
	height: auto;
	background-color: #f3f3f3;
	margin-bottom: 12px;
	
	width: 100%;
	margin-bottom: 3%;

	height: auto;
}

h3.widget-title{
	font-size: 18px;
	font-weight: 500;
	color: #434343;
	padding: 0.4em;
	
	font-size: 14px;
	
	font-size: 16px;
	padding: 1.2em;
	font-weight: 700;
}

select#cat,
select#archives-dropdown-3{
	width: 300px;
	height: 40px;
	border-color: #f3f3f3;
	font-size: 14px;
	color: #434343;
	padding-left: 8px;
	font-family: "源ノ角ゴシック Normal","源ノ角ゴシック Regular","源ノ角ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	width: 100%;
	
	height: 36px;
	font-size: 12px;
	
	font-size: 14px;
	height: 60px;
	padding-left: 4%;
}

#widget_area label.screen-reader-text{
	display: none;
}	

	


.widget_imagecontents {
	margin-bottom: 3%;
}

.widget_imagecontents .imagecontents_inner{
	background-color: #ffffff;
}

.widget_imagecontents .imagecontents_title{
	height: 60px;
	background-color: #f3f3f3;
}
	
.widget_imagecontents h3{
	display: none;
	
	display: block;
	font-size: 16px;
	padding: 1.2em;
	font-weight: 700;
	color: #434343;
}	

.widget_imagecontents ul{
	padding: 5%;
}
	
.widget_imagecontents li{
	margin-bottom: 12px;
	
	margin-bottom: 1.6%;
	
	border-bottom: 1px dotted #e1e1e1;
	margin-bottom: 3%;
	padding-bottom: 3%;
}

.widget_imagecontents li img{
	display: none;
}
	
.widget_imagecontents p{
	font-size: 16px;
	padding: 0.4em;
	
	font-size: 12px;
	
	font-size: 14px;
	padding: 0;
	line-height: 1.6em;
}


/*----------------------------------------
ranking
-----------------------------------------*/

section#wpp-2 h3{
	background-color: #f3f3f3;
	
	font-size: 14px;
	
	font-size: 16px;
	font-weight: 700;
	padding: 1.2em;
}

section#wpp-2 ul{
	padding: 12px;
	background-color: #ffffff;
	margin-bottom: 12px;
	
	padding: 4%;
	
	padding: 5%;
}

section#wpp-2 li{
	font-size: 14px;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #e1e1e1;
	min-height: 50px;
	
	font-size: 12px;
	
	font-size: 14px;
	margin-bottom: 3%;
	padding-bottom: 3%;
	line-height: 1.6em;
}
	

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


footer


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


footer#site_footer{
	background-color: #ffffff;
	border-top: 3px solid #cf6462;
	margin-top: 36px;
	
	margin-top: 0;
}

footer#site_footer ul{
	padding-top: 10px;
}

footer#site_footer li{
	padding-bottom: 10px;
}

.footer_inner{
	width: 1040px;
	margin: 0 auto;
	font-size: 14px;
	font-weight: 400;
	
	width: 100%;
	padding-left: 1%;
}


#copyright{
	background-color: #cf6462;
}

#copyright p{
	color: #ffffff;
	text-align: center;
	line-height: 2.5em;
}



/*-------------------------------
pageTOPへ戻る
-------------------------------*/

.page-top{
	margin: 0 ;
	padding: 0 ;
	display: none;
}
 
.page-top p{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}
 
.move-page-top{
	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}


.move-page-top:hover{
	opacity: 0.85 ;
}


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


about


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

body#about #main_contents{
	width: 704px;
	float: left;
	margin-right: 12px;
	padding: 12px;
	font-weight: 300;
	background-color: #ffffff;
	
	width: 68%;
	margin-right: 1%;
	padding: 1%;
	
	width: 96%;
	margin-right: 0;
	padding: 2%;
}


body#about #main_contents section{
	margin-bottom: 36px;
}

body#about h1{
	font-size: 22px;
	color: #434343;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #e1e1e1;
	
	font-size: 20px;
	font-weight: 500;
	padding-bottom: 2%;
	
	font-size: 16px;
	font-weight: 700;
	padding-top: 4%;
	padding-bottom: 4%;
	margin-bottom: 4%;
}

body#about h2{
	font-size: 22px;
	color: #434343;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #e1e1e1;
	
	font-size: 20px;
	font-weight: 500;
	padding-bottom: 2%;
	
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 4%;
	margin-bottom: 4%;
	line-height: 1.6em;
}

body#about #main_contents p{
	font-size: 16px;
	line-height: 2em;
	color: #434343;
	
	font-size: 14px;
	
	line-height: 1.6em;
}

body#about #main_contents a{
	text-decoration: underline;
	color: #00408f;
}

body#about #main_contents a:hover,
body#about #main_contents a:active{
	color:#cf6462;
	text-decoration: underline;
}


body#about #main_contents ul{
	font-size: 16px;
	color: #434343;
	margin-top: 12px;
	margin-left: 24px;
	line-height: 2em;
	list-style-type: square;
	
	font-size: 14px;
}


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


contact


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

body#contact #main_contents{
	width: 704px;
	float: left;
	margin-right: 12px;
	padding: 12px;
	font-weight: 300;
	background-color: #ffffff;
	
	width: 68%;
	margin-right: 1%;
	padding: 1%;
	
	width: 96%;
	margin-right: 0;
	padding: 2%;
}


body#contact h1{
	font-size: 22px;
	color: #434343;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #e1e1e1;
	
	font-size: 20px;
	font-weight: 500;
	padding-bottom: 2%;
	
	font-size: 16px;
	font-weight: 700;
	padding-top: 4%;
	padding-bottom: 4%;
	margin-bottom: 4%;
}

body#contact #main_contents p{
	font-size: 16px;
	line-height: 2em;
	color: #434343;
	
	font-size: 14px;
	
	line-height: 1.6em;
}



/*----------------------------------------
form #contact お問い合わせ
-----------------------------------------*/


body#contact form#contact{
	overflow: hidden;
	font-size: 16px;
	margin: 36px 0;
}

body#contact form#contact p span.red{
	color: #ee6557;
	font-size: 14px;
}

body#contact form#contact input.box{
	width: 300px;
	height: 20px;
	margin-bottom: 20px;
	
	width: 80%;
}

body#contact form#contact textarea{
	width: 300px;
	margin-bottom: 36px;
	
	width: 80%;
}

body#contact form#contact input.button{
	padding: 6px 12px;
	font-weight: 600;
	color: #434343;
}



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


single


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


body#single #main_contents{
	width: 728px;
	float: left;
	margin-right: 12px;
	
	width: 70%;
	margin-right: 1%;
	
	width: 100%;
	margin-right: 0;
}	


body#single article.main{
	width: 704px;
	margin-bottom: 36px;
	padding: 12px;
	background-color: #ffffff;
	
	width: 92%;
	padding: 2%;
	
	padding: 4%
}

body#single article.main header.article_header{
	width: 704px;
	position: relative;
	
	width: 100%;
}

body#single h1{
	font-size: 28px;
	color: #434343;
	padding: 12px 0;
	margin-bottom: 12px;
	border-bottom: 1px solid #e1e1e1;
	
	font-size: 22px;
	
	font-size: 20px;
	line-height: 1.4em;
}



body#single article.main p.time{
	font-size: 16px;
	font-weight: 300;
	
	font-size: 14px;
	
	color: #b6b6b6;
}

body#single article.main p.category{
	font-size: 16px;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #f3f3f3;
	width: 178px;
	text-align: center;
	
	font-size: 14px;
	
	color: #434343;
	width: 46%;
}

body#single article.main .tag_erea{
	overflow: hidden;
}

body#single article.main span.tag{
	float: left;
	color: #b6b6b6;
	border: 1px solid #b6b6b6;
	margin-bottom: 4px;
	margin-right: 12px;
	padding: 0 4px;
	
	font-size: 10px;
	
	padding: 2px 4px;;
}

body#single article.main .contents{
	font-size: 16px;
	font-weight: 300;
	margin-top: 36px;
	color: #434343;
	line-height: 2.2em;
	
	font-size: 14px;
	
	font-size: 16px;
}


/*----------------------------------------
advertisement
-----------------------------------------*/

body#single .advertisement p.link_title{
	margin-bottom: 6px;
}

body#single .advertisement{
	text-align: center;
	margin: 36px 0 48px 0;
}

body#single .advertisement p.link_title{
	margin-bottom: 10px;
}


/*----------------------------------------
h2 見出し2
-----------------------------------------*/


body#single h2.p01{
	font-size: 22px;
	color: #434343;
	border-top: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
	padding: 0.4em;
	
	font-size: 18px;
}


body#single h3.p01{
	font-size: 22px;
	color: #434343;
	border-top: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
	padding: 0.4em;
	
	font-size: 18px;
}	
	
	
	
body#single h2.p02{
	font-size: 22px;
	color: #ffffff;
	background-color: #cf6462;
	padding: 0.4em;
	
	font-size: 18px;
}

body#single h2.p03{
	font-size: 22px;
	color: #434343;
	background-color: #f3f3f3;
	padding: 0.4em;
	
	font-size: 18px;
}


/*----------------------------------------
blockquote 引用
-----------------------------------------*/


body#single blockquote{
	width: 70%;
	position: relative;
	margin: 0 auto;
	padding: 36px;
	background-color: #f3f3f3;
	
	line-height: 1.4em;
	width: auto;
}


body#single blockquote:before{
	content: url(images/blockquote_top.png);
	position: absolute;
	top:8px;
	left:5px;
}
	
body#single blockquote:after{
	content: url(images/blockquote_bottom.png);
	position: absolute;
	bottom:2px;
	right:5px;
}


/*----------------------------------------
.text_box 囲みテキスト
-----------------------------------------*/

body#single .text_box{
	width: 70%;
	margin: 0 auto;
	padding: 36px;
	background-color: #f3f3f3;
	
	line-height: 1.4em;
	width: auto;
	word-wrap:break-word;
}


/*----------------------------------------
recommend おすすめ記事
-----------------------------------------*/

	
body#single .yarpp-related{
	margin-top: 48px;
}

body#single .yarpp-related h3{
	font-size: 18px;
	font-weight: 500;
	color: #434343;
	background-color: #f3f3f3;
	height: auto;
	padding: 0.4em;
	margin-bottom: 12px;
	
	font-size: 16px;
	
	font-weight: 700;
}
	

/*----------------------------------------
comment コメント
-----------------------------------------*/

.comment{
	margin-top: 12px;
	font-size: 16px;
	font-weight: 300;
	color: #434343;
	
	font-size: 14px;
	
	margin-top: 3%;
}


.comment_list{
	background-color: #ffffff;
	padding: 12px;
	margin-bottom: 12px;
	
	padding: 3%;
	margin-bottom: 3%;
}

.comment_list h3#comments{
	margin-bottom: 24px;
	font-size: 18px;
	font-weight: 500;
	color: #434343;
	height: auto;
	
	font-size: 16px;
	
	font-weight: 700;
	margin-bottom: 3%;
}

.comment_list .comment-metadata{
	margin: 12px 0;
}


.comment_list p.comment-awaiting-moderation{
	color: #cf6462;
}

.comment_list .reply{
	margin-top: 12px;
}

.comment_list .reply a{
	text-decoration: underline;
	color: #00408f;
}

.comment_list .reply a:hover,
.comment_list .reply a:active{
	color: #cf6462;
}

.comment_list li.comment even thread-even depth-1 parent{
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 12px;
	padding-bottom: 12px;
}

.comment_list ul.children{
	padding-left: 6%;
}




/*----------------------------------------
comment-form コメントフォーム
-----------------------------------------*/


#respond{
	background-color: #ffffff;
	padding: 12px;
}


#respond h3#reply-title{
	margin-bottom: 24px;
	font-size: 18px;
	font-weight: 500;
	color: #434343;
	height: auto;
	
		
	font-size: 16px;
	
	font-weight: 700;
	margin-bottom: 3%;
}



form.comment-form{
   display: flex;           /* Flexコンテナ化 */
   flex-direction: column; /* 縦向きに配置 */
}

form.comment-form p.comment-notes { order: 1; } 
form.comment-form p.comment-form-comment { order: 5; }   
form.comment-form p.comment-form-author { order: 2; } 
form.comment-form p.comment-form-email { order: 3; } 
form.comment-form p.comment-form-url { order: 4; } 
form.comment-form p.form-submit { order: 6; } 


form.comment-form p{
	margin-bottom: 12px;
}

form.comment-form p.comment-notes{
	font-size: 14px;
}

form.comment-form input#author,
form.comment-form input#email{
	width: 300px;
	height: 20px;
	display: block;
	
	width: 98%;
}

form.comment-form textarea{
	width: 300px;
	display: block;
	
	width: 98%;
}

form.comment-form span.required{
	color: #cf6462;
}

form.comment-form input#submit{
	margin: 32px 0;
	padding: 6px 12px;
	font-weight: 600;
	color: #434343;
}
	

/*----------------------------------------
YARPP
-----------------------------------------*/
	

	
.yarpp-thumbnails-horizontal{
	text-align: center;
}
	
	
	
/*----------------------------------------
AMoAd
-----------------------------------------*/
	


.amoad_native{
	margin-bottom: 14px;
}
	

	
	
	
	
	
	
}