/*----------------------- General Setting -----------------------*/ *{box-sizing: border-box} html{font-size:16px;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} body{color:#333;font-size:16px;font-family:sans-serif;background:#edece8;line-height:160%} p {margin-bottom: 1em;} ul.kome{margin:0;list-style-type:none}ul.kome li{margin-left:-1.5em;text-indent:-1.5em;padding-left:3em}ul.kome li:before{content:"※"} ul.decimal{margin:0;padding-left:1.5em;list-style-type:decimal} ul.disc{margin:0;list-style-type:none}ul.disc li{margin-left:-1.5em;text-indent:-1.5em;padding-left:3em}ul.disc li:before{content:"・"} strong {font-weight: bold} a{color:#333;text-decoration:none;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .5s ease-out;transition:all .5s ease-out} a:hover{color:#6b7fa5;text-decoration:underline} a img{-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;transition:opacity .3s ease-out} a img:hover{opacity:.3} img{max-width:100%;height:auto;line-height:0} small {font-size: 0.8rem} p.bm {margin-bottom: 2em} /*SIDE BAR,TOP FOOT LINK 共通 new*/ .new {color:#d92727;font-size: 80%;font-weight: bold} .nb-banner {margin-bottom: 10px;text-align: center;} /*.line*/ .line a {text-decoration: underline;} .line a:hover {text-decoration: none;} .liks01 {background: #3d4faa;} /*.nextpost*/ .nextpost a {display: inline-block;padding: 5px 15px;background: #c43072;border-radius: 5px;font-size: 15px;text-align: center;color: #fff;text-decoration: none;transition: all 0.5s;} .nextpost a:hover {background: #666} /*MOVIE*/ .video{position:relative;width:100%;padding-top:56.25%} .video iframe{position:absolute;top:0;right:0;width:100%;height:100%} /*-------------------------------- 　LAYOUT --------------------------------*/ #header{padding: 40px 0 20px;text-align:center;background: #8e1143;border-bottom: 1px solid #d9d8d4;} #container{margin:0 auto;} #column2-block {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding-bottom:60px} #main{-ms-flex-preferred-size: calc(100% - 350px);flex-basis: calc(100% - 350px);background: #faf8f5;} #sidebar{max-width: 320px;-ms-flex-preferred-size: 320px;flex-basis: 320px;background: #faf8f5;} #main{padding: 10px 20px 20px 20px;} #sidebar{padding:20px;} #footer{background: #444444;color: #fff;text-align:center} .wrapper{margin:0 auto;width: 1200px;overflow:hidden;}/*共通width*/ .wrapper.home {width: 1200px;padding-top: 50px} .postdata {padding-bottom: 60px;} @media screen and (max-width: 1200px) { .wrapper {margin: 0 2%;width: auto;} .wrapper.home {margin: 0} } @media screen and (max-width: 800px) { #header{padding:1.5em 0 .5em;border-bottom:0} #breadcrumb{width:96%;margin:0 2% 1em} #container{padding-top: 40px;} #column2-block {display: block;padding-bottom:2em} #main{width:100%;margin-bottom: 30px;padding:10px;} #sidebar{max-width: 100%;width:100%;margin: 0;padding:1em 0 0;} .wrapper{margin:0 3%;width:94%} .wrapper.home {padding-top: 0;} .postdata {padding-bottom: 1em;} span.br{display:block} img{max-width : 100%;height: auto;} } /*-------------------------------- 　HEADER --------------------------------*/ h1 a,#description {color: #fff;} h1{margin-bottom: 10px;font-family:serif;} h1 a {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: #fff;font-size:2.4rem;} .headicon{width: 80px;height: auto;margin: 0 10px 0 0;line-height: 80px;border-radius: 50%; border: 3px solid #fff;} h1 a:hover {color: rgba(255,255,255,0.7);text-shadow: 2px 2px 2px rgba(0,0,0,0.5);text-decoration: none} h1 a:hover .headicon {opacity: 0.7;box-shadow: 2px 2px 2px rgba(0,0,0,0.5)} #description {max-width: 900px;margin: 0 auto;text-align:center} @media screen and (max-width: 800px) { h1{margin: 0;padding: 20px 0 10px 0;} h1 a{font-size:1.6rem} .headicon{width: 70px;line-height: 70px;border: 2px solid #fff;} #description{display:block;padding:0 3%;font-size:88%} #description span{display:inline-block;text-align: left} } @media screen and (max-width: 414px) { h1 {padding: 10px 0 5px 0;font-size: 1.5rem;} .headicon{width: 50px;line-height: 50px;} } /*-------------------------------- 　SP スクロールで表示するheader --------------------------------*/ .spheader-mini {display: none} @media screen and (max-width: 800px) { .spheader-mini {position: fixed;top: 2px;left: 0;display:block;width: 100%;font-family:Merriweather,serif;} .spheader-mini a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: calc(100% - 120px;);height: 60px;margin: 0 60px;} .spheader-mini img{width: 42px;margin-right: 15px;border-radius: 50%; border: 2px solid #fff;} .spheader-mini a{color: #fff;font-size: 1rem} .spheader-mini a:hover{opacity: 1} .spheader-mini {visibility: hidden;opacity: 0;transition: 1000ms;}/*animation用記述*/ .spheader-mini.is-show {display: block;visibility: visible;opacity: 1;}/*animation用記述*/ } /*------------------------- 　NAVIGATION -------------------------*/ nav{margin-bottom: 1em;line-height: 1em;background: #eae9e3;background: #e9e6de;border-bottom: 1px solid rgba(0,0,0,0.2)} #nav-drawer{position:relative;text-align: center;} /*チェックボックス等は非表示に*/ .nav-unshown,#nav-open{display:none} /*中身*/ #links01{display: block;} #links01 ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack: distribute;justify-content: space-around;margin: 0 auto;line-height: 1em;overflow: hidden;} #links01 li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding: 15px 0;line-height: 1em;font-size: 110%;font-family: 'Koh Santepheap', cursive;font-weight: 400;letter-spacing: 1px;} #links01 li a{display: block;color: #5d4e3a;} @media screen and (max-width: 800px) { nav{position: fixed;top: 0;left: 0;width: 100%;margin: 0;padding:20px 0;border-bottom: none;background: #730b35;z-index: 10000} #nav-drawer{position:relative;text-align: left;} #links01 ul{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;} #links01 li{font-size: 100%;} #links01.wrapper{margin:0;width:100%} /*チェックボックス等は非表示に*/ .nav-unshown{display:none} /*アイコンのスペース*/ #nav-open{display:block;width:30px;height:22px;padding: 2px 0 2px 15px;vertical-align:middle;} /*ハンバーガーアイコン*/ #nav-open span,#nav-open span:after,#nav-open span:before{position:absolute;height:3px;width:25px;background:#fff;display:block;content:'';cursor:pointer;z-index: 10005} #nav-open span:before{bottom:-8px} #nav-open span:after{bottom:-1pc} /*閉じる用の薄黒カバー*/ #nav-close{display:none;position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;transition:.3s ease-in-out} /*中身*/ #links01{overflow:auto;position:fixed;top:0;left:0;z-index:1;width:80%;max-width:320px;height:100%;background:rgba(115,11,53,0.6);transition:.3s ease-in-out;-webkit-transform:translateX(-105%);transform:translateX(-105%);z-index: 10007} #links01 ul {width: 105%;} #links01 ul li {display: block;margin: 0.5em;padding: 1em; border-bottom: 1px dashed #ccc;} #links01 li a{color: #fff;} /*チェックが入ったらもろもろ表示*/ #nav-input:checked~#nav-close{display:block;opacity:.5} #nav-input:checked~#links01{-webkit-transform:translateX(0);transform:translateX(0);box-shadow:6px 0 25px rgba(0,0,0,.15)} } /*-------------------------------- 　Breadcrumb --------------------------------*/ #breadcrumb{margin-bottom:20px;overflow:hidden} #breadcrumb li{float:left;margin-right:.5em;font-size:90%} #breadcrumb li,#breadcrumb li a{color:#666} @media screen and (max-width: 800px) {#breadcrumb{margin-top:15px}} /*-------------------------------- 　Page link(number) --------------------------------*/ .pagination{margin-bottom: 50px;text-align:center;line-height:3em} a.page-numbers{color:#999} .page-numbers{padding:10px;border:1px solid #999} .page-numbers.current,.page-numbers:hover{background:#e6e2d9;color:#98917f;text-decoration:none} @media screen and (max-width: 768px) {.pagination{margin-bottom: 20px}} /*-------------------------------- 　PAGER(NEXT,PREVIOUS) --------------------------------*/ .navigation{overflow:hidden;margin-bottom:40px;border-top: 1px solid #d9d6d0;border-bottom: 1px solid #d9d6d0;} .navigation > div{width:50%}.navigation .alignright{text-align:right} .navigation a{display:block;padding:1em;border:0} .navigation a:hover{background:#dbdada;color:#989898} .navigation .alignright a:hover{border-left: 1px solid #d9d6d0;} .navigation .alignright a{border-left: 1px solid #d9d6d0;} .comment-page-link{margin:0 0 3em} .comment-page-link a,.comment-page-link span,.page-link span{display:inline-block;margin-right:3px;padding:5px 8px;border:1px solid #999;background:#999} .comment-page-link a,.page-link a span{background:#fff} .comment-page-link a:hover,.page-link a span:hover{background:#ffeff7;color:#000} @media screen and (max-width: 768px) { .navigation > div{width:100%} .navigation .alignright{border-top: 1px solid #d9d6d0;} .navigation .alignright a:hover, .navigation .alignright a{border:none;} } /*　Main *****************************************/ /*カテゴリーの日付・カテゴリー表記*/ .post-meta{margin-bottom:1.5em;font-size:90%} .post-meta .category,.post-meta .post-date{padding-right:1em} .comment-num{ white-space: nowrap; } .more-link{display:block;float:right;background:#74a4c3;line-height:100%;color:#fff;text-decoration:none;font-weight:400;font-size:75%;padding:5px 7px;margin:0 5px 5px 0;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px} /*記事のタイトル*/ #main h2{margin-bottom:10px;padding:20px 0 20px 60px;border-bottom: 1px solid rgba(0,0,0,0.4);background:url(../images/h2.png)no-repeat left;font-size:120%;font-weight:700} #main .post-date-siglep {margin-bottom: 1em;font-family: 'Playfair Display', serif;text-align: right;font-size: 120%;} .footer-post-meta{margin-top:40px;padding: 0.5em 1em;border: 1px solid #ccc;background: rgba(255,255,255,0.3)} .footer-post-meta a {display: inline-block;margin: 5px;padding: 2px .8em;color: #fff;background:#e682af;border-radius: 5px;font-size:90%} .footer-post-meta a:hover {background:#666;text-decoration:none} .post-author{ padding-left: 1em; } .page-link{margin:3em 0} .comment-page-link{margin:0 0 3em} .page-link span, .comment-page-link span, .comment-page-link a{display:inline-block;margin-right:3px;padding:5px 8px;border:1px solid #ddd;background:#ddd} .page-link a span, .comment-page-link a{background:#fff} .page-link a{border-bottom:0;color:#000} .comment-page-link a:hover,.page-link a span:hover{background:#ffeff7;color:#000} .to-netshopping {display: block;text-align: center;padding: 1em;} .to-netshopping img{max-width: 500px;width: 100%;height: auto;margin: 0;} .to-netshopping span{display: block;} @media only screen and (max-width: 440px) {.to-netshopping span{font-size: 3vw}} /*-------------------------------- 　COMMENT AREA --------------------------------*/ #comment-area h3{margin-bottom: 1em;font-family:serif;font-size:1.2rem} .comment-attention {font-size: 90%;color: #999} .required{ color: #fe56aa;} .commets-list,.trackback-list{overflow:hidden;margin-top:-20px;margin-bottom:40px} .commets-list li,.trackback-list li{overflow:hidden;margin-top:-1px;padding:20px 0 0;width:100%;border-top:1px solid #ddd;border-bottom:1px solid transparent} .commets-list .avatar{float:left;margin-right:10px;margin-bottom:10px} .comment-meta,.comment-notes,.form-allowed-tags,.reply,span.small{font-size:80%} .comment-body p{clear: both;} .reply{text-align:right} .bypostauthor{ /* 記事投稿者のコメントのスタイル */ } .children{padding-left: 2em;} #respond{margin-bottom: 40px;} /*-------------------------------- 　SIDE BAR --------------------------------*/ #sidebar h2{margin-bottom:10px;padding:5px 10px;font-family: 'Koh Santepheap', cursive;font-size:100%;font-weight: 400;letter-spacing: 1px;border-bottom: 1px solid rgba(0,0,0,0.4);color: #5d4e3a} #sidebar .new{font-size:70%;font-weight:400;color:#782214} .widget{margin-bottom:20px} #sidebar .widget ul {padding: 0.5em 1em 0.5em 1.3em;position: relative;font-size:90%;line-height:180%;} #sidebar .widget ul li {padding: 0.5em 0;} #sidebar-popular-posts li,#sidebar-recent-posts li{margin:20px 0} .menu-side-category-container{margin-bottom:20px} #menu-side-category {padding: 0.5em 1em 0.5em 1.3em;position: relative;font-size:90%;line-height:180%;} #menu-side-category li {padding: 0.3em 0;} #menu-side-category .sub-menu {margin-left: 1em} #searchform{position:relative;margin-top:45px}#s{padding:6px 20% 6px 5%;width:75%;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;font-size:10px}#searchsubmit{position:absolute;top:0;right:0;width:30px;height:26px;border:0;background:url(images/search.png)no-repeat 50% 50%} /*---------------------------------- SNS button ------------------------------------*/ .sns ul{overflow:hidden;margin:0;padding:0} .sns li{float:left;width:33.333333333%;width:20%;list-style:none;padding:4px 1%;box-sizing:border-box} .sns li>a{padding:3px 0;display:block;text-align:center;color:#fff;border-radius:4px;text-decoration:none} .sns li > a:hover{cursor:pointer} .sns li.twitter > a{background-color:#1da1f2;border-bottom:#0387d8 solid 3px} .sns li.facebook > a{background-color:#3b5998;border-bottom:#213f7e solid 3px} .sns li.googleplus > a {background-color: #dd4b39;border-bottom: #c3311f solid 3px;} .sns li.pocket > a {background-color: #ef4056;border-bottom: #d5263c solid 3px;} .sns li.hatebu > a {background-color: #00a4de;border-bottom: #008ac4 solid 3px;font-weight: bold;} .sns li.line > a {background-color: #00c300;border-bottom: #00a900 solid 3px;font-weight: bold;} /*-------------------------------- 　priacy policy link, #copyright --------------------------------*/ .pplink {margin: 0;padding: 1em 0;font-size: 0.8rem} #copyright{padding:20px 0;font-size:80%} /*-------------------------------- 　PAGE TOP --------------------------------*/ #page-top{position:fixed;bottom:0;right:0;margin: 0;} #page-top a{display:block;margin: 0;padding: 1px 10px;font-size: 0.7rem;font-weight: bold;text-align:center;letter-spacing: 1px;background: rgba(0,0,0,0.5);color:#fff;} #page-top a:hover{background: rgba(204,0,0,1.0);text-decoration: none;opacity: 1;} /*-------------------------------- 　FORM --------------------------------*/ input[type="text"],input[type="password"],input[type="email"],input[type="search"],textarea{margin:0;margin-bottom:20px;padding:6px 4px;max-width:100%;outline:0;border:1px solid #ccc;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;color:#777;vertical-align:bottom;font-size:100%} #comment-area input[type="text"],#comment-area textarea{display: block;} textarea {overflow: auto;} input[type="email"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="text"]:focus,textarea:focus{border:1px solid #e1a9ae;background:#fff;-webkit-box-shadow:0 0 3px hsla(48,33%,85%,.5);-moz-box-shadow:0 0 3px hsla(48,33%,85%,.5);box-shadow:0 0 3px hsla(48,33%,85%,.5);color:#444} .button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;margin-bottom:20px;padding:4px 9pt;padding:8px 10px;border:1px solid #a3575e;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#733137;color:#fff;text-decoration:none;font-weight:700;font-size:9pt;line-height:normal;cursor:pointer} .button:hover,button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border:1px solid #a3575e;background:#a3575e;color:#fff;text-shadow:0 -1px rgba(0,0,0,.4)} .button:active,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active{position:relative;top:1px} /*---------------------------------- 本文基本設定 ------------------------------------*/ .large{margin-bottom:75pt} .large, .largeb{font-size:158%;line-height:180%;text-align:center} .largeb{margin-bottom:0} .larger{margin-bottom:75pt;font-size:158%;line-height:180%;text-align:right} .largebl{text-align:left} .largebl, .largebr{margin-bottom:0;font-size:158%;line-height:180%} .largebr{text-align:right} .large2{margin-bottom:75pt;line-height:180%} .large2, .large2b{font-size:204%;text-align:center} .large2b{margin-bottom:0;line-height:160%} .large3{margin-bottom:75pt} .large3, .large3b{font-size:130%;line-height:150%;text-align:center} .large3b{margin-bottom:0} .large4{margin-bottom:75pt} .large4, .large4b{font-size:186%;line-height:160%;text-align:center} .large4b{margin-bottom:0} .large5{margin-bottom:75pt} .large5, .large5b{font-size:232%;text-align:center} .large5b{margin-bottom:0} .large6{margin-bottom:75pt} .large6, .large6b{font-size:279%;text-align:center} .large6b{margin-bottom:0} .large7{margin-bottom:75pt} .large7, .large7b{font-size:139%;line-height:155%;text-align:center} .large7b{margin-bottom:0}.normal{margin-bottom:75pt}.normal,.normalb{text-align:center}.normalb{margin-bottom:0}.normal2{margin-bottom:10px;text-align:center}.small{line-height:160%;text-align:center}.small,.smallr{margin-bottom:75pt;font-size:70%}.smallr{text-align:right}.vm{vertical-align:middle}.attention{margin-bottom:50px;padding:10px 15px;font-size:82%;border:1px dotted #666;color:#666} .large110{margin-bottom:75pt} .large110, .large110b{font-size:102%;text-align:center} .large110b{margin-bottom:0} .large120{margin-bottom:75pt} .large120, .large120b{font-size:111%;text-align:center} .large120b{margin-bottom:0} .smallb{margin-bottom:0;font-size:70%;text-align:center} .strong {font-size: 1.1rem;font-weight: bold;} .subtitle {font-size: 1.2rem;font-weight: bold;color: #843232} .subtitle span{display: inline-block;padding: 0.6em;border-bottom: 3px dotted #843232;} .sara-talk {padding-left: 38px;color: #853f3f;background: url(https://akazukin-diary.com/wp-content/uploads/2022/11/sara_talk.png) no-repeat left;background-size: 30px;} .sara-talk2 {padding-left: 38px;color: #853f3f;background: url(https://akazukin-diary.com/wp-content/uploads/2022/11/sara_talk.png) no-repeat left;background-size: 20px;} .sara-talk3 {color: #853f3f;} @media screen and (max-width: 768px) { .large{margin-bottom:5pc}.large,.largeb{font-size:139%;text-align:center} .largeb{margin-bottom:0}.normal{margin-bottom:5pc} .normal,.normalb{font-size:95%;text-align:center} .normalb{margin-bottom:0} } @media screen and (max-width: 480px) { .bgcolor {padding-top: 25px;background: rgba(0,0,0,0.04);} } .lead-small-text {display: block;margin-bottom:30px;font-size: 0.85rem} /*改行*/ .w48,.w64,.w768,.w980{display:none} @media screen and (max-width:980px){.w980{display:inline}} @media screen and (max-width:768px){.w768{display:inline}} @media screen and (max-width:640px){.w64{display:inline}} @media screen and (max-width:480px){.w48{display:inline}} .tuiki {padding: 10px 15px 0 15px;font-size: 14px;border: 1px dotted #ccc;background: #fff;} .dashed-note { background: #fff; /* 背景色 */ background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), /* 点線1の色 */ linear-gradient(180deg, #ccc 1px, transparent 1px); /* 点線2の色と太さ */ background-size: 8px 100%, /* 点線1のサイズ */ 100% 2.5em; /* 点線2のサイズ */ line-height: 2.5em; /* 文字の高さ */ padding-bottom: 1px; /* 最終行の下にも罫線を引く */ } /*---------------------------------- 文章個別指定 ------------------------------------*/ div.bmargin{margin-bottom:75pt} div.bm{margin-bottom:20px} .f190{font-size:180%} img{margin:25px 0} #sidebar img,img.mnone{margin:0} .textcenter{text-align:center} .advice {margin-bottom: 80px;padding: 30px 25px 65px 35px;background: url(https://akazukin-diary.com/wp-content/uploads/2019/09/4b36fcfda179617f414f9dbcecc05c71.png) no-repeat #f0eee7;background-position: 95% 100%;border: 1px dotted #cecbbc;} @media screen and (max-width: 1140px) { .advice {padding: 30px 25px 150px 35px;} } /*---------------------------------- LINE画面：左アイコン ------------------------------------*/ .smpview{margin:0 10% 50px;padding:10px;background:#b5e1e6;font-size:130%;overflow:hidden;zoom:100%}.smpview .lph{float:left;width:60px;height:auto;vertical-align:middle}.smpview .rtxt{margin-left:70px} /*---------------------------------- LINE画面：右アイコン ------------------------------------*/ .smpview .rph{float:right;width:60px;height:auto;vertical-align:middle}.smpview .ltxt{margin-right:70px} /*---------------------------------- LINE画面：ふき出し ------------------------------------*/ .linearea{background:#dbecf0} .linebox{margin-bottom:2em;font-size:130%;text-align:left;overflow:hidden} .fukidashi-left, .fukidashi-right, .fukidashi-top, .fukidashi-topr { position:relative;display:block;padding:10px;width:auto;line-height:180%;text-align:left;background:#b5e1e6;z-index:0} .fukidashi-left:after,.fukidashi-right:after,.fukidashi-top:before,.fukidashi-topr:before{content:"";position:absolute;top:1.5em;margin-top:-10px;display:block;width:0;height:0;border-style:solid} .fukidashi-top:before,.fukidashi-topr:before{top:-8px;margin-top:0;border-style:solid;border-color:transparent transparent #b5e1e6} /*上左*/ .fukidashi-top:before{left:10px;border-width:0 10px 10px} /*上右*/ .fukidashi-topr:before{right:10px;border-width:0 10px 10px} /*左*/ .fukidashi-left:after{left:-10px;border-width:10px 10px 10px 0;border-color:transparent #b5e1e6} /*右*/ .fukidashi-right:after{right:-10px;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #b5e1e6} .lefticon{float:left;margin:0 20px 1em 0} .righticon{float:right;margin:0 0 1em 20px} .leftbox{float:left;margin-left:20px} .rightbox{float:right;margin-right:20px} /*下向き吹き出し*/ .talkoutside {margin-bottom: 100px; text-align: center;} .balloon.p01 {background: #e0edff;} .balloon.p01:before {border-top: 15px solid #e0edff;} .balloon.p02 {background: #e7bfea;} .balloon.p02:before {border-top: 15px solid #e7bfea;} .balloon.p03 {background: #eadf98;} .balloon.p03:before {border-top: 15px solid #eadf98;} .balloon.p04 {background: #d2d9d4;} .balloon.p04:before {border-top: 15px solid #d2d9d4;} .balloon{position:relative;display:inline-block;margin:1.5em 0;padding:7px 10px;min-width:90pt;max-width:100%;color:#555;font-size: 110%;} .balloon:before{content:"";position:absolute;top:100%;left:50%;margin-left:-15px;border:15px solid transparent} .balloon p{margin:0;padding:0} /*ショートメッセージ画面*/ .smessage {width: 60%;margin-bottom: 20px;padding: 10px;background: #eef8fb; border: 1px solid #9cc8d9; overflow: hidden;} .smessage span{display: block;text-align: left;} .smessage img{width: 100px;height: auto;margin: 0 10px 0 0;padding: 0;float: left;} .smessager {margin-left: 40%;margin-bottom: 20px;padding: 10px;background: #faecf8; border: 1px solid #d28ac5; overflow: hidden;} .smessager span{display: block;text-align: right;} .smessager img{width: 100px;height: auto;margin: 0 0 0 10px;padding: 0;float: right;} .smessager.bmtuika,.smessage.bmtuika {margin-bottom: 50px;} @media screen and (max-width: 500px) { .smessage {width: 80%;} .smessager {margin-left: 20%;} } /*LINE風吹き出し20191129*/ .balloon-set-box{display:flex;flex-wrap:wrap;font-size: 120%;margin:0 0 30px 0;} .balloon-set-box.left{flex-direction:row} .balloon-set-box.right{flex-direction:row-reverse} .balloon{position:relative;display:inline-block;max-width:400px;margin:10px 20px 20px;padding:8px 15px;background:#ebebeb;text-align:left;border-radius:15px} .balloon:after{content:'';border:14px solid transparent;border-top-color:#ebebeb;position:absolute;top:0} .left .balloon:after{left:-10px} .right .balloon:after{right:-10px} .icon-box{width:75px;height:75px;line-height:75px;margin:0;overflow:hidden;} .icon {width: 100%;height: auto;margin: 0} .linebgblue {margin: 50px 5%;padding: 5% 3% 3% 3%;background: #a4d4e5;} .fukidasi-top{position:relative;display:inline-block;max-width:100%;margin: 0 auto;background:#c7ded8;border-radius:0;padding:.8em;text-align:left} .fukidasi-top>:last-child{margin-bottom:0} .fukidasi-top:after,.fukidasi-top:before{content:"";position:absolute;top:100%;left:50%} .fukidasi-top:before:before{margin-left:-12.82px;border:12.82px solid transparent;z-index:1} .fukidasi-top:after{margin-left:-10px;border:10px solid transparent;border-top:10px solid #c7ded8;z-index:2} .fukidasi-top p{margin: 0;} /*吹き出し*/ .balloon1{position:relative;display:inline-block;margin:1.5em 0;padding:7px 20px;min-width:90pt;max-width:100%;color:#555;font-size:1pc;background:#e0edff}.balloon1:before{content:"";position:absolute;top:100%;left:50%;margin-left:-15px;border:15px solid transparent;border-top:15px solid #e0edff}.balloon1 p{margin:0;padding:0} /*グレー吹き出し　左アイコン*/ .talk-block {margin-bottom: 20px;padding: 0 10%} .talk-left-icon {display: flex;align-items: flex-start;} .talk-left-icon-icon {margin: 0 30px 0 0;line-height: 0;} .talk-left-icon-icon img{width: 100px;height: auto;margin: 0;line-height: 0;} .talk-right-fukidashi{position:relative;display:block;max-width:100%;background:#e5e5e5;border-radius:0;padding:.8em 1em;text-align:left} .talk-right-fukidashi>:last-child{margin-bottom:0} .talk-right-fukidashi:after,.talk-right-fukidashi:before{content:"";position:absolute;top:15px;left:-10px} .talk-right-fukidashi:before:before{margin-left:0;border:12.82px solid transparent;z-index:1} .talk-right-fukidashi:after{margin-left:-10px;border:10px solid transparent;border-right:10px solid #e5e5e5;z-index:2} .talk-right-fukidashi p{margin: 0;font-size: 1.2rem;} @media screen and (max-width: 480px) { .talk-block {padding: 0 5%} } /*思い出してる風　上用吹き出し*/ .talk-block-4 {margin: 40px 10% 20px 10%;;} .balloon-4 { position: relative; margin: 2em 0 2em 40px; padding: 15px 25px; background: #e8eab5; border-radius: 30px; } .balloon-4:before { content: ""; position: absolute; left: 38px; width: 13px; height: 12px; bottom: -30px; background: #e8eab5; border-radius: 50%; } .balloon-4:after { content: ""; position: absolute; left: 24px; width: 20px; height: 18px; bottom: -12px; background: #e8eab5; border-radius: 50%; } .balloon-4 p { margin: 0; padding: 0; font-size: 1.2rem; } @media screen and (max-width: 480px) { .talk-block-4 {margin: 20px 5% 20px 0;} } /*---------------------------------- LINE画面風：20230127 ------------------------------------*/ .talk-icon-block {margin: 0 5%} .talk-bottom-margin {margin-bottom: 20px;} .talk-icon-left {display: flex;align-items: flex-start;} .talk-fukidashi-right{position:relative;display:block;max-width:100%;width: calc(100% - 80px);background:#c9f6a1;border-radius:0;padding:.8em 1em;text-align:left} .talk-fukidashi-right>:last-child{margin-bottom:0} .talk-fukidashi-right:after,.fukidashi-right:before{content:"";position:absolute;top:15px;left:-10px} .talk-fukidashi-right:before:before{margin-left:0;border:12.82px solid transparent;z-index:1} .talk-fukidashi-right:after{margin-left:-10px;border:10px solid transparent;border-right:10px solid #c9f6a1;z-index:2} .talk-fukidashi-right p{margin: 0;font-size: 1.2rem;} .talk-icon-left-icon {width: 80px;margin: 0 30px 0 0;line-height: 0;} .talk-icon-left-icon img{width: 80px;height: auto;margin: 0;line-height: 0;} .talk-icon-right {display: flex;align-items: flex-start;justify-content: flex-end;} .talk-fukidashi-left{position:relative;display:block;max-width:100%;width: calc(100% - 80px);background:#c9f6a1;border-radius:0;padding:.8em 1em;text-align:left} .talk-fukidashi-left>:last-child{margin-bottom:0} .talk-fukidashi-left:after,.fukidashi-left:before{content:"";position:absolute;top:15px;right:-20px} .talk-fukidashi-left:before:before{margin-left:0;border:12.82px solid transparent;z-index:1} .talk-fukidashi-left:after{margin-left:0;border:10px solid transparent;border-left:10px solid #c9f6a1;z-index:2} .talk-fukidashi-left p{margin: 0;font-size: 1.2rem;} .talk-icon-right-icon {width: 80px;margin: 0 0 0 30px;line-height: 0;} .talk-icon-right-icon img{width: 80px;height: auto;margin: 0;line-height: 0;} @media screen and (max-width: 480px) { .talk-icon-block {margin: 0} } /*---------------------------------- 　反省点リスト ------------------------------------*/ .hanseiten{margin: 0 10%;padding: 30px;background: #eeeeea;} .hanseiten li{padding: 10px;border-bottom: 3px dotted #ccc;} .hanseiten li:first-child{border-top: 3px dotted #ccc;} @media only screen and (max-width: 768px) { .hanseiten{margin: 0;} } /*---------------------------------- 　SIDE BAR,TOP FOOT LINK 共通 ------------------------------------*/ /*アーカイブ*/ #archivesblock ul li a{font-size:100%} /*カレンダー*/ #wp-calendar{width:90%;margin:0 5%}#wp-calendar caption,#wp-calendar td,#wp-calendar th{text-align:center}#wp-calendar td,#wp-calendar th{font-size:90%}#wp-calendar td a{display:block;margin:3px;background:#74a4c3;color:#fff;text-align:center;border-radius:5px}#wp-calendar td#next a,#wp-calendar td#prev a{display:block;background:0;text-align:center;color:#333} /*お知らせ*/ .banner {margin-bottom: 0.8em;} .banner img{width: 100%;height: auto;} @media screen and (max-width: 500px) { .banner {margin-bottom: 0.2em;} } /*modify information*/ #mfinfo a{display:block;width:auto;margin:0 0 10px;padding:.5em 0;font-size:75%;text-align:center;text-decoration:none;line-height:100%;color:#fff}.rss a{background:#f5872e}.rss a:hover{background:#e7bd9b}.feedly a{background:#4dd25c}.feedly a:hover{background:#a3d8aa}.myyahoo a{background:#d24d53}.myyahoo a:hover{background:#e3a1a4} /*blog ranking*/ .ouen {margin-bottom: .5em;font-size: 80%;text-align: center;} .rankbanner a,.branking2 a{display:block;width:auto;margin:0 0 10px;padding:.5em 0;font-size:75%;text-align:center;text-decoration:none;line-height:100%;color:#fff} .rankbanner .r01 a,.branking2 .r01 a{background:#8c94a3} .rankbanner .r02 a,.branking2 .r02 a{background:#b9b1aa} .rankbanner .r03 a,.branking2 .r02 a{background:#a77d84} .rankbanner .r01 a:hover,.rankbanner .r02 a:hover,.rankbanner .r03 a:hover{background:#ccc;color:#f9f9f6} .nihonblogmura {margin-bottom: 20px;} @media screen and (max-width: 500px) { .rankbanner a,#mfinfo a{padding:.7em 0;} } /*tagcloud*/ .tagcloud{padding:10px 0;overflow:hidden;} .tagcloud a{white-space:nowrap;color:#666;font-size:9pt!important} #sidebar .tagcloud.widget a{font-size:9pt} .tagcloud a{float:left;display:block;background:#74a4c3;line-height:100%;color:#fff;text-decoration:none;font-weight:400;font-size:75%;padding:3px 7px;margin:0 5px 5px 0;-webkit-transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px} .tagcloud a:hover{background:#afd1b6} /*---------------------------------- ////HOME/////////////////////////// ------------------------------------*/ /*トップの記事一覧*/ .topwrapper {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 1em;} .homecard {position:relative;-ms-flex-preferred-size: 28%;flex-basis: 28%;margin:0 2.5% 5% 2.5%;background: #fff;box-shadow: 1px 1px 1px #ccc;} .pthumnail {display: block;width: 100%:height:auto;margin: 0;padding: 0;text-align: center;line-height: 0;} .attachment-thumbnail,.size-thumbnail,.pthumnail img,.attachment-thumbnail.size-thumbnail.wp-post-image{max-width:auto;width: 100%:height:auto;margin: 0;line-height: 0;} .postanddate {margin: 0;padding: 10px;} .ptitle {display: block;} .ptitle a{color: #333;} .pdate {display: block;font-size: 90%;font-family: 'Roboto', sans-serif;} .topnew {position:absolute;top:0;left: 0;color:#fff;padding: 2px 10px;background: #d92727;font-size: 80%;font-weight: bold} @media screen and (max-width: 800px) { .homecard {-ms-flex-preferred-size: 44%;flex-basis: 44%;margin:0 3% 6% 3%;} } @media screen and (max-width: 768px) { .topnew {padding: 2px 5px;font-size: 70%;line-height: 1.3em;} } @media screen and (max-width: 414px) { .topwrapper {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin: 0 5%;padding: 0 0 5% 0;} .homecard {-ms-flex-preferred-size: 100%;flex-basis: 100%;width: 100%;margin:0 0 5% 0;display:-webkit-box;display:-ms-flexbox;display:flex;} .pthumnail{-ms-flex-preferred-size: 50%;flex-basis: 50%;} .postanddate {-ms-flex-preferred-size: 50%;flex-basis: 50%;} } /*トップのフッタ*/ #topfootlink {padding-top:5%;background: #f2f1ed; border-top: 1px solid #d9d8d4;overflow: hidden;} #topfootlink .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} #topfootlink .wblock {-ms-flex-preferred-size: 32%;flex-basis: 32%;margin: 0 1% 1% 0;padding: 15px;background: #faf8f5;} #topfootlink .wblock:nth-child(3n) {margin-right: 0} #topfootlink h2{margin-bottom:10px;padding:5px 10px;border-bottom: 1px solid #d9d6d0;color: #787065} #topfootlink .new{font-size:70%;font-weight:400;color:#782214} #topfootlink ul {padding: 0.5em 1em 0.5em 1.3em;position: relative;font-size:100%;line-height:180%;} #topfootlink ul li {padding: 0.5em 0;} #topfootlink img{margin: 0;} #topfootlink .tagcloud a{font-size:1rem} #topfootlink .banner img{width: 100%;height: auto;} #topfootlink .blogmura-blogparts {margin-bottom: 15px;} #searchform{position:relative;margin-top:45px}#s{padding:6px 20% 6px 5%;width:75%;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;font-size:10px} #searchsubmit{position:absolute;top:0;right:0;width:30px;height:26px;border:0;background:url(images/search.png)no-repeat 50% 50%} @media screen and (max-width: 1200px) { #topfootlink {padding-top: 3%;} } @media screen and (max-width: 800px) { #topfootlink .wblock, #topfootlink .wblock:nth-child(4n), #topfootlink .wblock:nth-child(3n) {margin: 0 4% 4% 0} #topfootlink .wblock {-ms-flex-preferred-size: 48%;flex-basis: 48%;} #topfootlink .wblock:nth-child(2n) {margin-right: 0} } @media screen and (max-width: 500px) { #topfootlink .wrapper{display:block;} #topfootlink .wblock {width: 100%;} #topfootlink .wblock, #topfootlink .wblock:nth-child(4n), #topfootlink .wblock:nth-child(3n), #topfootlink .wblock:nth-child(2n){margin: 0 0 4% 0} } /*---------------------------------- PAGE common ------------------------------------*/ #main h2.page-title {margin-bottom: 1em;} .page-main-inner {padding: 1em}/*page-categoryを除く*/ /*---------------------------------- ABOUT ------------------------------------*/ .about-inner-block {line-height: 185%;} /*---------------------------------- CATEGORY PAGE ------------------------------------*/ .page_category-tag-block {margin-bottom: 2em;padding: 4px;background: #fff;} .page_category-tag-blockinner {padding: 10px;border: 1px dashed #ccc;} .page_category-list, .page-tag-list {} .page_category-list li, .page-tag-list li {padding: 0.5em 1em;border-bottom: 2px dotted #999;} #menu-category-page-list {padding: 0.5em 1em 0.5em 1.3em;position: relative;line-height:180%;} #menu-category-page-list li:first-child {border-top: 2px dotted #999;} #menu-category-page-list > li {padding: 0.5em 0;text-indent: 1em;} #menu-category-page-list > li{border-bottom: 2px dotted #999;} #menu-category-page-list .sub-menu {padding: 1em 1em 0.5em 1em;} #menu-category-page-list .sub-menu li:first-child {border-top: none;} /*---------------------------------- CATEGORY ------------------------------------*/ .category-list-block {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; margin-bottom: 30px;padding: 15px;border: 1px solid #ccc;background: #fff;box-sizing: border-box} .category-list-block dt{-ms-flex-preferred-size: 30%;flex-basis: 30%;line-height: 0} .category-list-block dd{-ms-flex-preferred-size: calc(70% - 15px);flex-basis: calc(70% - 15px);} .category-list-block img{margin: 0;line-height: 0} .category-list-block p {margin: 0;padding:0;} .category-list-block span {display: block} .category-list-date {font-size: 0.8rem;color: #999} .category-list-post-title {margin: 0.4em 0;font-size: 1.2rem;font-weight: bold;} .category-list-excerpt {font-size: 0.8rem;} @media (max-width: 414px){ .category-list-block {margin: 0 0 2% 0;flex-direction: column;} } /*---------------------------------- ARCHIVE ------------------------------------*/ .archive-list-block {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; margin-bottom: 30px;padding: 15px;border: 1px solid #ccc;background: #fff;box-sizing: border-box} .archive-list-block dt{-ms-flex-preferred-size: 30%;flex-basis: 30%;line-height: 0} .archive-list-block dd{-ms-flex-preferred-size: calc(70% - 15px);flex-basis: calc(70% - 15px);} .archive-list-block img{margin: 0;line-height: 0} .archive-list-block p {margin: 0;padding:0;} .archive-list-block span {display: block} .archive-list-date {font-size: 0.8rem;color: #999} .archive-list-post-title {margin: 0.4em 0;font-size: 1.2rem;font-weight: bold;} .archive-list-excerpt {font-size: 0.8rem;} @media (max-width: 414px){ .archive-list-block {margin: 0 0 2% 0;flex-direction: column;} } /*---------------------------------- CONTACT ------------------------------------*/ table.contact-form{width: 100%;} table.contact-form th,table.contact-form td {padding: 10px;border: solid 1px #ccc;} table.contact-form th {background: #efefef;vertical-align: middle;font-size: 14px;white-space: nowrap;text-align: left;} .submitarea {padding-top: 30px;} .submitarea .button02 {margin-right: 15px;} .hissu {padding: 0.3em;background: #ca4064;border-radius: 5px;color: #fff;font-size: 0.8rem;font-weight: bold;letter-spacing: 1px;} @media screen and (max-width: 640px) { table.contact-form {border-bottom: solid 1px #ccc;} table.contact-form th,table.contact-form td {display: block;width: 100%;border-bottom: none;} } .contact-form input {width: 100%;font-size: 100%;} .contact-form textarea{width: 100%;font-size: 100%;} .sbmt {margin-right: 1em;} .grecaptcha-badge{ position: fixed; bottom: 30px!important; } /*---------------------------------- SITE MAP ------------------------------------*/ .ribbon5{display:inline-block;position:relative;top:-20px;height:45px;line-height:40px;text-align:center;padding:5px 0 0;font-size:17px;background:#cd4294;color:#fff;box-sizing:border-box} .ribbon5 h3{margin:0;padding:0 15px;border-top:dashed 1px #fff} #sitemaparea ul{margin-bottom: 15px} #sitemaparea ul li{padding: .4em;;border-bottom: 1px dotted #ccc;} #sitemaparea .smmblk {margin-bottom: 2em;padding: 4px;background: #fff;} #sitemaparea .smmblkinner {padding: 10px;border: 1px dashed #ccc;} /*---------------------------------- PRIVACY POLICY ------------------------------------*/ .pp {font-size: 90%;} .pp dt{font-weight: bold;} .pp dd{margin-bottom: 1em;} /*---------------------------------- related post ------------------------------------*/ .rlpost {margin: 40px 2% 10px 2%;font-weight: bold;font-size: 100%;} .relatepost { display: flex;margin-bottom: 25px;} .related-entry{width:21%;margin: 0 2%;} .related-entry img {width:100%;height:auto;margin: 0 0 .5em 0;} @media screen and (max-width: 1200px) { .wrapper.home {width: auto;margin: 0 2%;padding-top: 50px} } @media screen and (max-width: 560px) { .relatepost {flex-direction: column;} .related-entry{width:96%;margin: 0 2%;} .relatepost .related-entry:first-child {border-top: 3px dotted #ccc;} .relatepost .related-entry-content {display: flex;justify-content: space-between;align-items: center;border-bottom: 3px dotted #ccc;} .relatepost .related-entry-thumb {flex-basis: 25%;padding: 5px 0 0 0;} .relatepost .related-entry-title {flex-basis: 70%;} .relatepost .related-entry-thumb img{width: 100%;height: auto;} } /*---------------------------------- 2022年キッチンリフォーム ------------------------------------*/ .kitchen-reform-title {margin: 0 25% 3em 30%;padding: 0.7rem;font-size: 1.5rem;font-weight:bold;line-height: 170%;border-bottom: 3px dotted #6f302e;text-align:center;letter-spacing: 1px;} .kitchen-reform-title i{margin-right: 0.6rem;color: #2fb2ca;font-size: 1.8rem;} @media screen and (max-width: 740px) { .kitchen-reform-title {margin: 0 10% 3em 10%;}} @media screen and (max-width: 480px) { .kitchen-reform-title {margin: 0 0 3em 0;}} .owabi {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border: 2px dashed #c6baba;margin-bottom: 50px;padding: 1px 20px;font-size: 80%;} .owabi .img{margin: 0 20px 0 0;padding: 0;} .owabi .img img{margin: 10px 0} .owabi .text{margin: 0;text-align: left;} /*---------------------------------- 2022年　コバエ対策 ------------------------------------*/ .insect-repellent-list-area {padding: 10px;background: #f2eee9} .insect-repellent-list-area-wrap {padding: 20px 30px;border:2px dashed #9d2424;} .insect-repellent-list {padding: 20px 0;} .insect-repellent-list li{margin: 0 0 0.7em 0;;text-indent:-1em;padding-left:1em;line-height:150%;} .insect-repellent-list li:last-child{margin-bottom: 0} .insect-repellent-list li:before{content:"・";color: #9d2424} .insect-repellent-list p:last-child{margin-bottom: 0} /*---------------------------------- WordPress Misc ------------------------------------*/ .aligncenter{display:block;margin-right:auto;margin-left:auto}.alignleft{float:left}.alignright{float:right}.wp-caption{margin:10px;padding-top:4px;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#f3f3f3;text-align:center}.gallery-caption,.wp-caption-text{font-size:80%}.wp-caption img{margin:0;padding:0;border:0 0 0}.wp-caption-dd{margin:0;padding:0 4px 5px;font-size:11px;line-height:17px}img.alignright{display:inline-block;margin:0 0 1em 1.5em}img.alignleft{display:inline-block;margin:0 1.5em 1em 0} .oshirase2022 {padding: 10px;font-size: 0.9rem;border: 3px dotted #b09370;} .oshirase2022 a{text-decoration:underline} /*---------------------------------- 20230503 思い出しリスト ------------------------------------*/ .omoidashi-list {margin: 0 10%;padding: 15px;background: #e6e5d8;font-size: 1.2rem;text-align: left} .omoidashi-list ul{list-style-type: disc;padding: 15px;border: 2px dashed #e1a1b8;} .omoidashi-list li{margin-bottom: 15px;text-indent:-0.8em;padding-left:0.9em;line-height:150%;} .omoidashi-list li:last-child{margin-bottom: 0;} @media only screen and (max-width: 768px) { .omoidashi-list {padding: 10px;} .omoidashi-list ul{padding: 10px;} .omoidashi-list {margin: 0;} } /*---------------------------------- 20230503 思い出しリスト 2 ------------------------------------*/ .omoidashi-list2 {margin: 0 10%;padding: 15px;background: #dbedef;font-size: 1.2rem;text-align: left} .omoidashi-list2 ul{list-style-type: disc;padding: 15px;border: 2px dashed #458890;} .omoidashi-list2 li{margin-bottom: 15px;text-indent:-0.8em;padding-left:0.9em;line-height:150%;} .omoidashi-list2 li:last-child{margin-bottom: 0;} @media only screen and (max-width: 768px) { .omoidashi-list2 {padding: 10px;} .omoidashi-list2 ul{padding: 10px;} .omoidashi-list2 {margin: 0;} } /*---------------------------------- 20230622 思い出しリスト 3 ------------------------------------*/ .omoidashi-list3 {margin: 0 10%;padding: 15px;background: #f2f2dd;font-size: 1.2rem;text-align: left} .omoidashi-list3 ul{list-style-type: disc;padding: 15px;border: 2px dashed #9f9e40;} .omoidashi-list3 li{margin-bottom: 15px;text-indent:-0.8em;padding-left:0.9em;line-height:150%;} .omoidashi-list3 li:last-child{margin-bottom: 0;} @media only screen and (max-width: 768px) { .omoidashi-list3 {padding: 10px;} .omoidashi-list3 ul{padding: 10px;} .omoidashi-list3 {margin: 0;} } /*---------------------------------- 20230622　解説ブロック ------------------------------------*/ .setumei-01 {margin: 0 10%;padding: 5px;background: #ede9e8;;text-align: left} .setumei-01 .setumei-01-inner{padding: 15px;font-size: 0.9rem;border: 2px dashed #982711;} .setumei-01 .setumei-01-title{color: #982711;font-weight: bold} .setumei-01 p{margin: 0} @media only screen and (max-width: 768px) { .setumei-01 {margin: 0;} .setumei-01 .setumei-01-inner{padding: 10px;} } /*---------------------------------- 20230902　・リスト 文字大きめ/PC時マージンあり ------------------------------------*/ ul.disc {margin:0 10%;list-style-type:none;font-size:1.3rem;} ul.disc li{display: block;margin-left:0;margin-bottom:0.8rem;text-indent:-1em;padding-left:1em;line-height:150%;} ul.disc li:before{content:"・"} @media only screen and (max-width: 768px) { ul.disc {margin:0;} } /*---------------------------------- 20240416　LINE画面 ------------------------------------*/ .line-bg-blue {margin: 50px 5%;padding: 2% 3%;background: #a4d4e5;} .line-photo-block {display: flex;align-content: flex-start;margin: 0;padding:20px 0;} .line-photo-block.right {justify-content: flex-end;margin: 0 0 0 10%;} .line-photo-block.left {justify-content: flex-start;margin: 0 10% 0 0} .line-photo {margin: 0} .mama-icon {flex-basis: 120px;width: 120px;height: 120px;margin: 0 0 0 15px;} .chibi-icon {flex-basis: 120px;width: 120px;height: 120px;margin: 0 15px 15px 0;} .mama-icon img,.chibi-icon img{min-width: 120px;width: 120px;height: 120px;} .balloon1-left,.balloon1-right {max-width: calc(90% - 135px);} .balloon1-left {position: relative;display: inline-block; min-width: 120px;max-width: 100%;margin: 1.5em 0 1.5em 15px;padding: 15px;color: #333;font-size: 20px;background: #e0edff;border-radius: 5px} .balloon1-left:before {content: "";position: absolute;top: 50%;left: -30px;margin-top: -15px;border: 15px solid transparent;border-right: 15px solid #e0edff;border-radius: 0;} .balloon1-left p {margin: 0;padding: 0;} .balloon1-right {position: relative;display: inline-block;min-width: 120px;max-width: 100%;margin: 1.5em 15px 1.5em 0;padding: 15px;color: #333;font-size: 20px;background: #e0edff;border-radius: 5px} .balloon1-right:before {position: absolute;top: 50%;left: 100%;margin-top: -15px;border: 15px solid transparent;border-left: 15px solid #e0edff;content: "";} .balloon1-right p {margin: 0;padding: 0;} @media only screen and (max-width: 768px) {  .line-bg-blue {margin: 50px 5%;padding: 2%;} .mama-icon {flex-basis: 90px;height: 90px;} .chibi-icon {flex-basis: 90px;height: 90px;} .mama-icon img,.chibi-icon img{min-width: 90px;width:90px;height: 90px;} .balloon1-left,.balloon1-right {flex-basis: calc(100% - 95px);padding: 5px;font-size: 16px;} .line-photo {flex-basis: calc(100% - 95px);} } /*---------------------------------- ポスト内 関連記事リスト ------------------------------------*/ .category-list-in-the-post {margin: 0 5% 5%;padding: 5%;background: rgba(255,255,255,1);border: 1px solid rgba(0,0,0,0.1);} .category-list-in-the-post-title {margin-bottom: 30px;color: #6a311b;font-size: 1.2rem;font-weight: bold} .category-list-in-the-post .link-list {} .category-list-in-the-post .link-list li:first-child{border-top: 3px dotted #ccc;} .category-list-in-the-post .link-list li{border-bottom: 3px dotted #ccc;} .category-list-in-the-post .link-list li a{display: block;padding: 10px 10px 10px 45px;background: url(https://akazukin-diary.com/images/strawberry.png) no-repeat;background-size: 20px;background-position: 10px 10px;} .category-list-in-the-post .link-list li.now{background: rgba(250,237,48,0.2);} .category-list-in-the-post .link-list li.now a{background: url(https://akazukin-diary.com/images/strawberry_on.png) no-repeat;background-size: 20px;background-position: 10px 10px;font-weight: 600} /*---------------------------------- Google form 埋め込み ------------------------------------*/ .gform{position:relative;width:100%;padding-top:40%} .gform iframe{position:relative;top:0;right:0;width:100%;height:110%} /*投稿 / magmag*/ .short-magmag {padding: 5% 5% 0 5%;background: #fff;} /*---------------------------------- サラ病院LINE ------------------------------------*/ .sara-line-block {margin: 0 10%;padding: 5%;background: #dbd1c3;align-items: flex-start;box-sizing: border-box} .sara-line-block .icon{flex-basis: 140px;margin-bottom: 0} .sara-line-block .icon.left{margin-right: 20px} .sara-line-block .msg{flex-basis: calc(100% - 160px);margin-bottom: 0;padding: 3%;background: #bfb8af;color: #604b2f} .sara-line-block .photo{flex-basis: calc(100% - 160px);margin-bottom: 0;padding: 0;} .talk-left {display: flex;margin-bottom: 30px;} .talk-right {display: flex;margin-bottom: 30px;} .talk-left:last-child {margin-bottom: 0} .talk-right:last-child {margin-bottom: 0} @media only screen and (max-width: 768px) { .sara-line-block {margin: 0} .sara-line-block .msg{flex-basis: calc(100% - 75px);padding: 5%;} .sara-line-block .photo{flex-basis: calc(100% - 75px);} .sara-line-block .icon{flex-basis: 60px;} .sara-line-block .icon.left{margin-right: 15px} .talk-left {display: flex;margin-bottom: 5%;} .talk-right {display: flex;margin-bottom: 5%} .talk-left:last-child {margin-bottom: 0} .talk-right:last-child {margin-bottom: 0} }