@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;font-size: 13px;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}
.main_table {
	border-collapse:separate;border-spacing:0;
	border-radius:5px;overflow: hidden;border: 1px solid #ddd;
  width: 100%;
  font-family: "Noto Sans CJK JP", sans-serif;
  font-weight: 300;
  margin: 0 auto;
  box-shadow:0 1px 4px rgba(0,0,0,0.1);
}

.main_table th,
.main_table td {
  padding: 12px;
  border-bottom: 1px solid #ddd;
}
table .bnone {border:none;}
.main_table th {
  background-color: #f8f8f8;
  color: #111111;
  text-align: left;
}

.main_table input,
.main_table textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  font-family: inherit;
  font-weight: inherit;
  box-sizing: border-box;
}

.button_box {
  clear: both;
  padding: 14px;
  text-align: center;
}

input[type="submit"] {
  background-color: #004c25;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  font-family: inherit;
  font-weight: inherit;
}

input[type="submit"]:hover {
  background-color: #45a049;
}
#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%;}
.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: #333;padding: 0 10px;}
#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 {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: 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;}
ol {margin: 0 0 0 2em;padding: 0;}
.rs {margin: 0;}
.rs li {list-style: none;margin: 0;border-bottom: 1px #ccc solid;padding: 10px 0;}
.main_table {
	font-family : sans-serif;margin:0 10px;
}
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;}
.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;}
ul, ol {padding: 0 10px;}
.sp {padding: 0;display: block;}
.rs-t {margin-bottom: 8px;}
.search-container {margin:10px;}
.main_table {
  max-width: 100%;
  margin:0;
}
}
@media screen and (min-width: 768px) {
.main_table {
  max-width: 640px;
}
#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;}
a {color: #03c;}
.logo {font-size: 20px;padding: 20px 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: 14px 16px 12px 16px;background: #FCF5DC;font-weight: bold;}
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;}
#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;}
.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;border-radius: 4px;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 {padding: 9px 0 14px 21px;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: 14px;margin: 0 0 0 10px;padding: 2.5px 0 2.5px 0;font-family: "Noto Sans CJK JP";font-weight: 300;list-style: none;}
.kiiro li {list-style-image: url(/image/arrow-red.gif);}
footer {height: 190px;clear: both;font-family: "Noto Sans CJK JP";font-weight: 300;}
.copyright {font-size: 14px;}
.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;}
.sp-bottom {display: block;padding: 10px 0 0 0;text-align: center;}
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;}
.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: 18px;}
#sidebar {width: 300px;}
h1 {font-size: 34px;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;}
}