@charset "UTF-8";
/********************************************************************
 グローバル
*******************************************************************/
:root {
 --omotenashi-gray: #f0f0f0;
}
h3 {
 font-size: 1.5rem;
 padding-bottom: 5px;
 border-bottom: 3px #97151b solid;
}
h4 {
 border-left: 5px #302422 solid;
 padding-left: 0.5rem;
 font-size: 1.1rem;
}
section {
 padding-top: 2rem;
 padding-bottom: 2rem;
}
ol.numbering {
 margin-left: 0rem;
 padding-left: 2rem;
}
ol.numbering li {
 list-style: decimal;
}
ul.disc li {
 list-style-type: disc;
}
ul.arrow-orange li {
 list-style: none;
 background-image: url("images/list01.png");
 background-position: left 8px;
 background-repeat: no-repeat;
 margin: 5px 0;
 padding: 5px 5px 5px 15px;
 border-bottom: 1px #DDDDDD dotted;
}
.b-shadow {
 border: 1px #f0f0f0 solid;
 border-radius: 8px;
 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
 padding: 1rem;
}
.alignright {
 float: none;
}
table.norm {
 margin-bottom: 1em;
 width: 100%;
 font-size: 1em;
 border: 1px #f0e68c solid;
 border-collapse: separate;
 border-spacing: 3px;
}
table.norm th {
 background-color: #eee8aa;
 padding: 1rem;
}
table.norm th.type2 {
 background-color: transparent;
 border: 1px #eee8aa dotted;
}
#pagecontent a {
 color: #d953ce;
 padding-bottom: 1px;
}
#pagecontent a img {
 text-decoration: none;
 border-style: none;
}
#pagecontent a:hover {
 color: #1e7dc5;
}
#pagecontent a.btn {
 color: inherit;
 border: none;
 padding: 0.375rem 0.75rem;
}
.box-warning {
 border: 2px #ff8585 solid;
 background-color: #fff2f2;
 border-radius: 1rem;
 padding: 1em;
 margin: 1rem 0;
}
/********************************************************************
ページナビ
*******************************************************************/
.wp-pagenavi a {
 text-decoration: none !important;
}
/********************************************************************
記事
*******************************************************************/
/*
.hentry ul {
	padding-left: 0;
}
*/
/********************************************************************
 Gallery
*******************************************************************/
.gallery {
 /** ギャラリーを囲むボックス **/
 width: 100%;
 margin-bottom: 20px !important;
 overflow: hidden;
}
.gallery br {
 display: none;
}
/** 自動で挿入される clearfix の余白解除 **/
.gallery-item {
 /** 画像共通のスタイル **/
 float: left;
 margin-bottom: 0 !important;
}
.gallery-icon {
 /** 画像を囲む dt のスタイル **/
 text-align: center;
}
.gallery-icon img {
 width: 100%;
 height: auto;
 margin-bottom: 10px !important;
}
.gallery-caption {
 /** キャプション **/
 color: #222;
 font-size: 12px;
 margin: 0 0 10px;
 text-align: center;
}
.gallery-columns-1 .gallery-item {
 /** カラムなし **/
 width: 100%;
 margin-right: 0;
}
.gallery-columns-2 .gallery-item {
 /** 2カラム **/
 width: 49%;
 margin: 0 2% 0 0;
}
.gallery-columns-2 .gallery-item:nth-child(2n) {
 /** 2カラム **/
 margin: 0;
}
.gallery-columns-3 .gallery-item {
 /** 3カラム **/
 width: 31.33333%;
 margin: 0 1%;
}
.gallery-columns-4 .gallery-item {
 /** 4カラム **/
 width: 23%;
 margin: 0 1%;
}
.gallery-columns-5 .gallery-item {
 /** 5カラム **/
 width: 18%;
 margin: 0 1%;
}
.gallery-columns-6 .gallery-item {
 /** 6カラム **/
 width: 14.66666%;
 margin: 0 1%;
}
@media screen and (max-width: 640px) {
 /* 640px以下用の記述 */
 .gallery-columns-3 .gallery-item,
 .gallery-columns-4 .gallery-item {
 width: 48%;
 margin: 0 1%;
 }
 .gallery-columns-5 .gallery-item {
 width: 31.33333%;
 margin: 0 1%;
 }
 .gallery-columns-6 .gallery-item {
 /** 6カラム **/
 width: 31.33333%;
 margin: 0 1%;
 }
}
/********************************************************************
 観光ガイド
********************************************************************/
#npo-machizukuri-course .note {
 margin: 2em auto auto auto;
 padding: 1em;
 border-radius: 1em;
 background-color: #f2f2e5;
}
@media screen and (min-width: 768px) {
 .spotList {
 display: flex;
 flex-wrap: wrap;
 }
 .spotList .item {
 width: calc(33.3333% - 10px);
 margin-left: 10px;
 margin-top: 1rem;
 margin-bottom: 1rem;
 }
}
/********************************************************************
 ガイドツアー
********************************************************************/
#npo-machizukuri-course {
 width: 100%;
 margin-top: -30px;
 font-size: 14px;
 line-height: 1.6em;
}
.type-page #npo-machizukuri-course {
 margin-top: 0;
}
#npo-machizukuri-course h4 {
 margin: 2em 0 0.8em 0;
 clear: both;
}
#npo-machizukuri-course .gallery {
 margin: 1em auto;
 padding: 0;
}
#npo-machizukuri-course .gallery a img {
 max-width: 100%;
 width: 100%;
 height: auto;
}
#npo-machizukuri-course .gallery-columns-4 .gallery-item {
 width: 23.5%;
 margin-right: 2%;
}
#npo-machizukuri-course .gallery-columns-4 .gallery-item:nth-child(4n) {
 margin-right: 0;
}
#npo-machizukuri-course .pointlist {
 margin-left: 1em;
}
#npo-machizukuri-course .pointlist li {
 list-style: none;
 position: relative;
 display: block;
 margin: 0 0.5em 0.5em 0.5em;
 padding: 0 0 0 1.5em;
}
#npo-machizukuri-course .pointlist li:before {
 position: absolute;
 top: 0;
 left: 0;
 content: "➤";
 font-weight: bold;
 color: #ff7800;
}
/*
	#npo-machizukuri-course .pointlist li:first-child {
		margin-left: 0;
		padding-left: 0;
	}
	#npo-machizukuri-course .pointlist li:first-child:before {
		display: none;
	}
*/
#npo-machizukuri-course .pointlist li:first-child:before {
 content: "⚑";
 color: #008b4b;
}
#npo-machizukuri-course .coursemap {
 float: right;
 margin: 0 0 1em 1em;
 padding: 0;
 width: 40%;
 text-align: center;
}
#npo-machizukuri-course .coursemap a {
 display: inline-block;
 margin: 0;
 padding: 1px;
 border: 1px solid #dddddd;
}
#npo-machizukuri-course .coursemap a:hover {
 border: 1px solid #ff7800;
}
#npo-machizukuri-course .coursemap img {
 max-width: 100%;
 height: auto;
 display: block;
}
#npo-machizukuri-course .necessary {
 display: inline-block;
 margin-left: 0.2em;
 padding: 0.05em 1em;
 border-radius: 1em;
 background-color: rgba(255, 120, 0, 0.1);
 color: #ca5f00;
}
#npo-machizukuri-course .necessary:first-letter {
 display: none;
}
#npo-machizukuri-course .note {
 margin: 2em auto auto auto;
 padding: 1em;
 border-radius: 1em;
 background-color: #f2f2e5;
}
#npo-machizukuri-course .note ul {
 margin: 0 0 0 1.5em;
 padding: 0;
 color: #636300;
}
#npo-machizukuri-course .note ul li {
 margin-top: 0.4em;
 margin-bottom: 0.4em;
}
#npo-machizukuri-course table.info {
 margin: 2em 0;
 border-top: 1px dotted #dddddd;
 width: auto;
}
#npo-machizukuri-course table.info th,
#npo-machizukuri-course table.info td {
 padding: 0.2em 0.6em;
 border-bottom: 1px dotted #dddddd;
}
#npo-machizukuri-course table.info th {
 white-space: nowrap;
 background-color: rgba(128, 128, 0, 0.1);
}
#npo-machizukuri-course input.readonly {
 border: 0 none;
 font-size: 1.1em;
 color: #EE5A00;
 padding: 0.2em 0;
}
#guidetourlist {
 clear: both;
 margin-top: 2em;
}
#guidetourlist> ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 display: flex;
 flex-wrap: wrap;
 margin: 0 0 0 -20px;
}
#guidetourlist> ul> li {
 flex-basis: calc(50% - 20px);
 margin-left: 20px;
 margin-bottom: 1em;
 border-radius: 1em;
 border: 2px solid rgba(238, 90, 0, 0.1);
 padding: 1em;
}
#guidetourlist> ul> li> h4 {
 margin: 0 0 0.5em 0;
 padding: 0 0 0.2em 0;
 border-left: none;
 border-bottom: 2px solid rgba(238, 90, 0, 0.2);
 font-size: 1.4em;
 color: rgb(238, 90, 0);
}
#guidetourlist .pointlist {
 letter-spacing: -0.4em;
 text-indent: -1.4em;
 margin: 1em 0;
 padding: 0.8em 0.4em 0.8em 0.4em;
 background-color: rgba(0, 0, 0, 0.02);
}
#guidetourlist .pointlist li {
 display: inline;
 letter-spacing: normal;
 text-indent: 0;
 list-style: none;
 position: relative;
 margin: 0 0.2em 0.2em;
 padding: 0 0 0 1.2em;
}
#guidetourlist .pointlist li:before {
 position: absolute;
 top: 0;
 left: 0;
 content: "➤";
 font-weight: bold;
 color: #ff7800;
}
#guidetourlist .pointlist li:first-child {
 margin-left: 1.5rem;
}
#guidetourlist .pointlist li:first-child::before {
 content: "⚑";
 color: #008b4b;
}
#guidetourlist table.info {
 margin: 0;
 width: 100%;
}
#guidetourlist table.info th {
 text-align: center;
 width: 20%;
}
#guidetourlist table.info th,
#guidetourlist table.info td {
 border: 1px dotted #ddd;
 padding: 0.5rem;
}
#guidetourlist .courselink {
 margin: 1em 0 0 0;
}
#guidetourlist .btn-01 {
 display: block;
 padding: 0.6em;
 text-align: center;
 font-size: 1em;
 line-height: 1em;
 color: white;
 font-weight: bold;
 border: 1px solid rgb(238, 90, 0);
 border-radius: 1em;
 background-color: rgb(238, 90, 0);
 text-decoration: none;
 transition: all 0.5s ease;
}
#guidetourlist .btn-01:hover,
#guidetourlist .btn-01:focus {
 color: rgb(238, 90, 0);
 background-color: rgba(238, 90, 0, 0.2);
}
@media screen and (max-width: 767.99px) {
 #guidetourlist> ul> li {
 flex-basis: calc(100% - 20px);
 }
}
/********************************************************************
 youtube channel
********************************************************************/
.youtube_channel {
 display: flex;
 flex-wrap: wrap;
 margin: 0 0 0 -20px;
}
.youtube_channel.responsive .ytc_video_container {
 flex-basis: calc(25% - 20px) !important;
 margin-left: 20px;
 margin-bottom: 2rem;
}
.youtube_channel h3 {
 font-size: 1rem;
}
@media screen and (max-width: 767.99px) {
 .youtube_channel.responsive .ytc_video_container {
 flex-basis: calc(100% - 20px) !important;
 }
}
/********************************************************************
 新着情報一覧 (news)
********************************************************************/
.newslist article {
 border-bottom: 1px var(--omotenashi-gray) solid;
}
.btn-success {
 color: #ffffff !important;
}/*# sourceMappingURL=custom.css.map */</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="http://www.chichibu-omotenashi.com/wp_cms/wp-content/themes/omotenashi2020/css/custom.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="http://www.chichibu-omotenashi.com/wp_cms/wp-content/themes/omotenashi2020/css/custom.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>