﻿@charset "UTF-8"

/*ページ全体*/

html { font-family:メイリオ
}
html * {
	box-sizing:border-box;
}

nav {
	text-align:center;
	border-top:thin black solid;
	border-bottom:thin black solid;
	background-color:white;
	
	
	
}
body {
margin:20px 0 0 0;

	background-color:#FFFFCC
}
img{
	max-width:100%;
	height:auto
}
.wrapper{
    margin:0 auto 0 auto;
	max-width:960px;
}

.logo{ 
    text-align:center;
    width:100%;
    height:auto;
	
}
.nav li{
	display: inline;
	padding-right: 30px;
}
.nav a:link{
text-decoration:none
}
a:link {
	color:black;
}
a:visited{
	
	color:darkturquoise;
}
a:hover{
	color:tomato;
}
a:active{
	
	color:aqua;
}
p{
	text-align:center;
}
h1 {
	text-align:center;
	border-bottom:thin black dotted
}
h2{
	text-align:center;
}
h3{
	text-align:center;
}

.rainbow{ width:200px;
}

/*index*/

.main {
background-image :url('DSC_0352.jpg');
background-repeat:no-repeat;
background-position:center top;
}
.midasi { color: peachpuff; text-shadow: 2px 2px 1px  tomato;
}
.inframe {
	width: 340px;
	height: 500px;
	border: none;
	overflow: hidden;
}
/*about*/
.aboutitem{
	margin:0 auto;
}
.aboutli{
border:thin darkgrey double;
	margin:0 auto;
	width:640px;
}
.phot{
margin:0 auto;
text-align:center;
    
	}
	
.plof{
display:flex;
    margin:0 auto;
	border : thin black solid;
	width:640px;
}
.plofphot{
	
}
.ploftext{
	margin-left:5px;
	width:400px;
}
/*料金*/
.ryoukintable{border-collapse:collapse;
margin:30px;
}
.ryoukintable th,.ryoukintable td{
                          padding:15px;
                border:1px black solid;
                text-align:left
 }
 .ryoukintable th{background-color:aliceblue;
 width: 150px;
 line-height:1.6;
 
 
}
.rttd1{
           width:150px;
           background-color:mintcream;
          } 	
.rttd2{
          background-color:whitesmoke;
          }
/*体験*/
.taikenlist li {line-height:1.6;
	
}
	/*アクセス*/
	
.googlemap{
	text-align:center;
	
}
.map1{
	text-align:center;
}
/*リンク*/

.linktable{
	border-collapse: collapse;
	margin:30px
}
.linktable th,.linktable td {
	padding:8px;
	border:1px black solid;
	text-align:left
}
.linktable th{
	background-color:honeydew;
	width:200px;
	vertical-align:top
}
.linktable td {
	background-color:whitesmoke;
}
/*form1*/

form div{
	padding:30px;
	border-bottom:1px black dashed;
	
}
select {
	width:15em;
	
}
input[type=text] {
width:30em;
	
}
textarea {
	width:30em;
	height:8em;
}
input[type=submit] {
	margin:2em 0 0 0;
	width:13em;
}
input[type=reset] {
	
	margin-left:2em;
	width:13em;
}
/*フッター*/
.footer {
	border-top:1px black solid;
}
/*モバイル*/
@media (max-width: 767px){


    .wrapper{ 
      margin:0 8px;
	}
    .logo{ 
           width:100%;
      
	}
	.nav li { display:block;
	text-align:left;
    }
     .phot{ max-width:400px;
 }
      .plof{
	max-width:400px;
}
       .plofphot{
	max-width:200px;
}
       .ploftext{
	
	max-width:150px;

}
     .aboutli{
	max-width:400px;
	
}       
      .aboutitem{
      max-width :400px;
            }
     
.infram {
	width:100%;
	height:auto;
	}
.table th,table td {
	display:block;
	width:100%;
}
.h3 {font-size:large
}
.p {font-size:large
}
/*フォーム*/
	select {
	width:7.5em;height:50px;
	
	
	
}
 .select3={
	width:20em;
}
input[type=text] {
width:15em;
	
}
textarea {
	width:20em;
	height:8em;
}
input[type=submit] {
	margin:1em 0 0 0;
	width:6.5em;
}
input[type=reset] {
	
	margin-left:1em;
	width:6.5em;
}

	}
