@charset "UTF-8";

body {margin: 0;padding: 0;font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
#outer {background-image: url(/image/kinkin.png);background-repeat: repeat-x;padding: 0;line-height: 1.6;position: relative;}
a {color: #03c;}
.aka {color: #B0231D;font-weight: bold;}
.akai {color: #f00;font-weight: normal;}
.orange {color: #C30;font-weight: bold;}
.ccc {border: solid 1px #ccc;}
table {color: #333;}
pre {position:relative;white-space: pre-wrap;word-wrap: break-word;overflow: auto;background-color: #F0F9F4;color: #000;padding: 10px;font-size: 15px;}
.pre-btn {padding: 10px 10px 44px 10px;}
.breadcrumb {margin-left: 0;font-weight: bold;color: #555;}
hr {border-width: 1px 0 0 0;border-style: solid;border-color: #ccc;height: 1px;}
.hasen {border-style: dotted;border-color: #999;}
blockquote {border: 1px solid #ccc;	padding: 5px;margin: 10px;}
.svg-outer {border: 1px solid #dadce0;border-radius: 50%;padding: 9px;}
.upward {fill: #75797D;}
a:hover .upward {fill: #111;}
a:hover .svg-outer {background-color: #f8f8f8;}
.selected {color: #212121;font-weight: bold;}
#selected {color: #e34352;font-weight: bold;}
img {max-width: 100%;height: auto;border: 0;}
img.auto {max-width: 100%;height: auto;}
ul {margin: 1em 10px;padding: 0 20px;}
.copyright {padding-top: 0;margin-left: 0;color: #666;text-align: center;}
.copy-ul {margin: 0;padding: 0;list-style-type: none;}
.copy-li {margin: 0 10px;padding: 0 2px;display: inline;}
.copy-li a {color: #666;text-decoration: none;}
.copy-li a:hover {text-decoration: underline;}
.copy-li:first-child:before {display: none}
.copyright p{color: #666;}
dfn {font-style: inherit;}
.copy-btn {
position:absolute;
bottom:0;
right:0;
padding:10px;
display: inline-flex;
cursor: pointer;
align-items: center;
}
.copy-btn:hover {
background-color: #fafafa;
}
.copied-message {
position: absolute;
bottom:0;
right: 0;
padding:10px;
display: none;
cursor: pointer;
align-items: center;
}
#cse-search-box {margin: 0.5rem 0;}
.search-form {display: flex;justify-content: left;margin: 1rem 0;}
.search-container {display: flex;align-items: center;border: 1px solid #ccc;border-radius: 4px;margin:0;}
input::placeholder {color: #9e9e9e;}
#search-input {width: 214px;padding: 8px 12px;border: none;font-size: 14px;outline: none;border-radius: 4px 0 0 4px;}
#search-button {background-color: #f8f8f8;color: #333;border: none;padding: 8px 16px;font-size: 14px;
cursor: pointer;border-radius: 0 4px 4px 0;transition: background-color 0.3s;margin-left:auto;}
#search-button:hover {background-color: #004c25;color:#fff;}
@font-face {font-family: "Noto Sans JP";font-style: normal;font-weight: 700;
src: url(https://www.homepage-tukurikata.com/fonts/nbold.woff2) format("woff2"),
url(https://www.homepage-tukurikata.com/fonts/nbold.woff) format("woff");font-display: swap;}
@media screen and (max-width:767px) {
.kai {display: block;font-weight: bold;color: #333;}
.blue {font-size: 16px;background-color: #d8e4e8;font-weight: bold;padding: 10px 0 10px 10px;}
.yellow {padding: 14px 0 14px 10px;color: #000;background: #FCF5DC;font-weight: bold;}
.black {background-color: #fff;background: none;font-size: 16px;padding: 4px 10px;}
.black:before {content: "■";}
.htarrow {background-image: url(/image/html-arrow.png);background-position: left center;background-repeat: no-repeat;padding: 0 0 0 15px;margin: 0.4em 0 0.4em 0;}
#outer {width: 100%;font-size: 100%;}
#header-inner {width: 100%;}
.logo {font-size: 18px;padding: 10px 0 6px 16px;margin: 0;color: #033;font-family:"Noto Sans JP";font-weight: 700;}
.logo a {color: #190F0B;text-decoration: none;display: block;}
.logo a:hover {text-decoration: none;}
h1 {font-size: 18px;margin: 0;color: #190F0B;background-color: #FCF5DC;line-height: 1.3;padding: 12px 10px 12px 10px;}
h2, h3 {font-size: 18px;background-color: #FCF5DC;line-height: 1.3;padding: 12px 10px 12px 10px;}
h2 a,h3 a {text-decoration: none;}
#navigation {width: 100%;height: auto;}
.main-navi {position: relative;z-index: 1;margin:0;padding:0;}
.main-navi .cut {display: none;}
.main-navi li {font-size: 14px;margin: 0;display: inline-block;height: 36px;line-height: 36px;position: relative;width: 33.3%;text-align: center;box-sizing: border-box;}
.main-navi li a {font-weight: bold;color: #333;display: block;padding: 0;font-size: 12px;border-right: 1px solid #f9f9f9;border-top: 1px solid #f9f9f9;text-decoration: none;}
.main-navi li a:hover {border-bottom: #06c 2px solid;}
.main-navi .btm {border-bottom: 1px solid #f9f9f9;}
.main-navi .lft {border-left: 1px solid #f9f9f9;}
.navi {font-weight: normal;color: #333;padding: 9px 0 9px 10px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-top: 15px;}
.ad-top {display: block;padding: 8px 0 0 0;text-align: center;height:100px;}
p {margin: 1em 0;word-wrap: break-word;	color: #000;padding: 0 10px;}
#content {width: 100%;padding: 0 0 0 0;margin: 0;overflow: auto;}
#main {width: 100%;clear: both;}
.inner {display: block;padding: 8px 0 20px 0;}
.inner a {font-weight: bold;}
.list {padding: 10px 0 0 0;}
.listtitle {font-size: 20px;font-weight: bold;color: #0a0a0a;padding: 0 0 6px 20px;margin: 0;border-bottom: solid #ccc 1px;}
.list-ul {margin: 0;padding:0;}
.list-li {list-style: none;margin: 0 10px;border-bottom: 1px #ccc solid;padding: 0;font-size: 14px;}
.list-li a {display: block;text-decoration: none;padding: 7px 0;}
.navi a {text-decoration: none;}
.list-li a:hover,.navi a:hover {text-decoration: underline;}
#sidebar {font-size: 100%;padding: 0;color: #004C25;width: 100%;}
.sidet {font-size: 15px;font-weight:bold;}
.hpcss {color: #fff;background-color: #004C25;}
.hikaku {color: #333;background-color: #efece4;border-top: 1px solid #000;border-bottom: 1px solid #000;}
.hikaku, .hpcss {font-size: 110%;padding: 9px 0 9px 20px;}
.ctop {margin-top: 0;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.side {padding: 3px 0 14px 0;background-color: #F3F7F2;color: #777;background-color: #fff;}
.side li {font-size: 15px;list-style: none;margin: 0;padding: 2px 0;border-bottom: 1px #ddd solid;}
a {font-weight: bold;color: #006ccc;}
.side a {display: block;font-weight: bold;color: #0063c1;text-decoration: none;}
.side ul {margin: 0;padding: 0;}
.side li a {padding: 10px 0 10px 20px;text-decoration: none;}
.side li a:hover {text-decoration: none;}
.kiiro {padding: 9px 0 14px 0;background-color: #fdfbf2;}
.momo {padding: 9px 0 14px 0;background-color: #fffdfb;}
.haiiro {padding: 9px 0 14px 0;background-color: #f8f8f8;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
ol {margin: 0 0 0 2em;padding: 0;}
.rs {margin: 0;}
.rs li {list-style: none;margin: 0;border-bottom: 1px #ddd solid;padding: 10px 0;}
footer {height: 179px;width: 100%;}
.pagetop {font-size: 16px;padding: 4px 10px 4px 0;text-align: right;}
.pagetop a{font-size:36px;padding:20px 0 0 0;}
.pagetop a:hover {text-decoration: underline;}
.copyright {font-size: 13px;}
.copy-li {line-height: 1.9;display: inline-block;margin:0;}
.copy-li:before {content: "|";margin-right: 4px;}
.homepage-top {max-width: 600px;width: 100%;height: 100px;}
.sp-bottom {display: block;padding: 10px 0 0 0;text-align: center;}
.mobile-homepage {width: 336px;	height: 280px;}
.kijiue-homepage {width: 336px;	height: 280px;}
#kanren {padding: 0 10px 0 10px;display: block;}
a:hover {color: #06c;text-decoration: none;}
.width-320 {width: 92%;}
.smll {font-size: 16px;}
ol {padding: 0 10px;}
.sp {padding: 0;display: block;}
.rs-t {margin-bottom: 8px;}
.search-container {margin:10px;}
#search-input {padding: 14px 12px;}
#search-button {padding: 14px 16px;}
}
@media screen and (min-width: 768px) {
#header-inner {margin: 0 auto;width: 980px;}
@font-face {font-family: "Noto Sans JP";font-style: normal;font-weight: 500;
src:url(https://www.homepage-tukurikata.com/fonts/noto-m.woff2) format("woff2"),
url(https://www.homepage-tukurikata.com/fonts/noto-m.woff) format("woff");font-display: swap;}
@font-face {font-family: "Noto Sans CJK JP";font-style: normal;font-weight: 300;
src:url(https://www.homepage-tukurikata.com/fonts/dlight.woff2) format("woff2"),
url(https://www.homepage-tukurikata.com/fonts/dlight.woff) format("woff");font-display: swap;}
.logo {font-size: 20px;padding: 16px 0 0 0;margin: 0;color: #033;font-family:"Noto Sans JP";font-weight: 700;}
.logo a {color: #190F0B;text-decoration: none;}
.logo a:hover {text-decoration: none;}
h1 {font-size: 28px;margin: 0;color: #190F0B;line-height: 1.3;}
.smll {font-size: 28px;}
h2 {font-size: 22px;padding: 16px;background: #FCF5DC;font-weight: bold;line-height: 1.3;box-shadow: 0px 1px 1px #ddd;}
h3 {font-size: 18px;padding: 14px 0 12px 10px;background: #Fcf6e0;font-weight: bold;}
h2 a,h3 a {text-decoration: none;}
h2 a:hover,h3 a:hover {text-decoration: underline;}
.rs-t {font-size: 18px;padding: 12px 10px 14px 10px;}
#navigation {height: 44px;border-bottom: 1px #e0e0e0 solid;box-sizing: border-box;}
.main-navi li {font-size: 14px;display: inline;margin: 0;height: 44px;line-height: 44px;text-align: center;font-family: "Noto Sans CJK JP";font-weight: 300;}
.main-navi li a {padding: 12px 19px;color: #190F0B;text-decoration: none;}
.main-navi li a:hover {border-bottom: #06c 2px solid;}
.main-navi {margin: 0 auto;width: 980px;padding: 0;}
.navi {font-weight: normal;color: #333;padding: 7px 0 7px 3px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-top: 15px;}
.blue {font-size: 16px;background-color: #d8e4e8;font-weight: bold;padding: 11px 0 9px 10px;}
.yellow {padding: 6px 0 4px 10px;color: #000;background: #FCF5DC;font-weight: bold;}
.black {background-color: #fff;background: none;font-size: 16px;padding: 4px 0;}
.black:before {content: "■";}
.htarrow {background-image: url(/image/html-arrow.png);background-position: left center;background-repeat: no-repeat;padding: 0 0 0 15px;}
.ad-top {display: block;padding: 15px 0 0 0;text-align: center;height: 90px;}
p {margin: 1em 0;word-wrap: break-word;color: #333;}
#content {margin: 0 auto;padding: 15px 0 10px 0;width: 980px;overflow: auto;}
#main {float: left;width: 660px;}
.inner {display: block;}
.list {padding: 15px 0 0 0;}
.listtitle {font-size: 20px;font-weight: bold;color: #0a0a0a;padding: 4px 4px 4px 4px;margin: 0 0 9px 0;border-bottom: solid #ccc 1px;}
.list-ul {margin: 0;padding:0;}
.list-li {list-style: none;margin: 0;font-size: 16px;}
.list-li a,.navi a {text-decoration: none;}
.list-li a:hover,.navi a:hover {text-decoration: underline;}
#sidebar {padding: 0;color: #004C25;width: 300px;float: right;}
.sidet {font-size: 15px;padding: 7px 0 7px 30px;font-family:"Noto Sans JP";font-weight: 500;}
.hpcss {color: #fff;background-color: #004C25;}
.hikaku {color: #333;background-color: #efece4;}
.ctop {margin-top: 0;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.side {padding: 9px 0 14px 21px;background-color: #f8f8f8;color: #777;}
.side a {text-decoration: none;color: #000090;display: block;}
.side a:hover {text-decoration: underline;}
.kiiro {padding: 9px 0 14px 34px;background-color: #fdfbf2;}
.momo {background-color: #fffdfb;}
.haiiro {background-color: #fffdfb;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
ul {margin: 0;padding: 0 0 0 20px;}
ol {margin: 0 0 0 2em;padding: 0;}
.side ul {margin: 0;padding: 0;}
.rs {margin-bottom: 18px;}
.side li {font-size: 15px;margin: 0 0 0 10px;padding:2px 0 2px 0;list-style: none;font-family: "Noto Sans CJK JP";font-weight: 300;}
.kiiro li {list-style-image: url(/image/arrow-red.gif);}
img.auto {width: 480px;height:auto;}
footer {height: 190px;clear: both;font-family: "Noto Sans CJK JP";font-weight: 300;}
.pagetop {padding: 0 40px 0 0;text-align: right;}
.pagetop a{font-size:36px;padding:20px 0 0 0;}
.pagetop a:hover {text-decoration: underline;}
.copyright {font-size: 14px;}
#kanren {padding: 0;display: block;}
.sp-bottom {display: block;padding: 10px 0 0 0;text-align: center;}
.homepage-top {max-width: 980px;width: 100%;height: 90px;}
.mobile-homepage {width: 336px;height: 280px;}
.kijiue-homepage {width: 336px;height: 280px;}
a:hover {color: #06c;text-decoration: none;}
input {font-family: "Noto Sans CJK JP";font-weight: 300;}
}
@media screen and (min-width: 1900px) {
#header-inner {margin: 0 auto;width: 1080px;}
.logo {padding: 20px 0 0 0;}
.ad-top {display: block;padding: 20px 0 0 0;text-align: center;height: 90px;}
.main-navi {margin: 0 auto;width: 1080px;}
.main-navi li {font-size: 16px;}
.main-navi li a {padding: 12px 21px;}
#content {margin: 0 auto;width: 1080px;padding: 20px 0 15px 0;overflow: auto;}
#main {width: 750px;font-size: 17px;}
.list-li {font-size: 17px;}
#sidebar {width: 300px;}
.side li {font-size: 15px;}
img.auto {width: 640px;height:auto;}
h1 {font-size: 32px;margin: 0;color: #190F0B;line-height: 1.2;}
.smll {font-size: 30px;}
h2 {font-size: 24px;}
.homepage-top {max-width: 1080px;width: 100%;height: 90px;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
#outer {width: 100%;font-size: 100%;}
header {width: 100%;height: auto;margin: 0;}
.logo {padding-left: 40px;}
#navigation {padding-left: 40px;}
#header-inner {width: 100%;margin: 0;}
.main-navi {width: 100%;}
.main-navi .cut {display: none;}
#content {width: 100%;margin: 0;}
#main, #sidebar {float: none;}
#main {width: 100%;clear: both;}
.inner {padding: 0 40px 20px 40px;}
#sidebar {width: 100%;clear: both;}
.sidet {font-size: 20px;padding: 9px 0 9px 40px;}
.side {padding: 9px 0 14px 0;}
.side li {font-size: 18px;margin: 0 0 0 40px;}
.search-container {margin:10px;}
footer {height: 179px;width: 100%;clear: both;}
.ad-top {display: block;padding: 30px 0 0 0;text-align: center;height: 280px;}
.homepage-top {max-width: 834px;width: 100%;height: 280px;}
}