/*
  Skin Name: スキンテンプレート
  Description: スキン自作の際にひな型となるスキンです。スタイルは何も入っていません。
  Skin URI: https://wp-cocoon.com/
  Author: わいひら
  Author URI: https://nelog.jp/
  Screenshot URI: https://im-cocoon.net/wp-content/uploads/skin-template.png
  Version: 1.0.2
  Priority: 9900000
*/
/*以下にスタイルシートを記入してください*/


body {
    color: #696969;
    background: #fdfffb;
}

/* page margin */
main.main, div.sidebar {
    padding: 0px;
}
section#main,section#petit ,section#prof  {
    margin: 0px 40px;
}
@media screen and (max-width: 834px){
section#main,section#petit ,section#prof  {
    margin: 0px 20px;
}
}


body.home header.article-header.entry-header,body.categoryid-2 header.article-header.entry-header {
    float: left;
    padding: 10px 25px;
}
div#ocha_text {
    margin-left: 400px;
	margin-top: 85px;
}
div#ocha_container:after {
	clear:both;
}
@media screen and (max-width: 1023px){
body.home header.article-header.entry-header,body.categoryid-2 header.article-header.entry-header  {
    float: none;
}
	div#ocha_text {
    margin-left: 0px;
	margin-top: 0px;
}
}


.eye-catch-wrap figure img {
-webkit-filter: drop-shadow(0 1px 1px rgba(0,0,0,.5));
    -moz-filter: drop-shadow(0 1px 1px rgba(0,0,0,.5));
    -ms-filter: drop-shadow(0 1px 1px rgba(0,0,0,.5));
    -o-filter: drop-shadow(0 1px 1px rgba(0,0,0,.5));
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.5));
}

.eye-catch {
    margin: 0 auto;
}
@media screen and (max-width: 1023px){
.eye-catch {
    margin: 0;
}
}
figure img {
    border-radius: 5px;
}


/* dotti */
span.large {
    font-size: 150%;
}










/* auther delete */
footer.article-footer.entry-footer {
    display: none;
}
/* update none */
span.post-update {
    display: none;
}


/* profile aika img*/
img.prof-aika {
    -webkit-filter: drop-shadow(0 1px 1px rgba(0,0,0,.3));
    -moz-filter: drop-shadow(0 1px 1px rgba(0,0,0,.3));
    -ms-filter: drop-shadow(0 1px 1px rgba(0,0,0,.3));
    -o-filter: drop-shadow(0 1px 1px rgba(0,0,0,.3));
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.3));
    padding: 6px;
    border: solid 1px gray;
    background-color: white;
    border-radius: 5px;
    float: left;
    margin-right: 15px;
}
@media screen and (max-width: 834px){
img.prof-aika {
float:none;
	margin-right:0px;
	}
}










.article h2 {
    /*background-color: initial !important;*/
}
.article h2 {
    margin: 0px;
}
.widget h2 {
    font-size: initial;
}
.entry-content {
    margin-top: 0px;
    margin-bottom: 0px;
}
h1.entry-title {
    display: inline-block;
    background: linear-gradient(transparent 50%, #abffcf 0%);
    line-height: 1.3em;
    padding: 0px 10px;
    /* display: none; */
}

.article h3 {
    border-color: initial;
}

.article h3 {
    border: initial;
    font-size: 22px;
    padding: 12px 20px;
}
h3#pop {
    position: relative;
    padding: 0.75em;
    background: #99ff99;
    margin: 0px 0px 15px 0px;
    font-weight: normal;
    line-height: 150%;
	font-size:90%;
	-webkit-filter: drop-shadow(0 1px 1px rgba(0,0,0,.3));
    -moz-filter: drop-shadow(0 1px 1px rgba(0,0,0,.3));
    -ms-filter: drop-shadow(0 1px 1px rgba(0,0,0,.3));
    -o-filter: drop-shadow(0 1px 1px rgba(0,0,0,.3));
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.3));
}
h3#pop:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #99ff99;
    width: 0;
    height: 0;
}




.content-bottom h2, .article h2, div#ochauke h2 {
    background-color: #ff9e33;
    border-radius: 5px;
    color: #ffffff;
    padding: 15px 10px 15px 70px;
    position: relative;
    font-weight: bold;
    font-size: initial;
	font-size: 120%;
	line-height:1.25;
}
.content-bottom h2:before, .article h2:before, div#ochauke h2:before {
    content: '\ff0a\002a';
    font-family: "sans-serif";
    color: #fff;
    display: inline-block;
    font-size: 40px;
    font-weight: bold;
    margin-right: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    text-shadow: 0px 0px 3px #fff, 0px 0px 2px #fff, 0 0 0.5px #fff;
}
.content-bottom h2:after, .article h2:after, div#ochauke h2:after {
    border-bottom: 2px dotted #fff;
    content: '';
    position: absolute;
    bottom: 3px;
    left: 3px;
    right: 3px;
}

div#ochauke ul {
    list-style: none;
}

div#ochauke ul li:before {
    content: '\f192';
    color: #ffc107;
    font-family: 'fontawesome';
    margin-right: 8px;
}

div#ochauke ul li:nth-child(1):before {    color: #f6c439;}
div#ochauke ul li:nth-child(2):before {    color: #f7cb4f;}
div#ochauke ul li:nth-child(3):before {    color: #f8d165;}
div#ochauke ul li:nth-child(4):before {    color: #f9d87b;}
div#ochauke ul li:nth-child(5):before {    color: #fade91;}
div#ochauke ul li:nth-child(6):before {    color: #fbe5a7;}
div#ochauke ul li:nth-child(7):before {    color: #fcebbd;}
div#ochauke ul li:nth-child(8):before {    color: #fdf2d3;}
div#ochauke ul li:nth-child(9):before {    color: #fef8e9;}
div#ochauke ul li:nth-child(10):before {    color: #ffffff;}







/* corner */
div#corner dl {
    padding: 5px;
}
div#corner dt:before {
    content: '\f06c';
    font-family: 'fontawesome';
    color: #4caf50;
    margin-right: 8px;
    filter: drop-shadow(2px 2px 0px #D9EFD9);
}
div#corner dt {
    padding: 0.25em 0.5em;
    font-weight: bold;
    font-size: 110%;
    border-bottom: 1px dotted #ddd;
}
div#corner dd {
    margin-bottom: 1em;
    padding: 0.5em 0.5em;
    margin-bottom: 0.25em;
    line-height: 150%;
}





/* baloon */

.baloon.solid {
    font-size: 120%;
    min-height: 60px;
    border: solid 2px #FFC84A;
    background: linear-gradient(#fffdf7,#fffae0);
    display: table;
    width: 100%;
    margin: 0.5em 0;
}


.baloon.solid a {
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    color: indianred;
}

.baloon {
    border-radius: 10px;
    border: dashed 2px #aae2a1;
    padding: 5px 10px;
    -webkit-filter: drop-shadow(0 1px 1px rgba(0,0,0,.1));
    -moz-filter: drop-shadow(0 1px 1px rgba(0,0,0,.1));
    -ms-filter: drop-shadow(0 1px 1px rgba(0,0,0,.1));
    -o-filter: drop-shadow(0 1px 1px rgba(0,0,0,.1));
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.1));
    background: linear-gradient(white,#fafff9);
}

.baloon.infomation {
    border-radius: 10px;
    border: dashed 2px #ff5722;
    padding: 5px 10px;
    -webkit-filter: drop-shadow(0 1px 1px rgba(0,0,0,.1));
    -moz-filter: drop-shadow(0 1px 1px rgba(0,0,0,.1));
    -ms-filter: drop-shadow(0 1px 1px rgba(0,0,0,.1));
    -o-filter: drop-shadow(0 1px 1px rgba(0,0,0,.1));
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.1));
    background: linear-gradient(white,#fafff9);
	display:inline-block;
	margin:20px 0px;
}
.baloon.special {
    border-radius: 10px;
    border: dashed 2px #ff5722;
    padding: 0;
background:url("data:image/svg+xml;charset=utf-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='60' height='45' viewBox='0 0 10 10' preserveAspectRatio='none'%3e%3cpath fill='%23FFFFFF' opacity='.05' d='m0-1 4 4 1-1-1-1 1-1 1 1 1-1 1 1-7 7-1-1 1-1 -1-1 1-1 1 1 1-1-4-4m0 8 3 3h-3m11 0-4-4-1 1 1 1-1 1-1-1-1 1-1-1 7-7 1 1-1 1 1 1-1 1-1-1-1 1 4 4m0-8-3-3h3'/%3e%3c/svg%3e"), linear-gradient(#ef748f,#EC5578);
	display:inline-block;
	margin:20px 0px;
	color:white;
	filter: drop-shadow(4px 4px 0px pink);
	overflow:hidden;
}
.baloon.special .body {
    padding: 10px 15px;
}

.baloon.special .corner-block {
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
    background: #fcfcfc;
    color: #323232;
	filter: drop-shadow(2px 3px 0px lightgray)
}
.baloon.special div.title {
	text-align:center;
    background: #ff32239c;
    padding: 10px;
}
.baloon.special strong.title {
    font-size: 1.5em;
}
.baloon.special strong.corner {
    border-bottom: 2px dotted #e91e6359;
    padding: 5px;
    display: block;
}
.baloon.special strong.corner:before {
    content: '\f06c';
    font-family: 'fontawesome';
    color: #4caf50;
    margin-right: 8px;
    filter: drop-shadow(2px 2px 0px #D9EFD9);
}

/* recipe */
.recipe {
    display: inline-block;
    background-color: #fff5bf;
    background-image: linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff7cc 0%, #fff7cc 100%), linear-gradient(180deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 95%, #3eb370 100%);
    background-size: 8px 100%,100% 2em;
    line-height: 2;
    border: solid 2px #3eb370;
    padding: 2em 1em 1.98em 1em;
    color: #005d32;
    margin: 0em 1em;
}


/* navi */
.pager-post-navi {
    background-color: #fefbf3;
    margin: 0;
}
.post-navi-square.post-navi-border a {
    border-color: rgb(255, 168, 59) !important;
}
.pager-post-navi .wp-post-image {
    padding: 3px;
    background-color: #7FFA7F;
    border-radius: 4px;
    border: 1px solid #ccc;
}



/* player */
.subwrap-MI{
    border-width: 2px !important;
    border-radius: 5px;
}


/* aika reward */
#present {
    border-radius: 2em;
    border: medium dotted #FFC040;
    padding: 1.5em;
    background: linear-gradient(white,#fffcf6);
}
#next {
    padding: 1.5em;
    font-size: 120%;
}
#next p {
    display: inline;
    background: linear-gradient(transparent 50%, #ffff66 0%);
    line-height: 1.3em;
}


/* form */
label.require:before {
    content: "\5fc5\9808";
    background: #ff9933;
    color: white;
    padding: 3px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 85%;
}
form label{
	display:block;
	line-height: 1.25;
}


/* btn by bootstrap*/
.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}


/* aikarw button */
.aikarw-wrap {
    background: #74dc74;
    display: table;
    vertical-align: middle;
    min-height: 64px;
    filter: drop-shadow(2px 2px 0px #3eb370);
}
.aikarw-wrap:hover {
    left: 2px;
    top: 2px;
    filter: none;
}



a.btn-aikarw {
    font-size: 120%;
    color: white;
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
}


/* banner */
ul#banner li {
    flex: 1;
    margin: auto;
}
ul#banner {
    display: flex;
    list-style: none;
}
@media screen and (max-width: 834px){
ul#banner {
    flex-direction: column;
}
ul#banner li {
    padding: 10px 0px;
}
}







/* jplayer add */
.innertab {
background:url("data:image/svg+xml;charset=utf-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 2 2' preserveAspectRatio='none'%3e%3cpath fill='%23fff' opacity='.5' d='M1-1h1l-4 4v-1zM3-1v1l-4 4h-1z'/%3e%3c/svg%3e"), rgb(255, 251, 220);
}