@charset "utf-8";
@charset "utf-8";

 #container {
position: relative;
margin: 0 auto;
width: 1100px;
padding-top: 30px;
}
#main {
width: 800px;
float: left;
}
#side {
width: 260px;
float: right;
padding-bottom: 40px;
}
.contents {
position: relative;
margin: 0 auto 60px;
//	width:800px;
text-align: left;
word-wrap: break-word;
}
hr {
width: 100%;
height: 1px;
margin: 0 auto 20px auto;
border: none;
border-top: 1px solid #DEDED2;
}
section {}
section p {
margin: 0 0 20px 0;
}
ul.disc-list {}
ul.disc-list li {
margin-bottom: 10px;
}
ul.disc-list li:before {
content: "・";
}
#crumb {
width: 100%;
text-align: left;
font-size: 0.75em;
margin-bottom: 20px;
}
#crumb a:hover {
text-decoration: underline;
}
.no-border {
border: none !important;
}
.pdf-link a {
position: relative;
padding-right: 24px;
}
.pdf-link a:after {
position: absolute;
top: -5px;
right: 0;
content: url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/common/icon_pdf.png);
} .page-title-box {
position: absolute;
top: 238px;
left: 0;
right: 0;
margin: auto;
}
.page-title-box h1 {
line-height: 100%;
font-size: 0.9375em;
font-weight: normal;
}
.page-title-box img {
height: 24px;
width: auto;
margin: 0 auto;
}
.page-title-box img#store-title {
height: 45px;
}
.page-contents h2 {
background: url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/index/title_back.gif) repeat-x 0 bottom;
width: 100%;
font-size: 1.3125em;
margin-bottom: 20px;
padding-bottom: 5px;
font-weight: 500;
}
.page-contents h3.circle-icon {
background: url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/common/icon_h3.png) no-repeat 0 0;
font-size: 1.125em;
height: 21px;
line-height: 21px;
padding-left: 25px;
margin-bottom: 20px;
} table.store-info-table {
width: 100%;
border-collapse: collapse;
}
table.store-info-table th {
width: 50%;
border-bottom: 1px dotted #666;
text-align: left;
padding: 10px 10px 10px 30px;
font-weight: normal;
vertical-align: middle;
}
table.store-info-table th.restaurant {
background: url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/store/icon01s.png) no-repeat 0 center;
}
table.store-info-table th.hotel {
background: url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/store/icon02s.png) no-repeat 0 center;
}
table.store-info-table th.retail_store {
background: url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/store/icon03s.png) no-repeat 0 center;
}
table.store-info-table th.recycle {
background: url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/store/icon04s.png) no-repeat 0 center;
}
table.store-info-table td {
border-bottom: 1px dotted #666;
padding: 10px;
vertical-align: middle;
}
table.store-info-table td:nth-child(2) {
width: 30%;
}
table.store-info-table td:nth-child(3) {
width: 20%;
}
table.store-info-table tr:last-child th,
table.store-info-table tr:last-child td {
border-bottom: none;
}
.store-explanation-image {
float: left;
width: 280px;
margin: 0 20px 10px 0;
}
#store-map {
width: 100%;
height: 500px;
}
#store-map-box {
float: left;
width: 400px;
}
.store-map-area {
float: right;
width: 370px;
}
.store-map-list li {
margin-bottom: 20px;
}
.store-map-list li h3 {
width: 80px;
margin: 0 0 3px 0;
padding: 6px 20px;
font-size: 0.875em;
line-height: 14px;
font-weight: normal;
text-align: center;
color: #FFF;
background: #333;
border-radius: 5px;
display: block;
}
.store-map-list li span {
font-size: 0.875em;
line-height: 160%;
}
.store-map-list li span a {
text-decoration: underline;
display: inline-block;
white-space: nowrap;
}
p.map-info {
padding-top: 10px;
margin-bottom: 0;
}
.icon-description-box {
margin-bottom: 10px;
}
ul.icon-description-list {
font-size: 1em;
line-height: 0;
text-align: right;
margin-top: 30px;
}
ul.icon-description-list li {
display: inline-block;
font-size: 0.875em;
line-height: 25px;
height: 25px;
overflow: hidden;
vertical-align: bottom;
padding: 0 0 0 25px;
background-position: 0 2px;
background-size: 21px 21px;
background-repeat: no-repeat;
}
ul.icon-description-list li:nth-child(1) {
background-image: url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/store/icon/01.png);
}
ul.icon-description-list li:nth-child(2) {
background-image: url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/store/icon/03.png);
}
ul.icon-description-list li:nth-child(3) {
background-image: url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/store/icon/02.png);
}
ul.icon-description-list li:nth-child(4) {
background-image: url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/store/icon/04.png);
} .icon-description-box .button-box {
margin-top: 30px;
}
.icon-description-box .button-box a {
background: #F36D14;
border: 1px solid #F36D14;
}
.icon-description-box .button-box a:hover {
background: #FFF;
color: #F36D14;
} h1.store-name {
position: relative;
background: url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/index/title_back.gif) repeat-x 0 bottom;
width: 100%;
font-size: 1.3125em;
//	margin-bottom: 35px;
padding-bottom: 5px;
font-weight: 500;
}
h1.store-name span.store-name-area {
float: left;
background: #F38692;
border-radius: 8px;
padding: 5px 12px;
line-height: 100%;
font-size: 0.875em;
color: #FFF;
margin-right: 10px;
}
span.store-name-cat {
display: block;
font-size: 0.75em;
//	width: 740px;
text-align: right;
margin-bottom: 10px;
}
.store-detail-image {
float: left;
width: 240px;
}
.store-detail-text {
width: 540px;
float: right;
}
.store-detail-pr {
margin-bottom: 20px;
}
.store-detail-point {
margin-bottom: 20px;
}
.store-detail-point strong {
position: relative;
display: block;
padding-left: 30px;
background: url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/store/icon_point.png) no-repeat 0 0;
height: 24px;
line-height: 24px;
margin-bottom: 10px;
}
.store-detail-point ul li {
position: relative;
margin-left: 15px;
}
.store-detail-point ul li:after {
display: block;
content: '';
position: absolute;
top: .5em;
left: -1em;
width: 8px;
height: 3px;
border-left: 2px solid #F36D14;
border-bottom: 2px solid #F36D14;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.store-detail-table {
border-collapse: collapse;
width: 100%;
}
.store-detail-table caption {
text-align: left;
font-weight: 700;
padding-left: 30px;
background: url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/store/icon_shop.png) no-repeat 0 0;
height: 24px;
line-height: 24px;
margin-bottom: 10px;
}
.store-detail-table th {
padding: 10px 15px;
border: 1px solid #CCC;
text-align: left;
font-weight: normal;
white-space: nowrap;
background: #F4F5E4;
}
.store-detail-table td {
padding: 10px 15px;
border: 1px solid #CCC;
}
#store-detail-map {
width: 100%;
height: 400px;
background: #ededed;
margin: 30px 0;
}
ul.other-store-list {
font-size: 0em;
line-height: 0;
}
ul.other-store-list li {
display: inline-block;
font-size: 0.9375em;
line-height: 180%;
width: 250px;
margin-right: 25px;
text-align: center;
vertical-align: top;
}
ul.other-store-list li:nth-child(3) {
margin-right: 0;
}
ul.other-store-list li:nth-child(4) {
display: none;
}
ul.other-store-list li img {
margin-bottom: 5px;
} h1.company-title {
position: relative;
background: url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/index/title_back.gif) repeat-x 0 bottom;
width: 100%;
font-size: 1.3125em;
margin-bottom: 20px;
padding-bottom: 5px;
font-weight: 500;
}
.company-image {
float: right;
width: 300px;
text-align: center;
margin-left: 20px;
margin-bottom: 20px;
}
.company-image span {
font-size: 0.8125em;
line-height: 130%;
}
.company-text {
//	float: left;
//	width: 480px;
}
ul.company-case-list {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
ul.company-case-list li {
font-size: 0.9375em;
line-height: 180%;
width: 260px;
background: #FFF;
margin: 0 10px 20px 0;
}
ul.company-case-list li:nth-child(3n) {
margin-right: 0;
}
ul.company-case-list li a {
display: block;
}
ul.company-case-list li .company-case-image {
height: 160px;
overflow: hidden;
}
ul.company-case-list li .company-case-image img {
width: 260px;
height: auto;
}
ul.company-case-list li .company-case-title {
padding: 10px;
min-height: 80px;
} .headline-title {
font-size: 1.125em;
font-weight: 700;
margin-bottom: 20px;
background: linear-gradient(transparent 60%, #ffff66 40%);
display: inline-block;
}
.headline-box {
padding: 5px;
border-radius: 5px;
background: #2E529D;
margin-bottom: 40px;
}
.headline-box p {
border: 2px dashed #FFF;
border-radius: 5px;
color: #FFF;
margin: 0;
padding: 15px 0;
text-align: center;
}
table.activity-table {
width: 100%;
border-collapse: collapse;
margin: 5px 0 20px;
}
table.activity-table02 {
width: 100%;
border-collapse: collapse;
margin: 5px 0;
}
table.activity-table caption,
table.activity-table02 caption {
font-weight: 700;
text-align: left;
margin-bottom: 5px;
}
table.activity-table th,
table.activity-table02 th {
background: #FFF;
padding: 10px;
text-align: center;
border: 1px solid #CCC;
}
table.activity-table td {
background: #FFF;
padding: 10px;
border: 1px solid #CCC;
text-align: center;
}
table.activity-table02 td {
background: #FFF;
padding: 10px 0;
border: 1px solid #CCC;
text-align: center;
width: 9%;
}
table.activity-table02 td.nagano {
background: #FFFF66;
}
.activity-image-box {
width: 640px;
margin: 0 auto 20px;
}
.activity-item-box {
border: 1px solid #CCC;
padding: 25px 30px 5px;
margin-bottom: 30px;
}
.activity-item-box h4 {
margin-bottom: 20px;
}
.activity-item-box h4 span {
display: inline-block;
color: #FFF;
background: #95B961;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
margin-right: 5px;
}
.pink-box {
border: 3px double #F28A95;
padding: 20px;
margin: 20px 0;
}
.pink-box span {
font-weight: 700;
color: #F28A95;
}
.banner-box-restyle {
width: 280px;
height: auto;
margin-bottom: 20px;
}
ul.ad-poster-list {
font-size: 0em;
line-height: 0;
margin-top: 10px;
}
ul.ad-poster-list li {
display: inline-block;
width: 250px;
margin-right: 25px;
margin-bottom: 0;
}
ul.ad-poster-list li:last-child {
margin-right: 0;
}
ul.ad-poster-list li:before {
content: "";
} ol.about-list {
margin-bottom: 40px;
}
ol.about-list li {
margin-bottom: 20px;
}
ol.about-list li .about-list-image {
float: left;
width: 420px;
margin-right: 20px;
border: 1px solid #CCC;
}
ol.about-list li p span {
display: inline-block;
color: #FFF;
background: #95B961;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
margin-right: 5px;
}
.kururun-image {
width: 320px;
float: left;
margin-right: 20px;
} .plastic-image {
width: 300px;
float: right;
margin-left: 20px;
}
ul.plastic-approach-list {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
ul.plastic-approach-list li {
display: inline-block;
font-size: 0.875em;
line-height: 150%;
width: 250px;
height: 250px;
border-radius: 50%;
border: 2px solid #17B7F0;
background: #f6fcfe;
box-sizing: border-box;
padding: 60px 30px 0;
vertical-align: top;
text-align: justify;
}
ul.plastic-approach-list li:nth-child(2) {
margin: 0 25px;
border: 2px solid #A2CA56;
background: #f7fbf1;
}
ul.plastic-approach-list li:nth-child(3) {
border: 2px solid #D83B61;
background: #fdf3f5;
}
ul.plastic-approach-list li strong {
display: block;
margin-bottom: 10px;
font-size: 1.125em;
text-align: center;
color: #17B7F0;
}
ul.plastic-approach-list li:nth-child(2) strong {
color: #A2CA56;
}
ul.plastic-approach-list li:nth-child(3) strong {
color: #D83B61;
} .plastic-box {
margin-bottom: 20px;
}
ol.plastic-target-list {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
counter-reset: plastic-target;
margin-top: 30px;
}
ol.plastic-target-list li {
position: relative;
font-size: 0.875em;
line-height: 150%;
padding: 20px 20px 10px;
background: #FFF;
border: 1px solid #2AAADE;
border-radius: 10px;
box-sizing: border-box;
width: 385px;
margin-bottom: 30px;
}
ol.plastic-target-list li:nth-child(1) {
width: 800px;
}
ol.plastic-target-list>li:before {
position: absolute;
top: -20px;
left: -20px;
counter-increment: plastic-target;
content: counter(plastic-target);
color: #FFF;
font-size: 1.125em;
font-weight: 700;
line-height: 40px;
text-align: center;
width: 40px;
height: 40px;
border-radius: 20px;
background: #2AAADE;
}
ol.plastic-target-list li strong {
display: block;
font-size: 1em;
margin-bottom: 15px;
}
ol.plastic-target-list li p {
margin-bottom: 10px;
}
ol.plastic-target-list li p::before {
content: "・";
}
.cooperation-box {
background: #FFF;
border: 1px solid #333;
padding: 15px 20px 20px;
margin-bottom: 20px;
}
.cooperation-approach-box {
float: left;
width: 470px;
//	margin-right: 10px;
border-right: 1px dashed #333;
}
.cooperation-box-title {
font-weight: 700;
margin-bottom: 5px;
}
ul.cooperation-approach-icon,
ul.cooperation-group-icon {
display: flex;
flex-wrap: wrap;
}
ul.cooperation-approach-icon li,
ul.cooperation-group-icon li {
display: inline-block;
font-size: 0.8125em;
line-height: 13px;
margin-right: 10px;
margin-bottom: 10px;
} ul.cooperation-approach-icon li button {
display: block;
padding: 5px 7px;
border-radius: 5px;
color: #22B228;
border: 1px solid #22B228;
}
ul.cooperation-approach-icon li:nth-child(1) button {
color: #FD79BA;
border: 1px solid #FD79BA;
}
ul.cooperation-approach-icon li:nth-child(6) button {
color: #0074D2;
border: 1px solid #0074D2;
}
ul.cooperation-approach-icon li:nth-child(7) button {
color: #7733F4;
border: 1px solid #7733F4;
}
ul.cooperation-approach-icon li:nth-child(8) button {
color: #55D6F9;
border: 1px solid #55D6F9;
}
ul.cooperation-approach-icon li:nth-child(9) button {
color: #1FB296;
border: 1px solid #1FB296;
}
ul.cooperation-approach-icon li button:hover {
text-decoration: none;
color: #FFF;
background: #22B228;
}
ul.cooperation-approach-icon li:nth-child(1) button:hover {
background: #FD79BA;
}
ul.cooperation-approach-icon li:nth-child(6) button:hover {
background: #0074D2;
}
ul.cooperation-approach-icon li:nth-child(7) button:hover {
background: #7733F4;
}
ul.cooperation-approach-icon li:nth-child(8) button:hover {
background: #55D6F9;
}
ul.cooperation-approach-icon li:nth-child(9) button:hover {
background: #1FB296;
}
ul.cooperation-approach-icon li button.active {
text-decoration: none;
color: #FFF;
background: #22B228;
}
ul.cooperation-approach-icon li:nth-child(1) button.active {
background: #FD79BA;
}
ul.cooperation-approach-icon li:nth-child(6) button.active {
background: #0074D2;
}
ul.cooperation-approach-icon li:nth-child(7) button.active {
background: #7733F4;
}
ul.cooperation-approach-icon li:nth-child(8) button.active {
background: #55D6F9;
}
ul.cooperation-approach-icon li:nth-child(9) button.active {
background: #1FB296;
}
ul.cooperation-group-icon li button {
display: block;
padding: 5px 7px;
border-radius: 5px;
color: #666;
border: 1px solid #666;
}
ul.cooperation-group-icon li button:hover {
text-decoration: none;
color: #FFF;
background: #666;
}
ul.cooperation-group-icon li button.active {
text-decoration: none;
color: #FFF;
background: #666;
}
.cooperation-group-box {
float: right;
width: 274px;
padding-left: 13px;
}
.cooperation-search-box {
margin-top: 10px;
}
.cooperation-search-box .cooperation-box-title {
position: relative;
padding-left: 20px;
float: left;
margin-right: 10px;
}
.cooperation-search-box .cooperation-box-title::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 20px;
height: 24px;
background-image: url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/common/search.svg);
background-position: 0 0;
background-size: 18px 20px;
background-repeat: no-repeat;
}
.search-text-box {
width: 300px;
height: 22px;
border: 1px solid #CCC;
}
.cooperation-search-button {
width: 46px;
line-height: 24px;
background: #CCC;
border: none;
cursor: pointer;
margin: 0;
}
ul.cooperation-list {
//	margin-bottom: 40px;
}
ul.cooperation-list>li {
border-bottom: 1px dashed #333;
}
ul.cooperation-list>li a {
display: block;
padding: 20px 0;
}
ul.cooperation-list li a .cooperation-list-info span {
display: inline-block;
;
color: #333;
margin-left: 10px;
}
ul.cooperation-list li a:hover .cooperation-list-info span {
text-decoration: none;
}
ul.cooperation-list-icon {
display: flex;
margin-top: 10px;
}
ul.cooperation-list-icon li {
display: inline-block;
font-size: 0.8125em;
line-height: 13px;
margin-right: 10px;
padding: 5px 7px;
border-radius: 5px;
color: #22B228;
border: 1px solid #22B228;
background: #FFF;
}
ul.cooperation-list-icon li:last-child {
margin-right: 0;
}
ul.cooperation-list-icon li.icon-01 {
color: #0074D2;
border: 1px solid #0074D2;
}
ul.cooperation-list-icon li.icon-02 {
color: #7733F4;
border: 1px solid #7733F4;
}
ul.cooperation-list-icon li.icon-03 {
color: #55D6F9;
border: 1px solid #55D6F9;
}
ul.cooperation-list-icon li.icon-04 {
color: #1FB296;
border: 1px solid #1FB296;
}
#more p.next {
position: relative;
width: 320px;
height: 40px;
line-height: 40px;
color: #FFF;
background: #F38692;
border: 1px solid #F38692;
border-radius: 20px;
font-weight: bold;
font-size: 0.875em;
text-decoration: none;
display: block;
margin: 40px auto 20px;
text-align: center;
cursor: pointer;
}
#more p.next:after {
position: absolute;
content: "＞";
top: 0;
right: 15px;
transform: scaleX(0.7);
}
.plastic-cooperation-image {
float: left;
width: 300px;
}
.plastic-cooperation-box {
float: right;
width: 480px;
}
h3.plastic-cooperation-detail-title {
font-size: 0.9375em;
font-weight: 700;
padding-left: 30px;
background: url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/activity/plastic/icon.png) no-repeat 0 0;
height: 24px;
line-height: 24px;
margin: 40px 0 10px;
}
ul.plastic-cooperation-list {
margin-bottom: 40px;
}
ul.plastic-cooperation-list>li {
margin-bottom: 30px;
}
.plastic-cooperation-title {
font-weight: 700;
margin-bottom: 10px;
}
ul.plastic-cooperation-list>li ul li {
margin-bottom: 10px;
}
ul.plastic-cooperation-list>li ul li span {
display: inline-block;
font-size: 0.8125em;
line-height: 13px;
margin-right: 10px;
padding: 5px 0;
border-radius: 5px;
color: #22B228;
border: 1px solid #22B228;
background: #FFF;
text-align: center;
width: 140px;
}
.plastic-back-link a {
display: block;
margin-top: 40px;
text-align: center;
text-decoration: underline;
}
.plastic-wait {
margin: 50px 0;
text-align: center;
} h1.single-store-name {
position: relative;
background: url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/index/title_back.gif) repeat-x 0 bottom;
width: 100%;
font-size: 1.3125em;
line-height: 21px;
padding-bottom: 10px;
font-weight: 500;
margin-bottom: 20px;
}
h1.single-store-name span.store-name-area {
position: absolute;
top: 0;
right: 0;
background: #F38692;
border-radius: 8px;
padding: 5px 12px;
line-height: 100%;
font-size: 0.875em;
color: #FFF;
}
h1.single-store-name span.single-store-icon {
display: inline-block;
}
h1.single-store-name span.single-store-icon img {
width: 21px;
margin-right: 5px;
}
.store-detail-image {
float: left;
width: 240px;
}
.store-detail-text {
width: 540px;
float: right;
}
.store-detail-pr {
margin-bottom: 20px;
}
.store-detail-point {
margin-bottom: 20px;
}
.store-detail-point strong {
position: relative;
display: block;
padding-left: 30px;
background: url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/store/icon_point.png) no-repeat 0 0;
height: 24px;
line-height: 24px;
margin-bottom: 10px;
}
.store-detail-point ul li {
position: relative;
margin-left: 15px;
}
.store-detail-point ul li:after {
display: block;
content: '';
position: absolute;
top: .5em;
left: -1em;
width: 8px;
height: 3px;
border-left: 2px solid #F36D14;
border-bottom: 2px solid #F36D14;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.single-store-info-box {
margin: 40px 0;
}
h2#single-store-info-title {
text-align: left;
font-weight: 700;
font-size: 0.9375em;
padding-left: 30px;
background: url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/store/icon_shop.png) no-repeat 0 0;
height: 24px;
line-height: 24px;
margin-bottom: 10px;
}
.single-store-detail-table {
float: left;
border-collapse: collapse;
width: 400px;
}
.single-store-detail-table th {
padding: 10px 15px;
border: 1px solid #CCC;
text-align: left;
font-weight: normal;
white-space: nowrap;
background: #F4F5E4;
}
.single-store-detail-table td {
padding: 10px 15px;
border: 1px solid #CCC;
}
#single-store-detail-map {
float: right;
width: 360px;
height: 400px;
background: #ededed;
}
ul.nearby-list {
margin-bottom: 40px;
}
ul.nearby-list li {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 15px 0;
border-bottom: 1px dashed #CCC;
}
ul.nearby-list li .nearby-list-name {
width: 260px;
}
ul.nearby-list li .nearby-list-icon {
width: 65px;
display: flex;
justify-content: space-between;
}
ul.nearby-list li .nearby-list-icon span img {
width: 30px;
}
ul.nearby-list li .nearby-list-address {
width: 300px;
}
ul.nearby-list li .nearby-list-tel {
width: 120px;
text-align: right;
} ul.group-list {}
ul.group-list li {
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
}
ul.group-list li .group-logo {
width: 140px;
margin-right: 30px;
}
ul.group-list li p {
flex: 1;
}
ul.group-list li p a:first-child {
font-weight: bold;
} .motion-poster-box {
width: 240px;
margin: 0 20px 20px 0;
float: left;
}
ul.motion-list {
display: table;
border-collapse: separate;
border-spacing: 20px 0;
margin-bottom: 20px;
}
ul.motion-list li {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 180px !important;
height: 180px !important;
background: #FFF;
border: 1px solid #CCC;
}
ul.motion-list li a {
display: block;
}
ul.motion-list li a:hover {}
ul.motion-list li .motion-image {
width: 80px;
margin: 0 auto 10px;
overflow: hidden;
}
ul.motion-list li .motion-image img {
height: 80px;
width: auto;
margin: 0 auto;
}
ul.motion-list li .motion-title {
margin: 0 5px;
line-height: 140%;
font-size: 0.8125em;
}  .arukuma-container {
width: 100%;
padding: 1.25rem; margin: 1.25rem auto; background: #fff;
} .arukuma-title {
font-size: 1.5rem; margin-bottom: 1.25rem;
} .arukuma-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 1.25rem;
overflow-x: auto; } .arukuma-table th,
.arukuma-table td {
border: 1px solid #ccc;
padding: 0.3125rem 0.625rem; text-align: left;
vertical-align: top;
} .arukuma-section-header {
background-color: #007BFF;
color: #fff;
font-size: 1.125rem; text-align: center;
padding: 0.75rem; } .arukuma-section-title {
background-color: #f2f2f2;
font-weight: bold;
font-size: 1rem; padding: 0.625rem; } .arukuma-label,
.arukuma-full-width-label {
font-weight: bold;
color: #FFF;
background-color: #82c167;
padding: 0.5rem;
display: inline-block;
width: 35%;
} @media (max-width: 480px) {
.arukuma-label,
.arukuma-full-width-label {
width: 100%;
margin-bottom: 0.5rem;
}
} .arukuma-table-spacing {
margin: 1.25rem;
display: block;
} .arukuma-value {
width: 65%;
padding: 0.5rem;
display: inline-block;
} .arukuma-button-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
margin-top: 1.25rem;
}
.arukuma-button-container button { } .arukuma-back-button {
padding: 0.625rem 1.25rem; background-color: #6c757d;
color: #fff;
border: none;
border-radius: 0.3125rem; font-size: 1rem; cursor: pointer;
text-decoration: none;
}
.arukuma-back-button:hover {
background-color: #5a6268;
} .arukuma-action-button {
padding: 0.625rem 1.25rem;
background-color: #36a344;
color: #fff;
text-align: center;
border: none;
border-radius: 0.3125rem;
font-size: 1rem;
cursor: pointer;
text-decoration: none;
}
.arukuma-action-button:hover {
background-color: #36a344b0;
} .cooperation-list a:hover {
border: none;
opacity: 60%;
} .search-guide-banner {
margin-bottom: 1.25rem;
display: block;
padding: 1.25rem;
}
.search-guide-banner:hover {
opacity: 60%;
animation-duration: 0.5s;
border: none;
}
.search-guide-banner-image {
width: 100%;
display: block;
border: 0.03125rem solid #d1d1d1; } .arukuma-bg-group1 {
background-color: #73b953;
}
.arukuma-bg-group2 {
background-color: #6d9349;
}
.arukuma-bg-group3 {
background-color: #95b953;
}  @media (min-width: 768px) {
.arukuma-container {
max-width: 900px;
margin: 1.25rem auto;
padding: 1.25rem;
}
}body.search-form-body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.search-form-container { max-width: 1200px; }
.search-form-section {
margin-bottom: 20px;
padding: 15px;
border: 1px solid #ccc;
border-radius: 8px;
background-color: #f9f9f9;
}
.search-form-section-title { background-color: #488248;
color: white;
padding: 5px 10px;
border-radius: 5px;
font-size: 18px;
margin-bottom: 10px;
text-align: center;
}
.search-form-subsection-title {
font-size: 16px;
margin-top: 10px;
margin-bottom: 10px;
font-weight: bold;
background-color: #787878;
color: white;
padding: 4px 6px;
border-radius: 5px;
display: inline-block;
text-align: center;
width: 180px;
}
.search-form-map-image {
display: block;
width: 100%;
}
.search-form-subsection-group {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 5%;
}
.search-form-subsection-group > div {
flex: 1 1 calc(30% - 10px);
display: flex;
flex-direction: column;
}
.search-form-row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}
.search-form-row > div {
flex: 1 1 calc(50% - 10px);
}
.search-form-subsection-group {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
align-items: flex-start;
}
.search-form-subsection-group > div {
flex: 1 1 calc(30% - 10px);
display: flex;
flex-direction: column;
}
.search-form-checkbox-group {
display: flex;
flex-direction: column;
width: 100%;
flex-wrap: wrap;
justify-content: space-around;
}
.search-form-checkbox-group li{
margin-right:10px;
}
.search-form-btn-search {
display: block;
width: 100%;
max-width: 200px;
padding: 10px;
text-align: center;
background-color: #4c81af;
color: white;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
margin: 0 auto;
}
.search-form-btn-search:hover {
background-color: #4c81afb5;
}
@media (max-width: 768px) {
.search-form-subsection-group, .search-form-row {
flex-direction: column;
}
.search-form-row > div {
flex: 1 1 100%;
}
}
@media (max-width: 480px) {
.search-form-section-title {
font-size: 16px;
padding: 8px;
}
.search-form-btn-search {
font-size: 14px;
padding: 8px;
}
}
.search_title_area{
margin: 10px 0;
display: flex;
flex-direction: row;
}
.search-category li {
width: 70%;
}
.search-region {
flex-direction: row;
}
.search-region li{
width: 35%;
display: block;
} 
.search-field{
flex-direction: row;
}
.search-form-input-group {
margin: 10px 0;
}
.search-form-input-group #type{
padding: 6px;
width: 60%;
border-radius: 5px;
} ul.cooperation-list-icon .field-plants { color: #a80000; border: 2px solid #a80000; } ul.cooperation-list-icon .field-birds { color: #FF4500; border: 2px solid #FF4500; } ul.cooperation-list-icon .field-mammals { color: #8B4513; border: 2px solid #8B4513; } ul.cooperation-list-icon .field-insects { color: #FFD700; border: 2px solid #FFD700; } ul.cooperation-list-icon .field-fish { color: #4682B4; border: 2px solid #4682B4; } ul.cooperation-list-icon .field-stars { color: #9370DB; border: 2px solid #9370DB; } ul.cooperation-list-icon .field-geo { color: #708090; border: 2px solid #708090; } ul.cooperation-list-icon .field-other { color: #A9A9A9; border: 2px solid #A9A9A9; }  ul.cooperation-list-icon-area li { 
color: #969f24; 
border: 2px solid #969f24; 
margin-right: 5px;
} ul.cooperation-list-icon-natural-park li {
color: #28a79c; 
border: 2px solid #28a79c; 
margin-right: 5px;
} .guide-intro-section {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #f9f9f9;
border-radius: 10px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.guide-intro-title {
font-size: 24px;
color: #333;
text-align: center;
margin-bottom: 15px;
}
.guide-intro-text {
word-break: auto-phrase;
font-size: 16px;
color: #555;
line-height: 1.6;
}
.guide-flow-title {
text-align:center;
font-size: 20px;
color: #444;
margin-top: 20px;
border-bottom: 2px solid #5a9;
display: inline-block;
}
.guide-flow-list {
list-style-type: decimal;
padding-left: 20px;
}
.guide-flow-list li {
font-size: 16px;
margin-bottom: 10px;
line-height: 1.6;
}
.guide-highlight {
font-size: 1.25rem;
font-weight: bold;
color: #d9534f;
}
.guide-highlight-ok{
font-size: 1.25rem;
font-weight: bold;
color: #61c73d;
}
.guide-highlight-ng {
font-size: 1.25rem;
font-weight: bold;
color: #4f73d9;
}
.guide-highlight-check{
font-weight: bold;
color: #d9534f;
}
.guide-role {
font-weight: bold;
padding: 1px 6px;
border-radius: 5px;
}
.gov-office {
background-color: #5cb85c;
color: white;
}
.requester {
background-color: #f0ad4e;
color: white;
}
.guide {
background-color: #d9534f;
color: white;
}
.guide-note {
font-size: 14px;
color: #777;
margin-top: 10px;
}
.guide-flow-image {
width: 100%;
display: block;
margin-top: 20px;
border-radius: 8px;
} #loading-icon {
width: 50px;
height: 50px;
border: 5px solid rgba(0, 0, 0, 0.2);
border-top: 5px solid #37cb4b;
border-radius: 50%;
animation: spin 1s linear infinite;
position: relative;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
}
@keyframes spin {
0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); }
} .guide-single-container {
max-width: 900px;
margin: 20px auto;
padding: 20px;
background: #fff;
}
.guide-single-title {
font-size: 24px;
margin-bottom: 20px;
} .guide-single-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
.guide-single-table th, .guide-single-table td {
border: 1px solid #ccc;
padding: 5px 10px;
text-align: left;
vertical-align: top;
} .guide-single-section-header {
background-color: #007BFF;
color: white;
font-size: 18px;
text-align: center;
padding: 12px;
} .guide-single-section-title {
background-color: #f2f2f2;
font-weight: bold;
font-size: 16px;
padding: 10px;
} .guide-single-label, .guide-single-full-width-label{
font-weight: bold;
color: #FFF;
background-color: #82c167;
width: 35%;
}
.guide-single-table-spacing{
margin: 20px;
display: block;
} .guide-single-value {
width: 65%;
} .guide-single-button-container {
display: flex;
justify-content: center;
margin-top: 20px;
}
.guide-single-button-container button {
margin-right: 20px;
} .guide-single-back-button {
padding: 10px 20px;
background-color: #6c757d;
color: white;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
text-decoration: none;
}
.guide-single-back-button:hover {
background-color: #5a6268;
} .guide-single-action-button {
padding: 10px 20px;
background-color: #36a344;
color: white;
text-align: center;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
text-decoration: none;
}
.guide-single-action-button:hover {
background-color: #36a344b0;
}
.cooperation-list a:hover{
border: none;
opacity: 60%;
}
.search-guide-banner{
margin-bottom: 10px;
display: block;
padding: 20px;
}
.search-guide-banner:hover{
opacity: 60%;
animation-duration: 0.5s;
border: none;
}
.search-guide-banner-image{
width: 100%;
display: block;
border: solid 0.5px #d1d1d1;
} .guide-single-bg-group1 {
background-color: #73b953; }
.guide-single-bg-group2 {
background-color: #6d9349; }
.guide-single-bg-group3 {
background-color: #95b953; }
 body{background:#F1F5F1;} ul.blog-archive-list li.blog-archive-first{
border:4px solid #488248;
} .square-top{
width:0; height:0;
border-top:3px solid transparent;
border-bottom:3px solid #488248;
border-left:6px solid #488248;
border-right:6px solid transparent;
}
.square-bottom{
width:0; height:0;
border-top:3px solid #488248;
border-bottom:3px solid transparent;
border-left:6px solid transparent;
border-right:6px solid #488248;
}
#title-box{
border-left:12px solid #488248;
}
#entry-body h2{
border-bottom:2px dotted #488248;
}
#entry-body table th{background:#F1F5F1;}
.related-box h2{
color:#FFF;
font-weight:bold;
background:url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/main_title.gif) no-repeat left top;
} .side-box h2{
color:#FFF;
background:url(//blog.nagano-ken.jp/wp/nature/wp-content/themes/theme03/img/side_title.gif) no-repeat left top;
}
.side-box h3{
color:#488248;
}