/*  
Theme Name: Tokabi Theme
Theme URI: r-ct.com
Description: 
Author: kuromu(Risako.Watanabe)
Author URI:r-ct.com
Template: 
Version: 1
.
thank you!
.
*/

/* line #e3d4c4 link #6c000e;  hover #FF9900*/

@import url("sanitize.css");/*CSSリセット*/
@import url("webfont.css");
@import url("bootstrap-grid.min.css");/*bootstrapのgridSystemのみ利用*/
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;700;900&display=swap');
@import url("icomoon/style.css");
@import url("css/base.css");
@import url("css/navi.css");
@import url("css/header.css");
@import url("css/footer.css");
@import url("css/widget.css");
@import url("css/post.css");
@import url("css/index.css");
@import url("css/member.css");
@import url("css/single-post.css");

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



.mincho{
  font-family:'游明朝',游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  letter-spacing:-0.02em;
}

/* img iframe --*/
img {
  height:auto;
  width: auto;
  max-width:100%;
}
iframe {
  /* height:auto; */
  max-width:100%;
}

/* img hover --*/　/* 20211017 */
img{
  filter: grayscale(0);
  transition: .3s ease;
}
a:hover img{
  filter: grayscale(80%);
  transition: all 0.5s 0s ease;
}

.textwidget img{
  width: auto;
}
.ofi{/*objedt-fit（IE対策）*/
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

/* indexpage post thumbnail --------------------- */

.index-thumb,
.related-thumbnail {
  background-color: #636363;/*$gray02*/
  overflow: hidden;
  aspect-ratio: 1/1; /* 202410out aspect-ratio: 8/5;*/
}
.index-thumb img,
.related-thumbnail img {
  height: 100%;
  width: 600px;
  object-fit: contain;
  font-family: 'object-fit: contain;';
  /*max-height: 300;*/
}
/* safari aspect-ratio */
_:lang(x)+_:-webkit-full-screen-document, .index-thumb {
  position: relative;
  width: 100%;
  padding-top: 100%; /* 62.2% - 8:5 Aspect Ratio */
}
_:lang(x)+_:-webkit-full-screen-document, .related-thumbnail {
  position: relative;
  width: 100%;
  padding-top: 100%; /* 62.2% - 8:5 Aspect Ratio */
}

_:lang(x)+_:-webkit-full-screen-document, .index-thumb img {
  position: absolute;
  top: 0;
}
_:lang(x)+_:-webkit-full-screen-document, .related-thumbnail img {
  position: absolute;
  top: 0;
}

.related-thumbnail {
  margin-bottom:10px;
}



.related-item{
  margin-top: 10px;
}
.related-item span{
  line-height: 1.1;
}

.img-indate{
  position: relative;
}


/* border --*/
hr {border:solid 1px #6c000e;;}



/* tag cloud page.php */

ul.tags-page li{
  color:#4d4d4d;
  line-height:300%;
  margin:0 20px 0 0;
  padding:2px 8px;
  /*box-shadow:1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.50);
  -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.50);*/
  background-color: #fff;/*background:#F0DCC4 url(image/bg-tag.jpg) repeat;*/
  /*border-radius: 6x;*/
  text-decoration: none;
  word-wrap:break-word;
  overflow-wrap:break-word;
  white-space:nowrap;/*語の途中で改行させない*/
  display:inline;
  /*font-size:1.4rem*/
}
ul.tags-page li:before {content:"＃";}

ul.tags-page li a:link,
ul.tags-page li a:visited{
  color:#4d4d4d;
  text-decoration: none;
}

ul.tags-page li,
div.site-map ul li {
  font-size: calc(1.2rem + (1vw - 0.48rem) * 0.2778);
}



/*========================================
  div#content
========================================*/

div#content {margin-bottom:10px;}

/* Entry & main
---------------*/
/*.flipmain,.flipmainbtm,.entry,.related-entry,.nextprev {margin-right:18px;}main他マージン*/



.flipmainbtm {
 /*background:#F8F2E6 url(image/wall.jpg) repeat;*/
 background-color:#FFF;
 border-top: 1px solid #C7B1AF;
 position: relative;
 left:0px;
 top:-2px;
 padding-top:12px;
}
/* Entry Title
--------------　base he idou -*/


.fadeIn {
  animation-name: fadeUpAnime;
  animation-duration: 1.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}




/* archive description
---------------*/
body.archive div.entry div.description {
	border: 1px dotted #CC9900;
	margin:0px;
	padding:10px;
	background-color: rgba(255, 255, 255, 0.3);
        font-size:1.6rem;
        line-height:120%;
}

/* archive title margin
---------------*/
body.archive div.entry h1,
body.search div.entry h1,
body.category div.entry div.description {
	margin-bottom:30px;
}
body.category div.entry h1 {
	margin-bottom:10px;
}

/*========================================
  div.post 記事
========================================*/


/* Entry info
---------------*/
/*div.post div.info,
div.page div.info{font-size:1.3rem;line-height:13px;color:#696969;margin:20px 0;border:solid 1px #000;}*/
div.info{
  /*font-family:'Shippori Mincho',游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;*/
  /*letter-spacing:-0.01em;*/
  /*font-weight: 600;*/
  font-size: 1.2rem;
}

div.info span.icon-price-tag{font-size:1.4rem;color:#6c000e;}/*トップカテゴリ下のタグアイコン表示*/


div.info span{
  font-size: 1.2rem;
}

div.post div.info a.cat,
div.post div.info a.cat:link,
div.post div.info a.cat:visited{
  padding:0 10px 0 0;/*10px 10px 10px 0;*/
  font-size: 1.2rem;
}



div.post div.info a.cat{
  padding-right: 6px;
  font-size: 1.6rem;
}


span.date{
  padding:10px;color: #aaa;
}



/* multiple-post h2 */

body .multiple-post .post h2/*,
body h2.search*/{
  /*font-size:1.8rem;*/
  line-height:1.6;
  margin-top:20px;
}


body .multiple-post .post{
  font-size:1.4rem;
  line-height:1.6;
}

.post blockquote {
	padding-left: 10px;
	border-left: 5px solid #ddd;
	
}

/* Entry ol Number list */
body .entry .post ul {
  padding: 0.5em 0 0.5em 1.5em;
}

/* post ol - Number list */
.entry .post ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0;
}
.entry .post ol li {
  position: relative;
  padding: 0.5em 0.5em 0.5em 34px;
  line-height: 1.5em;
}
.entry .post ol li:before{
  counter-increment: number;
  content: counter(number);
  position: absolute;
  left: 0;
  display:inline-block;
  background: #DB8E26;
  color:#fff;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下上下中央寄せのため*/
  top:24px;
  -webkit-transform: translateY(-60%);
  transform: translateY(-60%);
}



/* table  */
.post table ,
.post th,
.post td {
	border: 1px solid #595959;
 line-height: 1.2;
 padding: 6px;
}
.post th {
	background-color:#f0e6cc;
  white-space: nowrap

}

/* codetag */

div.codetag {
	color: #666;
	margin: 15px 30px 0 10px;
	padding-left: 10px;
	border-left: 5px solid #ddd;
	display: block;
	white-space:pre-wrap;
	font-size:1.4rem;
  line-height: 1.4;
	font-family: Menlo, Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
div.codetag p {margin:0 auto;}
div.codetag br{display:none;}
div.codetag strong {color: #4d4d4d;}


div.entry div.type-post div.post,
div.entry div.type-page div.post{
	margin:16px 0 0 0;
}


div.prev a:link{
  text-align:right;
  background:url(image/modifier_next.gif) no-repeat right center;
  padding:10px 28px 10px 10px;
  display: inline-block;
}

div.next a:link{
  text-align:left;
  background:url(image/modifier_previous.gif) no-repeat left center;
  padding:10px 10px 10px 28px;
  display: inline-block;
}

div.prev a:hover{
  color: #4d4d4d;
  background-color:#DEB37C;
  background-image:none;
  padding:10px 10px 10px 28px;
  transition:all 0.1s ease-in; 
}

div.next a:hover{
  color: #4d4d4d;
  background-color:#DEB37C;
  background-image:none;
  padding:10px 28px 10px 10px;
  transition:all 0.1s ease-in; 
}

div.nextprev a:hover div.prev{
    color: #4d4d4d;
    background-color:#DEB37C;
    background-image:none;
    padding:10px 10px 10px 38px;
    transition:all 0.1s ease-in; 
}
  
div.nextprev a:hover div.next{
    color: #4d4d4d;
    background-color:#DEB37C;
    background-image:none;
    padding:10px 38px 10px 10px;
    transition:all 0.1s ease-in; 
}
/**/

/*  Entry photo --*/


.entry img.size-full,
.entry img.size-medium,
.entry img.size-thumbnail{
  margin-bottom: 10px;
}

div.type-post div.post a img {

        clear: both;
        display: block;

}

div.post div.post img.size-medium,
div.post img.size-full,
div.post img.size-thumbnail {
	display:block;
}

div.post img.aligncenter {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.post img.alignleft {
	margin-right: auto;
	text-align: left;
}

div.post img.alignright {
	margin-left: auto;
	text-align: right;
}
/* comment-form ---------------*/


p.comment-form-comment,
p.comment-form-author,
p.comment-form-email,
p.comment-form-url {
	font-weight:bold;
}

textarea#comment,
input#email,
input#author,
input#url,
input.trackback_field{
  font-size:1.6rem;
  padding:5px;
  display:block;
}

input#submit{
  font-size:1.6rem;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  cursor: pointer;
  padding:6px;
  /* iOS reset */
  background:#F0DCC4 url(image/bg-tag.jpg) repeat;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing:border-box;
  -webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-topright:4px;
  -moz-border-radius-bottomright:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #E09439;
  border-right: 1px solid #E09439;
}
input#submit:hover{
  background:#DEB37C;
}

input.trackback_field{
  width:100%;
}

span.notes {
	font-size:1.2rem;
}

input[type="text"] {
  width: 90%;
}
textarea[name="comment"] {
  width: 90%;
  height: 200px;
}



/* page-top link ---------------*/
.page-top {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
.page-top a {
	display: block;
	width: 60px;
	height: 60px;
	background-color:#efc94c;
	text-align: center;
	color:#fff;
	font-size: 5.0rem;
	text-decoration: bold;
	line-height: 60px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color:#EABB7C;
  box-shadow:1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.50);
  -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.50);
}

/* breadcrumb ---------------*/
div#breadcrumb{
  margin:8px 10px 8px 10px;
}
ul.brclist {
  font-size: 0;
  width: auto;
  margin:0;
  padding:0;
  list-style-type: none;
  list-style-position: outside;
  line-height:0px;
}
div#breadcrumb ul li {
  display: inline-block;
  /display: inline;  /* IE用ハック */
  /zoom: 1;  /* IE用ハック */
  font-size:1rem;
  calc(.8rem + (1vw - 0.48rem) * 0.5556)
  width:auto;
  margin:0 3px 0 0;
  line-height:14px;
  padding:0;
}
div#breadcrumb ul li,
div#breadcrumb ul li a:link,
div#breadcrumb ul li a:visited {
	color:#4d4d4d;
}
/*div#breadcrumb ul li a:hover {
	color:#FF9900;
}*/



/* single post only -----*/



/* related entry */


/* Newer | Older */

ul#flip1 {
	margin:0px;
	list-style-type: none;
	position: relative;
}

ul#flip1 li {
	width: 60px;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1;
	width: 80px;
}

ul#flip1 li a:hover {
	color: #4d4d4d;
}

ul#flip1 li.newer {
	background:#FAF5ED;
	padding: 4px 0 5px 10px;
	border: 1px solid #C7B1AF;
	border-bottom: none;
	display: block;
	text-decoration: none;
	color: #999999;
	float:left;
	margin:0 0 0 10px;
	position:relative;
	
	-webkit-box-shadow: 2px 4px 5px rgba(50, 50, 50, 0.36);
	-moz-box-shadow:    2px 4px 5px rgba(50, 50, 50, 0.36);
	box-shadow:         2px 4px 5px rgba(50, 50, 50, 0.36);

	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
 

}

ul#flip1 li.older {
	background:#FAF5ED;
	padding: 4px 10px 5px 0;
	border: 1px solid #C7B1AF;
	border-bottom: none;
	display: block;
	text-decoration: none;
	color: #666;
	float:right;
	margin:0 10px 0 0;
	position:relative;

	-webkit-box-shadow: 2px 4px 5px rgba(50, 50, 50, 0.36);
	-moz-box-shadow:    2px 4px 5px rgba(50, 50, 50, 0.36);
	box-shadow:         2px 4px 5px rgba(50, 50, 50, 0.36);

	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
ul#flip1 li a {
	text-decoration: none;
	color: #B79B99;
}
ul#flip1 li.newer a {
	background: url(image/modifier_previous.gif) no-repeat left center;
	display: block;
}
ul#flip1 li.older a {
	background: url(image/modifier_next.gif) no-repeat right center;
	display: block;
}

/* PR */
#content .widget .textwidget{margin:20px 0;}

#content .widget .textwidget div.pr{margin:0 auto;text-align:center;clear:all;}
#content .widget .textwidget div.pr div.left{display:inline-block;float:left;}
#content .widget .textwidget div.pr div.right{display:inline-block;float:right;}

/* p */
p{margin:1.2em 0}

.multiple-post p{margin:0}




/* sitemap */
h2#sitemap {
  font-size:1.4rem;
}

.site-map ul,
.site-map li {
    list-style-type:circle;
}

/* Instagram の埋め込みでiphon時　はみ出ないように幅調整 */
@media screen and (max-width: 899px){
  .instagram-media{
    width:414px !important;
    max-width: 100% !important;
    min-width: initial !important;
  }
}


/* css outline
* {
	outline: 1px solid magenta;
}
*/

