/* */
/*!
Theme: Block Memo
Author: Hatena Blog Team
Description:
日常のちょっとした出来事を未来の自分のために残しておくためのテーマです
Responsive: yes
*//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.clearfix{zoom:1}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}body{font-size:87.5%;font-family:YuGothic,游ゴシック,Meiryo,メイリオ,Hiragino Kaku Gothic Pro,ヒラギノ角ゴシック,sans-serif;color:#646464;background:#f5f5f5;margin:0}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:#3c3c3c}h1 .keyword,h2 .keyword,h3 .keyword,h4 .keyword,h5 .keyword,h6 .keyword{color:#3c3c3c}h1,h2,h3{margin:24px auto 14px}h4,h5,h6{margin:24px auto 10px}h1{font-size:1.875em}h2{font-size:1.5em}h3{font-size:1.286em}h4{font-size:1.143em}h5{font-size:1.071em}h6{font-size:1em}h2{border-bottom:1px solid #dcdcdc;padding:0 0 5px}p{font-size:1em;line-height:1.7;margin:0 auto 14px}a{color:#00aa8c;text-decoration:none}a:hover{color:#00aa8c;text-decoration:underline}a:visited{color:#51838a}a:focus{color:#51838a}a:active{color:#51838a}hr{margin:24px auto;border-width:0;border-top:1px solid #dcdcdc}iframe{margin:0 auto 14px}#globalheader-container{color:#646464;background:#f5f5f5;position:sticky;top:0}#container{width:100%;max-width:700px;margin:0 auto;padding:0 10px;box-sizing:border-box}#main{margin:0 auto 48px}#blog-title{margin:20px auto 48px}#blog-title-inner{text-align:center;border-radius:4px}@media screen and (max-width: 580px){#blog-title-inner{height:100%}}.header-image-enable #blog-title-content{position:relative;top:50%;-wibkit-transform:translateY(-50%);transform:translateY(-50%)}#title{font-size:1.5em;padding:30px 20px 0;margin:0 auto 10px}#title a{text-decoration:none;color:#3c3c3c}#blog-description{font-size:.93em;font-weight:400;border-bottom:none;margin:0 auto;padding:0 20px 30px}#footer-inner{text-align:center;font-size:.93em}.services{line-height:1}.entry,.archive-entry{background:#fff;margin:0 auto 48px;padding:0 80px 80px;border-radius:4px;box-shadow:0 0 1px #d9d9d9}@media screen and (max-width: 580px){.entry,.archive-entry{padding:0 20px 20px}}.entry-header{margin:0 auto 38px;position:relative}.date{border-left:3px solid #00aa8c;margin:0 auto 10px;padding:80px 0 0 4px;line-height:.7}@media screen and (max-width: 580px){.date{padding-top:40px}}.date a:hover{text-decoration:none}.date a:visited,.date-last-updated{color:#00aa8c}time{font-family:Avenir,Helvetica,sans-serif;font-size:.93em}.entry-title{font-size:1.857em;margin:0 auto 10px}.entry-title a:hover{text-decoration:none}.entry-title a:visited{color:#00aa8c}.categories{line-height:1;margin:0 auto 10px}.categories a{color:#8c8c8c;font-size:.93em;margin-right:6px}.categories a:hover{color:#00aa8c;text-decoration:underline}.entry-header-menu{position:absolute;top:10px;right:-60px}.entry-content{margin:0 auto 38px}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,.entry-content .footnote-number{scroll-margin-top:56px}.entry-content .hatena-fotolife{border-radius:2px}.entry-content .hatena-image-left{margin-right:14px}.entry-content .hatena-image-right{margin-left:14px}.entry-content ul,.entry-content ol{font-size:1em;line-height:1.7;padding-left:16px;margin:0 auto 14px}.entry-content ul p,.entry-content ol p{margin:0 auto}.entry-content table{font-size:1em;border-collapse:collapse;border-spacing:0;margin:24px auto;width:100%}.entry-content tr{background-color:#fff;margin:0;padding:0}.entry-content tr:hover{background:#f5f5f5}.entry-content th{background:#f5f5f5;font-weight:700;border:1px solid #dcdcdc;padding:5px 10px}.entry-content td{border:1px solid #dcdcdc;padding:5px 10px}.entry-content blockquote{border-left:6px solid #dcdcdc;padding-left:12px;margin:24px 0}.entry-content .code{font-size:.93em;line-height:1.7;background:#f5f5f5;margin:24px auto;padding:10px;border-radius:2px;overflow:auto;white-space:pre-wrap;word-wrap:break-word}.entry-content code{font-size:.93em;background:#f5f5f5;border:1px solid #dcdcdc}.entry-content .hatena-asin-detail,.entry-content .itunes-embed,.entry-content .embed-wrapper{border-radius:2px;margin:14px auto;padding:14px}.entry-content .hatena-asin-detail ul,.entry-content .itunes-embed ul,.entry-content .embed-wrapper ul{margin:0;padding:0}.entry.no-entry{padding:80px}.keyword{color:#646464;border-bottom:1px dotted #646464;padding-bottom:0}.keyword:hover{color:#00aa8c;border-bottom:none}.author,.comment-metadata time{color:#8c8c8c}.hatena-star-container{margin:0 auto 14px}.social-buttons{margin:0 auto 24px}.comment-box{position:relative;margin:38px auto}.comment-box ul{padding:0;list-style:none}.comment-box li{padding:24px 0 24px 50px;position:relative;border-bottom:1px solid #dcdcdc}.comment-box li:first-child{border-top:1px solid #dcdcdc}.comment-box .hatena-id-icon{position:absolute;left:0;width:40px;height:40px;border-radius:2px}.comment-box .comment-user-name{line-height:1;margin:0 auto 10px}.comment-box .comment-content p{font-size:.93em;line-height:1.5;margin:10px auto}.comment-box .comment-content p a{word-wrap:break-word}.comment-box .comment-metadata{margin:0 auto}.comment-box .read-more-comments{padding-left:0}.leave-comment-title{display:inline-block;width:auto;font-size:1em;text-align:center;line-height:1;cursor:pointer;background:#f5f5f5;margin:24px 0;padding:10px;border-radius:2px}.leave-comment-title:hover{background:#00aa8c;color:#fff;text-decoration:none}.pager{display:table;table-layout:fixed;width:100%;padding:0 0 48px;border-bottom:1px solid #dcdcdc}.pager-next,.pager-prev{display:table-cell}.pager-next{padding-left:15px;text-align:right}.pager-prev{padding-right:15px}#box2-inner{zoom:1;margin:auto -30px}#box2-inner:before,#box2-inner:after{content:"";display:table}#box2-inner:after{clear:both}@media screen and (max-width: 580px){#box2-inner{margin:auto}}#box2-inner .hatena-module{float:left;padding:0 30px;width:50%}.hatena-module{vertical-align:top;margin:0 auto 38px;box-sizing:border-box}@media screen and (max-width: 580px){.hatena-module{float:none;width:100%;padding:0 20px}}.hatena-module:nth-child(odd){clear:both}.hatena-module .hatena-module-title{font-size:1.071em;font-weight:700;line-height:1.2;color:#3c3c3c;margin-bottom:10px}.hatena-module .hatena-module-title a{color:#3c3c3c}.hatena-module .hatena-module-title a:hover{color:#3c3c3c;text-decoration:underline}.hatena-module .hatena-module-body p{line-height:1.5}.hatena-module ul{padding-left:0;margin:0 auto 14px}.hatena-module li{border-bottom:1px solid #dcdcdc;padding:10px 0;list-style:none;line-height:1.5}.hatena-module li .urllist-title-link{font-size:100%}.hatena-module .profile-icon{display:inline-block;border-radius:64px}.hatena-module .search-form{width:100%;background:#fff;position:relative}.hatena-module .search-module-input{border-radius:2px;border:1px solid #dcdcdc;width:100%;padding:2px 0 2px 4px;box-sizing:border-box}.hatena-module .search-module-input:hover{border:1px solid #00aa8c}.hatena-module .search-module-input:focus{outline:none;border:1px solid #3c3c3c}.hatena-module .search-module-button{width:20px;height:20px;position:absolute;top:0;bottom:0;margin:auto;right:14px;border:none;background:url(https://cdn.blog.st-hatena.com/css/theme/block-memo/images/saerch.png?version=a11a0e0f57b771831b00fa2d305c51) 50% 50% no-repeat;text-indent:-999px;cursor:pointer;opacity:.4}.hatena-module .search-module-button:hover{opacity:.8}.page-about .entry{padding-top:24px}.page-about .entry-content,.page-about .entry-content dl{margin:0 auto}.page-about .entry-content dt{font-size:1.071em;font-weight:700;line-height:1.2;margin:24px auto 10px;color:#00aa8c}.page-about .entry-content dd{margin:0;line-height:1.7}.page-archive h2,.archive-entries{margin:48px auto}.breadcrumb{border-bottom:1px solid #dcdcdc;margin:48px auto}.breadcrumb a:visited{text-decoration:none;color:#00aa8c}
/* */
/* */
body{background:#002d2f;}
/* */
#container {padding:0px;
margin-bottom:10px;
max-width:100%;
font-family :
YuMincho, /* Mac用 */
'Yu Mincho', /* Windows用 */
serif;
}
.page-archive h2{
border: 0px;
color: #fff;
}
#top-editarea{line-height: 1.7;}
p {font-size: 1.2em;
line-height: 1.7;
margin: 0 auto 14px;
font-family :
YuMincho, /* Mac用 */
'Yu Mincho', /* Windows用 */
serif;
}
.page-index .entry-header {
display: none;
}
a:visited {
color: #00aa8c;
}
/*縦書き*/
.tategaki
{-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
letter-spacing : 3px;
color:black;
margin: 0 auto 0 auto;
font-family :
YuMincho, /* Mac用 */
'Yu Mincho', /* Windows用 */
serif;}
.tategaki p
{font-size: 1em;}
/* 蛍光ペン */
strong {
background: linear-gradient(transparent 0%, #ffff66 0%);
font-weight: bold;
font-size: 110%;
}
.box6 {
padding: 0.5em 1em;
margin: 2em 0;
background: #fff;
border: dashed 1px #333333;/*点線*/
}
.box6 p {
margin: 0;
padding: 0;
}
/*ボックス全体*/
.accbox {
margin: 17px 0 0 0;
padding: 0;
max-width: 100%;
}
/*ラベル*/
.accbox label {
display: block;
margin: 1.5px 0 0 0;
padding : 5px 0px;
color :#fff;
font-weight: bold;
cursor :pointer;
font-size:12px;
transition: all 0.5s;
}
.breadcrumb {
border-bottom: 0px;
margin: 10px auto;
font-size: 12px;
}
/*アイコンを表示*/
.accbox label:before {
content: url(https://cdn-ak.f.st-hatena.com/images/fotolife/m/mikata-uranai/20181111/20181111102928.png);
}
/*チェックは隠す*/
.accbox input {
display: none;
}
/*中身を非表示にしておく*/
.accbox .accshow {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}
.accshow a{color:#fff;
font-size:14px;
text-decoration: underline;}
/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
height: auto;
padding: 5px;
opacity: 1;
}
.accbox .accshow p {
margin: 15px 10px}
/*アイコンを入れ替える*/
.cssacc:checked + label:before {
content: url(https://cdn-ak.f.st-hatena.com/images/fotolife/m/mikata-uranai/20181111/20181111103628.png);
}
/* ----- ブログタイトル下のスペース調整 ---- */
#blog-title{
margin:0px;
padding-top:0px;
}
#title {width:100%;
font-size:11px;
background-color:#1f7e93;
/* -----background-color:#bd2b38;---- */
margin:0;
padding:2px 0 2px 0;
position:fixed;
z-index: 999;
top: 0;}
.headmenu {background-color:#1f7e93;
width: 100%;
text-align:center;
position:fixed;
z-index: 998;
font-size:10px;
top: 0;
color:#fff;}
.footmenu {background-color:#1f7e93;
width: 100%;
text-align:center;
font-size:10px;
bottom: 0;
color:#fff;}
.wakuwaku{
padding: 0.5em 1em;
margin: 2em 0;
font-weight: bold;
font-size: 150%;
color: #40330b;/*文字色*/
background: #FFF;
border: solid 3px #1f7e93;/*線*/
border-radius: 10px;/*角の丸み*/
line-height: 2;
}
.wakuwaku2{
padding: 0.5em 1em;
margin: 2em 0;
background: #FFF;
border: solid 3px #1f7e93;/*線*/
border-radius: 10px;/*角の丸み*/
line-height: 2;
}
#title a{color:#35bbcb;
color:#fff;
}
#headerimg{
padding-top:5px;
}
.dokidoki{
animation-name:dokidoki; /* アニメーション名の指定 */
animation-delay:0s; /* アニメーションの開始時間指定 */
animation-duration: 3s; /* アニメーション動作時間の指定 */
animation-timing-function: ease-in-out;
/* アニメーションの動き（徐々に早く徐々に遅く）*/
animation-iteration-count: infinite; /* アニメーションをループさせる */
}
@keyframes dokidoki {
0% {
transform: scale(1);
}
40% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
60% {
transform: scale(1);
}
100% {
transform: scale(1);
}
}
#blog-description {display: none;}
#main-inner,
#box2-inner,
#bottom-editarea
{padding:0 15px 0 15px}
table.hitokoto{width: 300px;
height:50px;}
table.hitokoto td {border:dashed 1px #fff;}
table.hitokoto th {
width: 20%;
margin:0px;
padding:0px;
text-align:left;
}
table.hitokoto th img {
margin: 0;
padding: 0;
vertical-align: bottom;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
table.hitokoto td {
width: 80%;
padding : 10px 10px;
text-align:center;
border-left-style: hidden;
}
table.hitokoto2{width: 300px;
height:200px;
max-width: 100%;}
table.hitokoto2 td {border:dashed 1px #333;}
table.hitokoto2 th {
width: 20%;
margin:0px;
padding:0px;
text-align:left;
}
table.hitokoto2 th img {
margin: 0;
padding: 0;
vertical-align: bottom;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
table.hitokoto2 td {
width: 80%;
padding : 10px 10px;
text-align:center;
border-left-style: hidden;
}
.date {display:none;
}
.entry-footer-section{display:none;
}
.entry-header {
margin: 0 auto 0px;
}
.entry{max-width:700px;}
/*ブログのタイトルの文字サイズ*/
.entry-title{
font-size: 16px;
border-left: 3px solid #00aa8c;
margin: 0 auto 10px;
padding: 20px 0 0 14px;
line-height: 2;
}
#kantei img{width: 30%;}
#kantei33{width: 100%;
margin: 0px;
padding-bottom: 50px;}
#kantei33box{width: 100%;}
#kantei33box p{font-size: 18px;
margin-left: 15%;
margin-right: 15%;}
.area {width:90%;
height:100%;
margin:5px 0 5px 0;
padding:10px;
border:1px solid #eae96a;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background-color:#f7f6b4;}
.r_area {width:90%;
height:100%;
margin:5px 0 5px 0;
padding:10px;
border:1px solid #ec6fbc;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background-color:#efa1d1;}
select {height:40px;
font-weight: bold;
font-size: 14px;}
#btn {
cursor: pointer;
display: inline-block;
box-sizing: border-box;
width: 150px;
height: 60px;
padding: 10px;
background: #3897fd;
font-size: 13px;
border-radius: 5px;
color: #FFF;
text-align: center;
border-bottom: solid 4px #627295;
border-right: solid 2px #627295;
font-weight: bold;
line-height: 1.6;
}
#btn:active {
/*ボタンを押したとき*/
-webkit-transform: translateY(4px);
transform: translateY(4px);/*下に動く*/
border-bottom: none;/*線を消す*/
border-right: none;/*線を消す*/
}
#btn1 {
cursor: pointer;
display: inline-block;
box-sizing: border-box;
width: 150px;
height: 60px;
padding: 10px;
background: #3897fd;
font-size: 13px;
border-bottom: solid 4px #627295;
border-right: solid 2px #627295;
border-radius: 5px;
color: #FFF;
text-align: center;
font-weight: bold;
line-height: 1.6;
}
#btn1:active {
/*ボタンを押したとき*/
-webkit-transform: translateY(4px);
transform: translateY(4px);/*下に動く*/
border-bottom: none;/*線を消す*/
border-right: none;/*線を消す*/
}
#btn2 {
cursor: pointer;
display: inline-block;
box-sizing: border-box;
width: 150px;
height: 60px;
padding: 10px;
background: #2fd092;
font-size: 13px;
border-radius: 5px;
color: #FFF;
text-align: center;
border-bottom: solid 4px #627295;
border-right: solid 2px #627295;
font-weight: bold;
line-height: 1.6;
}
#btn2:active {
/*ボタンを押したとき*/
-webkit-transform: translateY(4px);
transform: translateY(4px);/*下に動く*/
border-bottom: none;/*線を消す*/
border-right: none;/*線を消す*/
}
#btn3 {
cursor: pointer;
display: inline-block;
box-sizing: border-box;
width: 150px;
height: 60px;
padding: 10px;
background: #f25e5e;
font-size: 13px;
border-bottom: solid 4px #627295;
border-right: solid 2px #627295;
border-radius: 5px;
color: #FFF;
text-align: center;
font-weight: bold;
line-height: 1.6;
}
#btn3:active {
/*ボタンを押したとき*/
-webkit-transform: translateY(4px);
transform: translateY(4px);/*下に動く*/
border-bottom: none;/*線を消す*/
border-right: none;/*線を消す*/
}
#btn4 {
cursor: pointer;
display: inline-block;
box-sizing: border-box;
width: 150px;
height: 60px;
padding: 10px;
background: #f2925e;
font-size: 13px;
border-radius: 5px;
color: #FFF;
text-align: center;
border-bottom: solid 4px #627295;
border-right: solid 2px #627295;
font-weight: bold;
line-height: 1.6;
}
#btn4:active {
/*ボタンを押したとき*/
-webkit-transform: translateY(4px);
transform: translateY(4px);/*下に動く*/
border-bottom: none;/*線を消す*/
border-right: none;/*線を消す*/
}
#btn5 {
cursor: pointer;
display: inline-block;
box-sizing: border-box;
width: 150px;
height: 60px;
padding: 10px;
background: #d728a0;
font-size: 13px;
border-radius: 5px;
color: #FFF;
text-align: center;
border-bottom: solid 4px #627295;
border-right: solid 2px #627295;
font-weight: bold;
line-height: 1.6;
}
#btn5:active {
/*ボタンを押したとき*/
-webkit-transform: translateY(4px);
transform: translateY(4px);/*下に動く*/
border-bottom: none;/*線を消す*/
border-right: none;/*線を消す*/
}
#btn6:active {
/*ボタンを押したとき*/
-webkit-transform: translateY(4px);
transform: translateY(4px);/*下に動く*/
border-bottom: none;/*線を消す*/
border-right: none;/*線を消す*/
}
#btn6 {
cursor: pointer;
display: inline-block;
box-sizing: border-box;
width: 300px;
height: 60px;
padding: 10px;
background: #d728a0;
font-size: 13px;
border-radius: 5px;
color: #FFF;
text-align: center;
border-bottom: solid 4px #627295;
border-right: solid 2px #627295;
font-weight: bold;
line-height: 1.6;
}
#btn7:active {
/*ボタンを押したとき*/
-webkit-transform: translateY(4px);
transform: translateY(4px);/*下に動く*/
border-bottom: none;/*線を消す*/
border-right: none;/*線を消す*/
}
#btn7 {
cursor: pointer;
display: inline-block;
box-sizing: border-box;
width: 300px;
height: 60px;
padding: 10px;
background: #d728a0;
font-size: 13px;
border-radius: 5px;
color: #FFF;
text-align: center;
border-bottom: solid 4px #ff7957;
border-right: solid 2px #ff7957;
font-weight: bold;
line-height: 1.6;
}
.result-area {
margin-top:10px;
background: #fff;
padding: 10px;
height: 40px;
border-radius: 5px;
position: relative;
}
.result-area2 {
margin-top:10px;
background: #fff;
padding: 10px;
height: 100%;
border-radius: 5px;
position: relative;
}
.result-area3 {
margin-top:10px;
background: #fff;
padding: 10px;
height: 100%;
border-radius: 5px;
position: relative;
}
.result-area4 {
font-size:13px;
margin-top:10px;
background: #fff;
padding: 10px;
height: 100%;
line-height: 1.3;
border-radius: 5px;
position: relative;
text-align:left;
}
#result {margin: 0;}
#result2,#resulnikkansetsumei,#resultnaimen,#resultgaimen,#Aresultnaimen,#Aresultgaimen,#NenUn,#result {margin: 0;
font-size:16px;
line-height: 1.6;
}
#result3 {margin: 0;
font-size:12px;
line-height: 2;
}
#reset {
text-decoration: underline;
cursor: pointer;
position: absolute;
bottom: 10px;
right: 10px;
}
#btn.disabled { opacity: 0.5; }
#reset.hidden { display: none;}
/*全体*/
.hidden_box {text-align:center;
margin: 2em 0;/*前後の余白*/
padding: 0;
}
/*ボタン装飾*/
.hidden_box label {
padding: 15px;
font-weight: bold;
border: solid 2px black;
cursor :pointer;
}
/*ボタンホバー時*/
.hidden_box label:hover {
background: #efefef;
}
/*チェックは見えなくする*/
.hidden_box input {
display: none;
}
/*中身を非表示にしておく*/
.hidden_box .hidden_show {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}
.hidden_show p{text-align:left;
font-size:10px;
}
/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
padding: 10px 0;
height: auto;
opacity: 1;
}
/* スライダー設定 */
.bx-wrapper{margin:0 auto;}
.bx-wrapper {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
background: transparent;
}
.bx-wrapper .bx-caption span{
font-size:60%!important;
padding:5px!important;
line-height: 1.3em;
}
.slider div {
display: none;
}
.bx-viewport .slider div {
display: block !important;
}
#box2-inner {
zoom: 1;
margin: auto 0px;
}
.main-visual {
height: 600px;
background-size: cover;
text-align: center;
position: relative;
overflow: hidden;
}
.main-visual img {
z-index: 2;
position: absolute;
top: 100px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.main-visual video {
margin: 0 auto;
z-index: 1;
width: 100%;
}
/* 吹き出し本体 */
.balloon1{
position: relative;
padding: 20px 20px 0px 20px;
border-radius: 10px;
background-color: #1f7e93;
margin-left: 110px; /* 左に余白を設ける */
/*margin-right: 40%;*/
display: inline-block;
color:#fff;
}
/* 画像 - 絶対配置で左上に配置 */
.balloon1 .icon{
position: absolute;
left: -110px;
top: 0;
width: 80px;
}
.balloon1 .icon img{
width: 100%;
height: auto;
border: solid 3px #1f7e93;
border-radius: 50%;
}
/* 三角アイコン */
.balloon1::before{
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -15px;
top: 20px;
border-right: 15px solid #1f7e93;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}
ul.rec{line-height: 200%;}
#box2-inner .hatena-module {
float: left;
padding: 0;
width: 100%;
}
.hatena-module .search-module-input {
border-radius: 2px;
border: 1px solid #dcdcdc;
width: 100%;
padding: 2px 0 2px 4px;
box-sizing: border-box;
}
.hatena-module .search-form {
width: 250px;
/* background: #fff; */
position: relative;
}
.entry-see-more { text-align: center;
font-size:18px;
background: linear-gradient(transparent 0%, #ffff66 0%);
font-weight: bold;
}
.btn-circle-3d-dent {
display: inline-block;
text-decoration: none;
background: #5dc3d0;
color: #ffffff;
width: 100px;
padding:60px 30px 0px 30px;
font-size: 14px;
height: 100px;
line-height: 20px;
border-radius: 50%;
text-align: center;
overflow: hidden;
box-shadow: inset 0px 3px 0 rgba(255,255,255,0.3), 0 3px 3px rgba(0, 0, 0, 0.3);
font-weight: bold;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.65);
border-bottom: solid 3px #549fa9;
transition: .4s;
vertical-align: middle;
}
.btn-circle-3d-dent:active {
-webkit-transform: translateY(1px);
transform: translateY(1px);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
border-bottom: none;
text-decoration: none;
}
img.hatena-fotolife {
cursor: pointer;}
.nenkyuseiblock {
width: 400px;
height: 500px;
font-size: 13px;
border:1px solid #9fd6d2;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.nenkyuseiblock .box-title {
font-size: 1.2em;
background: #9fd6d2;
border:1px solid #9fd6d2;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 4px;
text-align: center;
color: #FFF;
font-weight: bold;
letter-spacing: 0.05em;
}
.nenkyuseiblock h4 {
margin: 20px 0px 20px 0px;
font-size: 24px;
}
.getsukyuseiblock {
width: 400px;
height: 500px;
font-size: 13px;
border:1px solid #f5a2a2;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.getsukyuseiblock .box-title {
font-size: 1.2em;
background: #f5a2a2;
border:1px solid #f5a2a2;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 4px;
text-align: center;
color: #FFF;
font-weight: bold;
letter-spacing: 0.05em;
}
.getsukyuseiblock h4 {
margin: 20px 0px 20px 0px;
font-size: 24px;
}
.nichikyuseiblock {
width: 400px;
height: 500px;
font-size: 13px;
border:1px solid #eae96a;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.nichikyuseiblock .box-title {
font-size: 1.2em;
background: #eae96a;
border:1px solid #eae96a;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 4px;
text-align: center;
color: #FFF;
font-weight: bold;
letter-spacing: 0.05em;
}
.nichikyuseiblock h4 {
margin: 20px 0px 20px 0px;
font-size: 24px;
}
.houiday{font-size: 20px;
color:#ff5252;
font-weight: bold;
width:70%;
height:100%;
margin: 5px 0 35px 0;
padding: 10px 0px 0px 0px;
border:1px solid #eae96a;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background-color:#f7f6b4;}
}
.listmenu a {
display: block;
padding: 15px;
text-decoration: none;
color: #000;
}
label {
display: block;
margin: 0;
padding : 15px;
line-height: 1;
color :#fff;
background : #d728a0;
cursor :pointer;
text-align:center;
border-bottom:3px solid #2ac5b3;
}
input {
display: none;
}
.clickmenu ul {
margin: 0px 0;
padding: 0;
list-style: none;
}
.clickmenu li {
height: 0;
overflow: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#change01:checked ~ #links01 li,
#change02:checked ~ #links02 li,
#change03:checked ~ #links03 li,
#change04:checked ~ #links04 li{
height: 100%;
opacity: 1;
}
p#NikkanHurigana{font-size: 10px;
text-align: center;
color: #000;
font-weight: bold;}
p#NikkanKanji{font-size: 36px;
text-align: center;
color: #000;
font-weight: bold;
line-height: 0.5;}
p#NikkanSyosai a {
display: block;
margin: 0;
padding : 15px;
line-height: 1;
color :#fff;
background : #d728a0;
cursor :pointer;
text-align:center;
border-bottom:3px solid #2ac5b3}
p#GenmeiSyosai a {
display: block;
margin: 0;
padding : 15px;
line-height: 1;
color :#fff;
background : #d728a0;
cursor :pointer;
text-align:center;
border-bottom:3px solid #2ac5b3}
p#JuniunUnseiPage a {
display: block;
margin: 0;
padding : 15px;
width:300px;
line-height: 1;
color :#fff;
background : #3897fd;
cursor :pointer;
text-align:center;
border-bottom:3px solid #2ac5b3}
p#TsuhenUnseiPage a {
display: block;
margin: 0;
padding : 15px;
width:300px;
line-height: 1;
color :#fff;
background : #3897fd;
cursor :pointer;
text-align:center;
border-bottom:3px solid #2ac5b3}
p#GenmeiHurigana{font-size: 10px;
text-align: center;
color: #000;
font-weight: bold;}
p#GenmeiKanji{font-size: 36px;
text-align: center;
color: #000;
font-weight: bold;
line-height: 0.5;}
p#Hurigana{font-size: 10px;
text-align: center;
color: #000;
font-weight: bold;}
p#Kanji{font-size: 36px;
text-align: center;
color: #000;
font-weight: bold;
line-height: 0.5;}
.center p{
text-align: center;
line-height: 1.1;
margin: 0 auto 0px;}
.g_area {width:90%;
height:100%;
margin:5px 0 5px 0;
padding:10px;
border:1px solid #2c602c;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background-color:#c0dfc0;}
.selector {
margin-bottom: 20px;
}
select, .button {
margin: 5px;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 5px;
outline: none;
cursor: pointer;
}
.button {
color: #fff;
display: inline-block;
text-align: center;
border: none;
}
.button:hover {;
}
#calendar {
margin-top: 20px;
}
#calendar table {
width: 100%;
border-collapse: collapse;
margin-top: 10px;
}
#calendar td {
border: 1px solid #ccc;
padding: 5px;
width: 14.2857%;
height: 60px;
text-align: left;
vertical-align: top;
position: relative;
}
#calendar th {
border: 1px solid #ccc;
padding: 5px;
width: 14.2857%;
text-align: center;
vertical-align: top;
position: relative;
background-color: #007BFF;
color: #fff;
}
#calendar td {
background-color: #f9f9f9;
}
#calendar td:nth-child(6) {
color: blue;
}
#calendar td:nth-child(7) {
color: red;
}
#calendar td.holiday {
color: red;
}
.day {
font-weight: bold;
font-size: 14px;
}
.ganzhi {
color: #666;
font-size: 14px;
}
.holiday-name {
color: red;
font-weight: bold;
}
.solar-term {
color: green;
font-weight: bold;
}
.navigation {
margin-top: 20px;
}
.navigation .button {
margin: 0 10px;
}
.today {
background-color: yellow;
}
#current-year-month{
font-size: 36px;
text-align: center;
}
#ganzhi-year ,#ganzhi-month{
font-size: 20px;
text-align: center;
}
.wrap-chart {
width: 100%;
height: 500px;
}
#nikkankekkastyle{
font-size:30px;
text-align: center;
}
#AresultgaimenHurigana{
text-align: center;
}
#AresultgaimenKanji{
font-size:30px;
text-align: center;
}
#AresultnaimenHurigana{
text-align: center;
}
#AresultnaimenKanji{
font-size:30px;
text-align: center;
}
.read-more-4 {position: relative;
}
.read-more-4 p {
display: -webkit-box;
position: relative;
margin-bottom: 10px;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; /* 開く前に見せたい行数を指定 */
}
.read-more-4:has(:checked) p {
display: block;
}
.read-more-4 p::after {
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 60px;
content: '';
}
.read-more-4:has(:checked) p::after {
content: none;
}
.read-more-4 label {
display: flex;
align-items: center;
gap: 0 4px;
position: absolute;
bottom: 0;
right: 0%;
transform: translateX(-50%);
padding: .4em 1.2em;
border-radius: 25px;
background-color: #2589d0;
color: #fff;
font-size: .7em;
border-bottom: 0px solid;
}
.read-more-4 label:hover {
border:1px solid #2589d0;
background-color: #fff;
color: #2589d0;
cursor: pointer;
}
.read-more-4:has(:checked) label {
display: none;
}
.read-more-4 label::after {
display: inline-block;
width: 10px;
height: 5px;
background-color: #f6f5f3;
clip-path: polygon(0 0, 100% 0, 50% 100%);
content: '';
}
.read-more-4 label:hover::after{
background-color: #2589d0;
}
.read-more-4 input {
display: none;
}
.button-3 {
justify-content: center;
align-items: center;
width: 250px;
margin:0 auto;
padding: 0.5em 2em;
border: none;
border-radius: 5px;
box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
background-color: #d02525;
color: #fff;
font-weight: 600;
font-size: 1em;
}
.button-3 a {
color: #fff;
text-decoration: none;
}
.box7 {
padding: 0.5em 2em 2em 2em;
margin: 2em 0;
background: #f6f5f3;
border: 1px solid #686462;
border-radius: 30px;
}
.box7 p {
margin: 0;
padding: 0;
}
.review_box {
border:1px solid #0f2c2e;
border-radius:10px;
padding:1em;
margin:0px 0px 40px 0px}
.haikei{width:90%;
background: #f6f5f3;
padding:20px;
margin:0px;
}
.haikei_tag{
display: inline-block;
background: #fff;
text-align: center;
color: #4D4D4D;
padding: 5px 7px;
border-radius: 20px;
margin-bottom: 10px;}
/*ここからスマートフォン用（480px以下）環境の設定
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){
.entry-title{
font-size: 12px;
}
.balloon1{
position: relative;
padding: 20px;
border-radius: 10px;
background-color: #1f7e93;
color:#fff;
margin: 20px 10px 0px 120px;
}
/* 画像 - 絶対配置で左上に配置 */
.balloon1 .icon{
position: absolute;
left: -110px;
top: 0;
width: 80px;
}
.balloon1 .icon img{
width: 100%;
height: auto;
border: solid 3px #d7ebfe;
border-radius: 50%;
}
}