/*
Theme Name: yasashiimachi
*/

@charset "utf-8";
@import url("css/font-awesome.min.css");

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}

body {
line-height: 1;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

body {
-webkit-text-size-adjust: none;
}

body {
color: #333;
font-family: メイリオ, Meiryo, "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
font-size: 14px;
line-height: 165%;
}

a {
color: #333;
text-decoration: none;
word-wrap: break-word;
}

a:hover {
color: #9E9E9F;
text-decoration: none;
}

.btn_opa:hover {
filter: alpha(opacity=80);
opacity: 0.80;
}

input, textarea {
border: 1px solid #ddd;
}

.fs {
font-size: 85%;
}


/*ヘッダー
---------------------------------------------------------------------------*/
#header {
position: relative;
width: 1000px;
height: 100px;
margin: 0 auto;
}

#header h1 {
position:absolute;
top: 3px;
left: 5px;
font-size: 12px;
font-weight: normal;
}

#header .logo {
position:absolute;
top: 28px;
left: 0;
}

#header img.logo {
width: 290px;
height: 55px;
}

header {
display:table;
}

header h1, nav {
display:table-cell;
}

header nav {
text-align:right;
vertical-align:bottom;
}

header ul {
font-size:13px;
line-height:1;
margin:0 10px 20px 0;
}

header ul li {
display:inline-block;
border-right: 1px dotted #ccc;
padding: 0 8px;
}

header ul li:last-child {
border-right: 0px dotted #ccc;
}

header ul li a {color:inherit}

#navToggle {
display:none;
position:absolute;
right:13px;
top:13px;
width:30px;
height:25px;
cursor:pointer;
}

#navToggle div {position:relative;}

#navToggle span {
display:block;
position:absolute;
width:100%;
border-bottom:solid 3px #999;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}

#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:11px}
#navToggle span:nth-child(3) {top:22px}

.breadcrumb-container {
    display: block !important;
    margin-left: -10px;
}

.breadcrumb-container li .separator:last-child {
display: none;
}




/* スライド
---------------------------------------------------------------------------*/
#slider {
overflow:hidden;
position:relative;
width:100%;
height: 460px;
margin: 0 0 20px 0;
}

#sliderInner {
position:relative;
left:50%;
width:3000px;
margin-left:-1500px;
}

#sliderInner li {
width:1000px;
}

#slideFilterL, #slideFilterR {
position:absolute;
top:0;
width:1000px;
height:460px;
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha( opacity=80 )";
background:#fff;
}

#slideFilterL {
left:0;
}

#slideFilterR {
right:0;
}



/*フッター
---------------------------------------------------------------------------*/
#footer {
width: 100%;
background: #333333;
color: #fff;
margin-top:30px;
}

#footer_inner {
width: 900px;
color: #e5e5e5;
font-size: 90%;
margin: 0 auto;
padding: 30px 0 30px;
}

#footer a {
color: #e5e5e5;
text-decoration: none;
}

#footer a:hover {
color: #888;
text-decoration: none;
}

.f_box01 {
float: left;
width:40%;
margin: 0 0 30px 0;
}

.f_box02 {
float: left;
width:30%;
margin: 0 0 30px 0;
}

#footer ul li.s01 {
background: url(./img/f_arr01.png) no-repeat;
background-position: 0% 50%;
background-size: 10px 10px;
margin: 0 0 0 6px;
padding: 0 0 0 14px;
}

#footer ul li.s02 {
background: url(./img/f_arr02.png) no-repeat;
background-position: 0% 50%;
background-size: 10px 10px;
margin: 0 0 0 18px;
padding: 0 0 0 14px;
}

#footer ul li.s03 {
background: url(./img/f_arr03.png) no-repeat;
background-position: 0% 50%;
background-size: 10px 10px;
margin: 0 0 0 18px;
padding: 0 0 0 14px;
}


.f_txt {
width: 100%;
color: rgba(255,255,255,0.6);
margin: 0 0 20px 0;
padding: 15px;
border-top: 1px dotted rgba(255,255,255,0.6);
border-bottom: 1px dotted rgba(255,255,255,0.6);
}

.copyright {
text-align:center;
font-size: 90%;
}

#page-top {
position: fixed;
bottom: 50px;
right: 100px;
font-size: 77%;
z-index: 100;
}

#page-top img {
border: 2px solid #fff;
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
border-radius: 4px;
}


/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
width: 1000px;
margin: 0 auto;
}

#content_left {
float: left;
width:720px;
}

#content_right {
float: right;
width:240px;
margin: 10px 0 0 0;
}

#under #content_right {
float: right;
width:240px;
margin: 30px 0 0 0;
}

#content_right img {
width:240px;
height: auto;
border-radius: 4px;
}


.lead_txt {
padding: 0 20px 30px;
}

.lead_txt02 {
padding: 0 20px 10px;
font-weight: bold;
text-align: center;
}

.thumb {
border-top: 10px solid #555;
}

h2 {
font-size: 18px;
font-weight: bold;
text-align: center;
line-height: 1;
margin: 10px 0 10px 0;
padding: 15px 0;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}

#under h3 {
color: #fff;
font-size: 16px;
text-align: center;
margin: 0 0 20px 0;
padding: 9px 0;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
border-radius: 4px; 
}

#under h3.post_title {
background: url(./img/035-file-text.png) no-repeat;
background-position: 0% 50%;
background-size: 20px 20px;
background: none;
color: #359539;
font-size: 16px;
text-align: left;
margin: 0 0 20px 0;
padding: 0 0 6px;
-moz-border-radius: 0px; 
-webkit-border-radius: 0px;
border-radius: 0px; 
border-bottom: 2px dotted #ccc;
}

.tanoshimi span {
background: url(./img/134-binoculars.png) no-repeat #fff;
background-position: 0% 50%;
background-size: 18px 18px;
padding: 0 0 0 24px;
}

.gourmet span {
background: url(./img/164-spoon-knife.png) no-repeat #fff;
background-position: 0% 50%;
background-size: 18px 18px;
padding: 0 0 0 24px;
}

.gourmet02 span {
background: url(./img/164-spoon-knife2w.png) no-repeat;
background-position: 0% 50%;
background-size: 16px 16px;
padding: 0 0 0 20px;
}

.area span {
background: url(./img/073-location2.png) no-repeat #fff;
background-position: 0% 50%;
background-size: 18px 18px;
padding: 0 0 0 24px;
}

.area02 span {
background: url(./img/073-location2w.png) no-repeat;
background-position: 0% 50%;
background-size: 16px 16px;
padding: 0 0 0 20px;
}

.yasashii span {
background: url(./img/165-leaf.png) no-repeat #fff;
background-position: 0% 50%;
background-size: 18px 18px;
padding: 0 0 0 24px;
}

.yasashii02 span {
background: url(./img/165-leaf2w.png) no-repeat;
background-position: 0% 50%;
background-size: 16px 16px;
padding: 0 0 0 20px;
}


.film span {
background: url(./img/020-film.png) no-repeat #fff;
background-position: 0% 50%;
background-size: 18px 18px;
padding: 0 0 0 24px;
}

.onlineshop span {
background: url(./img/059-cart.png) no-repeat #fff;
background-position: 0% 50%;
background-size: 18px 18px;
padding: 0 0 0 24px;
}

.facebook span {
background: url(./img/402-facebook2.png) no-repeat #fff;
background-position: 0% 50%;
background-size: 18px 18px;
padding: 0 0 0 24px;
}

.link span {
background: url(./img/047-stack.png) no-repeat #fff;
background-position: 0% 50%;
background-size: 18px 18px;
padding: 0 0 0 24px;
}

.idea02 span {
background: url(./img/idea2w.png) no-repeat;
background-position: 0% 50%;
background-size: 16px 16px;
padding: 0 0 0 20px;
}

.event02 span {
background: url(./img/211-bookmark2w.png) no-repeat;
background-position: 0% 50%;
background-size: 16px 16px;
padding: 0 0 0 20px;
}



.btn_01 {
width: 66%; 
height: 100%;
margin: 12px auto 24px;
line-height: 0.75;
text-align: center;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
border-radius: 4px; 
}

.btn_02 {
width: 33%; 
height: 100%;
margin: 12px auto 24px;
line-height: 0.75;
text-align: center;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
border-radius: 4px; 
}

.btn_01 a, .btn_02 a {
display: block;
color: #fff;
padding: 12px 0;
}

.btn_01 a:hover, .btn_02 a:hover {
display: block;
color: #fff;
padding: 12px 0;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
border-radius: 4px; 
}

.btn_01 span, .btn_02 span {
background: url(./img/f_arr01.png) no-repeat;
background-position: 0% 50%;
background-size: 10px 10px;
padding: 0 0 0 12px;
}

.green {
background: #B6D56A;
}

.green a:hover, .green a:hover {
background: #359539;
color: #fff;
}

.green02 {
background: #B6D56A;
}

.pink {
background: #FFB6A8;
}

.blue {
background: #A8DEE8;
}

.purple {
background: #DBBDD9;
}

.orange {
background: #F6D36D;
}

#post_box img {
display: block;
margin: 0 auto;
padding: 20px 0;
}

#post_box p {
padding: 0 0 15px 0;
}

#post_box p strong{
color: #E5B553;
font-weight: bold;
font-size: 15px;
}

#post_box p a{
color: #359539;
}

#post_box p a:hover {
text-decoration: underline;
}

ul.link_bnr li {
float: left;
padding: 0 0 5px 0;
}

ul.idea_list {
list-style:none;
width: 85%;
margin: 0 5% 30px 10%;
}

ul.idea_list h4{
font-size:105%;
color: #333;
text-align:left;
margin-bottom:5px;
margin-top:5px;
/*padding:0 4% 5px;*/
border-bottom: 2px dotted #ddd;
}

ul.idea_list li {
margin: 0 0 0 0;
padding: 3px 0;
}

ul.idea_list li:before {
font-family: FontAwesome;
content: '\f007';
width:1em;
margin-right: 4px;
}

ul.idea_list li a:hover {
text-decoration: underline;
}

.idea_back {
float:left;
width:45%;
text-align: left;
margin-top: 10px; 
padding: 0 0 10px 10px;
}

.idea_next {
float:right;
width:45%;
text-align: right;
margin-top: 10px; 
padding: 0 10px 10px 0;
}

#form_box img {
display: block;
margin: 0 auto;
padding: 20px 0;
}

#form_box img.float_l {
float: left;
margin: 0;
padding: 0 20px 0 0;
}

#form_box .idea_waku {
padding: 2%;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
border-radius: 10px; 
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}

#form_box p.profile {
}

#form_box p.profile span {
font-size: 110%;
font-weight: bold;
}

#form_box p.ideas_q {
display: block;
border-bottom: 3px dotted #A5CBEC;
padding: 5px 3px;
margin: 20px 0 20px 0;
width: 100%;
box-sizing: border-box;
}

#form_box p.ideas_a {
padding: 0 0 10px 10px;
}

#form_box p.ideas_q .q_tit02 {
color: #0072BC;
font-size: 133%;
font-weight: bold;
padding: 0 10px 0 0;
}

#form_box .idea_waku p a {
color: #0072BC;
}

#form_box .idea_waku p a:hover {
text-decoration: underline;
}


#form_box p a.ideas_real{
color: #359539;
}

#form_box p a.ideas_real:hover {
text-decoration: underline;
}


/*トップページコンテンツ
---------------------------------------------------------------------------*/
.s_box {
float: left;
width:46%;
margin: 0 2%;
}

ul.spot_box01, ul.spot_box02 {
width:100%;
margin:0;
padding:0;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

ul.spot_box01 li {
width:100%;
list-style:none;
margin: 0;
padding-bottom: 20px;
position: relative;
}

ul.spot_box02 li {
width:46%;
list-style:none;
margin: 0 2%;
padding-bottom: 20px;
position: relative;
}

ul.spot_box01 h3{
color: #359539;
}

ul.spot_box02 li a{
color: #359539;
}

ul.spot_box02 li a:hover {
text-decoration: underline;
}

ul.spot_box01 li img, ul.spot_box02 li img {
display: block;
background: #fff;
margin:0 auto;
padding: 4px;
-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}

ul.spot_box01 li img:hover, ul.spot_box02 li img:hover {
filter: alpha(opacity=80);
opacity: 0.80;
}

ul.spot_box01 li h3, ul.spot_box02 li h3 {
font-size:110%;
text-align:left;
margin-bottom:10px;
margin-top:10px;
padding:0 4% 5px;
border-bottom: 2px dotted #ddd;
}

#under ul.spot_box01 li h4, ul.spot_box02 li h4 {
font-size:110%;
text-align:left;
margin-bottom:10px;
margin-top:10px;
padding:0 4% 5px;
border-bottom: 2px dotted #ddd;
}

ul.spot_box01 li p, ul.spot_box02 li p {
padding:0 4%;
font-size:90%;
}

ul.spot_box01 li p>a {
color: #359539;
}

.s_box02_w {
background: url(./img/visual_bg.jpg);
background-position: 50% 50%;
padding: 20px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
border-radius: 10px; 
}
.s_box02 {
display: block;
width:46%;
margin: 0 auto;
}



/*下層ページコンテンツ
---------------------------------------------------------------------------*/
#message {
margin: 4% 0;
}

#message .logbox {
width: 980px -0.5em;
height: 320px;
padding: 1.5em;
overflow: auto;
background-color: #fff;
-moz-border-radius: 8px; 
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}

#message .logbox p {
padding: 0 0 10px 0;
}

img.y_photo {
width: 100%;
height: auto;
padding: 15px 0;
}

.pagetitle {
width:100%;
text-align:center;
background-color:#339339;
color:#fff;
margin:10px 0 20px 0;
}

.q_tit {
color: #F05B72;
font-size: 133%;
padding:0 10px 0 0;
}

.form_q {
display:block;
border-bottom:3px dotted #F9C0C7;
padding:5px 3px;
margin:20px 0 0 0;
width:100%;
box-sizing: border-box;
}

.form_qs {
display:block;
border-left:5px solid #F05B72;
padding-left:5px;
width:100%;
height:17px;
margin:20px 0 -10px 0;
line-height:17px;
box-sizing: border-box;
}

input[type="text"],
input[type="tel"],
input[type="email"]{
width:100%;
max-width:720px;
}

input[type="button"] {
width:100%;
max-width:720px;
margin:10px 0;
}

div.wpcf7 input[type="file"] {
cursor: pointer;
}

button, html input[type="button"], input[type="reset"], input[type="submit"], div.wpcf7 input[type="file"] {
width: 98%;
border: none;
background: #F9C0C7;
color: #F05B72;
cursor: pointer;
-webkit-appearance: button;
font-size: 12px;
font-size: 0.9rem;
line-height: 1;
margin: 0 1% 8px;
padding: 0.8em;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
border-radius: 4px; 
}

div.wpcf7 input[type="file"] {
padding: 0.3em;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
border-radius: 4px; 
}

textarea {
	width:100%;
    max-width:951px;
    margin-bottom:20px;
    height:80px;
}

.wpcf7c-conf {
    background-color: #ddd;
}

.con {
	width:100%;
    max-width:951px;
    margin:0 auto;
}

.the-content p {
    margin:10px 0;
}

.textred{
    color:#e23c00;
}




/*テーブル
---------------------------------------------------------------------------*/
table.tbl01 {
border-top: 3px solid #714F3B;
border-bottom: 3px solid #714F3B;
width: 100%;
}

table.tbl01 td {
border-left: 1px solid #714F3B;
border-bottom: 1px solid #714F3B;
padding: 4px 2%;
text-align: center;
}

table.tbl01 td.lnone {
border-left: 0px solid #714F3B;
border-bottom: 1px solid #714F3B;
padding: 4px 2%;
text-align: center;
}

table.tbl02 {
width: 100%;
margin: 20px 0 20px;
}

table.tbl02 th, table.tbl02 td {
padding: 8px 2%;
text-align: left;
}






/*その他
---------------------------------------------------------------------------*/
.btn_opa:hover {
filter: alpha(opacity=80);
opacity: 0.80;
}

.clear {
clear: both;
}

.center {
display: block;
margin: 0 auto 30px;
text-align: center;
}

img.float_r {
float: right;
padding: 0 0 0 0;
}

img.float_l
float: left;
padding: 0 20px 0 0;
}

.fs {
font-size: 85%;
}

.br {
display: none;
}








/*ここからスマートフォン用環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width : 768px){

/*ヘッダー
---------------------------------------------------------------------------*/

#header {
position: relative;
width: 100%;
min-height: 60px;
}

#header h1 {
position:absolute;
top: 3px;
left: 3px;
font-size: 10px;
}

#header .logo {
position:absolute;
top: 28px;
left: 0;
}

#header img.logo {
/*width: 80%;*/
height: auto;
}

header nav {
position: absolute; 
right:0;
top: -254px;
background:rgba(255,255,255,.9);
width:100%;
padding:0;
-webkit-transition:.5s ease-in-out;
-moz-transition:.5s ease-in-out;
transition:.5s ease-in-out;
text-align:left;
z-index:100;
}

header ul {
margin:0;
border-top:dotted 1px #ccc;
}

header ul li {
display:block;
margin:0;
padding:5px 20px;
border-bottom:dotted 1px #ccc;
line-height:3}
header ul li a {display:block}
header ul li::after {content:''}
header ul li:last-child {border-bottom:none}
 
#navToggle {display:block}
 
.openNav #navToggle span:nth-child(1) {
top: 11px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
top: 11px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
 
.openNav nav {
-moz-transform: translateY(351px);
-webkit-transform: translateY(351px);
transform: translateY(351px);
}

.breadcrumb-container {
    display: none !important;
}

/*フッター
---------------------------------------------------------------------------*/
#footer {
width: 100%;
background: #333333;
color: #fff;
margin-top:30px;
}

#footer_inner {
width: 100%;
color: #e5e5e5;
font-size: 90%;
margin: 0 auto;
padding: 30px 0;
}

.f_box01 {
float: none;
width: 95%;
margin: 2.5% 0 0 5%;
}

.f_box02 {
float: none;
width: 95%;
margin: 2.5% 0 0 5%;
}

.f_txt {
width: 90%;
color: rgba(255,255,255,0.6);
margin: 0 auto 20px;
padding: 2.5%;
border-top: 1px dotted rgba(255,255,255,0.6);
border-bottom: 1px dotted rgba(255,255,255,0.6);
}

.copyright {
line-height: 0.6;
}

#page-top {
position: fixed;
bottom: 5%;
right: 5%;
font-size: 77%;
z-index: 100;
}



/*スライド
---------------------------------------------------------------------------*/
#slider {
overflow:hidden;
position:relative;
width:100%;
height: 184px;
margin: 0;
}

#sliderInner {
left:0%;
width:300%;
margin-left:0%;
}

#sliderInner li {
width:100%;
}

#sliderInner li img {
width:100%;
height: auto;
}

#slideFilterL {
display: none;
}

#slideFilterR {
display: none;
}


/*メニュー
---------------------------------------------------------------------------*/
nav#sp_menu {
display: block;
height: auto;
overflow: hidden;
background-color: #FFF;/*背景色（古いブラウザだとここの色のみが出ます）*/
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e7e7e7));/*グラデーション*/
background-image: -webkit-linear-gradient(#FFF, #e7e7e7);
background-image: linear-gradient(#FFF, #e7e7e7);
border-top: 1px solid #d4d4d4;
border-bottom: none;
border-left: 1px solid #d4d4d4;
margin-bottom: 6px;
}

nav#sp_menu ul {
width: 0 auto;
}

nav#sp_menu ul li {
float: left;
width: 50%;
padding: 5px 10px;
border-right: 1px solid #d4d4d4;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-bottom: 1px solid #d4d4d4;
}

nav#sp_menu ul li a {
text-decoration: none;
display: block;
line-height: 30px;
padding-top: 5px;
color: #714F3B;
font-size: 15px;
text-shadow: #fff 1px 1px;
}

nav#sp_menu ul li a:hover {
border-bottom: none;
}

nav#sp_menu ul li:first-child {
border-left: none;
}

nav#sp_menu ul li span {
font-size: 80%;
color: #fac0a7;
padding: 0 3px 0 0;
}

#nav {
display: none;
}

#nav_inner {
display: none;
}


/*レイアウト
---------------------------------------------------------------------------*/
#contents {
width: 100%;
margin: 0 auto;
padding: 0;
}

#content_left {
float: none;
width: 100%;
padding:0;
}

#content_right {
float: none;
width: 100%;
margin: 30px 0 0 0;
padding:0;
text-align: center;
}

#under #content_right {
float: none;
width: 100%;
margin: 30px 0 0 0;
padding:0;
text-align: center;
}

#content_right img {
width:90%;
height: auto;
}

.facebook_box {
display: block;
width: 60%;
margin: 0 20% 30px;
}

#content_right ul.link_bnr {
float: left;
}

#content_right ul.link_bnr li {
float: left;
}

#content_right ul.link_bnr li img {
width: 80%;
}

.s_box {
float: none;
width:96%;
margin: 0 2%;
}

.s_box02_w {
background: url(./img/visual_bg.jpg);
background-position: 50% 50%;
padding: 20px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
border-radius: 10px; 
}

.s_box02 {
float: none;
width:96%;
margin: 0 2%;
}

ul.spot_box02 li {
width:96%;
margin: 0 2%;
list-style:none;
padding-bottom: 20px;
position: relative;
}

ul.spot_box01 h3{
color: #359539;
}

ul.spot_box02 li a{
color: #359539;
}

ul.spot_box02 li a:hover {
text-decoration: underline;
}


.btn_02 {
width: 66%; 
}

#under h3 {
width: 94%;
color: #fff;
font-size: 16px;
text-align: center;
margin: 0 3% 20px 3%;
padding: 9px 0;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
border-radius: 4px; 
}

#under h3.post_title {
padding: 0 5% 6px;
color: #359539;
}

ul.spot_box01 li h3, ul.spot_box02 li h3 {
font-size:110%;
text-align:left;
margin-bottom:10px;
margin-top:10px;
margin-left:4%;
margin-right:4%;
padding:0 4% 5px;
border-bottom: 2px dotted #ddd;
}

#under ul.spot_box01 li h4, ul.spot_box02 li h4 {
font-size:110%;
text-align:left;
margin-bottom:10px;
margin-top:10px;
margin-left:4%;
margin-right:4%;
padding:0 1% 5px;
border-bottom: 2px dotted #ddd;
}

ul.spot_box01 li p, ul.spot_box02 li p {
padding:0 5%;
font-size:90%;
}

ul.spot_box01 li p>a {
color: #359539;
}

#post_box img {
display: block;
width: 90%;
height: auto;
margin: 0 auto;
}

#post_box p {
padding: 0 5% 10px;
}



/*トップページコンテンツ
---------------------------------------------------------------------------*/


/*下層ページコンテンツ
---------------------------------------------------------------------------*/
#message {
margin: 4% 0;
}

#message .logbox {
width: 90% -0.5em;
height: 200px;
margin: 0 5%;
padding: 1em 1em 2em;
overflow: auto;
background-color: #fff;
-moz-border-radius: 8px; 
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}

img.y_photo {
width: 90%;
height: auto;
margin: 0 5%;
padding: 15px 0;
}

table.tbl02 {
width: 100%;
margin: 20px 0 20px;
}

table.tbl02 th, table.tbl02 td {
width: 100%;
display: block;
border-top: none;
padding: 2px 2%;
text-align: left;
}

#post_box img.float_l {
width: 33%;
float: left;
margin: 0;
padding: 0 12px 10px 0;
}

#post_box .idea_waku {
width:88%;
margin: 0 4% 5%;
padding: 4% 2%;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
border-radius: 10px; 
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}


/*その他
---------------------------------------------------------------------------*/
input[type="button"],input[type="submit"],input[type="file"], div.wpcf7 input[type="file"] {
-webkit-appearance: none;
}

.br {
display: block;
}


/*tdタグにiframeを読み込んだ場合（GoogleMap用）*/
iframe {
height: 300px;
width: 100%;
}

}