@charset "utf-8";
/*
Theme Name:		ブログスマートフォン：ハマニ化成
Theme URI:		http://www.yumeya.net/
Author:			YUMEYA Corp.
Author URI:		http://www.yumeya.net/
Description:	
Version:		1.0
License:		
License URI:	
Tags:			
*/


/* --------------------------------------------------------------------------------
	WordPress Style
-------------------------------------------------------------------------------- */
.wp-caption{
	max-width:95%;
	padding:2%;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption{
	font-style:italic;
	font-size:90%;
	color:#757575;
}
.sticky .featured-post{
	margin:10px 0;
	padding:5px;
	border:2px solid #fc0;
}
li.bypostauthor{
	background:#eee;
}
.alignleft{
	float:left;
	margin:0 1em;
}
.alignright{
	float:right;
	margin:0 1em;
}
.aligncenter{
	display:block;
	margin:0 auto;
}
.wp-embedded-content{
	max-width:100%;
}


/* --------------------------------------------------------------------------------
	共通クラス
-------------------------------------------------------------------------------- */
.clear{
	clear:both;
}
br.clear{
	display:block;
	margin:0;
	padding:0;
	clear:both;
	height:0;
	border:none;
	visibility:hidden;
	font-size:0;
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	min-height:1%;
}
* html .clearfix{
	height:1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* --------------------------------------------------------------------------------
	container
-------------------------------------------------------------------------------- */
#container{
}


/* --------------------------------------------------------------------------------
	header
-------------------------------------------------------------------------------- */
#header{
}

/* --------------------------------------------------------------------------------
	wrapper
-------------------------------------------------------------------------------- */
#wrapper{
	padding:3vw 3vw;
}


/* --------------------------------------------------------------------------------
	main
-------------------------------------------------------------------------------- */
#main{
	margin:0 0 5vw;
}

/********** tag **********/
#main .entry-body ul{
	list-style:disc;
	padding-left:2em;
}
#main .entry-body ol{
	list-style:decimal;
	padding-left:2em;
}

#main .entry-body p{
	margin:0 0 1.5em;
}
#main .entry-body img{
	max-width:100%;
	height:auto;
}

/********** 記事一覧 **********/

#main .category-description {
    margin-bottom: 5vw;
}
#main .recent-list{
	padding:0 0;
}
#main .recent-list h2{
	padding:0 0 3vw;
	text-align:center;
}
#main .recent-list ul{
}
#main .recent-list ul li{
}
#main .recent-list ul li a{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	
	width:100%;
	margin:0 0 3vw 0;
}
#main .recent-list ul li a .eye-catch-image{
	display:block;
	width:40%;
	margin:0 0 2vw;
}
#main .recent-list ul li a .txt{
	display:block;
	width:58%;
	margin:0 0 2vw;
}



#main .title{
	font-weight: bold
}

#main .arr{
	color:#cc0000;
}

#rpwwt-recent-posts-widget-with-thumbnails-2 img{
	width:40%;
	height:auto;
}

/********** wp-pagenavi **********/
#main .wp-pagenavi{
	text-align:center;
	padding:2% 0;
	font-size:90%;
	font-weight:bold;
}
#main .wp-pagenavi .pages{
	display:inline-block;
	margin:0 1% 1% 1%;
	padding:2% 2%;
	border:none;
	color:#fff;
	background:#666;
	vertical-align:bottom;
}
#main .wp-pagenavi .current{
	display:inline-block;
	margin:0 1% 1% 0;
	padding:2% 2%;
	border:none;
	color:#333;
	background:#eee;
	vertical-align:bottom;
}

#main .wp-pagenavi .extend{
	display:inline-block;
	margin:0 1% 1% 0;
	padding:2% 2%;
	border:none;
	color:#000;
	background:#fff;
	vertical-align:bottom;
}
#main .wp-pagenavi a{
	display:inline-block;
	margin:0 1% 1% 0;
	padding:2% 2%;
	border:none;
	color:#fff;
	background:#999;
	vertical-align:bottom;
}


/* --------------------------------------------------------------------------------
	sub1
-------------------------------------------------------------------------------- */
#sub1{
}

#sub1 .btn-home a{
	display:block;
	margin:0 0 2vw;
	padding:3vw;
	color:#fff;
	background:#036;
}

/********** widget title **********/
#sub1 li.widget .widget-header{
	margin:0;
	font-weight:normal;
	font-size:100%;
	color:#fff;
	background:#036;
}
#sub1 li.widget .widget-header span{
	display:block;
	padding:3vw;
}

/********** widget calendar **********/
#sub1 li.widget #calendar_wrap{
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
#sub1 li.widget #calendar_wrap table{
	width:100%;
	border:solid 1px #ccc;
	border-collapse:collapse;
	line-height:2;
}
#sub1 li.widget #calendar_wrap table caption{
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
#sub1 li.widget #calendar_wrap table th{
	padding:0;
	border:solid 1px #ccc;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	background:#eee;
}
#sub1 li.widget #calendar_wrap table th.sun{
	background:#fdd;
}
#sub1 li.widget #calendar_wrap table th.sat{
	background:#bdf;
}
#sub1 li.widget #calendar_wrap table td{
	padding:0;
}
#sub1 li.widget #calendar_wrap table tbody td{
	border:solid 1px #ccc;
	text-align:center;
	vertical-align:middle;
}
#sub1 li.widget #calendar_wrap table tfoot td{
}
#sub1 li.widget #calendar_wrap table tbody td a{
	display:block;
	color:#444;
	background:#eee;
	text-decoration:none;
}
#sub1 li.widget #calendar_wrap table tbody td a:hover,
#sub1 li.widget #calendar_wrap table tbody td a:active{
	text-decoration:underline;
}
#sub1 li.widget #calendar_wrap table tfoot td#prev{
	text-align:left;
}
#sub1 li.widget #calendar_wrap table tfoot td#next{
	text-align:right;
}

/********** widget **********/
#sub1 li.widget{
	padding:0 0 3vw;
}

/********** widget list **********/
#sub1 li.widget ul{
	list-style:none;
	margin:0;
	padding:3vw;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
#sub1 li.widget ul li{
	margin:0;
	padding:0 0 1vw;
}
#sub1 li.widget ul li a{
	display:block;
	padding:2vw 0 2vw 2vw;
	text-decoration:none;
	color:#666;
}

/*
#sub1 li.cat-item.cat-item-5 {
    border-top: 1px solid #989898;
	border-bottom: 1px solid #989898;
}

#sub1 li.cat-item.cat-item-4,
#sub1 li.cat-item.cat-item-6,
#sub1 li.cat-item.cat-item-9,
#sub1 li.cat-item.cat-item-10,
#sub1 li.cat-item.cat-item-11,
#sub1 li.cat-item.cat-item-49 {
    border-bottom: 1px solid #989898;
}
*/
#sub1 li.widget ul li a:hover,
#sub1 li.widget ul li a:active{
	text-decoration:underline;
}
#sub1 li.widget ul li a:link{
}
#sub1 li.widget ul li a:visited{
}
#sub1 li.widget ul li a:hover{
}
#sub1 li.widget ul li a:active{
}

/********** widget category **********/
#sub1 li.widget ul.children{
	border:none;
}

/********** widget search **********/
#sub1 li.widget #searchform{
	padding:3vw;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
#sub1 li.widget #searchform label{
	display:none;
}
#sub1 li.widget #searchform #s{
	display:block;
	width:90%;
	margin:0 auto;
	padding:2%;
}
#sub1 li.widget #searchform #searchsubmit{
	display:block;
	width:50%;
	margin:10px auto 0;
	padding:2%;
}


/* --------------------------------------------------------------------------------
	footer
-------------------------------------------------------------------------------- */
#footer{
}



/* --------------------------------------------------------------------------------
	entry-body
-------------------------------------------------------------------------------- */

#main h1.t-content {
    font-weight: bold;
}

#main .category-car-trip .entry-body h2 {
    border-left: 5px solid #3e8e8a;
    border-bottom: 1px solid #52d8cb;
    padding: 0.6vw 0 0.6vw 1.5vw;
    color: #3e3e3e;
}

#main .entry-body h2,
#main .entry-body h3{
    border-left: 6px #036 solid;
    padding: 1vh 0 1vh 1.5vw;
    color: #1f1f1f;
	font-size: 1.1rem;
    margin-top: 5vh;
    margin-bottom: 2vh;
    text-align: left !important;
	font-weight: bold;
}

#main .entry-body img {
	margin-top: 2vh;
}
#main .topimg {
    text-align: center;
	margin-bottom: 7vh;
}

#main .entry-body .ts-fab-wrapper {
    margin: 10vh 0 2vh;
}

/***** ブログカード *****/

.blog-card {
background: rgba(251, 140, 0, 0.02);
border:1px solid #fb8c00;
word-wrap:break-word;
max-width:100%;
border-radius:5px;
margin: 0px 10px 15px 10px;
box-shadow: 0px 0px 3px 0px rgba(0,0,0,.2);
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

.blog-card:hover {
cursor: pointer;
box-shadow: 0 10px 20px -5px rgba(0,0,0,.2);
-moz-transform: translateY(-2px);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}

.blog-card:before{
font-family: FontAwesome;
position: absolute;
padding: 2px 10px;
content: "あわせて読みたい";
background-color: #fb8c00;
color: #fff;
font-size: .8em;
z-index: 1;
}

.blog-card a {
text-decoration: none;
}

.blog-card-thumbnail {
width: 30%;
display: table-cell;
vertical-align: middle;
padding: 10px;
}

.blog-card-thumbnail img {
padding: 0;
}

.blog-card-content{
display: table-cell;
vertical-align: middle;
}

.blog-card-title {
font-size: 1em;
margin: 5px 10px 5px 0px;
font-weight: bold;
line-height: 1.4;
}
.blog-card-title:hover {
text-decoration: underline;
}

.blog-card-excerpt {
font-size: .74em;
color: #4c4c4c;
margin:0 10px 5px 0;
line-height: 1.3;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}

.blog-card .clear {
clear: both;
}

@media screen and (max-width: 500px){
.blog-card:before{
font-size: .5em;
}

.blog-card-title{
font-size: .70em;
}

.blog-card-excerpt{
font-size: .60em;
}
}

/***** 目次 *****/

#main .entry-body .outline{
    border: 3px solid #3e8e8a82;
    padding: 20px;
    margin-top:20px;
    display:inline-block;
    font-size:0.9em;
    line-height:1.5em;
}
#main .entry-body .outline__toggle{display: none;}
#main .entry-body .outline__switch::before{
 content:"開く";
 cursor:pointer;
 border: solid 1px #D8D8D8;
 padding:5px;
 font-size:0.8rem;
 margin-left:5px;
 border-radius: 5px;
}
#main .entry-body .outline__toggle:checked + .outline__switch::before{content:"閉じる"}
#main .entry-body .outline__switch + .outline__list{
 overflow:hidden;
 width:0;
 height:0;
 margin-top:0;
 margin-left:-20px;
 transition: 0.2s;
}
 
#main .entry-body .outline__toggle:checked + .outline__switch + .outline__list {
    width: auto;
    height: auto;
    margin-top: 20px;
    transition: 0.2s;
    border-top: dotted 1px #d2d2d2;
    padding-top: 1em;
}
#main .entry-body .outline__item:before {content: normal;}
#main .entry-body .outline__link{
    display:relative;
    color:#191919 !important;
}
#main .entry-body .outline__link:hover{border:none;}
#main .entry-body .outline__number{
    display: inline-block;
    color:#7F7F7F;
    background:#F2F2F2;
    padding:3px 6px;
    font-weight:400;
    font-size:1.2rem;
    margin-right: 5px;
}
#main .entry-body label.outline__switch {
    position: relative;
    float: right;
}
li.outline__item{
    list-style-type:none !important;
	line-height:2;
}
#main .entry-body li.outline__item::before{
    content:'- ';
}
#main .entry-body ul .outline__item{
 list-style-type:none!important;
}
#main .entry-body ul{
 -webkit-padding-start: 1.2em;
}

/***** 引用符 *****/
blockquote {
    position: relative;
    padding: 1.5em 20px 5px 40px;
    box-sizing: border-box;
    font-style: italic;
    background: #f3f3f3;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
	margin-bottom: 30px;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 10px;
    left: -15px;
    width: 40px;
    height: 30px;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    background: #92d4ff;
    box-shadow: 0 2px 2px rgba(26, 26, 26, 0.14);
    font-weight: 900;
}

blockquote:after{
    position: absolute;
    content: '';
    top: 40px;
    left: -15px;
    border: none;
    border-bottom: solid 8px transparent;
    border-right: solid 15px #6eb3e0;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}