@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/
/*サイト全体のこと*/
html body {
    font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.5em;}
.red {
    color: #cb1b45;
}
a{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
strong {
    color:#525252;
}
.entry-content p a:hover {
    text-decoration: underline;
}
#archive_header {
	margin: 0px 0px 0px!important;
}
@media only screen and (min-width: 768px){
#archive_header .c_linkto.longc_linkto {
	max-width: 72%;
	}
}
@media (min-width: 1030px){
.d-5of7 {
    width: 855px;
	}}
@media (min-width: 1030px){
.d-2of7 {
    width: 27%;
	}}


a{
    font-weight:bold;
}
.entry-content p a {
	text-decoration: none;
}
.home_top {
    margin: 0 0 0em;
}
.kadosikaku img{
	border-radius: 0px!important;/*div kadosikaku を使うと　角四角になる設定*/
	}
.kadomaru5 img{
	border-radius: 5px!important;
	}
.post-thumbnail img {
	border-radius: 0px!important;/*記事ページ　アイキャッチ画像　角四角に*/
}
.widget {
    margin: 0 0 2em;
}
input#s {
   margin-bottom:0px;
}
/*テーブルの線
.sidelong__article {
    box-shadow: 0 0 0 0 rgba(0,0,0,.18)!important;
}*/

.sidelong__article {
	border: 2px solid #eeeeee;
    box-shadow:none!important;
}

/*テーブルの線*/
.entry-content td {
    border: 1px solid #e0e0e0;
}
.entry-content th {
    border: 1px solid #e0e0e0;
}
.entry-content tr {
    border: 1px solid #e0e0e0;
}
.entry-content tr:not(:last-child) {
    border-bottom: 1px solid #e0e0e0;
}

/*関連する記事　画像シャドウを消す*/
.rlmg img {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
    transition: none;
	border-radius: 0px;
}

.sng-link-time {
    margin-bottom: 0px;
    font-size: 13px;
    color: #b5b5b5;
}

.sidelong__article .cat-name {
    top: 0;
    right: 0;
    left: auto;
    padding: 0 5px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    border-radius: 0;
}
/*--------------------------------------
  下部のページ数のデザイン
--------------------------------------*/
.pagination .current{
	background-color: #606060!important;
}
.pagination a{
	color: #555555!important;
}
.pagination span{
	color: #27395b!important;	
}
.pagination .current {
    color: #fff!important;
}
.pagination a, .pagination span {
    border-radius: 0%;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

/*--------------------------------------
  NEWマーク
--------------------------------------*/
.newmark {
    border-radius: 25px;
	background-color: #cb1b45!important;
}

/*--------------------------------------
  もっと見るボタン
--------------------------------------*/

.post-tab__more .main-bc {
    background-color: #555555;
}

/*--------------------------------------
  目次のレイアウト
--------------------------------------*/
#toc_container .toc_title:before {
    content: none;
}
.entry-content #toc_container .toc_title {
    color: #27395b;
	padding: 2px 0 4px 5px;
	font-size: 16px;
}
#toc_container, #ez-toc-container {
    position: relative;
	margin: 1em 0;
	padding: 6px 15px;
	border:solid 1px #999999;
    font-size: 0.95em;
    background: #f9f9f9;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
}
.toc_toggle {
    display: inline-block;
    vertical-align: middle;
	width: 50px;
	height: 20px;
    margin-left: 10px;
    border-radius: 5px;
    background: #cbcbcb;
    color: #cbcbcb;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
	content:none;
}
#toc_container .toc_list, #ez-toc-container .ez-toc-list {
    color: #999999;
}

#toc_container .toc_list, #ez-toc-container .ez-toc-list ul{
   list-style-type: none;
}
#toc_container .toc_list li ul, #ez-toc-container .ez-toc-list li ul {
    padding-left: 25px;
}

/*--------------------------------------
  PCトップページデザイン
--------------------------------------*/
@media only screen and (min-width: 768px){
.cardtype {
	justify-content: space-between;
	}	
	.cardtype.cf:before{
    content: none!important;
	}
.cardtype.cf:after{
    content: none!important;
	}
.cardtype__article:hover {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
	}
.cardtype__article {
	display: inline-block;
    max-width: 32.5%!important;
    margin-left: 0!important;
    margin-right: 0!important;
    margin-bottom: 0!important;
    border-radius: 0!important;
    border-radius: 0px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
.cardtype time {
    margin: 0 0 0 0;
	}
.cardtype h2 {
    margin: 1px 2px 0;
    font-size: 15px;
	font-weight:500;
}
.entry-time.pubdate {
    margin-bottom: 0px;
    font-size: 13px;
    color: #b5b5b5;
	}
.cat-name {
    top: 5px;
    left: 5px;
    height: 20px;
    line-height: 20px;
	}
}
/*--------------------------------------
  スマホトップページデザイン
--------------------------------------*/
@media only screen and (max-width: 767px) {
.sidelong__article {
   box-shadow: 0 0 0 0 rgba(0,0,0,.18)!important;	
}
.sidelong h2{
    font-size: 14px;
	padding-top: 3px;
	font-weight:500;
}
.sidelong time {
    font-size: 10px;
	line-height:1em;
}
.sidelong__link {
     padding: 0px;
}
.sidelong__img img {
    border-radius: 0px;
}
.sidelong__article {
    border-radius: 0px;
}
.sidelong__article .cat-name {
    top: 3px;
    right: auto;
    left: 105px;
    padding: 0 5px;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    border-radius: 5px;
}
.sidelong__article-info {
	padding-top: 20px;
}
}
.sidelong .sidelong__title {
	font-weight:500;
}
@media only screen and (max-width: 767px) {
.entry-content {
	padding: 0px 15px 0;
}}


@media only screen and (min-width: 768px){
.single #content, .page #content {
    margin-top: 0em;
	}}

#breadcrumb {
    padding: 0px 0px 0px 20px;
	background: #ffffff;
	font-size:15px;
}
  /*記事のヘッダーまわり 25px*/
@media only screen and (min-width: 768px){
.article-header {
	  margin: 10px 10px 10px!important;
	}
}
.article-header {
	  margin: 10px -1px 10px;
  }
 
/*----------ヘッダーやロゴに関すること----------*/

.header {
  position: relative;
  z-index: 99;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

@media only screen and (max-width: 767px){
  #logo img {
    vertical-align: top;
    padding: 5px 19% 0 18%;
	  width:100%;
}
}

/*PCでのヘッダーメニューの文字大きさ*/
	@media only screen and (min-width: 768px){
.header--center .desktop-nav li a {
	font-size: 18px;
		}}
/*スマホでのヘッダーメニューの文字大きさ*/
.mobile-nav li a, #footer-menu a, .copyright {
	font-size: 12px; /*文字サイズ*/
}
.mobile-nav{
	margin-bottom:5px;
}
.mobile-nav ul {
	animation:none;
}
.mobile-nav, .mobile-nav li, .mobile-nav li a {
	height: 32px;
}
.mobile-nav li{
	min-width:22%;
	border:solid 1px #ffb600;
	border-radius:0px;
}
.mobile-nav li:nth-child(2) {
	border:solid 1px #e3d099;	
}
.mobile-nav li:nth-child(3) {
	border:solid 1px #8bc5dd;	
}	
.mobile-nav li:nth-child(4) {
	border:solid 1px #6fa772;	
}
.mobile-nav li a {
	line-height:30px;
}
.mobile-nav li  a:hover {
    opacity: 0.5;
}
/*モバイルナビで、そのカテゴリが表示されているときの指示*/
.mobile-nav li.current-menu-item,.mobile-nav li.current-menu-parent,.mobile-nav li.current-post-ancestor {
	height: 32px;
	border-bottom:none;
}
.mobile-nav li.current-menu-item a,.mobile-nav li.current-menu-parent a,.mobile-nav li.current-post-ancestor a{
	color: #fff!important;
}
.mobile-nav li.current-menu-item i,.mobile-nav li.current-menu-parent i,.mobile-nav li.current-post-ancestor i{
	color: #fff;
}

.mobile-nav li:nth-child(1).current-menu-item,.mobile-nav li:nth-child(1).current-menu-parent,.mobile-nav li:nth-child(1).current-post-ancestor{
	background-color:#ffb600;
	opacity: 0.7;
}
.mobile-nav li:nth-child(2).current-menu-item,.mobile-nav li:nth-child(2).current-menu-parent,.mobile-nav li:nth-child(2).current-post-ancestor{
	background-color:#e3d099;
	opacity: 0.8;
}
.mobile-nav li:nth-child(3).current-menu-item,.mobile-nav li:nth-child(3).current-menu-parent,.mobile-nav li:nth-child(3).current-post-ancestor{
	background-color:#8bc5dd;
	opacity: 0.9;
}
.mobile-nav li:nth-child(4).current-menu-item,.mobile-nav li:nth-child(4).current-menu-parent,.mobile-nav li:nth-child(4).current-post-ancestor{
	background-color:#6fa772;
	opacity: 0.9;
}

/*ヘッダーメニューの下線の設定*/
.desktop-nav li:after {
    display:none;
}

@media only screen and (min-width: 1240px){
.wrap {
    width: 1180px!important;
	margin: 0 auto!important;
}
}

#inner-header, #drawer + #inner-header,#logo{
    max-width: 100%!important;
    margin: 0;
	padding-top:0.1em;
}
@media only screen and (max-width: 767px) {
#inner-header, #drawer + #inner-header,#logo{	
	margin: 0 auto!important;
	}}
@media only screen and (max-width: 767px) {
#inner-header {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.22);
	}}


.header--center #logo img {
	padding: 0;
    height: auto;
    width: 100%;
}
.header--center #logo {
    padding: 0;
}
@media only screen and (min-width: 768px) {
#logo {
    display: inline-block;
	height: 75px;
    line-height: 75px;
    margin: 0 5px 0 0;
    text-align:left;
    width: auto;
	}}

@media only screen and (min-width: 768px) {
#logo img {
    height: 75px;
	padding:0 0 0 10px;
}
}

@media only screen and (max-width: 767px) {
	#logo {
    display: inline-block;
	}}


@media only screen and (min-width: 768px){
.desktop-nav {
    font-weight: bold;
	margin:20px 25px 0 0;
	border-radius:5px;
}
.desktop-nav li {
	background-color:#ffff;
    text-align: center;
	border:solid 1px #ffb600;
	border-radius:0px;
	min-width:110px;
}
.desktop-nav li a{
	transition:none;
}	
.desktop-nav li:first-child:hover {
	background-color:#ffb600;
	opacity: 0.7;
}	
.desktop-nav li:first-child.current-menu-item,.desktop-nav li:first-child.current-menu-parent,.desktop-nav li:first-child.current-post-ancestor {
	background-color:#ffb600;
	opacity: 0.7;
}
.desktop-nav li:first-child.current-menu-item:hover,.desktop-nav li:first-child.current-menu-parent:hover,.desktop-nav li:first-child.current-post-ancestor:hover {
	opacity: 1;
}	
.desktop-nav li :hover {
	color:#fff!important;
}
.desktop-nav li :hover i{
	color:#fff!important;
	opacity: 1;
}
.desktop-nav li.current-menu-item a,.desktop-nav li.current-menu-parent a,.desktop-nav li.current-post-ancestor a{
		color:#fff;
}

.desktop-nav li.current-menu-item i,.desktop-nav li.current-menu-parent i,.desktop-nav li.current-post-ancestor i{
		color:#fff;
	opacity: 1;
}	
.desktop-nav li:nth-child(2) {
	border:solid 1px #e3d099;	
}
.desktop-nav li:nth-child(2):hover {
	background-color:#e3d099;
	opacity: 0.8;
}
.desktop-nav li:nth-child(2).current-menu-item,.desktop-nav li:nth-child(2).current-menu-parent,.desktop-nav li:nth-child(2).current-post-ancestor{
	background-color:#e3d099;
	opacity: 0.8;
}
.desktop-nav li:nth-child(2).current-menu-item:hover,.desktop-nav li:nth-child(2).current-menu-parent:hover,.desktop-nav li:nth-child(2).current-post-ancestor:hover {
	opacity: 1.0;
}
.desktop-nav li:nth-child(3) {
	border:solid 1px #8bc5dd;	
}
.desktop-nav li:nth-child(3):hover {
	background-color:#8bc5dd;	
	opacity: 0.9;
}
.desktop-nav li:nth-child(3).current-menu-item,.desktop-nav li:nth-child(3).current-menu-parent,.desktop-nav li:nth-child(3).current-post-ancestor {
	background-color:#8bc5dd;
	opacity: 0.9;
}
.desktop-nav li:nth-child(3).current-menu-item:hover,.desktop-nav li:nth-child(3).current-menu-parent:hover,.desktop-nav li:nth-child(3).current-post-ancestor:hover {
	opacity: 1.0;
}
.desktop-nav li:nth-child(4) {
	border:solid 1px #6fa772;	
}
.desktop-nav li:nth-child(4):hover {
	background-color:#6fa772;
	opacity: 0.9;
}
.desktop-nav li:nth-child(4).current-menu-item,.desktop-nav li:nth-child(4).current-menu-parent,.desktop-nav li:nth-child(4).current-post-ancestor {
	background-color:#6fa772;
	opacity: 0.9;
}
.desktop-nav li:nth-child(4).current-menu-item:hover,.desktop-nav li:nth-child(4).current-menu-parent:hover,.desktop-nav li:nth-child(4).current-post-ancestor:hover {
	opacity: 1.0;
}
.desktop-nav li:hover {
	background-color:#fff;
	opacity: 0.9;
}
.desktop-nav li a {
    height: 32px;
    line-height: 32px;
	min-width:100px;
	padding:0;
}
}
@media only screen and (max-width: 767px) {
#logo, #logo img, .desktop-nav li a, #drawer__open {
	height: auto;/*スマホ用サイズ*/
}
}

/*----------ヘッダーやロゴに関すること 終わり----------*/

/*----------ヘッダーお知らせ欄（インフォ）に関すること----------*/
.header-info a {
    display: block;
	padding:0px 0px 0px 0px;
    font-weight: bold;
    border-top: solid 1px rgba(255, 255, 255, 0.3);
    text-align: center;
    animation: fadeHeader .7s ease 0s 1 normal;
}
/*----------ヘッダーお知らせ欄（インフォ）に関すること 終わり*----------/

/*----------固定トップページに関すること----------*/
@media (min-width: 1030px){
.d-5of7 {
    padding-left: 80px;
    padding-right: 2em;
	}}
.shtb2 .cell:first-of-type {
    padding-right: 0.5%;
}
.shtb2 .cell:last-of-type {
    padding-left: 0.5%;
}

.info {  
	padding-top:0px;
    font-size: 17px;
	color: #727272;
	}

@media only screen and (max-width: 767px) {
.info {  
    font-size: 10px;
	}
.koteipage{
	font-size:11.5px;
	}}

.koteipage .shtb2 .cell:first-of-type {
    padding-right: 0.5%;
}
.koteipage .shtb2 .cell:last-of-type {
    padding-left: 0.5%;
}
.koteipage .c_linkto {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);	
}
/*--------------------------------------
  レシピカテゴリの上部のデザイン
--------------------------------------*/
/*BOX33 レシピカテゴリ　バックGR背景*/
.box33{
    margin: 5px 0 0em 0!important;
	padding: 5px 0 10px 0;
	background: #f1f1f1!important;
	box-shadow: 0 0 0 0 rgba(0,0,0,.15);
	border-radius: 0px;/*角の丸み*/
}
.category-105 h1 {/*木工*/
	color: #915524!important;
}

.category-131 h1, .category-125 h1{/*エブリイ*/
	color: #6fa772!important;
}
.category-4 h1, .category-126 h1 {/*旅*/
	color: #525252!important;
}
.category-7 h1 {/*料理*/
	color: #e3d099!important;
}
.category-7 .entry-content .searchform div {
    max-width: 300px;
}
.category-7 .entry-content input{
	height:35px;
	line-height:35px;
	border: solid 1px #606060!important;
}
.category-7 .entry-content button{
	height:35px;
	line-height:35px;	
}

.category-7 .entry-content i {
	height:35px;
	line-height:35px;
}



@media only screen and (min-width: 768px) {
#archive_header h1 {
    margin: 1em 0 0.5em;
	color: #999999;
	font-size:1.4em;
}
	
.kotei-recibox-max {
    width:100%;
	height:75px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.kotei-recibox1 {
    width:15%;
	height:70px;
	padding:5px 0px 48px 0px;
	margin:0px 2.5% 0px 2.5%;
	border-radius:5px;
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.25);
	float:left;
	background-color:#efefef;
}
.kotei-recibox1:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
	transform: translateY(-2px);
}
.kotei-recibox1 a{
}
.kotei-recibox2 {
	height:25px;
	width:25px;
	text-align: center;
	background:#efefef;
	margin: 5px auto 10px;
	line-height:25px;
}
.kotei-recibox2 img{
	border-radius: 0px;
    vertical-align: top ;
}
.kotei-recibox3 {
	font-size:13px;
	font-weight: bold;
	color:#3b4d6f;
	background:#efefef;
	height:18px;
	vertical-align: middle;
	text-align: center;
	line-height:19px;
	border-radius:0 0 5px 5px;
}
	
.ranking-max {
    width:100%;
	height:210px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.rankingbox1 {
	padding:0px 3px 0px 3px;
	margin:0px 0px 0px 0px;
	float:left;
}
.rankingbox2 {
	text-align: center;
	background:#fff;
	margin: 0 auto 15px auto;
}
.rankingbox2 img{
	width:35px!important;
	height:35px!important;
	line-height:35px!important;
	}
	
.rankingbox3 {
	height:130px;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
}
.rankingbox3 img{
    border-radius:3%;
}
}
.usuisen{
	border-bottom: 0.6px solid;
	border-color:rgba(0, 0, 0, 0.22);
	}

@media only screen and (max-width: 767px) {

#archive_header h1 {
    margin: 0em 0;
	color: #ffb600;
	font-size: 15px;
}
.kotei-recibox-max {
    width:100%;
	height:50px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 8px 0px;
}
.kotei-recibox1 {
    width:18%;
	height:50px;
	padding:5px 0px 0px 0px;
	margin:0px 1% 10px 1%;
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.25);
	float:left;
	border-radius:5px;
	background:#efefef;
}
.kotei-recibox2 {
	width:25px;
	height:25px;
	text-align: center;
	background:#efefef;
	margin: 2px auto 0px;
	line-height:46px;
}
.kotei-recibox2 img{
	border-radius: 0px;
    vertical-align: top ;
}	
.kotei-recibox3 {
	font-size:10px;
	line-height:16px;
	text-align: center;
	color:#3b4d6f;
	background:#efefef;
	font-weight: bold;
	height:15px;
	border-radius:0 0 5px 5px;
}
.ranking-max {
    width:100%;
	height:110px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.rankingbox1 {
	padding:0px 1px 0px 1px;
	margin:0px 0px 0px 0px;
	float:left;
}
.rankingbox2 {
	font-size:1px;
	text-align: center;
	background:#fff;
	margin: 0 auto 5px auto;
}
.rankingbox2 img{
	width:20px!important;
	height:20px!important;
	line-height:20px!important;
	}

.rankingbox3 {
	font-size:1px;
	height:auto;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
}
.rankingbox3 img{
    border-radius:3%;
}
}


/*--------------------------------------
  モバイル　アーカイブページの　カード型のデザイン
--------------------------------------*/
@media only screen and (max-width: 767px) {
.cardtype__article{
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
	}
.cardtype h2 {
    font-size: 13px;
    margin: 0 0px!important;
}
}
/*レシピのレイアウト*/
@media only screen and (min-width: 768px) {
.kotei-recipebox1 {
    width:100%;
    border: solid 0px red;
	padding:0px 0px 0px 0px;
	margin:0px 0px 65px 0px;
	height:300px;
}
.kotei-recipebox2 {
    width:32%;
	height:30%;
	border: solid 0px red;
	padding:0px;
	margin:0px 5px 20px 5px;
	float: left;
    border-radius: 20px;/*角の丸み*/
	background:#ffffff;
}
.kotei-recipebox3 {
    width:15%;
	height:30%;
	border: solid 0px blue;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 10px;
	float: left;
	}
.kotei-recipebox4 {
    width:80%;
	height:27%;
    border: solid 0px red;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
	float: left;
	font-weight: bold;
	font-size:1.2em;
	}
.kotei-recipebox4 a{
    font-weight:bold;
	color:#525252;
}
.kotei-recipebox4 a:hover{
}
.kotei-recipebox5 {
    width:75%;
	height:70%;
	border: solid 0px red;
	padding:0px 0px 0px 4px;
	margin:12px 0px 0px 60px;
	float: left;
	}
.kotei-recipebox5 a{
	font-weight: bold;
	font-size:1em;
	color:#525252;
}
.kotei-recipe a{
	text-decoration: none;
	}}
@media only screen and (max-width: 767px) {
.kotei-recipebox1 {
    width:100%;
    border: solid 0px red;
	padding:3px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:360px;
}
.kotei-recipebox2 {
    width:33%;
	height:28%;
	border: solid 0px red;
	padding:0px;
	margin:0px 1px 20px 0px;
	float: left;
    border-radius: 20px;/*角の丸み*/
	background:#ffffff;
}
.kotei-recipebox3 {
    width:20%;
	height:25%;
	border: solid 0px blue;
	padding:3px 0px 2px 0px;
	margin:0px 2px 0px 0px;
	float: left;
	}
.kotei-recipebox4 {
    width:65%;
	height:25%;
    border: solid 0px red;
	padding:0px 0px 0px 0px; 
	margin:4px 0px 0px 5px;
	float: left;
    font-weight:bold;
	}
.kotei-recipebox4 a{
	font-size:13px;
    font-weight:bold;
	color:#525252;
}
.kotei-recipebox4 a:hover{
	text-decoration: none;
}
.kotei-recipebox5 {
    width:100%;
	height:70%;
	border: solid 0px red;
	padding:0px 0px 0px 4px;
	margin:0px 0px 0px 20px;
	float: left;
	}
.kotei-recipebox5 a{
	font-size:12px;
	color:#525252;
}
.kotei-recipe a{
	text-decoration: none;
	}}



/*横並び２列のときのマージン設定*/
.shtb2 {
	    margin: 0em 0em 0em 0em;
}
/*固定TOPページの線*/
.t-tit-wrap {
    text-align: center;
    position: relative;
}
.t-tit-wrap::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    background: url(https://hajityoro.com/wp-content/uploads/2018/08/sen.png) center center no-repeat;
    background-size: 1500px 2px;
}
.t-tit-wrap a {
	color:#525252;
    display: inline-block;
    transition-duration: .5s;
    transition-property: transform;

}
.t-tit-wrap a:hover{
        transform: translateY(-6px);
        animation-name: hover;
        animation-duration: 1.5s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        animation-direction: alternate;
}
.t-tit-wrap p {
	color:#525252;
    font-family: Meiryo,'Yu Gothic Medium',sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    letter-spacing: 0.2em;
    line-height: 20px;
    display: inline-block;
    padding: 10px 30px 0px 30px;
    background-color: #ffffff;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    z-index: 2;
    position: relative;
}
/*----------固定トップページに関すること　終わり----------*/

/*----------TOPページに関すること----------*/
@media only screen and (max-width: 767px) {
  /*スマホでも2列横並びに*/
  .cardtype {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: -moz-box;
      display: flex;
      flex-direction: row;
      -webkit-flex-direction: row;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
  }
  .popular-posts .cardtype__article {
    width: 48%;
  }
  .popular-posts .cardtype__article:nth-child(odd){
    margin-right: 4%;
  }
  .popular-posts.cardtype h2 {
      margin: 0 5px;
      font-size: 15px;
  }
}
#content.page-forfront {
  margin-top: 0;
  padding-top: 0;
  background-color:#ffffff;
}
.entry-content p {
	margin: 0.5em 0 1.5em 0  ;
	line-height: 1.5em;
}
.page-forfront #inner-content {
	background-color:#ffffff;
}
/*トップページと記事ページの最大幅を揃えるにはwidthを1000にするとできます, .page #inner-contenが固定ページ。*/

@media only screen and (min-width: 1240px){
.single .wrap, .page .wrap, .archive .wrap, .single #inner-content {
	width: 1140px;
	}
}
/*END トップページと記事ページの最大幅を揃える*/
/*----------ウェジェットに関すること----------*/
.widgettitle {
    font-size: 0.9em;
    padding: 5px 13px;
}
@media only screen and (max-width: 767px){
.widgettitle {
    color: #fff!important;
    background-color: #606060!important;
}
}
	
	
	
/*----------ウェジェットに関すること----------*/
/*右側のプロフィールなどの幅の調整*/
@media only screen and (min-width: 768px){
.single .insidesp, .page .insidesp {
    max-width: 350px;
    margin: 0 auto;
    padding: 30px 25px 10px 30px;	
	}
.insidesp{
    max-width: 350px;
    margin: 0 auto;
    padding: 30px 25px 90px 30px;		
}
}
.normal-sidebar + .fixed-sidebar {
    margin-bottom: 10px;
}


.widgetbox1 {
		height:40px; 
	padding: px 7px;
	background:#8cc3d0;
}
.widgetbox2 {
		padding: 1px 7px 0px 13px;
	height:40px; 
}
.widgetbox2 img{
			float: left;
		padding: 0px 7px;
	height:36px; 
}
.widgetbox2 p{
		float: left;
	color:#ffffff;
	padding:0.3em 0 0 0;
	font-size:0.9em;
	font-weight:bold;
}
.backcolor {
	background:#e8e7e5;
}

/* プロフィールバック画像調整 */
.profile-background img {
    width: 40%;
	height: 80%;
	    margin: 0px 29% 25px;/* 画像の位置 */
	text-align:center;

}

/* プロフィール画像調整 */
.yourprofile .profile-img {
position: relative;
width: 80px;/*  画像の横幅 */
height: 80px;/* 画像の高さ */
margin: -30px auto 0;/* 画像の位置 */
}
.yourprofile .profile-img img{
	border: none;/* 画像の周りの線を消した */
}
.yourprofile .yourname dfont{
	font-family: "Quicksand","Avenir","Arial", YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		color: #727272;
}
.profile-content {
	font-size: 0.8em;/* プロフィール説明文字大きさ */
	color: #626262;
	font-family: "Quicksand","Avenir","Arial", YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
/* プロフィールのツイッターとインスタのデザイン */
.profile-sns li .fa {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #6eb6fd;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
}
.profile-sns li .fa-twitter {
    background: #7dcdf7;
}
.profile-sns li .fa-instagram {
    background: #f99593;
}
.prof-sns .fa-twitter {color: #fff}

.fa-twitter {color: #606060}
.fa-facebook {color: #606060}
.fa-hatebu {color: #606060}
.fa-get-pocket {color: #606060}
.sns-dif ul li a {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
}
.line a {
    color: #606060;
}
.sns-btn__title {
    color: #606060;
}
.sns-btn__title:before, .sns-btn__title:after {
    background-color: #606060;
}

.fixed-menu a {
    color: #606060!important;
}

/*BOX32*/
.box32 {
    margin: 2em 0;
    background: #ffffff;
	box-shadow: none;
    border: 3px solid #eeeeee;
}
.box32 .box-title {
    font-size: 1em;
    background: #e3d099;
    padding: 1px 4px 1px 20px;
    text-align: left;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
	margin:-3px -18px 10px!important;
}
.box32 p {
    padding: 15px 20px;
    margin: 0;
}
@media only screen and (min-width: 768px){
.box32 img{
	border-radius:0px;
	max-width:193px!important;
	max-height:113px;
	margin:0!important;
	}}
@media only screen and (max-width: 767px){
.box32 img{
	border-radius:0px;
	max-width:100px!important;
	max-height:66px;
	margin:0!important;
	}}

.box777 {
    margin: 1em 0;
    background: #ffffff;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
    border:solid 1px #9e9e9e;
}
.box777 .box-title {
    font-size: 1.1em;
    background: #e3d099;
    padding: 1px 4px 1px 20px;
    text-align: left;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}

/*カテゴリ名「Wordpress」の色*/
#main .catid102 {
    background: #5b6fd9b0;
}
/*カテゴリ名「旅」「ちば散歩」の色とアイコン*/
#main .catid4 {
    background: #8bc5dd;
}
/*カテゴリ名「ちば散歩」の色とアイコン*/
#main .catid128 {
    background: #6ad1c8;
}
/*カテゴリ名「福岡」「香川」「茨城」「山形」の色*/
#main .catid116,#main .catid117,#main .catid118,#main .catid129 {
    background: #8bc5dd;
}
/*カテゴリ名　各都道府県の更に下のカテゴリ「グルメ」の色*/
#main .catid119 {
    background: #ffb600;
}
/*カテゴリ名　各都道府県の更に下のカテゴリ「観光」の色*/
#main .catid120 {
    background: #4fa5be;
}
/*カテゴリ名　各都道府県の更に下のカテゴリ「土産」の色*/
#main .catid121 {
    background: #cddc39;
}
/*カテゴリ名　各都道府県の更に下のカテゴリ「エブリイ」「車中泊」の色*/
#main .catid125,#main .catid132 {
    background: #6fa772;
}

/*カテゴリ名「料理のはてな」の色とアイコン*/
#main .catid80 {
	background: #606060;
}
/*カテゴリ名「ちょろレシ」の色とアイコン*/
#main .catid7 {
    background: #e3d099;
}
/*カテゴリ名「野菜」の色とアイコン*/
#main .catid46 {
    background: #e3d099;
}
/*カテゴリ名「お肉」の色とアイコン*/
#main .catid133 {
    background: #e3d099;
}
/*カテゴリ名「魚介」の色とアイコン*/
#main .catid48 {
    background: #e3d099;
}
/*カテゴリ名「ごはん」の色とアイコン*/
#main .catid49 {
    background: #e3d099;
}
/*カテゴリ名「麺・パスタ」の色とアイコン*/
#main .catid50 {
    background: #e3d099;
}
/*カテゴリ名「粉物・パン」の色とアイコン*/
#main .catid51 {
    background: #f39c12;
}
/*カテゴリ名「鍋」の色とアイコン*/
#main .catid57 {
    background: #e3d099;
}
/*カテゴリ名「卵」の色とアイコン*/
#main .catid55 {
    background: #e3d099;
}
/*カテゴリ名「デザート」の色とアイコン*/
#main .catid59 {
    background: #e3d099;
}
/*カテゴリ名「暮らし」の色とアイコン*/
#main .catid10 {
	background: #90B44B;
}
/*カテゴリ名「木工」の色*/
#main .catid105,#main .catid135 {
	background-color: #cc9200;
}
/*カテゴリ名「きょうのおやつ」の色*/
#main .catid108 {background-color:#51662b;
}
/*カテゴリ名「ヴィッセル神戸」の色*/
#main .catid109 {
	background: #999999;
}
/*カテゴリ名「アウトドア」の色*/
#main .catid126 {
	background: #cddc39;
}
/*カテゴリ名「お得」の色*/
#main .catid130 {
	background: #ffeb3b;
}
/*カテゴリ名「自習」の色*/
#main .catid136 {
	background: #A4C997;
}
.cardtype__article .cat-name:hover {
    background: silver!important;
}

/*----------TOPページに関すること　終わり----------*/

/*----------レシピページに関すること----------*/
/*レシピページの「材料」「作り方」の見出しフォント*/
p.zairyo{
    font-size: 1.2em;
	color: #591d13;
	font-weight: bold;
    position: relative;
    padding: 0.25em 0em 0em 0em;
	margin:0.5em 0em 0em 0em;
	border-bottom: solid 2px #591d13;/*線の種類（実線） 太さ 色*/
}


.entry-content h2{
    font-size: 1.5em;
	color: #525252;
	font-weight: bold;
    position: relative;
    padding: 0.4em 0em 0em 0em;
	margin:1em 0em 0.5em 0em;
	border-bottom: solid 0px #525252;/*線の種類（実線） 太さ 色*/
}

/*レシピの材料の破線・左寄せ・右寄せ（中央寄せもできる）*/
p#zai{
	position:relative;
	border-bottom:dashed 1px #d3d3d3;
	margin: 0.5em 0.1em;
}
p#zai2{
	position:relative;
	text-align: left;
	border-bottom:dashed 1px #d3d3d3;
	margin: 0.5em 0.1em;
}
p#zai3{
	position:relative;
	text-align: left;
	margin: 0.5em 0.1em 0em 0.8em;
	font-size:0.9em;
}
span#cent{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
}
span#righ{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:right;
}
/*味噌ページの道具のレイアウト左寄せ・右寄せ（中央寄せもできる）*/
p#miso{position:relative;border-bottom:
	dashed 0px #252525;
	font-size: 1em}

/*各アイコンフォントの色指定*/
.fa-spooncol {color: #ffb600}
.fa-cutlerycol {color: #1874c3}
.fa-kanren {color: #ffffff}
.fa-topicon {color: #252525}
.fa-exclamation-triangle{
	color: #cb1b45;
	margin-right:5px;
}
.fa-bookmark {
	color: #cddc39;
	margin-right:5px;
}
.fa-circle {
	font-size:0.1em;
	color: #80a020;
	vertical-align: 1.4em;
	margin-right:5px;
}
.fa-check{
	color: #ffb600;
}
.fa-thumbs-o-up{
}
.fa-cutlery {
	color: #ffb600;
	margin-right:5px;
}
.fa-car {
	color: #6fa772;
	margin-right:5px;
}
.fa-suitcase {
	color: #8bc5dd;
	margin-right:5px;
}
.fa-tree {
	color: #e3d099;
	margin-right:5px;
}




/*----------BOX　に関すること----------*/
/*スペースを作るためののBOX*/
.boxtoumei {
	height:0.1em;
	width:100%;
}
.boxtoumei5 {
	height:0.5em;
	width:100%;
}
.boxtoumei10 {
	height:1em;
	width:100%;
}
/*ちょろ 's POINTBOX*/

.box28 .box-title {
    background: #999999;
	padding: 2px 9px 0px;
	border-radius:  0;
}
.box28 .box-content {
    padding: 0em 0em;
    border: solid 3px #999999;
	margin-top:-1px;
}
.box28  li,.zikkenbox li {
  position: relative;
  list-style-type: none!important;/*ポチ消す*/
  padding: 0.5em 0.5em 0em 2em;
  line-height: 1.5;
  background: #ffffff;
  vertical-align: middle;
	margin-left:1px;
	margin-right:1px;
}

.box28  li:before,.zikkenbox li:before{ 
	position: absolute;
    display:inline-block;
    top:15.5px;
	left:12px;
    vertical-align: middle;
    /*以下白丸つくる*/
    content:'';
    width:0.4em;
    height: 0.4em;
    background: #999999;
    border-radius: 50%;
    margin-right: 8px;
}
.box28  ul,.zikkenbox ul {
    padding: 0 0 0 0em;
	border: none;
	margin: 5px 0;
}
.box28 {
    margin: 0.8em 0 2em;
}

.box28 img{
	width:95%;
	border-radius: 0px!important;
	margin: 1.5em 2.5%;
}

.box28 p{
		margin:0px 0px 12px 0px !important;
}


/*固定TOPページ用BOX*/
.square_box{
    position: relative;
    display: inline-block;
	width:95%;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
	color: #1c2f53;
    background: #e8e7e5;
    transition: .4s;
	margin:1em 1em 1.5em;
  }

/*BOX３の調整　店名・住所等に使用*/
.box3 {
    margin: 1em 0;
	padding: 0.5em 1em;
	background: #f1f1f1!important;
	border-radius: 15px;/*角の丸み*/
}
.box3 p{
	margin:12px 0px 12px 0px !important;
}

/*----------BOX　に関すること　終わり----------*/
/*----------ボタン　に関すること----------*/
.main-bc {
    background-color: #727272;
}
.square_btn{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
	color: #ffffff;
    background: #8cc3d0;
    transition: .4s;
	margin:1em 1em 1.5em;
  }
.square_btn:hover {
	text-decoration: none;
	color: #8cc3d0;
    background: #ffffff;
}
.motto_btn{
    position: relative;
	float: right;
    display: block;
    font-weight: bold;
    padding: 0.25em 0em;
    text-decoration: none;
	color: #727272;
    background: #ffffff;
    transition: all 0.4s;
	margin:1em 3em 1em 0em;
	border-bottom: double 6px #87CEFA;
  }
.motto_btn:hover {
    transform: translate(10px,0px);
	text-decoration: none;
}
/*----------固定トップのレシピのボタン----------*/
.square_btn2 {
    text-decoration: none;
	width:120px;
    position: relative;
    display: inline-block;
    margin: 0.2em 0em;
    padding: 0.1em 0.5em;
    color: #FFF;
    background: #929292;
	border-radius: 10px;
    transition: .4s;
  }
.square_btn2 a{
	font-size:13px;
	text-decoration: none;
}
.square_btn2:hover {
	text-decoration: none;
	background: #ffffff;
}

/*----------ボタン　に関すること　終わり----------*/

/*----------表に関すること----------*/
/*大さじ１換算表の表のデザイン*/
@media only screen and (max-width: 767px) {
table.type06 th {/*表の１行目デザイン*/
	font-size: calc(100%);
	text-align: center;
	padding: 7px 2px;
    font-weight: bold;
    vertical-align: middle;
	background: #ffeaac;
    color: #555555;
	position: -webkit-sticky;
    position: sticky;
    top: -2px;
	z-index: 1;
}
table.type06 td {/*表の2行目からのデザイン*/
	font-size:  calc(100%);
	text-align: center;
	padding: 7px 2px;
    vertical-align: middle;
}
}
@media only screen and (min-width: 769px) {
table.type06 th {/*表の１行目デザイン*/
	font-size: calc(50% + 0.6vw);
	text-align: center;
	padding: 7px 2px;
    font-weight: bold;
    vertical-align: middle;
	background: #ffeaac;
    color: #555555;
	    position: -webkit-sticky;
    position: sticky;
    top: -2px;
	 z-index: 1;
}
table.type06 td {/*表の2行目からのデザイン*/
	font-size:  calc(50% + 0.6vw);
	text-align: center;
	padding: 7px 2px;
    vertical-align: middle;
}
}

table.type06 tr:nth-child(even) {
	background: #fff;/*表の隔行のバックカラー*/
}

table.type06 {
    table-layout: fixed;
	width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    line-height: 1.5;
	margin-top:0em;
	margin-bottom:2em;
}

table.type06 tr:hover{
  background-color: #fffae9;	
}
/*かっこいい表#f8f9fa*/
table.type066 td {
	padding: 7px 2px;
}
table.type066 tr td {
	background-color:#f8f9fa;
	text-align: center;
    vertical-align: middle;
}
table.type066 tr td:nth-of-type(1) {
}

table.type066 td+td{
    vertical-align: middle;
	background-color:#fff;
	text-align: left;
	padding: 5px 10px;
}
table.type066 {
    table-layout: fixed;
	width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    line-height: 1.5;
	margin-top:0em;
    vertical-align: middle;
	margin-bottom:2em;
}
table.type066 th{
	    position: -webkit-sticky;
    position: sticky;
    top: -2px;
	 z-index: 1;
}

figure table.type066{
	margin-bottom:1em;
}

/*099表 セルを結合させた場合*/
table.type099 td {
	padding: 7px 2px;
}
table.type099 tr {
	background-color:#f8f9fa;
	text-align: center;
}

table.type099 td {
	background-color:#fff;
	text-align: center;
}

table.type099 td:first-child {
	background-color:#f8f9fa;
	text-align: center;
}



table.type099 td:last-child{
	background-color:#fff;
	text-align: left;
	padding: 5px 10px;
}
table.type099 {
    table-layout: fixed;
	width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    line-height: 1.5;
	margin-top:0em;
	margin-bottom:3em;
}
table.type099 th{
	    position: -webkit-sticky;
    position: sticky;
    top: -2px;
	 z-index: 1;
}

/*散歩の情報の表*/
table.sanpo td {
	padding: 7px 2px;
}
table.sanpo tr td {
	background-color:#f4f4f4;
	text-align: center;
}
table.sanpo td+td{
	background-color:#fff;
	text-align: left;
	padding: 5px 10px;
}
table.sanpo {
    table-layout: fixed;
	width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    line-height: 1.5;
	margin-top:0em;
	margin-bottom:3em;
}
/*かっこいい表その２*/
table.type066-2 td {
	padding: 7px 2px;
}
table.type066-2 tr td {
	background-color:#f8f9fa;
	text-align: center;
}
table.type066-2 td+td{
	background-color:#fff;
	text-align: left;
	padding: 5px 10px;
}
table.type066-2 {
    table-layout: fixed;
	width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    line-height: 1.5;
	margin-top:0em;
	margin-bottom:2em;
}
/* 2列目のスタイル */
table.type066-2  tr td:nth-of-type(3){
  background-color:#dfebec;
}
table.type066-2  tr th:nth-of-type(3){
  background-color:#dfebec;
}

table.type066-2 th{
	    position: -webkit-sticky;
    position: sticky;
    top: -2px;
	 z-index: 1;
}






/*塩分量の表のデザイン*/
@media only screen and (max-width: 767px) {
table.type666 th {/*表の１行目デザイン*/
	font-size: calc(100%);
	text-align: center;
	padding: 7px;
    font-weight: bold;
    vertical-align: middle;
	background: #8bc5dd;
    color: #555555;
    position: -webkit-sticky;
    position: sticky;
    top: -2px;
	 z-index: 1;
}
	
table.type666 td {/*表の2行目からのデザイン*/
	font-size:  calc(100%);
	text-align: center;
	padding: 7px;
    vertical-align: middle;
	z-index: -1;
}
}
@media only screen and (min-width: 768px) {
table.type666 th {/*表の１行目デザイン*/
	font-size: calc(50% + 0.6vw);
	text-align: center;
	padding: 7px 2px;
    font-weight: bold;
    vertical-align: middle;
	background: #8bc5dd;
    color: #555555;
    position: -webkit-sticky;
    position: sticky;
    top: -2px;
}
table.type666 td {/*表の2行目からのデザイン*/
	font-size:  calc(50% + 0.6vw);
	text-align: center;
	padding: 7px 2px;
    vertical-align: middle;
}

}
table.type666 tr:nth-child(even) {
	background: #f4f4f4;/*表の隔行のバックカラー*/
}
table.type666 tr:hover{
  background-color: #fffae9;	
}

/*表（table）のデザイン*/
table.type666 {
    position: relative;
	width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    line-height: 1.5;
	width:98.5%;
	margin-left:1.5%;
	margin-bottom:2em;
}

/*表（table）の幅*/
.th05{
	width: 5%;
}
.th1{
	width: 10%;
}
.th15{
	width: 15%;
}
.th16{
	width: 16%;
}
.th166{
	width: 16.6%;
}
.th2{
	width: 20%;
}
.th25{
	width: 25%;
}
.th28{
	width: 28%;
}
.th3{
	width: 30%;
}
.th33{
	width: 33.3%;
}
.th35{
	width: 35%;
}
.th4{
	width: 40%;
}
.th45{
	width: 45%;
}
.th5{
	width: 50%;
}
.th55{
	width: 55%;
}
.th6{
	width: 60%;
}
.th65{
	width: 65%;
}
.th7{
	width: 70%;
}
.th8{
	width: 80%;
}
.th9{
	width: 90%;
}
table.type01 th{
	position: -webkit-sticky;
    position: sticky;
    top: -2px;
	z-index: 1;
}
@media screen and (max-width: 767px) {
.scroll {
    overflow-x: auto;
}
.scroll table{
    min-width: 640px;
}
}

/*香川うどん出汁の表のデザイン*/
table.type01{
	margin-bottom:2em;
}


table.type01 th {/*表の１行目デザイン*/
	text-align: center;
	padding: 7px;
    font-weight: bold;
    vertical-align: middle;
	background: #f9f9f9;
}
table.type01 td {/*表の2行目からのデザイン*/
	text-align: center;
	padding: 7px;
    vertical-align: middle;
}
table.type01-1 {
    border: 2px solid #ff9800e0;
}
table.type01-1 tr {
    border: 1px solid #ff9800e0;
}
table.type01-1 th {/*表の１行目デザイン*/
	text-align: center;
	padding: 0px;	
	color:#252525;
	font-weight:normal;
    vertical-align: middle;
	background: #ffb600;
	border: 1px solid #ff9800e0;
}
table.type01-1 td {/*表の2行目からのデザイン*/
	text-align: center;
	padding: 0px;
    vertical-align: middle;
	border: 1px solid #ff9800e0;
}


/*料理作り方の写真のデザイン*/
table.type07 {/*表の１行目デザイン*/
	margin: 0em 0em 0em 0em;
	border: 0px solid #e0e0e0;
}
table.type07 th {/*表の１行目デザイン*/
	border:none;
	font-size: calc(50% + 0.6vw);
	text-align: center;
    vertical-align: middle;
	background-color: #ffffff;
}
table.type07 td {/*表の2行目からのデザイン*/
	border:none;
	font-size:  calc(60% + 0.3vw);
	text-align: center;
	padding: 0px;
    vertical-align: top;
}
table.type07 tr {
	border:none;
}
/*よもぎの写真いれるためのテーブルデザイン*/
table.type05 th {/*表の１行目デザイン*/
	border:none;
	font-size: calc(50% + 0.6vw);
	text-align: center;
	padding: 7px;
    vertical-align: middle;
	background-color: #ffffff;
}
table.type05 td {/*表の2行目からのデザイン*/
	border:none;
	font-size:  calc(60% + 0.3vw);
	text-align: center;
	padding: 0px;
    vertical-align: middle;
}
table.type05 tr {
	border:none;
}
/*ちょろっとレシピ記事一覧　https://hajityoro.com/tyoro-recipe　右側のテーブルデザイン*/
table.type04 {
	border:none;
	font-size: calc(50% + 0.5vw);
	text-align: center;
	margin: 3px;
	padding: 0px;
    vertical-align: middle;
	background-color: #ffffff;
}
th.th33{
	border:none;
	background-color: #ffffff;
	width: 33.3%;
}

/*[cell] 横2列のショートコードで、左右の比率を1:2などにしたい*/
@media screen and (min-width: 767px) {
  .synmet-res .shtb2 .cell:first-of-type {
    width: 65%;
  }
  .synmet-res .shtb2.tbrsp .cell:last-of-type {
    width: 35%;
  }
}/*end min 767px*/
/*[cell] セルのマージン*/
.shtb2.tbrsp, .shtb2.tbrsp .cell, .shtb2.tbrsp .cell, .shtb3.tbrsp, .shtb3.tbrsp .cell, .shtb3.tbrsp .cell {
	margin-bottom: 0em;
	padding-top:2px;
}
@media only screen and (max-width: 767px){
.shtb2.tbrsp .cell,.shtb3.tbrsp .cell{
	margin-bottom: 0.5em;
}
}
/*----------表に関すること　終わり----------*/

/*----------初期　旧トップページに関すること----------*/
/*トップに人気記事を設置*/
/*タイトル*/
.top-title {
    margin-top: 0;
    font-size: 1.45em;
    font-weight: bold;
    color: #727272;
}
/*余白調整など*/
.popular-posts .cardtype__article-info {
    padding-top: 0.5em;
}
.popular-posts .cardtype__link {
    padding-bottom: 10px;
}
/*END トップに人気記事を設置*/
/* TOPのはじちょろの一言のレイアウト */
.top-hitokoto {
	font-weight: bold;
	font-size: 1em;/*文字サイズ*/
	color: #727272;/*文字色*/
	margin:0;
}
.hajityorobox {
    text-align:left;
	width:97%;
	padding: 0.5em 0.8em;
	margin: 0.5em 0em 2em 0.3em;
    font-weight: bold;
	font-size: 0.9em;/*文字サイズ*/
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.hajityorobox2 {
	text-align:left;
	width:98%;
	padding: 0.5em 0.8em;
	margin: 0.5em 0em 2em 0.3em;
    font-family: "Hannari"; 
    font-weight: bold;
	font-size: 0.9em;/*文字サイズ*/
    color: #ffffff;/*文字色*/
    background: #607D8B;
    border: 4px solid #987569;
    border-radius: 240px 15px 185px 15px / 15px 200px 15px 185px;
}
.hajityorobox2 p {
    margin: 0; 
    padding: 0;
}
.box11{
	text-align:left;
    padding: 0.5em 1em;
    margin: 0em 0 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 0;
}
.hajityorobox p {
    margin: 0; 
    padding: 0;
}
.hajityoroboxmore {
	text-align: right;
	color: #252525;/*文字色*/
	    text-decoration: none;
}
/*----------初期　旧トップページに関すること　終わり----------*/


/*　画像の上に文字とボタンを重ねる方法　～その２～*/
.gazouinmozi {
    position: relative;
  }
.gazouinmozi p {
  position: absolute;
  top: 90%;/*画像の左上に配置*/
  left: 5%;
  margin: 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background: #f39c12;/*背景色*/
  font-size: 0.5em;
  line-height: 1;/*行高は1に*/
  padding: 5px 10px;/*文字周りの余白*/
  border-radius: 30px;/*丸みをだす*/
  text-decoration: none;/*下線を表示させない*/
  }
.gazouinmozi  a{
		display:block;
  position: absolute;
  top: 10%;/*画像の左上に配置*/
  left: 5%;
  margin: 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background: #f39c12;/*背景色*/
  font-size: 0.5em;
  line-height: 1;/*行高は1に*/
  padding: 0px 10px;/*文字周りの余白*/
  border-radius: 30px;/*丸みをだす*/
  text-decoration: none;/*下線を表示させない*/
}
.gazouinmozi1 img {
  width: 100%;
  }
/* 全体の枠 */
.image-text {
    position: relative;
}
 
/* 重ねる文字 */
.text1 {
  position: absolute;
  top: 40%;/*画像の左上に配置*/
  left: 5%;
  margin: 0px; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background: #f39c12;/*背景色*/
  font-size: 2em;
  padding: 0px 0px 0px 0px;/*文字周りの余白*/
  border-radius: 0px;/*丸みをだす*/
  text-decoration: none;/*下線を表示させない*/
  display:inline-block;
  vertical-align: middle;
  line-height:normal;
}
.text1 a{
	  text-decoration: none;/*下線を表示させない*/
	  color: white;/*文字を白に*/
		  display:inline-block;
  vertical-align: middle;
  line-height:normal;
}


/* モバイル　ナビドロワーの調整 */
/* モバイルのハンバーガーメニューを調整 */
#drawer #drawer__open {
	font-size:20px;
	right: 0;
    left: auto;
}
.header-search {
	left: 0;
    right: auto;
}
/*---------------------------------
ハンバーガーアイコンに"MENU"を追加
----------------------------------*/
/* アイコン上にスペース */
#drawer .fa-bars {
  padding-top: 16px;
}
/* MENUを追加 */
#drawer .fa-bars:after {
  content: "MENU";
  font-size: 7px;
  font-weight: bold;
  display: block;
  padding-top: 1px;
}

/* ハンバーガーメニューの中身の調整 */
.widget-menu li:nth-child(even) {
    border-left: solid 0px #efefef;
}
.widget-menu li {
	margin-left:8px!important;
	width: 22%;
	background: #f1f1f1;
	border-left: solid 3px #ffffff;
	border-right: solid 3px #ffffff;
	border-bottom: solid 12px #ffffff;
}

/* ナビドロワータイトルのフォント */
#drawer__open, .drawer__title {
	font-size:0px;
	line-height: 0em;
	padding:0;
}
/* ナビドロワーを閉じる「×」の位置調整 */
.close{
	top:15px;
    padding: 10px 0px 0px!important;
}
.drawer__title .close span {
    margin: 0 16px 0 7px;
}

#drawer__content .widgettitle{
	margin:0px auto 0px!important;
	text-align:center;
	width:95%;
	border-radius: 25px 25px 0 0;
}
#drawer__content {
	width: 80%;
}

#drawer__content .widget {
    margin: 0 0 0px;
	background-color:#f9f9f9;
}
.drawer__title .close span {
    height: 22px;
}
.drawer__title .close span:before {
	left: -9px;
    width: 22px;
}
.top-logo{
	padding:10px 20% 0px 5%;
	background: #f9f9f9!important;
}
.top-logo img:hover{
	background: #f9f9f9!important;
    opacity: 0.5;
    transition: 0.5s;
}

#menuAAA li {
	background-color:#f9f9f9;
	opacity: 0;
	padding: 0% 5%;
}
#menuAAA li:nth-child(1) {
	border-top: dotted 2px #dadada;
}
#menuAAA li:nth-child(5) {
}
#menuAAA li i{
	opacity: 0.8;
}
#menuAAA li a{
	font-size: 0.1em;
    font-weight: bold!important;
    color: #606060;
}
#menuAAA li a:hover {
    background: #dfebec;
}
#menuAAA li:nth-child(7) a{
	font-size: 1em;
	color:#4fa5be;
	font-weight:normal!important;
}
#drawer__input:checked ~ #drawer__content #menuAAA li a{
	font-size: 1.1em;
}

#drawer__input:checked ~ #drawer__content #menuAAA li {
	transition: all 0.6s;
	opacity: 1;
	padding: 4% 5%;
	border-bottom: dotted 2px #dadada;
}
#drawer__input:checked ~ #drawer__content #menuAAA li:first-child {
	transition-delay: .2s;
}
#drawer__input:checked ~ #drawer__content #menuAAA li:nth-child(2) {
	transition-delay: 0.3s;
}
#drawer__input:checked ~ #drawer__content #menuAAA li:nth-child(3) {
	transition-delay: 0.4s;
}
#drawer__input:checked ~ #drawer__content #menuAAA li:nth-child(4) {
	transition-delay: 0.5s;
}
#drawer__input:checked ~ #drawer__content #menuAAA li:nth-child(5) {
	transition-delay: 0.6s;
	border-bottom:none;
}
.haikeibox{
	background-color:#f9f9f9;
}
.haikeibox i{
	margin-right:5px;
}
.haikeibox2{
	background-color:#f9f9f9;
}
.haikeibox2 .say{
	margin:0 0 0 3%;
}
.haikeibox2 .chatting{
	top:25px;
	left:-10px;
}
.haikeibox2 .faceicon img {
    margin:-8px 0 0 0;
	width: 90%;
}
#drawer__content .widget_search {
    width:90%;
	margin:10px auto 20px;
}



/* PC[PC]で記事上部のスペースを調整 */
@media screen and (min-width: 767px) {
	.home_top {margin:0.5em 0 0 0}
	.main.textwidget{height:75px}
.home_top.textwidget P{
    margin: 0 0 0 0;
}
}
@media screen and (max-width: 767px) {
.raised {
	font-size:0.9em;
	width:140px;
    display: inline-block;
    margin: .5em 0;
    padding: 0.2em 0.2em;
    border-radius: 3px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
    transition: .3s ease-in-out;
}}

/* TOPの[人気記事][新着記事]の文字の調整 */
p.center.strong.top-title{
	font-size:1em;
}
@media screen and (min-width: 767px) {
p.center.strong.top-title{
	width:94%;
}}
@media screen and (min-width: 767px) {
.hajityorobox2{
	width:92.5%;
}}
.hajityoroboxmore a{
	text-decoration: none;/*下線を表示させない*/
	color: #252525;/*文字を白に*/
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
}
.hajityoroboxmore a:hover{/*カーソルを当てたとき*/
	text-decoration: none;/*下線を表示させない*/
    color: rgba(169, 169, 169, 0.7);/*背景を半透明に*/
  }
/*----------リストに関すること----------*/
/*料理レシピ・作り方　枠線無しの数字のリスト*/
ol.list999{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  margin:-0.5em 0em 0em 0em;
	margin-bottom: 0em;
  padding: 0em 0.5em 0em 0.5em;
  background: #ffffff;
  border: none;
}
figcaption{
	color:grey;
	font:15px arial;
	padding-top:0px;
	line-height:1.5em;
	margin-top:-12px;
}
ol.list999 .shtb2.tbrsp{
	padding-top:0px;
}
ol.list999.shtb2.tbrsp .cell,ol.list999 .shtb2.tbrsp .cell{
	padding-top:0px;	
}
.list999 .box3 {
	margin:-1em 0 1.5em;
}
.list999 li.box3{
	margin:0em 0 1.5em;
}
.list999 img{
	border-radius:0px;
}



ol.list999 li{
  position: relative;
  line-height: 1.5em;
  padding: 0.5em 0.5em 1.5em 30px;
}
ol.list999 p{
	margin: 0em 0 12px 0;
}


@media only screen and (max-width: 767px){
ol.list999 li{
	padding-bottom: 1em;
	padding-top:0.1em;
}
figcaption{
	font:13px arial;
	padding-top:4px;
	margin-bottom:10px;
}
}
ol.list999 li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  color: #252525;
  font-size: 13px;
  border-radius: 50%;
  border:solid 1px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align:center;
}
ol.list999 .big{
	color:#525252;
}

/*枠線無しの数字のリスト*/
ol.list5{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  margin:-0.5em 0em 0em 0em!important;
  padding:0.5em;
  border: none;
}
ol.list5 li{
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.3em 0.5em 0.3em 30px;
}
ol.list5 li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #606060;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 11px;
  border-radius: 50%;
  left: 0;
  top:6px;
  width: 18px;
  height: 18px;
	line-height: 18px;
  text-align:center;
}

/*枠線無しのチェックリスト*/
ul.list6 {
	border: solid 2px #ffb600;
  border:none;
  padding: 0em 1em 0em 2.3em;
  position: relative;
	margin-top:0.5em;
}
ul.list6 li {
  line-height: 1.5;
  padding: 0.3em 0;
  list-style-type: none!important;/*ポチ消す*/
}
ul.list6 li:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f00c";
  position: absolute;
  left : 0.8em; /*左端からのアイコンまで*/
  color: #ffb600; /*アイコン色*/
  line-height: 20px;
}

ul.list6-2 {
  border: solid 2px #ffb600;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
	margin-top:0.5em;
}
ul.list6-2 li {
  line-height: 1.5;
  padding: 0.3em 0;
  list-style-type: none!important;/*ポチ消す*/
}
ul.list6-2 li:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f00c";
  position: absolute;
  left : 0.8em; /*左端からのアイコンまで*/
  color: #ffb600; /*アイコン色*/
  line-height: 20px;
}
ul.list6-3 {
  border: solid 2px #e3d099;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
	margin-top:0.5em;
}
ul.list6-3 li {
  line-height: 1.5;
  padding: 0.3em 0;
  list-style-type: none!important;/*ポチ消す*/
}
ul.list6-3 li:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f00c";
  position: absolute;
  left : 0.8em; /*左端からのアイコンまで*/
  color: #e3d099; /*アイコン色*/
  line-height: 20px;
}
.balloon1 {
  position: relative;
  display: inline-block;
  margin: 0.7px 0 0.7px 20px;
  padding: 0 10px;
  height: 45px;
  line-height: 45px;
  width:55px;
  text-align: center;
  color: #FFF;
  font-size: 17px;
  font-weight: bold;
  background: #ffb600;
  border-radius: 50%;
  box-sizing: border-box;
}
.balloon1:before {
  content: "";
  position: absolute;
  bottom: -22px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #ffb600;
  z-index: 0;
}
.balloon2 {
  position: relative;
  display: inline-block;
  margin: 0.7px 0 0.7px 20px;
  padding: 0 10px;
  height: 45px;
  line-height: 45px;
  width:55px;
  text-align: center;
  color: #FFF;
  font-size: 15.5px;
  font-weight: bold;
  background: #606060;
  border-radius: 50%;
  box-sizing: border-box;
}
.balloon2:before {
  content: "";
  position: absolute;
  bottom: -22px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #606060;
  z-index: 0;
}
.balloon3 {
  position: relative;
  display: inline-block;
  margin: 0.7em 0 0.7em;
  padding: 0 10px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #FFF;
  font-size: 17px;
  font-weight: bold;
  background: #ffb600;
  border-radius: 50%;
  box-sizing: border-box;
}
.balloon3:before {
  content: "";
  position: absolute;
  bottom: -22px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #ffb600;
  z-index: 0;
}
/*----------リストに関すること　終わり----------*/

/*----------下記は分類なしのCSS----------*/

/*スマホ２列表示 サルワカカスタマイズ*/
@media only screen and (max-width: 767px) {
 .cardtype {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
 }
 .cardtype__article {
    width: 45.8%;
    margin: 2%;
 }
 .cardtype time {
    font-size: 11px;
 }
 .cardtype h2 {
    font-size: 13px;
    margin: 0 10px;
	font-weight:500;
  }
  .cardtype__link {
    padding-bottom: 10px;
  }
  .cardtype time {
    font-size: 11px;
    margin: 2px 0px 0px;
  }
  .cat-name {
    font-size: 10px;
    top: 3px;
    left: 3px;
  }
  .newmark {
    font-size: 11px;
    height: 33px;
    width: 33px;
    line-height: 33px;
    top: 9px;
    right: 8px;
  }
  }



a:hover img{
   opacity:0.5;
   transition: 0.5s ;
}


#content {
    margin-top: 0em;
    padding-bottom: 3em;
}
@media only screen and (max-width: 767px) {
#content {
	margin-top: 1em;
}
}

.marker {
    font-weight: bold;
    background: linear-gradient(transparent 50%, #ff58583d 50%);
}
/*注意メモのデザイン変更*/
.memo {
	border-radius: 30px;/*丸みをだす*/
	padding-top: 0.5em;
	margin-top: 0.7em;
}

/*　ギザギザ線を消す*/
.nothumb .entry-meta:after, .nothumb .page-title:after {
    content: none;
}

.part_line{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    border-bottom: solid 3px #668ad8;
    border-left: solid 3px #668ad8;
    color: #668ad8;
    transition: .4s;
    }
.part_line:hover {
	text-decoration: none;
    padding-left: 0.7em;
    padding-right: 0.3em;
}

.entry-content h3 {
	font-size: 1.35em;
	margin: 0.8em 0em 0.6em 0em;
	padding: 0em 0.4em;/*文字周りの余白*/
	color: #525252;/*文字色*/
	border-left: solid 5px #e8e7e5;/*左線（実線 太さ 色）*/
}
.entry-content h4 {
	color:#606060;
	font-size: 1.2em;
	margin: 0.8em 0em 0.4em 0em;
}

/*　左顔吹き出しの設定*/
.say{
	font-size:1em
}
.sc {
    background: #eee;
    border: solid 2px #eee;
    color: #000;
	padding:1em 1em;
}
.sc:before, .sc:after {
    border-right: 12px solid #eee;
}
@media screen and (max-width: 767px) {
.sc {
	padding:0.7em 0.5em;
	}
.sc:before, .sc:after {
	top:10px;}
}
/*　左顔吹き出しの設定 終わり*/

/*　サイドバーのカテゴリ・タグなどのスタイル*/
.sidebar .widget_categories .widgettitle:before {
	font-family: FontAwesome;
    padding-right: 8px;
    content: none;
    padding-left: 10px;
}
.sidebar .widget_tag_cloud .widgettitle:before {
	font-family: FontAwesome;
    padding-right: 8px;
    padding-left: 10px;
}
.sidebar .widget_custom_html .widgettitle:before {
	font-family: FontAwesome;
    padding-right: 8px;
    content: none;
    padding-left: 10px;
}
.sidebar .my_popular_posts .widgettitle:before {/*人気記事のアイコン*/
	font-family: FontAwesome;
    padding-right: 8px;
    content: none;
    padding-left: 10px;
}
.sidebar .widget_tag_cloud .widgettitle:before {
    content: none;
}


/* コメント欄の開閉ボタン */
#comments-toggle {
    display: block;
    margin: 2px 15% 25px 15%;
    padding: 3px 0px;
    background-color: #7cb1ec;
    border-radius: 3px;
	color: #fff;
    font-size: 1em;
    font-weight: bold;
    text-align: center; 
}
#comments-toggle:hover {
    cursor: pointer;
    opacity: 0.8;
}

h1 {
	color: #525252;/*文字色*/
	    font-size: 1.3em;

}
#archive_header {

    background: #ffffff;
}
.single-title, .page-title, .entry-title {
	    font-size: 1.4em;
	margin-top: 1px;
    color: #525252;
}
.entry-meta {
    margin: 0px 0 0;
	font-size: 14px;
    text-align: right;
}

.post-thumbnail {
    margin: 7px 0 0;
}


/*--------------------------------------
  TOPページ記事一覧カード
--------------------------------------*/
.linkto img {/*アイキャッチのサイズ*/
    width:96px;
    height:96px;
	object-fit: cover; /* この一行を追加するだけ！ */
	margin-bottom: 2px!important;
}
.sidelong__img {/*アイキャッチのサイズ*/
    width:100px;
    height:70px !important;
}

/*カードの丸み*/
.cardtype .cardtype__article {
    border-radius: 0px;/*丸み度合い*/
}
.cardtype__img img {
    border-radius: 0px 0px 0 0;
}
 
.sidebar .widget:not(.widget_search) {/*サイドバーウィジェットに丸み*/
    border-radius: 0px;/*丸み度合い*/
    overflow: hidden;
	border: none;
}
.shtb3 {
    margin: 0.5em 0;
}

.textwidget p {
margin-top: 0;
	margin-bottom:0;
}
 
/* 記事の丸み */
article#entry {
    border-radius: 10px 10px;
	border-color:#ffffff;
}
/* 検索窓 */
input#s {
    border-radius: 10px 10px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15), 0 0 0 0 rgba(0, 0, 0, 0.15);
    font-size: 0.8em;
	color:#606060!important;
}
/* プロフィールカード */
.yourname {
	margin-top:-20px!important;
	margin-bottom:10px!important;
	color: #626262;
    font-size: 1.2em;
}



#searchsubmit {
    border-radius: 0px 10px 10px 0px;
	border-bottom: none;
	background-color: #606060!important;
}
/* 前後の記事の横長カード*/
div.prnx_tb {
    border-radius: 12px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
	border: solid 1px rgba(0,0,0,.08);
}

img {
    border-radius: 12px;/*丸み度合い*/
}

/*end カードの丸み*/

.sns-dif ul {
	padding-top:0px;
    background: #ffffff;
}

#main .h-undeline {
    position: relative;
    margin: 0 0.5em 10px;
    padding: 7px 10px;
	color:#ffffff;
    font-weight: bold;
    text-align: center;
    background: #606060;
}

.linkto {
    margin: 8px 0em 0.7em 0em;
	border: solid 3px #999999;
	box-shadow:none;
	max-width: 100%;
}

.linkto .tbtext {
    font-size:15px;
}



#archive_header {
    padding: 3px 20px;
}
.archive-header {
    box-shadow: 0 0px 0px rgba(0,0,0,.15)!important;
}
#archive_header {
    padding: 0px 0px 0px;
    border-top-width: 0px;
    margin: 0 0 0 0;
	border-bottom: 0px solid;
	border-color:rgba(0, 0, 0, 0.22);
}
ul.list1, ol.list1,ul.list1-1,ul.list1-2 {
  margin-top:0.5em;
  padding: 0;
  border:0px;
}

ul.list1 li{
  position: relative;
  list-style-type: none!important;/*ポチ消す*/
  padding: 0.3em 0.5em 0.3em 1em;
  line-height: 1.5;
  vertical-align: middle;
	border-radius: 15px 0px 0px 15px;/*左側の角丸く*/
  counter-increment: number -1; 
}

ul.list1-1 li{
  position: relative;
  list-style-type: none!important;/*ポチ消す*/
  padding: 0.3em 0.5em 0.3em 1em;
  line-height: 1.5;
  vertical-align: middle;
	border-radius: 15px 0px 0px 15px;/*左側の角丸く*/
  counter-increment: number -1; 
	color:#606060;
	font-weight:bold;
}

ul.list1-2 li{
  position: relative;
  list-style-type: none!important;/*ポチ消す*/
  padding: 0.3em 0.5em 0.3em 1em;
  line-height: 1.5;
  vertical-align: middle;
	border-radius: 15px 0px 0px 15px;/*左側の角丸く*/
  counter-increment: number -1;
	color:#606060;
	font-weight:bold;
}

ul.list1 li:before{ 
	position: absolute;
    display:inline-block;
    top:12.5px;
	left:3px;
    vertical-align: middle;
    /*以下白丸つくる*/
    content:'';
    width:0.4em;
    height: 0.4em;
    background: #999999;
    border-radius: 50%;
    margin-right: 8px;
}
ul.list1-1 li:before{ 
	position: absolute;
    display:inline-block;
    top:12.5px;
	left:3px;
    vertical-align: middle;
    /*以下白丸つくる*/
    content:'';
    width:0.4em;
    height: 0.4em;
    background: #606060;
    border-radius: 50%;
    margin-right: 8px;
}
ul.list1-2 li:before{ 
	position: absolute;
    display:inline-block;
    top:12.5px;
	left:3px;
    vertical-align: middle;
    /*以下白丸つくる*/
    content:'';
    width:0.4em;
    height: 0.4em;
    background: #606060;
    border-radius: 50%;
    margin-right: 8px;
}
ul.list-midori{
	border:none;
	padding: 0px;
	margin-top: 0.5em;
}
ul.list-midori p{
	margin:0px;
}
ul.list-midori li{	
	position: relative;
	list-style-type: none!important;/*ポチ消す*/
	padding: 0.3em 0.5em 0.3em 1em;
	line-height: 1.5;
	vertical-align: middle;
	counter-increment: number -1; 
}
ul.list-midori li:before{	
	position: absolute;
    display:inline-block;
    top:12px;
	left:3px;
    vertical-align: middle;
    /*以下白丸つくる*/
	content:'';
    width:0.4em;
    height: 0.4em;
    background: #6fa772;
    border-radius: 50%;
    margin-right: 8px;
	border:none;
}
.nagarebox .list-midori{
	margin-left:2px;
}
.list999 .list-midori li:before{
	left:-10px;
	top:8.5px!important;
}
.list999 .list-midori li{
	padding: 0em 0em 0.6em 0em!important;
}
.list999 .list-midori{
	padding-left:0.5em;
}
ul.list-kiiro{
	border:none;
	padding: 0px;
	margin-top: 0.5em;
}
ul.list-kiiro p{
	margin:0px;
}
ul.list-kiiro li{	
	position: relative;
	list-style-type: none!important;/*ポチ消す*/
	padding: 0.3em 0.5em 0.3em 1em;
	line-height: 1.5;
	vertical-align: middle;
	counter-increment: number -1; 
}
ul.list-kiiro li:before{	
	position: absolute;
    display:inline-block;
    top:12px;
	left:3px;
    vertical-align: middle;
    /*以下白丸つくる*/
	content:'';
    width:0.4em;
    height: 0.4em;
    background: #e3d099;
    border-radius: 50%;
    margin-right: 8px;
	border:none;
}




@media only screen and (max-width: 767px) {
.vissel{
	font-size:12px!important;
	}
}


.yellowcard{
	background:#fc0;
	border:solid 1px #555555;
	width:9px;
	height:12px;
	float:left;
	margin-top:6px;
	margin-right:2px;
}
.redcard{
	background:#f30;
	border:solid 1px #555555;
	width:9px;
	height:12px;
	float:left;
	margin-top:6px;
	margin-right:2px;
}
.oukan{
	width:30px;
	float:left;
	margin-right:3px;
	margin-top:-4px;
}
.oukan img{
	vertical-align: top!important;
	border-radius: 0px;
}

.box1 {
	background-image: url(https://hajityoro.com/wp-content/uploads/2020/02/profilebg.jpg);
	background-size: cover;
	height:190px;
    margin: 0em 0em;
    padding: 0em 0em;
    border:none;
	color:#ffffff;
	font-size:20px;
	position: relative;
}
.box1 span{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  width: 100%;
  text-align: center;/*一応BOX内の文字も中央寄せ*/
}


.boxtop {/*親div*/
  position: relative;/*相対配置*/
  }
@media only screen and (max-width: 767px) {
.boxtop p {
		font-size:1.1em!important;
}
}
.boxtop p {
	color:#fff;
	font-size:1.5em;
	position: absolute;
	top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  /*文字の装飾は省略*/
  }

.boxtop img {
  width: 100%;
  }



/*画像の内側に線を入れる*/
.border-in{
  position: absolute;
  border: 2.5px solid #fff;
  top: 20px;
  left: 20px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);	
}
.border-in-img {
  height: 330px;
  position: relative;
  width: 100%;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
.border-in-img {
	height: 200px;	
}
}
/*レシピカテゴリ検索窓*/
.kensaku {
	height:60px;
	line-height: 0.5!important;
}
.kensaku input{
    border: solid 1px #efefef!important;
}
.kensaku input:focus {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15)!important;
}

/*TOPページ カテゴリ画像に文字をのせる*/
.top-mozi{
	position: relative;/*相対配置*/
}
.top-mozi p {
  position: absolute;/*絶対配置*/
  color: white;/*文字は白に*/
  bottom: 0;
  background: rgba(0,0,0,.7);
  margin:0;
  padding-left:8px;
  width:100%;
  font-size:15px;
}
@media only screen and (max-width: 767px) {
.top-mozi p {
  font-size:10px;
}
}
.custom-html-widget a{
	font-weight:normal;
}

/*アコーディオンレイアウト*/

.accordion{
	margin: 0.8em 0 1.2em;
}

.accordion label {
	padding: 13px 37px 13px 14px;
	background-color:#ffffff;
}


.accordion label:after {
    color: #00bcd4;
	content: '\f107';
	font-family: FontAwesome;
}
.accordion_input:checked + label:after {
	content: '\f106';
	font-family: FontAwesome;
}

/*投稿ページのシェアボタンを消す場合は「none」*/
.article-footer .footer-contents .sns-btn {
  display:none;
}

/*合わせて読みたいの横並びの比率*/
.awasete-cell .shtb2:not(.tbrsp) .cell:first-of-type {
	width: 35%; /* 左側の幅 */
	vertical-align: middle;
	padding-right: 2%;
}
.awasete-cell .shtb2:not(.tbrsp) .cell:last-of-type {
	width: 65%; /* 右側の幅 */
	vertical-align: middle;
}
/*--------------------------------------
  トップ丸形コンテンツのデザイン
--------------------------------------*/
.topbox .cell{
	margin:0!important;
	padding:0!important;
}
.top-contents{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:5px;
}
.top-contents-ue{
	width:97%;
	float:left;
	position: relative;
	margin: 0 1.5% 0 1.5%!important;
	color:#555555;
	font-size:14px;
	font-weight: normal;
}
.top-contents-ue a{
	color:#555555;
	font-size:14px!important;
	font-weight: nomal;
}
.top-contents-ue img{
	border-radius:0;
	margin-bottom:10px;
}
@media only screen and (max-width: 767px) {
.top-contents-ue img{
	margin-bottom:6px;
	height: 150px!important;
    object-fit: cover;
}
.top-contents-ue{
	margin:0 1.5%;
	line-height:18.2px;
}
.top-contents-ue a{
	color:#555555;
	font-size:12px!important;
	font-weight: nomal;
}
p.kategori {
    top: 10px!important;
    left: 6px!important;
    margin: 0!important;
	font-size: 12px!important;
    line-height: 1.6!important;
	border:double 3px #fff!important;
	border-right:none!important;
	border-left:none!important;
}
}


p.kategori {
    position: absolute;
	min-width:65px;
	text-align:center;
	letter-spacing:1px;
    top: 10px;
    left: 10px;
    margin: 0 0 0 0;
    color: #fff;
	font-weight:bold;
	font-size: 15px;
    line-height: 2;
	border-right:none!important;
	border-left:none!important;
    border-radius: 0;
    padding: 1px 0px 1px;
}

.top-contents-ue a:hover{
	color: #92979f;
	text-decoration:none;
}
.top-contents-sita{
	width:100%;
	float:right;
	padding:15px 0px 10px 0px;
	
}
.top-contents-sita p{
	margin:0;
	color:#555555;
	font-size:14px;
}
.top-contents-sita a{
	margin:0 0 0 15px;
	color:;
	font-size:14px;
}















@media only screen and (min-width: 768px) {
.top-contents-max {
    width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.top-contents-box1 {
    width:25%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
}
.top-contents-box2 {
	width:85%;
	text-align: center;
	background:#fff;
	margin: 0 auto;
}
.top-contents-box2 img{
	border-radius: 0px;
    vertical-align: top ;
}
.top-contents-box3 {
	font-size:15px;
	font-weight: normal;
	color:#626262;
	height:30px;
	vertical-align: middle;
	text-align: center;
	margin-top:9px;
}
}
@media only screen and (max-width: 767px) {
.top-contents-max {
    width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 8px 0px;
}
.top-contents-box1 {
    width:25%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
}
.top-contents-box2 {
	width:85%;
	text-align: center;
	background:#fff;
	margin: 0 auto;
}
.top-contents-box2 img{
	border-radius: 0px;
    vertical-align: top ;
}	
.top-contents-box3 {
	font-size:12px;
	font-weight: normal;
	text-align: center;
	color:#626262;
	height:18px;
	margin-top:5px;
	}
}

.footer-meta {
    padding: 2px 5% 2px;
}
@media only screen and (max-width: 767px) {
#footer-menu img{
		max-width:80%;
	}
}
#entry footer {
    margin: 1em 0 0;
}
.recommended {
    margin-bottom: 0.1em;
}
.related-posts ul {
    padding: 2px 15px;
}

@media only screen and (min-width: 768px) {
.single .one-column #main {
	max-width: 1150px;/*最大幅*/
  }
}

/*--------------------------------------
  旅の親ページのデザイン　【PC】
--------------------------------------*/
@media only screen and (min-width: 768px){
.saisyo{
	margin-left:5%;
	margin-right:5%;
}
.mokuzibox{
	font-size:18px;
	line-height:55px;
	margin-left:25%;
	padding:100px 0px 0px 100px;
	background-color:;
	border:;
}	
.sioribox{
	margin-left:25%;
	margin-right:25%;
}
.sioribox .box3,.sioribox .shtb2.tbrsp .cell{
	background-color:#ecca6536!important;
}
.mokuzi-tizu,.mokuzi-tizu .shtb2.tbrsp .cell{
	background-color:#f5f4f2!important;
}
.mokuzi-tizu .shtb2.tbrsp .cell:first-of-type {
    width: 30%;
}
.sioribox .accordion{
	background-color:;
}
.sioribox .accordion label {
	font-weight: 5;
	font-size:16px;
}
.wrap, .maximg, .single #inner-content, .page #inner-content {
	width: 100%;
}
.orverwidth-1{
	margin:0 -6%;
	padding:0 6%;
	background: #f5f4f2;
}
.tabi {
		margin:0 -2%;
	padding:0 2%;
	overflow-x: hidden;
}
.tabi img{
	height:180px!important;
    object-fit: cover;
	border-radius: 5px 5px 0px 0px ;/*丸み度合い*/
}
.tabi .tizu img{
	height:auto!important;
}

.tabi h1{
	background: #f5f5f5;
}
.tabi h2{
    font-size: 28px;
    margin: 38px auto 36px;
    padding: 0;
    letter-spacing: 1px;
    line-height: 1.1;
    vertical-align: middle;
	border-left: none;
}
.tabi h3{
	font-size: 0.8em;
	color:#8e8988;
    margin: 0.6em 15px 2em;
	border-left: none;
	padding: 0;
}
.tabi h4{
	font-size: 0.8em;
	color:#8e8988;
    margin: 0.6em 15px 2em;
}
.tabi .cell{
	padding-top: 0px!important;
	background-color:#ffffff;
	border-radius: 5px 5px 0px 0px ;/*丸み度合い*/
}
.tabi .shtb3.tbrsp{
	margin-bottom: 1.5em!important;
} 
.tabi .shtb3.tbrsp .cell:nth-child(2) {
    width: 33.9%;
    padding-left: 0%;
    padding-right: 0%;
	border-left:solid 23px #f5f5f5;
	border-right:solid 23px #f5f5f5;
}
.tabi .card{
	position: relative;
}
.tabi .card-ue {
	position: relative;
	overflow: hidden;
}
.tabi .card-ue img{
	display: block;
	transition: 1.5s;
}
.tabi .card-ue img:hover{
	transform: scale(1.05, 1.05);
}
/*地域（エリア名）の●*/
.tabi .card-ue p {
	position: absolute;
	top: 5px;/*画像の左上に配置*/
	left: 5px;
	margin: 0; /*余計な隙間を除く*/
	color: white;/*文字を白に*/
	background: #8bc5dd;/*背景色*/
	line-height: 2;/*行高は1に*/
	border-radius:50%;
	padding:10px 10px;
}
.tabi .card-sita p {
	margin: 0.6em 15px 0.3em;
}
.titleBox {
    position: relative;
    height: auto;
    display: block;
    margin: 0 auto;
}
.contents_title {
	font-size: 28px;
    margin: 18px auto 36px;
    padding: 0;
    letter-spacing: 1px;
    line-height: 1.1;
    vertical-align: middle;
}
.contents_title:before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 60px;
    height: 2px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #FF807C;
}
.contents_title:after {
    content: '';
    position: absolute;
    top: -15px;
    display: inline-block;
    width: 60px;
    height: 2px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #FF807C;
}
.contents_title.miyage:before,.contents_title.miyage:after {
    background-color: #4fa5be;
}
.contents_title.spot:before,.contents_title.spot:after {
    background-color: #ffb600;
}
.contents_title.siori:before,.contents_title.siori:after {
    background-color: #8BC34A;
}
}
/*--------------------------------------
  旅の親ページのデザイン【PC】ここまで↑
--------------------------------------*/
/*--------------------------------------
  旅の親ページのデザイン　【スマホ】
--------------------------------------*/
@media only screen and (max-width: 767px){
.mokuzi-tizu,.mokuzi-tizu .shtb2.tbrsp .cell{
	background-color:#f5f4f2!important;
	overflow: hidden;
}
	
	
.orverwidth-1{
	margin:0 -15px;
	padding:0 15px;
	background: #f5f4f2;
	overflow: hidden;
}
.tabi {
	overflow: hidden;
	margin:0 -15px;
	padding:0 15px;
}
.tabi img{
	height:180px!important;
    object-fit: cover;
	border-radius: 5px 5px 0px 0px ;/*丸み度合い*/
}
.tabi .tizu img{
	height:auto!important;
}
.tabi h1{
	background: #f5f5f5;
}
.tabi h2{
    font-size: 25px;
    margin: 38px auto 36px;
    padding: 0;
    letter-spacing: 1px;
    line-height: 1.1;
    vertical-align: middle;
	border-left: none;
}
.tabi h3{
	font-size: 0.8em;
	color:#8e8988;
    margin: 0.6em 15px 0em;
	border-left: none;
	padding: 0 0 15px 0;
}
.tabi h4{
	font-size: 0.8em;
	color:#8e8988;
    margin: 0.6em 15px 2em;
}
.tabi .cell{
	padding-top: 0px!important;
	background-color:#ffffff;
	border-radius: 5px 5px 0px 0px ;/*丸み度合い*/
	margin-bottom: 1.5em!important;
}
.tabi .card{
	position: relative;
}
.tabi .card-ue {
	position: relative;
}
/*地域（エリア名）の●*/
.tabi .card-ue p {
	position: absolute;
	top: 5px;/*画像の左上に配置*/
	left: 5px;
	margin: 0; /*余計な隙間を除く*/
	color: white;/*文字を白に*/
	background: #4fa5be;/*背景色*/
	font-size: 16px;
	line-height: 2;/*行高は1に*/
	border-radius:50%;
	padding:10px 10px;
}

.titleBox {
    position: relative;
    height: auto;
    display: block;
    margin: 0 auto;
}
.contents_title {
	font-size: 28px;
    margin: 18px auto 36px;
    padding: 0;
    letter-spacing: 1px;
    line-height: 1.1;
    vertical-align: middle;
}
.contents_title:before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 60px;
    height: 2px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #FF807C;
}
.contents_title:after {
    content: '';
    position: absolute;
    top: -15px;
    display: inline-block;
    width: 60px;
    height: 2px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #FF807C;
}
.contents_title.miyage:before,.contents_title.miyage:after {
    background-color: #4fa5be;
}
.contents_title.spot:before,.contents_title.spot:after {
    background-color: #ffb600;
}
.contents_title.siori:before,.contents_title.siori:after {
    background-color: #8BC34A;
}
}
/*--------------------------------------
  旅の親ページのデザイン【スマホ】ここまで↑
--------------------------------------*/

/*--------------------------------------
  旅の子ページのデザイン【PC】
--------------------------------------*/
@media only screen and (min-width: 768px){
.tabi-wide{
	margin:0 -4%;
	padding:0 4%;
	overflow: hidden;
}
.orverwidth-2{
	margin:0 -100%;
	padding:0 100%;
	background: #f5f4f2;
}
.tabi-top{
	border-top:solid 40px #f5f5f5;
	background:#ffffff;
}
.tabi-top p {
	line-height: 1.6;
}
.tabi-top .cell{
	padding-top:0!important;
}
.tabi-top .shtb2.tbrsp{
	border-bottom:solid 40px #f5f5f5;
	padding-right:20px;
	padding-top:0px;
}
.tabi-top .shtb2.tbrsp .cell:first-of-type {
    width: 80%;
}
.tabi-top .shtb2.tbrsp .cell:last-of-type {
    padding-top: 5px!important;
}
.tabi-2 {
    background: #ffffff;
	padding:25px 60px;
    border-bottom: 40px solid #f5f4f2;
}
.miyage {
	padding:5px 5px;
		font-size:17px;
}

.tabi-2 .shtb2.tbrsp .cell:first-of-type {
    width: 33%;
}
.miyage .shtb2.tbrsp .cell:first-of-type {
    width: 50%;
}
	
.tabi-2 .shtb2.tbrsp{
	margin-top: 1em;
	margin-bottom: 2em;
}
.tabi-2 h12, .miyage h12{
	font-size: 25px;
	margin:0px;
	padding:0px;
	width:75%;
}
.tabi-top h2{
	font-size: 24px;
	margin:0px;
	padding:0px;
}
.tabi-2 figcaption, .miyage figcaption{
	color:grey;
	font:15px arial;
	padding-top:4px;
	padding-bottom:15px;
}
.box17 {
	width:46%;
    position: relative;
	margin: 2em 10px 2em 10px;
    padding: 0.3em 2em;
    border-top: solid 1px #9E9E9E;
    border-bottom: solid 1px #9E9E9E;
}
.box17:before, .box17:after {
    position: absolute;
    top: -10px;
    width: 1px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #9E9E9E;
    content: "";
}
p.link {
    font-size: 90%;
    line-height: 1.5;
    text-align: right;
}
}
/*--------------------------------------
  旅の子ページのデザイン【PC】ここまで↑
--------------------------------------*/
/*--------------------------------------
  旅の子ページのデザイン【スマホ】
--------------------------------------*/
@media only screen and (max-width: 767px){
.orverwidth-2{
	margin:0 -15px;
	padding:0 15px;
	background: #f5f4f2;
}
.tabi-top{
	border-top:solid 40px #f5f5f5;
	background:#ffffff;
}

.tabi-top .shtb2 .cell:first-of-type {
	padding-top: 0px;
	padding-right: 0px;
}
.tabi-top .shtb2 .cell:last-of-type {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}	
.tabi-top .shtb2.tbrsp{
	border-bottom:solid 40px #f5f5f5;
	padding:0px 0px 15px;
}
.tabi-2 {
    background: #ffffff;
	padding:5px 15px;
    border-bottom: 40px solid #f5f4f2;
}

.tabi-2 iframe{
	height:300px;		
}
.tabi-2 h12{
	font-size: 25px;
	margin:0px;
	padding:0px;
	width:75%;
}
.tabi-top h2{
	color:#252525;
	font-style:normal;
	font-size: 20px;
	margin:0px;
	padding:0px;
}
.tabi-2 h2, .miyage h2{
    position: relative;
    color: #cb1b45;
    text-align: left;
    font-size: 19px;
    line-height: 1.4;
	margin-top: 10px !important;
    margin: 10px 0;
    padding: 2px 2px 2px 20px;
	border-left:none;
}
.tabi-2 h2:before,{
    content: '';
    position: absolute;
    top: 0%;
    left: 4px;
    display: inline-block;
    width: 2px;
    height: 100%;
    background-color: #cb1b45;
}
.miyage h2:before  {
    content: '';
    position: absolute;
    top: 0%;
    left: 4px;
    display: inline-block;
    width: 2px;
    height: 100%;
    background-color: #51662b;
}
.tabi-2 h2:after{
    content: '';
    position: absolute;
    top: 0%;
    left: 0px;
    display: inline-block;
    width: 2px;
    height: 100%;
    background-color: #cb1b45;
}
.miyage h2:after {
    content: '';
    position: absolute;
    top: 0%;
    left: 0px;
    display: inline-block;
    width: 2px;
    height: 100%;
    background-color: #51662b;
}
.tabi-2 figcaption, .miyage figcaption{
	color:grey;
	font:13px arial;
	padding-top:4px;
	margin-bottom:10px;
}
.box17 {
    position: relative;
	margin: 1.5em 10px 0.5em 10px;
    padding: 0.3em 2em;
    border-top: solid 1px #9E9E9E;
    border-bottom: solid 1px #9E9E9E;
}
.box17:before, .box17:after {
    position: absolute;
    top: -10px;
    width: 1px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #9E9E9E;
    content: "";
}
p.link {
    font-size: 90%;
    line-height: 1.5;
    text-align: right;
}
}
/*--------------------------------------
  旅の子ページのデザイン【スマホ】ここまで↑
--------------------------------------*/
/*--------------------------------------
  スマホで右に余白ができたのを解消する
--------------------------------------*/



.nagare{
	margin:0.5em -0.3em 0.2em ;
	color:#ffffff;
	background-color:#6fa772;
	border-radius:20px;
	font-size:1em;
	padding: 0.2em 1em;
	font-weight: bold;
	line-height:1.2em;
	display: inline-block;
	z-index:5;
	position: relative;
}
.nagarebox{
	    padding: 0.5em 0.5em 0.5em 30px;
}
.nagarebox .nagare{
	margin-left:-1.6em;
}

.nagarebox .cell:last-of-type{
	padding-right:0.505em;
}
@media only screen and (max-width: 767px){
.nagarebox .cell{
	padding-left:0.5em!important;
}
.nagarebox .list-midori {
    margin-left: -4px;
}
.nagarebox .nagare{
	margin-left:-2.0em;
}
}

.box-content .nagare{
	margin-left:20px;
	margin-top:15px;
	margin-bottom:0px;
}
.daen-kiiro{
	margin-bottom:5px;
	color:#ffffff;
	background-color:#e3d099;
	border-radius:20px;
	font-size:1em;
	padding: 0.2em 1em;
	font-weight: bold;
	line-height:1.2em;
	display: inline-block;
}
.tukurikata-gazou-sita{
	padding-left:30px;
	padding-bottom:1.5em;
	margin-top:-1.0em;
}
@media only screen and (max-width: 767px){
.cell:first-of-type li{
    padding-bottom: 0.5em;
}
}
@media only screen and (min-width: 768px){
.t-2of3{
	padding-left:10px;	
}
}
@media (max-width: 1029px) and (min-width: 769px){
.t-1of3 {
    padding-right: 0.5em!important;
	}
}


/*--------------------------------------
  RINKER レイアウト
--------------------------------------*/
div.yyi-rinker-contents div.yyi-rinker-box {
	padding:12px 5px 6px;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:after{
    padding-left: 5px;
    font-family: "FontAwesome";
    content: "\f061"!important; 
    right: auto;
}

/*--------------------------------------
Rinker 用
--------------------------------------*/
/* --------- 外枠 --------- */
div.yyi-rinker-contents {
  	border: 3px solid #eeeeee;
	box-shadow: none;
	margin:8px 0px 24px;
}

/* ------- 画像 ------- */
@media only screen and (max-width: 767px){
div.yyi-rinker-contents div.yyi-rinker-image {
  width: 40%;
	min-width:40%;
	}
.credit-box {
	display:none;
	}
}
@media only screen and (min-width: 768px){
div.yyi-rinker-contents div.yyi-rinker-image {
  width: 30%;
	min-width:30%;
	}}

/* ------- 商品情報 全体 ------- */
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
  margin-top: 0; /* 上の余白 */
}

/* --- 商品リンク タイトル --- */
div.yyi-rinker-contents div.yyi-rinker-title a {
  color: #444444; /* 文字色 */
  font-weight: 800;
}

/* --- クレジット＆価格 --- */
div.yyi-rinker-contents div.yyi-rinker-detail {
  margin-top: 0; /* 上の余白 */
}

/* ------- クレジット ------- */
div.yyi-rinker-contents div.yyi-rinker-detail .credit {
  margin-bottom: 5px; /* 下スペース */
  color: #999; /* 文字色 */
}
div.yyi-rinker-contents div.yyi-rinker-detail .credit a{
  /*text-decoration: none;*/ /* リンクの下線 */
  color: #2581B3; /* リンクの文字色 */
}

/* ------- ブランド ------- */
div.yyi-rinker-contents div.yyi-rinker-detail .brand {
  margin-top: 0; /* 上の余白 */
	display:none;
}

/* ------- 商品価格 ------- */
div.yyi-rinker-contents div.yyi-rinker-detail .price-box {
  margin: 5px 0; /* 上下の余白 */
  color: #aaa; /* 文字色 */
}


/* --------- ボタン基本スタイル --------- */
div.yyi-rinker-contents ul.yyi-rinker-links li a {
  border-radius: 2px; /* ボタン 角の丸み */
  text-align: center;
  min-width:120px; /* ボタンの最小幅 */
  font-size: 0.9em;
  color: #fff; /* 文字色 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
  margin: 5px;
  border-radius: 5px; /* ボタン外枠 角の丸み */
}

/* --------- ボタン色 --------- */
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink { /* kindle */
  background: #666; /* 背景色 */
  border: 2px solid #666; /* 外枠 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink { /* Amazon */
  background: #f6a306; /* 背景色 */
  border: 2px solid #f6a306; /* 外枠 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink { /* 楽天 */
  background: #cf4944; /* 背景色 */
  border: 2px solid #cf4944; /* 外枠 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink { /* Yahoo */
  background: #51a7e8; /* 背景色 */
  border: 2px solid #51a7e8; /* 外枠 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 { /* freelink1 */
  background: #4dc0b2; /* 背景色 */
  border: 2px solid #4dc0b2; /* 外枠 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 { /* freelink2 */
  background: #4dc0b2; /* 背景色 */
  border: 2px solid #4dc0b2; /* 外枠 */
}

/* --- マウスオーバー時のボタン色 --- */
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
  background: #fff; /* 背景色 */
  opacity: 1; /* 透明度(1.0=不透明 0.0=完全透明) */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink a:hover { /* kindle */
  color: #666; /* 文字色 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:hover { /* Amazon文字色 */
  color: #f6a306;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:hover { /* 楽天文字色 */
  color: #cf4944;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:hover { /* Yahoo文字色 */
  color: #51a7e8;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 a:hover { /* freelink1 */
  color: #4dc0b2;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 a:hover { /* freelink2 */
  color: #4dc0b2;
}

/* --------- 外部リンク マーク削除 --------- */
div.yyi-rinker-contents div.yyi-rinker-title a[target="_blank"]::after{ /* 商品リンク タイトル */
  content: none;
}

div.yyi-rinker-contents div.yyi-rinker-detail .credit a[target="_blank"]::after{ /* クレジット */
  content: none;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a[target="_blank"]::after{/* ボタン */
  content: none;
}

/* --------- レスポンシブ用 --------- */
@media screen and (max-width: 768px) { /* 画面幅768px以下の時 */
/* --- 商品リンク タイトル --- */
div.yyi-rinker-contents div.yyi-rinker-title a {
  font-weight: bold; /* 太字 */
}
/* --------- ボタン基本スタイル --------- */
div.yyi-rinker-contents ul.yyi-rinker-links li a {
  font-size: 0.8em;
}
}

@media screen and (max-width: 480px) { /* 画面幅480px以下の時 */
div.yyi-rinker-contents ul.yyi-rinker-links li a {
    font-size: 0.8em;
    height: 20px;
    line-height: 20px;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
    margin: 10px 0px 0px 5% ;
	width: 95%;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
    margin: 4px;
	box-shadow:none;
}
}

div.yyi-rinker-contents div.yyi-rinker-detail .price-box {
    display:none;
}





@media screen and (max-width: 767px) {
div.yyi-rinker-contents img {
    max-width:110px;
	max-height:110px;
	width:auto;
}
.yyi-rinker-image{
	margin-top:10px;
}
.yyi-rinker-title{
	margin-top:-12px;
	margin-left:-65%;
	width:166%;
	text-align: center;
	}
	
	
}
@media screen and (min-width: 768px) {
div.yyi-rinker-contents img {
    max-width:128px;
	max-height:128px;
	width:auto;
}
div.yyi-rinker-detail .credit-box {
    font-size: 0%;
}
}

.zikkenbox{
	border:solid 1px #555555;
	margin:1em 0px;
	padding:0em 20px 20px;
}
.zikkenbox img{
	margin:0px 0px 20px;
	padding:0px 0px;
}
.zikkenbox p {
    margin-left: 0px;
	margin-right: 0px;	
}

.zikken {
    margin: 15px -20px 10px -20px;
    position:  relative;        /* 位置調整 */
    font-weight:  bold;       /* 文字の太さ調整 */
    font-size:;            /* 文字サイズ指定 */
	line-height:31px;
    background-color:  #555555;    /* 背景色指定 */
    color:  #fff;               /* 文字色指定 */
    padding: 1px 0px;  /* 余白指定 */
}
.zikken p{
	margin:0em 1em 0em 2em;
	font-size:1.1em;
}

.zikken:before {
    content: '';                /* 空の要素を作る */
    height: 110%;               /* 高さ指定 */
    width: 3px;                 /* 幅指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left: 14px;                 /* 位置調整 */
    top: -3px;                  /* 位置調整 */
    margin:  auto;              /* 位置調整 */
    background-color:  #fff;    /* 背景色指定 */
    transform: rotate(3deg);    /* 回転 */
}
.zikken:after {
    content: '';                /* 空の要素を作る */
    height: 116%;               /* 高さ指定 */
    width: 3px;                 /* 幅指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left: 14px;                 /* 位置調整 */
    top: -6px;                  /* 位置調整 */
    margin:  auto;              /* 位置調整 */
    background-color:  #fff;    /* 背景色指定 */
    transform: rotate(-15deg);  /* 回転 */
}
.arrangebox{
	border:solid 3px #eeeeee;
	margin:1em 0px;
	padding:0px 1em 1em;
}
.arrangebox img{
	margin:0em 0px 1.5em;
	padding:0em 1em;
}
.arrangebox p {
    margin-left: 1.5em;
	margin-right: 1.5em;	
}
.arrangebox .cell{
    padding-left:15px!important;	
}
.arrange {
    margin: 15px 15px 25px 15px;
    position:relative;
    font-weight:  800;
	font-size: 23px;
	text-align:center;
	padding-top:7px;
	z-index:1;
	color:#cb1b45;
	font-family: 'Love Ya Like A Sister', cursive;

}
.arrange p{
    font-size:15px;
	font-weight:500;
	color:#525252;
	margin:0;
	line-height:10px;
}

.arrange:before {
    content: '';            /* 空の要素を作る */
    width: 55px;           /* 幅指定 */
    height: 55px;          /* 高さ指定 */
    border-radius:  50%;    /* 丸くする */
    border: solid #ccc;     /* 枠線指定 */
    display:  block;        /* ブロック要素にする */
    position:  absolute;    /* 位置調整 */
    left:  0;               /* 位置調整 */
    right:  0;              /* 位置調整 */
    margin: auto;          /* 位置調整 */
    top: 0;                 /* 位置調整 */
    z-index: -1;            /* 重なり調整 */
}
.arrange:after {
    content: '';
    width: 45px;
    height: 45px;
    border-radius:  50%;
    border: 1px solid #ccc;
    display:  block;
    position:  absolute;
    left:  0;
    right:  0;
    margin:  auto;
	top: 7px;
    z-index: -1;
}
@media only screen and (max-width: 767px){
.arrange:after {
		top: 5px;
}
}

#custom_html-37 {
	margin: 0;
}
@media only screen and (min-width: 768px){
#custom_html-12 {
	margin: 0;
}
}

/*--------------------------------------
  2列表記
--------------------------------------*/
.waku{
    width: 100%;
    display:flex;
} 
.in{
    padding: 10px;
	width:50%;
}

.midasi-maru {
    margin:  0!important;                 /* デフォルトCSS打ち消し */
	color: #525252;
    position:  relative!important;        /* 位置調整 */
    font-weight:bold!important;       /* 文字の太さ調整 */
    display:  inline-block!important;     /* インラインブロックにする */
    padding-top: 20px!important;          /* 余白指定 */
    padding-left: 20px!important;         /* 余白指定 */
    padding-bottom: 20px!important;
	z-index:1!important;
	border-left:none!important;
	line-height:1.6;
}
.midasi-maru p{
    margin:  0;                 /* デフォルトCSS打ち消し */
    line-height: 2;             /* 行間調整 */
    padding-left: 40px;         /* 余白指定 */
}
.midasi-maru:before {
    content:  '';
    background-color: #ffeaac;
    display:  block;
    position:  absolute;
    left:  0;
    height: 50px;
    width: 50px;
    border-radius:  50%;
    top: 12px;
	z-index:-1;
}
.midasi-maru2 {
    margin:  0!important;                 /* デフォルトCSS打ち消し */
	color: #525252;
    position:  relative!important;        /* 位置調整 */
    font-weight:bold!important;       /* 文字の太さ調整 */
    display:  inline-block!important;     /* インラインブロックにする */
    padding-top: 20px!important;          /* 余白指定 */
    padding-left: 20px!important;         /* 余白指定 */
    padding-bottom: 20px!important;
	z-index:1!important;
	border-left:none!important;
	line-height:1.6;
}
.midasi-maru2 p{
    margin:  0;                 /* デフォルトCSS打ち消し */
    line-height: 2;             /* 行間調整 */
    padding-left: 40px;         /* 余白指定 */
}
.midasi-maru2:before {
    content:  '';
    background-color: #dfebec;
    display:  block;
    position:  absolute;
    left:  0;
    height: 50px;
    width: 50px;
    border-radius:  50%;
    top: 12px;
	z-index:-1;
}
.midasi-stripe{
	text-align:center;
	padding-bottom: 7px!important;
	background: url(https://hajityoro.com/wp-content/uploads/2020/04/stripe.gif) repeat-x bottom left;
	font-size: 1.3em;
    color: #525252;
    font-weight: bold;
    position: relative;
    margin: 1em 0em 0.5em 0em;
	border-left:none!important;
}

h2.midasi-stripe{
	margin-bottom:25px!important;
}

.widget ul li ul li a {
    padding: 2px 7px 2px 18px;
    font-size: 15px;
    font-weight: normal;
}
.profile-sns {
    padding: 0px;
}

.prof-sns{
    text-align: center;
    padding-top: 5%;
    border-top: 2px dotted #eee;
    font-size: 0.6em;
    color: #fff;
}
.prof-sns i {
    font-size: 3em;
    line-height: 34px;
    margin-top: 6px;
}
.pf-btn {
    display: inline-block;
    width: 43%;
    height: 60px;
    margin: 0% 1.5% 5%;
    border-radius: 5px;
    letter-spacing: .05em;
    opacity: .7;
    color: #fff;
}
.pf-btn:hover{
    opacity: 1;
    text-decoration: none;
    transition: all ease-in-out .3s;
}
/*****  ボタンカラー  *****/
.twitter-bc{background-color:   #1DA1F2;}
.profile-bc{background-color: #424242;}
.feedly-bc{background-color: #2BB24C;}
.amazon-bc{background-color: #232F3E;}
.instagram-bc{background: repeating-linear-gradient(45deg, #FED06E, #FC0077, #3F35EE );}
.facebook-bc{background-color: #748DCC;}
.youtube-bc{background-color: #DD2726;}
.line-bc{background-color: #00B900;}


.kategori-recipe{
	margin-bottom:15px!important;
}

.under1{
	border-bottom: solid 1px #5c99d1;
}

.btn-flat-dashed-border {
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	color: #4fa5be;
	border: dashed 1px #4fa5be;
	border-radius: 3px;
	transition: .4s;
}

.btn-flat-dashed-border:hover {
	border-style: dotted;
	color: #1c93b6;
}

.btn-1 {
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	color: #ffffff;
	background: #999999;	
	border-radius: 3px;
	transition: .4s;
	margin-top:15px;
}

.btn-1:hover {
	opacity: .8;
}

.btn-2 {
	width:335px;
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	color: #ffffff;
	background: #4fa5be;	
	border-radius: 3px;
	transition: .4s;
}

.btn-2:hover {
	opacity: .8;
}

.btn-3 {
	width:260px;
	text-align: center;
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	color: #ffffff;
	background: #426099;	
	border-radius: 3px;
	transition: .4s;
	margin-top:15px;
}

.btn-3:hover {
	opacity: .8;
}

.gallery-item {
	width: 19%!important;
}
.children .children{
	display:none;
}
.circleLine{
	border-left:none!important;
	padding-left:0px!important;
}
.circleLine:before{
	margin-right: 5px;
	content: " ";
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	border: solid 2px #e3d099;
	border-radius: 50%;
}

.circleLineDouble:before{
	margin-right: 5px;
	content: " ";
	display: inline-block;
	width: 0.3em;
	height: 0.3em;
	border: double 3px #555;
	border-radius: 50%;
}
.triangleRight:before{
	margin-right: 5px;
	padding-bottom:0px;
	content: " ";
	display: inline-block;
	width: 0;
	height: 0;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-left: 6px solid #cb3051;
}

.entry-content hr {
    margin: 1.5em 0;
}

.hitomojime{
	padding: 0.2em 0em!important;
	border:none!important;
}
.hitomojime:first-letter{
	color:#4fa5be;
	font-size:300%;
	margin-right:10px!important;
}

.toc_widget ul {
	max-height: 30em;
	overflow-y: auto;
	background-color:#f9f9f9;
}
.toc_widget ul li ul{
	max-height: none;
}
@media screen and (min-width: 767px) {
.specbox{
	width:80%;margin-right: auto!important;
    margin-left: auto!important;
}
}
.specbox{
	padding: 0.5em 1em 0.5em;
    margin: 2em 0;
    background: #f1f1f1;/*背景色*/
	border-radius: 5px;
	font-weight:550;
	color:#525252;
}
table.type-spec{
	border:none!important;
}
.type-spec td{
	border:none;
	padding:0px;
	font-size:95%;
}
.type-spec td:last-child{
	padding-left:10px;
}
.type-spec tr{
	border:none;
}
.entry-content tr:not(:last-child) {
    border:none;
}


.hazime-hitokoto {
	padding: 0.5em 1em 0.5em;
    margin: 1em 0 2em 0;
    background: #f0f0e0;/*背景色*/
	border-radius: 5px;
}
.hazime-hitokoto p {
    padding: 0;
	margin: 12px 0 12px;
}
.kotubox{
	position:relative;
	height:1px;
	width:100%;
}
.kotu{
	color:#27395b;
	font-size:0.8em;
	position: absolute;
	transform: rotate(-45deg);
	top:0px;
	left:-19px;
	padding: 0 15px;
	display: inline-block;
}

.kotu:before, .kotu:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 2px;
    border-radius: 3px;
    background-color: #27395b;
    content: "";
}
.kotu:after {
    right: 0;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
.kotu:before {
    left: 0;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}

.box333 {
    margin: 1em 0;
	padding: 0.5em 1em;
	background: #dfebec!important;
	border-radius: 15px;/*角の丸み*/
	line-height: 1.5em;
}
.box333 p{
	margin:12px 0px 12px 0px !important;
}

.box333 ul{
	margin-bottom:0.5em;
}




.list999 .box333 {
    margin: -1em 0 1.5em;
}

li .kotubox{
	position:relative;
	height:0em;
	width:100%;
}
li .kotu{
	color:#27395b;
	font-size:0.8em;
	position: absolute;
	transform: rotate(-45deg);
	top:4px;
	left:-50px;
	padding: 0 15px;
	display: inline-block;
}

li .kotu:before, .kotu:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 2px;
    border-radius: 3px;
    background-color: #27395b;
    content: "";
}
li .kotu:after {
    right: 0;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
li .kotu:before {
    left: 0;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}



.yokobou{
	margin: 0.8em 0em 0.6em 0em!important;
	padding: 0em 0.4em!important;/*文字周りの余白*/
	border-left: solid 5px #4fa5be;/*左線（実線 太さ 色）*/
}
.circle{
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #80a020;
	margin-right: 5px;
	margin-left:3px;
	margin-bottom:1px;
}

.kasen {
	border-bottom: solid 2px #4fa5be!important;
	border-left:none!important;
	display: inline-block;
	padding-left:0px!important;
	line-height:1.5em
}

.h3bounasi {
	border-left:none!important;
	padding-left:0px!important;
}

.stripe-or {
	position: relative;
	border:none!important;
	padding-left:0px!important;
	height:20px;
}

.stripe-or:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	top:6px;
	height: 7px;
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 4px, #ffeaac 5px , #ffeaac 7px);
	background: repeating-linear-gradient(-45deg, #fff, #fff 4px, #ffeaac 5px , #ffeaac 7px);
}
	  
.stripe-gn {
	position: relative;
	border:none!important;
	padding-left:0px!important;
	height:20px;
}

.stripe-gn:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	top:50px;
	height: 7px;
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 4px, #6ad1c8 5px , #6ad1c8 7px);
	background: repeating-linear-gradient(-45deg, #fff, #fff 4px, #6ad1c8 5px , #6ad1c8 7px);
}
h2.stripe-gn{
	margin-bottom:60px;
}

.green {
    color: #cddc39;
}

.daidai {
    color: #f07a31;
}

.blue {
    color: #4fa5be;
}
.hajityoro-desin-test tr{
	height:100px!important;
	line-height:1;
	text-align: center;
}

.haji-tensen{
	border-top: 1px dashed #bbb;
	border-bottom:none;
}

.big, #inner-content .big {
	font-size:1.35em;
	color: #525252;
	font-weight: bold;
}

.youtube2{
	border-left:none!important;
	padding:0!important;
}
.youtube2:before{
	font-family: FontAwesome;
	content: '\f167';
	font-weight:normal;
	font-size:2em;
	margin-right:8px;
}

.point-box {
    border: 2px solid #4fa5be;
    border-radius: 4px;
    margin: 2em 0 1em;
    padding: 0.5em 1em;
    position: relative;
}
.point-box p{
	margin:12px 0px 12px 0px !important;
}
.list999 .point-box {
    margin: 0em 0 1.5em;
}

.point-box::before {
    background-color: #fff;
    color: #4fa5be;
    content: "POINT";
	font-size:1.2em;
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -0.7em;
}
.box266 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #4fa5be;
    border-radius: 8px;
}
.box266 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 .5em;
    line-height: 1;
    font-size: 1.2em;
    background: #FFF;
    color: #4fa5be;
    font-weight: bold;
}
.box266 p {
    margin: 12px 0px 12px 0px;
    padding: 0;
}
.box266-2 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #999999;
    border-radius: 8px;
}
.box266-2 .box-title {
    position: absolute;
    display: inline-block;
    top: -10px;
    left: 10px;
    padding: 0 .5em;
    line-height: 1;
    font-size: 1.05em;
    background: #FFF;
    color: #999999;
    font-weight: bold;
}
.box266-2 p {
    margin: 12px 0px 12px 0px;
    padding: 0;
}

.box3 .list5{
	padding:0;
}
.open-box{
	background-color: #f9f9f9;
}
.tabi-siori .accordion {
    margin: 0.8em 1.2em;
}
.tabi-siori .accordion label{
	font-weight:normal;
	border: solid 2px #ccd5db;
}
.tabi-siori .accordion_input:checked + label {
    background: #ccd5db;
}
.tabi-siori .accordion label:hover {
    background: #ccd5db;
}
.tabi-siori .tl_main {
	font-size:1em;
}


.tabi-h2{
    position: relative!important;
    color: #cb1b45!important;
    text-align: left!important;
    line-height: 1.4!important;
	margin-top:1.5em!important;
    padding: 2px 2px 2px 20px!important;
	border-left:none!important;
}
.tabi-h2:before {
    content: '';
    position: absolute;
    top: 0%;
    left: 4px;
    display: inline-block;
    width: 2px;
    height: 100%;
    background-color: #cb1b45;
}
.tabi-h2:after {
    content: '';
    position: absolute;
    top: 0%;
    left: 0px;
    display: inline-block;
    width: 2px;
    height: 100%;
    background-color: #cb1b45;
}
.tabi-h2b{
    position: relative!important;
    color: #4fa5be!important;
    text-align: left!important;
    line-height: 1.4!important;
	margin-top:1.5em!important;
    padding: 2px 2px 2px 20px!important;
	border-left:none!important;
}
.tabi-h2b:before {
    content: '';
    position: absolute;
    top: 0%;
    left: 4px;
    display: inline-block;
    width: 2px;
    height: 100%;
    background-color: #4fa5be;
}
.tabi-h2b:after {
    content: '';
    position: absolute;
    top: 0%;
    left: 0px;
    display: inline-block;
    width: 2px;
    height: 100%;
    background-color: #4fa5be!important;
}
.tabi-h2c{
    position: relative!important;
    color: #51662b!important;
    text-align: left!important;
    line-height: 1.4!important;
	margin-top:1.5em!important;
    padding: 2px 2px 2px 20px!important;
	border-left:none!important;
}
.tabi-h2c:before {
    content: '';
    position: absolute;
    top: 0%;
    left: 4px;
    display: inline-block;
    width: 2px;
    height: 100%;
    background-color: #51662b;
}
.tabi-h2c:after {
    content: '';
    position: absolute;
    top: 0%;
    left: 0px;
    display: inline-block;
    width: 2px;
    height: 100%;
    background-color: #51662b!important;
}
.textimg p {
	margin:0!important;
	font-size:1.4em;
  filter: drop-shadow(0px 0px 3px #333);

}
.box3 ul.list1 li {
	background-color:#f1f1f1;
}

.faceicon img {
    border: none;
    border-radius: 0%;
}

.article-footer .textwidget {
    margin: 1em 1em 0;
}

.entry-content img {
	margin-bottom:1em;
	border-radius: 0px;
}

@media screen and (min-width: 768px) {
.entry-content img {
    max-width: 120%;
}
.faceicon img {
    width: 120%;
	margin-top:-10px;
}
.say{
	margin-left:-30px;
	width:auto;
}
.faceicon {
    width: 150px;
	padding-right: 40px;
}
}
@media screen and (max-width: 767px) {
.entry-content img {
    max-width: 100%;
}
.faceicon img {
    width: 100%;
		margin-top:-10px;
}
.say{
	margin-left:-15px;
	width:auto;
}
.faceicon {
    width: 125px;
	padding-right: 15px;
}
}


/*--------------------------------------
ブログカードのレイアウト
--------------------------------------*/
.blogcard-content:after{
	position: absolute;
	font-family: 'Quicksand','Avenir','Arial',sans-serif,FontAwesome;
	letter-spacing:0.1em;
	content:'記事を読む \f054';
	right:10px;
	bottom: 10px;
	padding:7px 10px;
	background:#4fa5be;/*「続きを読む」の背景色*/
	color:#fff;/*「続きを読む」の文字色*/
	font-size: .8em;
	border-radius:2px;
}
.blogcard {
	position: relative;
	width: 100%;
	margin: 9px 0 40px;
	line-height: 1;
	background-color: #ffffff;
	border: 3px solid #eeeeee;
	word-wrap: break-word;
  }
  .blogcard a {
	color: #000;
	text-decoration: none;
	opacity: 1;
	transition: all 0.2s ease;
  }
  .blogcard a:hover {
	color: #5a91cd;
	opacity: 0.8;
  }
  .blogcard-img {
	float: left;
	padding: 10px 23px 10px 10px;
  }
  .blogcard-img img{
	border-radius:0px;
	  padding:0px;
	  margin:0px;
  }
  .blogcard-title {
	color:#555555;
	font-weight: bold;
	line-height: 1.4;
	padding: 10px 20px 10px;  
  }
  .blogcard-excerpt {
	font-size: 0.8em;
	font-weight:normal;
	color:#666666;
	line-height: 1.6;
	padding: 0 17px 42px 20px;
  }
  
  /** ブログカードモバイル用のレイアウト **/
@media screen and (max-width: 767px) {
.blogcard {
	  	margin: 9px 0 40px;
}
.blogcard-title {
	padding: 5px 10px 5px;  
	width:100%;
}
.blogcard-img {
	float:left;
	padding: 9px 5px 3px 5px;
	width:31%;
}
.blogcard-img img{
	width:100%;
}
.blogcard-excerpt {
	font-size: 0.8em;
	font-weight:normal;
	color:#666666;
	line-height: 1.6;
	padding: 0 5px 20px 5px;
  }
}
.p-0{
	margin:0!important;
}
.p-12{
	margin:0.5em 0 12px!important;
}
.p-aaa{}

.linkto,
.c_linkto{
	position: relative;
	font-weight:normal;
}


  /** ブログカードモバイル用のレイアウト
.linkto:after,
.c_linkto:after{
	position: absolute;
	font-family: 'Quicksand','Avenir','Arial',sans-serif,FontAwesome;
	letter-spacing:0.1em;
	content:'記事を読む \f054';
	right:10px;
	bottom: 10px;
	padding:1px 10px;
	background:#4fa5be;
	color:#fff;
	font-size: .8em;
	border-radius:2px;
}
@media screen and (max-width: 767px) {
.linkto:after,
.c_linkto:after{
		padding:0px 10px;
		bottom: 8px;
}
.c_linkto .c_linkto_text {
    font-size:17px;
	padding: 10px 13px 33px;
}
}
 **/

.c_linkto:hover {
    box-shadow: none;
}

.c_linkto img {
    margin-bottom: 0px;
	border-radius:0;
}
.linkto img {
    box-shadow:none;
	border-radius:0;
}

.longc_linkto {
    box-shadow:none;
	border: 3px solid #999999;
	margin-top: 0.5em;
}


.c_linkto.longc_linkto .longc_content {
	vertical-align: super;
	font-weight:normal;
	
}
.longc_img {
    width: 30%;
}
@media screen and (min-width: 768px) {
.longc_content {
    width: 70%;
}
.c_linkto .c_linkto_text {
    font-size:17px;
	padding: 10px 13px 10px;
}
}

.tbcell {
	vertical-align: top;
}
@media screen and (max-width: 767px) {
.tbcell {
	display: table-cell;
}
.table{
	border-collapse: separate;  /* セルの間隔を空ける */
    border-spacing: 0px 0px;  /* 左右 上下で記述 */		
}
}

.card-title{
	padding: 0;
    margin: 1em 0 -10.5px;
}

.card-title p {
	display:inline-block;
	color: #ffffff;
    background: #999999;
	font-size:0.85em;
	font-weight:bold;
    margin: 0!important;
    padding: 2px 10px 0px;
	text-align: center;
}
	
.say{
	margin-bottom:0.2em;
}
.faceicon img{
	margin-bottom:0px;
}

.shtb2.tbrsp .cell .box3 {
    margin-top: 1em;
}
.shtb2.tbrsp .cell .box333 {
    margin-top: 1em;
}
.shtb2.tbrsp .cell .point-box {
    margin-top: 2em;
}

.textlink .linkto,.textlink2 .linkto{
	border:none;
	margin:0em 0em;
	padding:7px 10px;
}
.textlink .linkto img,.textlink2 .linkto img{
	display:none;
}
.textlink .linkto:after,.textlink2 .linkto:after{
	display:none;
}
.textlink .linkto .tbimg,.textlink2 .linkto .tbimg {
    width: 0px;
}
.textlink .linkto .tbtext,.textlink2 .linkto .tbtext {
    padding-left: 25px;
}
.textlink .linkto:before,.textlink2 .linkto:before{	
	position: absolute;
    display:inline-block;
    top:15px;
	left:15px;
    vertical-align: middle;
    /*以下白丸つくる*/
	content:'';
    width:0.3em;
    height: 0.3em;
    background: #606060;
    border-radius: 50%;
    margin-right: 8px;
	border:none;
}
.textlink .box28,.textlink2 .box28 {
    margin: 1.5em 0 2em;
}
.textlink .box28 .box-title{
    background: #C9BC97;
}
.textlink .box28 .box-content{
    border: solid 3px #C9BC97;
}

.textlink2 .box28 .box-title {
    background: #A4C997;
}
.textlink2 .box28 .box-content {
    border: solid 3px #A4C997;
}


.niretu-card img {
    margin-bottom: 0em;
}
@media only screen and (max-width: 767px){
.niretu-card .sidelong__article-info {
    padding-top: 0px;
}
.niretu-card .sidelong__link {
    padding: 7px;
}
}


/** 参考マーク **/
.sankou-mark {
	position: relative;
    top: -1px;
    display: inline-block;
    padding: .15em .35em 0.15em;
    line-height: 1.1;
    color: #fff;
    margin-right: 5px;
    font-weight: 700;
    font-size: .87em;
    border-radius: 2px;
	background-color: #606060;
}

iframe{
	margin-bottom: 1em;
}

.textimg {
    margin: 0;
}


@media only screen and (min-width: 481px){
.rate-box {
    margin: 0 auto 2em;
}
.rateline {
    padding: 7px 10px 7px 20px;
}
}
.rate-title {
    font-size: 1.2em;
}
.rate-box .rateline.end-rate {
    background: #ffeaac;
}
.main-c-b:before {
    color: #ffeaac!important;
}

.margin-bottom0 img{
	margin-bottom:0px;
}
.rate-star {
    color: #999999;
}
.rate-thing {
    font-weight: normal;
}
@media only screen and (max-width: 767px){
.margin-bottom0 a{
	font-size:90%;
	}
}
.keikou{
	background: linear-gradient(transparent 60%, #ffeaac 60%);
}

h4.keikou{
	display: inline-block;
}
.widget img{
	border-radius:0px;
}
.widget .linkto {
	border:none;
}
.widget .linkto img{
	width:80px;
	height:80px;
	border: solid 2px #f9f9f9;
}
.widget .linkto .tbimg {
    width: 80px;
}
.widget .linkto .tbtext {
    font-size: 0.8em;
	vertical-align: middle;
}
.widget .textwidget .linkto:last-child {
    padding: 1.5em 7px .8em ;
}
#custom_html-50 {
	margin-bottom:0px;
}
#custom_html-51 .linkto:last-child {
    padding: 1.5em 17px .8em 17px ;
	background-color:#f9f9f9;
	margin:0;
}
#custom_html-51 img{
	width:80px;
	height:80px;
}
#recent-posts-2 {
	margin-top:1em!important;
}
#drawer__input:checked ~ #drawer__content {
    background-color:#f9f9f9;
}
#drawer__content #wpp-4 {
	padding: 0 10px;
}
@media only screen and (max-width: 767px){
#custom_html-52 img{
	width:80%;
	margin-left:10%;
}
}
/*--------------------------------------
wppでランキング順位を表示する
--------------------------------------*/
/* カウンタをリセット */
.my-widget.show_num {
    counter-reset: wpp-ranking;
}
/* 一覧の表示 */
.my-widget.show_num li {
    position: relative;
}
/* 順位を表示
.my-widget.show_num li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
 	display: inline-block;
 	position: absolute;
 	z-index: 1;
 	top: 0;
 	left: 0;
 	width: 25px;
 	height: 25px;
	border-radius: 50%;
	text-align: center;
	line-height: 25px;
}
/* 1位
.my-widget.show_num li:nth-child(1):before {
	background: #e3d099;
	color: #fff;
}
/* 2位
.my-widget.show_num li:nth-child(2):before {
	background: #e3d099;
	color: #fff;
}
/* 3位
.my-widget.show_num li:nth-child(3):before {
	background: #e3d099;
	color: #fff;
}
/* 4位以降の色
.my-widget.show_num li:nth-child(n + 4):before{
	background: #f3f3f3;
	color: #9a9a9a;
}
 */

.nomadBtn_deco2{
  margin-top: 0;
  margin-bottom: 0;
}
.nomadBtn_deco2 a {
  display: inline-block;
  text-align: left;
  border: 2px solid #6fa772;
  color: #FFF;
  background: #6fa772;
  text-decoration: none;
  font-weight: bold;
  padding: .3em 2em;
  border-radius: 4px;
  transition: .4s;
  margin: 0px 0 15px;
}
.nomadBtn_deco2 a:hover {
  background: none;
  color: #5E8B6D;
  opacity: 1 !important;
}

.otoku .card-title p{
	color: #ffffff;
    background: #f6a306;
}
.otoku .longc_linkto , .otoku .linkto{
    border: 3px solid #f6a306;
}
span.search-highlight { background: #ffeb3b; } 

/************************************
** スライダー
************************************/
@media screen and (max-width: 767px){
.slide-wrap{
   display:-webkit-box;
   display:-ms-flexbox;
   display: flex;
   overflow-x: scroll;
   -webkit-overflow-scrolling: touch;
   overflow-scrolling: touch;
   scroll-snap-type: x mandatory;
   padding:0 0 1em;
   margin:1em 0 1em 0;
   scroll-behavior: smooth;
}
.slide-wrap .slide-content1 , .slide-wrap .slide-content2 , .slide-wrap .slide-content3 {
   flex: 0 0 90%;
   margin: 0 10px;
   height:100%;
}
.slide-wrap .slide-content1 , .slide-wrap .slide-content2 , .slide-wrap .slide-content3 {
    flex: 0 0 100%;
    margin: 0px 5px;
    scroll-snap-align:center;
	display: inline-block;
	text-align:center;
}
.slide-wrap .slide-content1 img , .slide-wrap .slide-content2 img , .slide-wrap .slide-content3 img{
	max-width:200px;
	height:200px;
	width:auto;
	margin:0px 30px;
	display: inline-block;
	text-align:center;
}
.slide-wrap .slide-content1:after,.slide-wrap .slide-content2:after{ 
	font-family: FontAwesome;
	content: "\f138";
	font-size:2em;
	display: inline-block;
	color: #b7b7b7; /*アイコン色*/
	left:85%;
	z-index: 99;
	animation:blink 1.0s ease-in-out infinite alternate;
}
.slide-wrap .slide-content2:before,.slide-wrap .slide-content3:before{ 
	font-family: FontAwesome;
	content: "\f137";
	font-size:2em;
	display: inline-block;
	color: #b7b7b7; /*アイコン色*/
	right:85%;
	z-index: 99;
	animation:blink 1.0s ease-in-out infinite alternate;
}
@keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
}
.slide-wrap .cell img{
	max-width:200px;
	height:200px;
	width:auto;
}

.tuikibox{
	background-color:#fff;
	border: solid 1px #ffb600;
	margin:3em 0em 0.5em 0em;
	padding-bottom:1em;
}
.tuikibox .box-title {
    font-size: 1em;
    background: #ffb600;
    padding: 6px;
	margin:-1px -1px 1.0em;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.tuikibox .box-title:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f040";
  color: #fff; /*アイコン色*/
  line-height: 20px;
	padding-right:8px;	
}
.tuikibox p {
    padding-left: 20px;
	padding-right:20px;
}
.tuikibox .c_linkto.longc_linkto,.tuikibox .linkto,.tuikibox img {
    margin: 0px 5% 1.5em;
	width:90%;
}
@media only screen and (min-width: 788px){
.rep p {
	font-size: 0.95em;
}
}
.rep p {
	color:#525252;
}

@media only screen and (min-width: 1030px){
.related-posts li:nth-child(3n + 2) {
    margin: 0.5em 3.5%;
}
.related-posts li {
    width: 31%;
    margin: 0.5em 0;
}
}

/*リスト横並びテスト*/
.list-yoko {
	font-size:90%;
}
.list-yoko ul{
	border:none;
	padding: 0.5em 1em 1em 1em;
}
.list-yoko a {
	color:#626262;
}
.list-yoko li {
	display: inline-block;
	color:#626262;
	background-color:#f0f0e0;
	margin:5px 10px 5px 0px;
	padding:2px 10px 2px 10px;
	border-radius:10px;
}

/************************************
** ボックスナビ
************************************/
.p-nav{
	margin:1em 0;/* 全体外余白 */
	padding:0;/* 全体内余白 */
}
.p-nav ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	list-style:none;
	margin:0;
	padding:0;
	border:none;
}
.p-nav ul li{
	-ms-flex-preferred-size: calc(100%/5);/* 5列 */
	flex-basis: calc(100%/5);/* 5列 */
	margin:0;
	padding:0;
	text-align:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	cursor:pointer;
	background:#fff;/* 背景色 */
}
.p-nav ul li:nth-child(1){
	border-radius:10px 0 0 0;
	border-top:solid 4px #efefef;
	border-right:solid 2px #efefef;
	border-bottom:solid 2px #efefef;	
	border-left:solid 4px #efefef;
}
.p-nav ul li:nth-child(2),.p-nav ul li:nth-child(3),.p-nav ul li:nth-child(4){
	border-top:solid 4px #efefef;
	border-right:solid 2px #efefef;
	border-bottom:solid 2px #efefef;	
	border-left:solid 2px #efefef;
}
.p-nav ul li:nth-child(5){
	border-radius:0 10px 0 0;
	border-top:solid 4px #efefef;
	border-right:solid 4px #efefef;
	border-bottom:solid 2px #efefef;	
	border-left:solid 2px #efefef;
}
.p-nav ul li:nth-child(6){
	border-radius:0 0 0 10px;
	border-top:solid 2px #efefef;
	border-right:solid 2px #efefef;
	border-bottom:solid 4px #efefef;	
	border-left:solid 4px #efefef;
}
.p-nav ul li:nth-child(7),.p-nav ul li:nth-child(8),.p-nav ul li:nth-child(9){
	border-top:solid 2px #efefef;
	border-right:solid 2px #efefef;
	border-bottom:solid 4px #efefef;	
	border-left:solid 2px #efefef;
}
.p-nav ul li:nth-child(10){
	border-radius:0 0 10px 0;
	border-top:solid 2px #efefef;
	border-right:solid 4px #efefef;
	border-bottom:solid 4px #efefef;	
	border-left:solid 2px #efefef;
}
.p-nav ul li:hover{
	border:solid 4px #999999;
	z-index:2;
}


.p-nav ul li:before{
	content:unset !important;
}
.p-nav ul li a{
	font-size:0.95em;
	display:block;
	padding: 0.5em 0.1em;/* 内余白 */
	text-decoration:none;
	width:100%;
}
.p-nav ul li a:hover{
	background:none;
	opacity:1;
}
.p-nav ul li a img{
	max-width:45% !important;/* 画像横幅 */
	height: auto !important;
	filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.1));/* 画像影 */
	display: inline-block;
	margin-bottom: 0.5em;
}
.p-nav .p-nav-title{
	display: block;
	color: #626262;/* 文字色 */
	font-size: 0.95em;/* 文字大きさ */
	letter-spacing: 1px;
	font-weight: bold;/* 文字太さ */
	text-align: center;
	line-height: 1.5;/* 文字行間高さ */
}
/* サイドバー */
.sidebar .p-nav ul li{
	-ms-flex-preferred-size: calc(100%/2);/* 2列 */
	flex-basis: calc(100%/2);/* 2列 */
}
/* スマホ */
@media screen and (max-width: 559px) {
	.p-nav ul li{
    -ms-flex-preferred-size: calc(100%/5);/* 5列 */
    flex-basis: calc(100%/5);/* 5列 */
	min-height: 60px;
  }
.p-nav .p-nav-title{
	font-size: 0.75em;/* 文字大きさ */
}
}
/* fontawesome */
	.p-nav ul li a i,.p-nav ul li a svg{
	font-size: 40px;/* アイコン大きさ */
	padding: 10px 0;/* アイコン余白 */
	color: #f6a068;/* アイコン色 */
	display:inline-block;
}
/* fontawesome(2番目) */
.p-nav ul li:nth-of-type(2) a i,.p-nav ul li:nth-of-type(2) a svg{
	color:#f6a068;/* アイコン色 */
}
/* fontawesome(3番目) */
.p-nav ul li:nth-of-type(3) a i,.p-nav ul li:nth-of-type(3) a svg{
	color:#f6a068;/* アイコン色 */
}
/* fontawesome(4番目) */
.p-nav ul li:nth-of-type(4) a i,.p-nav ul li:nth-of-type(4) a svg{
	color:#f6a068;/* アイコン色 */
}

/* もっと見る */
.readmore{
    position: relative;
    box-sizing: border-box;
    padding: 0px 0px;
    border:none;
}
.readmore-content{
    position: relative;
    overflow: hidden;
    max-height: 120px;
}
.readmore-content::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
    height: 50px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
}

/* 続きを読むボタン */
.readmore-label{
    display: table;
	bottom: 0px;
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 0 auto;
    z-index: 2;
    padding: 0 10px;
    background-color: #fff;
	border:solid 1px #efefef;
    border-radius: 0px;
    color: #999999;
	font-size:1em;
	font-weight:bold;
}
.readmore-label:before{
    font-family: FontAwesome;
	content: "\3082\3063\3068\898B\308B  \f078";
}
.readmore-check{
    display: none;
}

/*チェック時にボタンを非表示*/
.readmore-check:checked ~ .readmore-label{
    position: static;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}
.readmore-check:checked ~ .readmore-label:before{
    font-family: FontAwesome;
    content: "閉じる  \f077";
}
/*チェック時に高さを自動に戻す*/
.readmore-check:checked ~ .readmore-content{
    max-height: 500px;
	transition: all 2s;
}
/*チェック時グラデーション等を削除*/
.readmore-check:checked ~ .readmore-content::before {
    display: none;
}

@media screen and (min-width: 768px) {
#sidebar1 , .widget , .widget .linkto{
	background-color:#f9f9f9;
}
.widgettitle {
	border-bottom:solid 1px #5494cf;
}
.my-widget li a .my-widget__text{
	font-weight:normal;		
    font-size: 0.8em;
}
}
.my-widget li a .my-widget__text {
    font-size: 0.8em;
	font-weight:normal;
}
.gazou-mozi{
	position: relative;
}
.gazou-mozi img{
	margin:0;
	filter: brightness(100%);
}
.gazou-mozi img:hover{
	filter: brightness(105%);
}

.gazou-mozi p {
	font-family: dnp-shuei-gothic-gin-std, YuGothic, Yu Gothic, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
    position: absolute;
	margin:0;
	color:#fff;
	top: 25%;
	width:100%;
	text-align: center;
	font-weight:500;
	font-size:1.1em;
}
.p-mozi2{
	font-size:0.8em;
}
.archive .breadcrumb{
	display:none;
}
.cat7-rand .catpost-cards{
	overflow-x: scroll;
	white-space: nowrap;
	display: block;
}
.cat7-rand .catpost-cards .c_linkto {
	display: inline-block;
	width:38%;
	margin:5px 10px 5px 0px;
}
.cat7-rand .c_linkto .c_linkto_text {
	display:none;
}
.pc-cat7-rand .c_linkto .c_linkto_text {
	display:none;
}
.pc-cat7-rand .catpost-cards .c_linkto {
	display: inline-block;
	width:23%;
	margin:5px 1% 5px 1%;
}

.cat7-rand .catpost-cards::-webkit-scrollbar{
	height:5px;/*スクロールバーの太さ*/
}
.cat7-rand .catpost-cards::-webkit-scrollbar-track{
	background:#ffff;/*バーの背景色*/
}
.cat7-rand .catpost-cards::-webkit-scrollbar-thumb{
	background:#a2d1e4;/*バーの色*/
	border-radius: 20px;
}

/* チェックボックス03 */
input[type=checkbox] {
    display: none;
}
.checkbox03 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 0px 5px 30px;
    position: relative;
    width: auto;
}
@media screen and (max-width: 767px) {
.checkbox03 {
	font-size:0.95em;
}
}
.checkbox03::before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.checkbox03::after {
    border-right: 6px solid #fedd1e;
    border-bottom: 3px solid #fedd1e;
    content: '';
    display: block;
    height: 20px;
    left: 7px;
    margin-top: -16px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg) translate3d(0,2px,0) scale3d(.7,.7,1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    width: 9px;
}
input[type=checkbox]:checked + .checkbox03::before {
    border-color: #666;
}
input[type=checkbox]:checked + .checkbox03::after {
    opacity: 1;
    transform: rotate(45deg) scale3d(1,1,1);
}
blockquote {
    position: relative;
    padding: 10px 15px 10px 60px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
	border:none!important;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 18px;
    left: 15px;
    content: "\f10d";
    font-family: FontAwesome;
    color: #ccc!important;
    font-size: 30px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

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