@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;}
form {margin: 7px;}
pre {white-space: pre-wrap;word-wrap: break-word;overflow: auto;}
.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;}
.cnt {text-align: center;}
.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;}
img {max-width: 100%;height: auto;border: 0;}
.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:before {content: "|";margin-right: 4px;}
.copy-li:first-child:before {display: none}
#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: 1em 0 1em 10px;}
#outer {width: 100%;font-size: 100%;}
#header-inner {width: 100%;}
h1 {font-size: 18px;padding: 10px 0 6px 16px;margin: 0;color: #033;font-family:"Noto Sans JP";font-weight: 700;}
h1 a {color: #190F0B;text-decoration: none;display: block;}
h1 a:hover {text-decoration: none;}
h2, h3 {font-size: 18px;background-color: #FCF5DC;line-height: 1.3;padding: 12px 10px 12px 10px;}
.top li {padding: 2px 0;}
.top_pic {margin: 0 0 0 7px;float: right;}
.title {font-size:18px;line-height: 1.3;margin: 0;}
#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;font-size: 15px;}
#content {width: 100%;padding: 0 0 10px 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;}
.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;}
.list-li 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 {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: 0;border-bottom: 1px #ccc 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;}
ul {margin: 0 0 0 1.4em;padding: 0 10px;}
ol {margin: 0 0 0 2em;padding: 0 10px;font-size: 15px;}
.rs {margin: 0;}
.rs li {list-style: none;margin: 0;border-bottom: 1px #ccc 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: 414px;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;}
.sp {padding: 0;display: block;}
.rs-t {margin-bottom: 8px;}
.search-container {margin:10px;}
}
@media screen and (min-width: 768px) {
#header-inner {margin: 0 auto;width: 980px;}
@font-face {font-family: "Noto Sans CJK JP";font-style: normal;font-weight: 300;
src:url(https://www.homepage-tukurikata.com/fonts/top-index.woff2) format("woff2"),
url(https://www.homepage-tukurikata.com/fonts/top-index.woff) format("woff");font-display: swap;}
@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: 700;
src: url(https://www.homepage-tukurikata.com/fonts/top-index-bold.woff2) format("woff2"),
url(https://www.homepage-tukurikata.com/fonts/top-index-bold.woff) format("woff");font-display: swap;}
a {color: #03c;}
#main {float: left;width: 660px;font-size: 16px;font-family:"Noto Sans CJK JP",sans-serif;font-weight: 300;}
h1,h2,b,.aka {font-family:"Noto Sans CJK JP",sans-serif;font-weight: 700;font-synthesis: none;}
h1 {font-size: 20px;padding: 16px 0 0 0;margin: 0;color: #033;}
h1 a{color: #190F0B;text-decoration: none;}
h1 a:hover {text-decoration: none;}
h2 {font-size: 28px;margin: 0.67em 0;color: #0a0a0a;line-height: 1.3;}
.smll {font-size: 28px;}
.title {margin: 0;font-size:28px;}
h3 {font-size: 18px;padding: 9px 0 5px 0;color: #333;}
.inner ul li {color: #999;}
.top li {list-style-image: url(/image/arrow.gif);}
.top_pic {margin: 0 0 0 7px;float: right;}
.sp-br {display:none;}
#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;}
.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;}
.list-li {list-style: none;margin: 0;font-size: 16px;}
.list-li a {text-decoration: none;}
.list-li 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 {padding: 9px 0 14px 21px;background-color: #fffdfb;}
.haiiro {background-color: #fffdfb;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
ul {margin: 0 0 0 1.4em;padding: 0;}
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:2.5px 0 2.5px 0;list-style: none;font-family: "Noto Sans CJK JP";font-weight: 300;}
.kiiro li {list-style-image: url(/image/arrow-red.gif);}
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;}
h1 {padding: 20px 0 0 0;}
.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;}
#sidebar {width: 300px;}
.side li {font-size: 15px;}
h2 {font-size: 24px;}
.title {margin: 0;font-size:32px;line-height: 1.2;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
#outer {width: 100%;font-size: 100%;}
header {width: 100%;height: auto;margin: 0;}
h1 {padding-left: 40px;}
#navigation {padding-left: 40px;}
#header-inner {width: 100%;margin: 0;}
.main-navi {width: 100%;}
.main-navi .cut {display: none;}
.title {font-size:24px;line-height: 1.3;}
#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;}
}