@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 & clearfix
-------------------------------------------------------------------------------- */
.clear{
	clear:both;
}
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .clearfix{zoom:1;} /* IE6 */
*:first-child+html .clearfix{zoom:1;} /* IE7 */

ul.ul{
	list-style:disc;
	padding:0 0 0 1.2em;
}
ol.ol{
	list-style:decimal;
	padding:0 0 0 1.2em;
}


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


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


/* --------------------------------------------------------------------------------
	wrapper
-------------------------------------------------------------------------------- */
#wrapper{
}

/********** パンくずリスト **********/
.breadcrumbs{
	padding:17px 0;
	font-size:85%;
	color:#666;
}
.breadcrumbs a{
	color:#666;
}
.breadcrumbs a:link,
.breadcrumbs a:visited{
	text-decoration:none;
}
.breadcrumbs a:hover,
.breadcrumbs a:active{
	text-decoration:underline;
}

/* --------------------------------------------------------------------------------
	main
-------------------------------------------------------------------------------- */
#main{
	float:left;
	width:800px;
	color:#717171;
}
#main a{
	color:#717171;
}

#main .entry-body p a {
    color: #2486ea;
	text-decoration:underline;
    font-weight: bold;
}

#main .img{
	max-width:100%;
	height:auto;
}

/********** 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;
	line-height:1.9;
}
#main .entry-body img{
	max-width:100%;
	height:auto;
}

/********** wp-pagenavi **********/
#main .wp-pagenavi{
	text-align:center;
	padding:20px 0;
	font-size:90%;
	font-weight:bold;
}
#main .wp-pagenavi .pages{
	display:inline-block;
	margin:0 10px 10px 10px;
	padding:10px 15px;
	border:none;
	color:#fff;
	background:#666;
	vertical-align:bottom;
}
#main .wp-pagenavi .current{
	display:inline-block;
	margin:0 10px 10px 0;
	padding:10px 15px;
	border:none;
	color:#333;
	background:#eee;
	vertical-align:bottom;
}
#main .wp-pagenavi .extend{
	display:inline-block;
	margin:0 10px 10px 0;
	padding:10px 15px;
	border:none;
	color:#000;
	background:#fff;
	vertical-align:bottom;
}
#main .wp-pagenavi a{
	display:inline-block;
	margin:0 10px 10px 0;
	padding:10px 15px;
	border:none;
	color:#fff;
	background:#999;
	vertical-align:bottom;
}

/********** 次の記事・前の記事 **********/
#main .previous-next-post{
	padding:30px 0;
	text-align:center;
	font-size:90%;
}
#main .previous-next-post a{
	margin:0 5px;
	padding:4px 7px;
	border:solid 1px #333;
	text-decoration:none;
	color:#fff;
	background:#333;
}

/****************************************
スマホ向け
#main .wp-pagenavi{
	text-align:center;
	padding:5% 0;
	font-size:1.5em;
}
#main .wp-pagenavi .pages{
	padding:0.5em;
	border:none;
	color:#333;
	background:#eee;
}
#main .wp-pagenavi span{
	display:block;
	margin:0 0 0.5em;
}
#main .wp-pagenavi a{
	display:block;
	margin:0 0 0.5em;
	padding:0.5em;
	border:none;
	color:#fff;
	background:#333;
}
#main .wp-pagenavi .current{
	display:none !important;
}
#main .wp-pagenavi .page{
	display:none;
}
#main .wp-pagenavi .extend{
	display:none;
}
****************************************/

/********** カテゴリー **********/
#main .category-description {
    margin-bottom: 5vw;
}

/* --------------------------------------------------------------------------------
	sub1
-------------------------------------------------------------------------------- */
#sub1{
	float:right;
	width:250px;
}

#sub1 .btn-home a{
	display:block;
	margin:0 0 1em;
	padding:10px;
	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:0.75em 1em;
}

/********** widget calendar **********/
#sub1 li.widget #calendar_wrap{
	padding:15px 17px;
	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 20px;
}

/********** widget list **********/
#sub1 li.widget ul{
	list-style:none;
	margin:0;
	padding:12px 11px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
#sub1 li.widget ul li{
	margin:0;
	padding:0.25em 0;
}
#sub1 li.widget ul li a{
	display:block;
	padding:0 0 0 10px;
	text-decoration:none;
	color:#666;
	background:url(images/common/s1-icon-arr.png) no-repeat 0 0.25em;
}
#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:15px 20px;
	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{
}

/* --------------------------------------------------------------------------------
	h2-h3 Set
-------------------------------------------------------------------------------- */

#main .entry-body h2,
#main .entry-body h3 {
    margin-top: 5vh;
    margin-bottom: 2vh;
    text-align: left !important;
	font-weight: bold;
	margin-top: 60px;
	margin-bottom: 30px;
}

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

#main .entry-body h1,
#main .entry-body h2,
#main .entry-body h3{
    border-left: 10px #3e98a5 solid;
    padding: 7px 0 7px 10px;
    color: #1f1f1f !important;
	font-size: 1.3em;
}



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

#main .entry-body iframe {
    margin: 20px auto 10px;
}
#main .entry-body .ts-fab-wrapper {
    margin: 5em 0 1em;
}
#main .entry-body img {
	margin-top: 15px;
}
#main .topimg {
    text-align: center;
	margin: 50px auto 80px;
}

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

.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: "\f02e　あわせて読みたい";
background-color: #fb8c00;
color: #fff;
font-size: .8em;
z-index: 1;
}

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

.blog-card-thumbnail {
width: 25%;
display: table-cell;
vertical-align: middle;
padding: 15px 10px 10px 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: .56em;
}

.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;
	width:80%;
}
#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 45px;
    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;
}

/*-- Rinkerのデザイン変更 --*/
div.yyi-rinker-contents {
  border: solid 2px #e5e5e5;
  border-radius: 5px;
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);
}

div.yyi-rinker-contents img {
  max-width: 100%;
}

div.yyi-rinker-contents div.yyi-rinker-box {
  padding: .25em 0;
}

div.yyi-rinker-contents div.yyi-rinker-image {
  margin: 2%;
  width: 30%;
}

div.yyi-rinker-info {
  padding: 0 3%;
  width: 100%;
  margin: auto;
}

.yyi-rinker-title {
  font-size: 1em;
  margin-left: .5em;
  padding-top: 1em;
}

div.yyi-rinker-contents div.yyi-rinker-title p {
  margin: 0;
}

div.yyi-rinker-contents div.yyi-rinker-detail {
  font-size: .8em;
  color: #42424280;
  padding-left: 0;
  margin-top: 0;
  margin-left: .5em;
}

div.yyi-rinker-contents div.yyi-rinker-detail .price-box {
  margin: .5em 0;
  margin-left: .5em;
}

div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {
  letter-spacing: 0.1em;
  font-size: 1.2em;
  margin-right: .5em;
}

div.yyi-rinker-contents ul.yyi-rinker-links {
  display: inline-block;
  text-align: center;
}

div.yyi-rinker-contents ul.yyi-rinker-links li {
  width: 70%;
  padding: 0 .7em;
  margin: .5em .5em .4em .5em;
  font-size: .8em;
  display: inline-block;
  height: 40px;
  border-radius: 3px;
  font-weight: bold;
  vertical-align: middle;
  line-height: 40px;
  transition: .3s ease-in-out;
  text-align: center;
}

div.yyi-rinker-contents ul.yyi-rinker-links li:hover{
	opacity: 0.9;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink{
	background: #90CAF9;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
  background: #FFC266;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a {
  color: #fff;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {
  background: #ff7c74;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
  background: #95cad7;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 {
  background: #90d581;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a {
  height: 40px;
  line-height: 40px;
  font-size: 0.95em;
  padding-left: 0px;
  padding-right: 0;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a:after {
  position: absolute;
  right: auto;
  padding-left: 5px;
  font-family: "Font Awesome 5 Free";
  content: "\f138"!important;
  transition: .3s ease-in-out;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a:hover::after {
  opacity: .9;
  transform: translateX(2px);
  -webkit-transform: translateX(2px);
}

@media screen and (max-width: 540px) {
  div.yyi-rinker-contents div.yyi-rinker-box {
    padding: 1em 0 0 0;
    display: block;
  }
  div.yyi-rinker-contents div.yyi-rinker-image {
    width: auto;
  }
  div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
    padding: 0;
    margin: auto;
    width: 90%;
    text-align: center;
  }
  .yyi-rinker-title {
    font-size: .9em;
    text-align: center
  }
  div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {
    display: block;
  }
  div.yyi-rinker-contents ul.yyi-rinker-links li {
    width: 85%;
    font-size: .9em;
  }
  body div.yyi-rinker-contents ul.yyi-rinker-links li a {
    padding: 0;
  }
  div.yyi-rinker-contents ul.yyi-rinker-links li a:after {}
}
/*Rinkerここまで*/


/*-- カレンダーリスト表示 --*/
/*
XO Event Calendar - Event list
*/
.xo-event-list * {
	font-size: 1rem;
}
.xo-event-list {
	list-style: none;
	display: block;
	margin: 0;
}
.xo-event-list p {
	margin: 0 0 0.5rem;
	padding: 0;
}
.xo-event-list > dl {
	display: block;
	margin: .1rem 0 0 0;
	padding: 0 0 .1rem 0;
	overflow: hidden;
	color: #444;
	border-bottom: dotted 1px #ccc;
}
.xo-event-list > dl > dt,
.xo-event-list > dl > dd {
	display: table-cell;
	vertical-align: top;
}
.xo-event-list > dl > dt > span,
.xo-event-list > dl > dd > span {
	float: left;
	margin: 0 1rem 0 0;
	padding: 0;
	vertical-align: middle;
}
.xo-event-list .thumbnail {
	margin: .2rem 0;
}
.xo-event-list .thumbnail img {
	padding-right: 15px;
	width: 110px;
	min-width: 110px;
	height: auto;
	object-fit: cover;
}
.xo-event-list .date {
	margin-top: .1rem;
	font-size: .9rem;
}
.xo-event-list.type-short .date,
.xo-event-list.type-standard .date {
	width: 7.5rem;
}
.xo-event-list .category {
	margin-top: .2rem;
	margin-bottom: .1rem;
	padding: 0 .5rem;
	text-align: center;
	font-size: .8rem;
	color: #fff;
	border-radius: 2px;
}
.xo-event-list.type-short .category,
.xo-event-list.type-standard .category {
	width: 8.5rem;
}
.xo-event-list.type-detail .category {
	margin-left: 0.5rem;
}
.xo-event-list .title {
	margin-top: .1rem;
}
.xo-event-list .event-date {
	font-size: .9rem;
}
.xo-event-list li br {
	display: block;
}

.xo-event-list.type-custom .event-date {
	width: 16rem;
	margin-top: .2rem;
}

/*カレンダーリスト表示ここまで*/