/***------------------------------------------
共通
------------------------------------------***/
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+SC');
@import url('https://fonts.googleapis.com/css?family=Cinzel');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC');
  *{
	font-family: 'Cinzel','Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0 auto; 
	padding:0;
	font-size:14px;
	letter-spacing: 1.2px;
	color:#B29818;
    }
  img       { border :none; }
  .clear    { clear  :both; }  
  .clear hr { display:none; }
  body{ background-color: #f9fff4; }
  .bg001{ background-color: rgba( 227, 242, 253, 1.85 ); }
  .bg002{ background: #fff; }
  .bg003{ background:#f9fff4 ;}
  .img001{
	position: absolute;
	left:-10px;
	bottom:-10px;
	}
  .img002{
	position: absolute;
	right:-10px;
	bottom:-10px;
	}
  h2{
	font-family: '','Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	}
  p{
	font-weight:bold;
	font-family: '','Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
  a{
  	text-decoration:none;
  	}
  #top{
    position: fixed;
	bottom:15px;
	right:15px;
    z-index: 9999;
	}
  #top i{
  	font-size:180%;
  	border:1px solid #CCCC99;
  	padding:10px;
  	background:white;
  	}
  *:hover{
  	transition-duration: 0.8s;
  	}
/* iOSでのデフォルトスタイルをリセット */
  input[type="submit"],
  input[type="button"] {

	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	}
  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration {
    display: none;
	}
  input[type="submit"]::focus,
  input[type="button"]::focus {
    outline-offset: -2px;
	}
  input[type="submit"]:hover{
  	background:white;
  	border:1px solid #B29818;
  	color:#B29818;
  	}
  input[type="submit"]:hover,	
  input[type="submit"]:focus {
  	outline: none;
	}
  input[type="submit"]::-moz-foucus-inner {
  	border: none;
  	padding: 0;
	}
  input[type="text"]:focus {
  	border: 1px solid rgba(0, 0, 0, 0.32);
 	box-shadow: none;
 	outline: none;
 	}
  textarea:focus {
	border: 1px solid rgba(0, 0, 0, 0.32);
	box-shadow: none;
	outline: none;
	}
  input{
  	padding:10px;
	width:95%;
	-moz-appearance: none;
  	-webkit-appearance: none;
 	appearance: none;
 	background-color: transparent;
 	background-image: none;
 	border: 1px solid rgba(0, 0, 0, 0.16);
  	border-radius: 0;
	color: inherit;
	font-family: inherit;
	font-size: 1em;
	}
  textarea{
	width:95%;
	padding:10px;
 	moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	background-image: none;
	border: 1px solid rgba(0, 0, 0, 0.16);
	border-radius: 0;
	color: inherit;
	font-family: inherit;
	font-size: 1em;
	height: 100px;
  	}
	  
/***------------------------------------------
	パソコン表示
------------------------------------------***/
@media only screen and (min-width: 1021px) {
  main {
  	margin-top:80px;
  	}
  hr{
  	height: 83px;
    margin: 0 auto;
    padding: 0;
    background:url('image/icon_003.png');
    border: 0px none;  
    width:930px;
    background-position:center;
    margin-bottom:50px;
    background-repeat:no-repeat;
    }
  .index001{
  	height:930px;
  	text-align:center;
    position: relative;
    background-image:url('image/icon_004.png');
    background-position:center;
    background-repeat:no-repeat;
    margin-top:50px;
    width:930px;
  	}
  .index001 img{
  	width:100px;
  	}
  .index001box{
	position: absolute;
  	top: 50%;
  	right:0px;
  	left:0px;
  	transform: translateY(-50%);
  	}
  .index001 h2{
  	font-size:300%;
  	margin-top:10px;
  	}
  .index001 h2 span{
  	display:block;
  	font-size:60%;
  	}
  .index001 p{
  	line-height:20px;
  	margin-top:30px;
  	}
  .index001 h3 a{
    background:#B29818;
    color:white;
    line-height:60px;
    width:30%;
    margin-top:50px;
    margin-bottom:25px;
    border:1px solid;
    display:block;
    position: relative;
  	}
  .index001 h3 a:hover{
  	background:rgba( 227, 242, 253, 0.85 );
  	color:#B29818;
    border:1px solid;
  	}
  .index001 h3 a i{
    color:white;
	position: absolute;
  	top: 50%;
  	right:25px;
  	transform: translateY(-50%);
  	}
  .index002{
  	padding:100px 0px;
  	text-align:center;
    position: relative;
  	}
  .index002 h2{
  	font-size:300%;
  	margin-bottom:25px;
  	}
  .index002 h2 span{
  	display:block;
  	font-size:60%;
  	}
  .index002 h3 a{
    background:#B29818;
    color:white;
    line-height:60px;
    width:30%;
    margin-top:25px;
    margin-bottom:25px;
    border:1px solid;
    display:block;
    position: relative;
    border:1px solid;
  	}
  .index002 h3 a:hover{
  	background:rgba( 227, 242, 253, 0.85 );
  	color:#B29818;
    border:1px solid;
  	}
  .index002 h3 a i{
    color:white;
	position: absolute;
  	top: 50%;
  	right:25px;
  	transform: translateY(-50%);
  	}
  .index002box{
  	display:inline-block;
  	width:310px;
  	}
  .index002box h2{
  	font-size:160%;
  	padding:10px 0px;
  	padding-bottom:0px;
  	margin-bottom:5px;
  	}
  .index002box p{
  	font-size:90%;
  	width:90%;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	}
  .index002box img{
  	width:90%;
  	}
  .index002box h3 a{
    background:#B29818;
    color:white;
    line-height:40px;
    width:90%;
    margin-top:25px;
    margin-bottom:25px;
    border:1px solid;
    display:block;
    position: relative;
    border:1px solid;
  	}
  .index002box h3 a:hover{
  	background:rgba( 227, 242, 253, 0.85 );
  	color:#B29818;
    border:1px solid;
  	}
  .index002box h3 a i{
    color:white;
	position: absolute;
  	top: 50%;
  	right:25px;
  	transform: translateY(-50%);
  	}
  .content001{
  	padding:150px 0px;
  	text-align:center;
  	}
  .content001 h2{
  	font-size:300%;
  	margin-bottom:25px;
  	}
  .content001 h2 span{
  	display:block;
  	font-size:60%;
  	}
  .content001 p{
  	line-height:30px;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	padding:25px 0px;
  	width:930px;
  	}
  .content001 table{
    max-width:930px;
	border-collapse:collapse;
	margin-bottom:25px;
	margin-top:25px;
	}
  iframe {
  	width:930px;
  	}
  .content001 table td{
  	border-bottom:1px solid #CCCC99;
  	padding:25px;
  	text-align:left;
  	}
  .content001td001{
  	width:20%;
  	font-weight:bold;
  	}
  .content001td002{
	font-family: '','Noto Serif JP',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	width:80%;
  	font-weight:bold;
  	}
  .content001 ul{
  	text-align:left;
  	max-width:830px;
  	list-style:none;
  	margin-top:25px;
  	background:white;
  	padding:50px;
  	border-radius: 25px;
  	background:#f9fff4;
  	}
  .content001 ul h3{
  	font-size:200%;
  	text-align:center;
  	margin:25px 0px;
  	}
  .content001 ul li{
    font-size:120%;
    margin-bottom:25px;
    font-weight:bold;
    }
  .content001 ul li span{
  	display:block;
  	padding:0px 25px;
  	font-weight:normal;
  	margin-top:5px;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	font-weight:bold;
  	}  	
  .content002left{
  	width:49%;
  	display:inline-block;
    position: relative;
    float:left;
  	}
  .content002left img{
  	width:100%;
  	}
  .content002left h2{
  	font-size:300%;
	position: absolute;
  	top:50%;
  	width:100%;
  	text-align:center;
  	transform: translateY(-50%);
  	background-color: rgba( 255, 255, 255, 0.65 );
  	padding:30px 0px;
  	}
  .content002left h2 span{
  	display:block;
  	font-weight:bold;
  	}
  .content002right{
  	width:50%;
  	display:inline-block;
	float:right;
    position: relative;
    overflow:hidden;
  	}
  .content002right img{
	position: absolute;
	top:-50px;
	right:-50px;
	width:200px;
  	}
  .content002right h2{
  	width:85%;
  	font-size:350%;
  	padding-top:25px;
  	text-align:left;
  	}
  .content002right h2 span{
  	display:block;
  	font-size:100%;
  	text-align:right;
  	}
  .content002right p{
  	line-height:30px;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	padding:25px 0px;
  	width:85%;
  	}
  .content002right ul{
  	width:85%;
  	list-style:none;
  	text-align:left;
  	}
  .content002right li{
  	display:inline-block;
  	width:49%;
  	}
  .content002right li i{
  	color:white;
	position: absolute;
  	top: 50%;
  	right:25px;
  	transform: translateY(-50%);
  	}
  .content002right li a{
  	text-decoration:none;
  	line-height:50px;
  	background:#B29818;
  	display:block;
  	font-size:80%;
  	font-weight:bold;
  	color:white;
  	text-align:center;
  	margin-bottom:5px;
    position: relative;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .content003{
  	padding:100px 0px;
  	text-align:center;
  	max-width:960px;
  	margin-top:100px;
  	}
  .content003 h2{
    font-size:300%;
    padding:20px 0px;
    background-image:url('image/icon_006.png');
    background-position:center;
    background-repeat:no-repeat;
    margin-bottom:50px;
  	}
  .content003 h2 span{
  	display:block;
  	font-size:50%;
  	}
  .content003img{
  	width:50%;
  	float:left;
  	margin-top:50px;
  	}
  .content003img img{
  	width:100%;
    box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
  	}
  .content003text{
  	width:50%;
  	float:right;
  	}
  .content003text h2{
  	font-size:220%;
  	margin-bottom:0px;
  	text-align:right;
  	}
  .content003text h2 span:after{
   content:"税込";
   font-size:70%;
   padding-left:5px;
    }
  .content003text h2 span{
   font-size:80%;
   text-align:right;
  	}
  .content003text p{
  	line-height:30px;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	font-weight:bold;
  	padding-left:25px;
  	padding-bottom:25px;
  	}
  .content003text ul{
  	padding-left:25px;
  	text-align:left;
  	margin-bottom:25px;
  	}
  .content003text ul h3{
    font-size:120%;
    margin-bottom:5px;
    }
  .content003text li{
  	display:inline-block;
  	list-style:none;
  	padding-left:5px;
  	list-style-position:inside;
  	font-weight:bold;
  	}
  .content003text li a{
  	text-decoration:none;
  	}
  .content003text li:before { content:"― " }
  .content003img ul{
  	margin-top:15px;
  	}
  .content003img li{
    width: 70px;
    margin-right: 10px;
    margin-left: 0px;
    margin-bottom: 5px;
    border-radius: 3px;
    box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
    list-style:none;
    display:inline-block;
    border:1px solid white;
    }
  .content003img li:hover{
  	border:1px solid #F7C4B7;
  	}
  .content003text form {
	margin-top:0px;
	margin-bottom:0px;
  	}
  .content003text form input[type="image"]  {
	width:50%;
	display:block;
	border:0px ;
	padding:10px;
	}
  .list_002 li{
  	display:inline-block;
  	width:48%;
  	}
  .list_002 li:before  { display:none; }
  .list_002 li a{
  	text-decoration:none;
  	line-height:50px;
  	background:#B29818;
  	color:white;
  	display:block;
  	font-size:80%;
  	text-align:center;
  	margin-bottom:5px;
    position: relative;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .list_002 li i{
  	color:white;
	position: absolute;
  	top: 50%;
  	right:25px;
  	transform: translateY(-50%);
  	}
  .contentmenu {
  	padding:150px 0px;
  	text-align:center;
  	margin-top:100px;
  	}
  .contentmenu h2{
  	font-size:300%;
  	margin-bottom:25px;
  	}
  .contentmenu h2 span{
  	display:block;
  	font-size:50%;
  	}
  .contentmenu p{
  	max-width:930px;
  	line-height:30px;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	font-size:100%;
  	margin-bottom:25px;
  	}
  .contentmenu ul{
  	max-width:930px;
	}  	
  .contentmenu li{
  	list-style:none;
  	display:inline-block;
  	width:210px;
  	margin:5px 5px;
  	background:;
  	border:1px solid #CCCC99;
  	}
  .contentmenu li h3{
    font-size:80%;
    width:90%;
    margin-top:10px;
    margin-bottom:5px;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .contentmenu li p{
    font-size:80%;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	width:90%;
  	line-height:20px;
  	margin-bottom:10px;
  	font-weight:normal;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .contentmenu li img{
  	width:90%;
  	margin-top:10px;
  	}
  .contentmenu li:hover{
	background-color: rgba( 227, 242, 253, 1.85 ); 
	}
  .contentmenu table{
    width:930px;
	border-collapse: collapse;
	margin-bottom:25px;
	margin-top:25px;  	
  	}
  .contentmenu table tr{
  	}
  .contentmenu table td{
  	border:1px solid #CCCC99;
  	margin-bottom:50px;
  	display:block;
  	background:white;
    position: relative;
    padding-bottom:25px;
  	}
  .contentmenu table h2{
  	font-size:120%;
  	background:#B29818;
  	padding:10px 0px;
  	color:white;
  	}
  .contentmenu table i{
	position: absolute;
	left:50%;
	bottom:-40px;
	font-size:25px;
  	transform: translateX(-50%);
	}
  .contentmenubox img{
  	width:30%;
  	padding:0px 25px;
  	float:left;
  	}
  .contentmenubox p{
  	padding-right:25px;
  	margin-bottom:0px;
  	}
  .con{
  	height:600px;
  	text-align:center;
  	background-image:url('image/img_062.jpg');
  	background-size:cover;
  	background-position:center;
    position: relative;
  	}
  .conbox{
	position: absolute;
	top:50%;
	width:930px;
  	transform: translateY(-50%);
  	background-color: rgba( 255, 255, 255, 0.85 );
  	left:50px;
  	right:50px;
  	padding:50px 0px;
  	border:1px solid #CCCC99;
  	}
  .con h2{
    font-size:250%;
    font-weight:normal;
    width:80%;
  	}
  .con h2 span{
  	display:block;
  	margin-top:25px;
  	font-size:40%;
  	font-weight:bold;
  	}
  .con i{
  	font-size:160%;
  	padding-right:10px;
  	}
  .con h3 {
  	margin-top:25px;
  	font-size:140%;
  	display:inline-block;
  	width:40%;
    position: relative;
  	padding:10px 0px;
  	border:1px solid #CCCC99;
    font-weight:normal;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .con h3 span{
  	font-size:60%;
  	display:block;
    font-weight:normal;
  	font-weight:bold;
  	}
  .con p{
  	margin-top:25px;
  	display:inline-block;
  	width:80%;
  	background:#B29818;
  	color:white;
    position: relative;
  	padding:20px 0px;
  	border:1px solid #CCCC99;
    font-weight:normal;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .con p i{
	position: absolute;
	right:25px;
  	transform: translateY(-50%);
  	top:50%;
    color:#fff;
  	}
  .copy{
  	font-size:80%;
  	text-align:center;
  	padding:10px 0px;
  	background:white;
  	}  
  .foodermenu{
    width:930px;
	border-collapse: collapse;
	border-top:1px solid ;
	border-bottom:1px solid ;
	border-right:1px solid ;
	margin-bottom:100px;
  	}
  .foodermenu td{
  	display:inline-block;
  	width:231px;
  	border-left:1px solid ;
  	text-align:center;
    position: relative;
    background:white;
  	}
  .foodermenu a{
  	display:block;
  	height:100%;
  	width:100%;
  	}
  .foodermenu h2{
	font-weight:normal;
	font-size:120%;
	padding:50px 0px;
  	}
  .foodermenu h2 span{
    display:block;
    font-size:50%;
	font-weight:normal;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }
  .foodermenu td:hover{
    background-color: rgba( 227, 242, 253, 1.85 );
  	}
  .foodermenu i{
	position: absolute;
	bottom:15px;
	right:15px;
	}
  .foodermenu img{
  	width:90%;
  	margin-top:10px;
  	}
  	
  	
/***------------------------------------------
	フォーム
------------------------------------------***/
  form{
    margin-top:80px;
    margin-bottom:100px;
    max-width: 1000px;
  	text-align:center;
  	padding-top:25px;
    }
  form p{
  	padding:10px;
  	text-align:center;
  	}
  input{
	padding:10px;
	width:98%;
	background:white;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
  textarea{
	width:98%;
	padding:10px;
	background:white;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
  .error_list {
    list-style:none;
  	padding:30px;
    }
  .error_list li{
  	font-size:90%;
  	text-align:left;
  	color:#669966;
  	padding-left:20%;
  	}
  form> table{
    width:960px;
    border-collapse: collapse;
    margin-bottom:25px;
    margin-top:25px;
    }
  form> table tr{
  	}
  form> table td{
    padding:20px;
    text-align:left;
    }
  .td001{
    width:20%;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .td002{
  	width:80%;
  	color:;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .td003{
    width:20%;
    font-weight:bold;
  	background:white;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	border:1px solid #CCCC99;
  	}
  .td004{
  	width:80%;
  	background:white;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	border:1px solid #CCCC99;
  	}
  .formbox{
  	padding:30px;
  	font-size:90%;
  	text-align:left;
  	line-height:30px;
  	margin-bottom:25px;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  	
  input[type="submit"] {
  	width:30%;
  	margin:20px;
  	padding:20px 0px;
  	background:none;
	background:#B29818;
	color:white;
	border:1px solid;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  	
  	   	
/***------------------------------------------
	タイトル
------------------------------------------***/
  #title{
    position: fixed;
    z-index: 9999;
    top:0px;
	left: 0px;
  	width: 250px;
  	height: 80px;
   }
  #title h1{
  	font-size: 160%;
  	text-align: center;
	position: absolute;
  	transform: translateY(-50%);
  	top:50%;
	left: 0;
	right: 0;
	}
  #title h1 span{
  	display: block;
  	font-size: 40%;
  	}
  	
  	
/***------------------------------------------
	ブログリンク
------------------------------------------***/
  #feed{
  	text-align:left;
  	width:60%;
  	}
  #feed dl.list{
	margin:0 10px 0 0;
	padding:5px 0;
	}
  #feed dl.list dt {
  	clear: left;
	float: left;
	margin: 0 0 0.2em;
	width: 7.5em;
	padding-left: 5px;
	}

  #feed dl.list dd {
    margin-bottom: 5px;
    margin-left: 7.5em;
    font-size:90%;
  	text-decoration:underline;
	}
  #feed dl.list dd a{
	}
  #feed dl.list dd:hover {
  	text-decoration:none;
  	}

/***------------------------------------------
	ナビゲーション
------------------------------------------***/
  header{
    position: fixed;
    top: 0;
    left: 0;
    right:0;
    z-index: 999;
    width: 100%;
    text-align:right;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    height:80px;
  	background-color: rgba( 227, 242, 253, 1.85 );
	}
  nav {
	width: 75%;
  	text-align:right;
	position: absolute;
  	right:0px;
  	display:block;
	}
  nav ul{
  	list-style:none;
  	text-align:right;
   	}
  nav li{
  	display:block;
  	display:inline-block;
  	text-align:center;
  	}
  nav li span{
  	display:block;
  	font-size:40%;
  	}
  nav li a{
  	text-decoration:none;
  	padding:0px 20px;
  	display:block;
  	line-height:80px;
  	font-weight:bold;
	letter-spacing: 2.0px;
	font-size:90%;
  	}
  #btn, #contact,
  #nav, #nav ul, #nav li { display:none; }
  
/***------------------------------------------
	スライドショー
------------------------------------------***/
  #image{
	height: 500px;
    overflow: hidden;
    position: relative;
    text-align:center;
    max-width:1200px;
	}
  #image h2{
    z-index:9;
    font-size:300%;
	position: absolute;
  	top: 50%;
  	left:0;
  	right:0;
  	transform: translateY(-50%);  
  	color:white;  
  	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  	}
  #image h2 span{
  	display:block;
  	text-align:center;
  	font-size:70%;
  	color:white;
  	}
  #imagebox{
	height: 500px;
    position: relative;
    text-align:center;
    max-width:1200px;
    overflow: hidden;
    }
  .icon001{
	position: absolute;
  	bottom: -110px;
  	left:-50px;
    z-index:10;
  	}
  .icon002{
	position: absolute;
  	bottom: -110px;
  	right:-50px;
    z-index:10;
  	}
  .main_img {
    z-index:8;
    opacity: 0;
    width: 100%;
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 36s 0s infinite;
    animation: anime 36s 0s infinite; 
    }
  .main_img:nth-of-type(2) {
  	-webkit-animation-delay: 6s;
	animation-delay: 6s; 
  }
  .main_img:nth-of-type(3) {
	-webkit-animation-delay: 12s;
	animation-delay: 12s; 
  }
  .main_img:nth-of-type(4) {
	-webkit-animation-delay: 18s;
	animation-delay: 18s; 
  }
  .main_img:nth-of-type(5) {
	-webkit-animation-delay: 24s;
	animation-delay: 24s; 
  }
  .main_img:nth-of-type(6) {
	-webkit-animation-delay: 30s;
	animation-delay: 30s; 
  }
  @keyframes anime {
  0% {
	opacity: 0;  
  }
  8% { 
	opacity: 1;  
  }
  17% { 
	opacity: 1; 
  }
  25% {
	opacity: 0;
	transform: scale(1.2) ;
	z-index:7;
  }
  100% {
	opacity: 0 
  }
  }
  }
/***------------------------------------------
	タブレット表示
------------------------------------------***/
@media (max-width: 1020px) and (min-width: 768px){
  main{
  	margin-top:80px;
  	}
  hr{
  	height: 83px;
    margin: 0 auto;
    padding: 0;
    background:url('image/icon_003.png');
    border: 0px none;  
    width:90%;
    background-position:center;
    margin-bottom:25px;
    background-repeat:no-repeat;
    }
  .index001{
  	height:768px;
  	text-align:center;
    position: relative;
    background-image:url('image/icon_010.png');
    background-position:center;
    background-repeat:no-repeat;
    width:768px;
  	}
  .index001box{
	position: absolute;
  	top: 50%;
  	right:0px;
  	left:0px;
  	transform: translateY(-50%);
  	}
  .index001 h2{
  	font-size:250%;
  	margin-top:10px;
  	}
  .index001 h2 span{
  	display:block;
  	font-size:60%;
  	}
  .index001 p{
  	line-height:15px;
  	margin-top:30px;
  	}
  .index001 h3 a{
    background:#B29818;
    color:white;
    line-height:60px;
    width:60%;
    margin-top:25px;
    margin-bottom:25px;
    border:1px solid;
    display:block;
    position: relative;
  	}
  .index001 h3 a:hover{
  	background:rgba( 227, 242, 253, 0.85 );
  	color:#B29818;
    border:1px solid;
  	}
  .index001 h3 a i{
    color:white;
	position: absolute;
  	top: 50%;
  	right:25px;
  	transform: translateY(-50%);
  	}
  .index002{
  	padding:50px 0px;
  	text-align:center;
    position: relative;
  	}
  .index002 h3 a{
    background:#B29818;
    color:white;
    line-height:60px;
    width:60%;
    margin-top:25px;
    margin-bottom:25px;
    border:1px solid;
    display:block;
    position: relative;
    border:1px solid;
  	}
  .index002 h3 a:hover{
  	background:rgba( 227, 242, 253, 0.85 );
  	color:#B29818;
    border:1px solid;
  	}
  .index002 h3 a i{
    color:white;
	position: absolute;
  	top: 50%;
  	right:25px;
  	transform: translateY(-50%);
  	}
  .index002 h2{
  	font-size:250%;
  	margin-bottom:25px;
  	}
  .index002 h2 span{
  	display:block;
  	font-size:60%;
  	}
  .index002box{
  	display:inline-block;
  	width:30%;
  	}
  .index002box h2{
  	font-size:110%;
  	padding:10px 0px;
  	padding-bottom:0px;
  	margin-bottom:5px;
  	font-weight:bold;
  	}
  .index002box p{
  	font-size:90%;
  	width:90%;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	}
  .index002box img{
  	width:90%;
  	}
  .index002box h3 a{
    background:#B29818;
    color:white;
    line-height:40px;
    width:90%;
    margin-top:25px;
    margin-bottom:25px;
    border:1px solid;
    display:block;
    position: relative;
    border:1px solid;
  	}
  .index002box h3 a:hover{
  	background:rgba( 227, 242, 253, 0.85 );
  	color:#B29818;
    border:1px solid;
  	}
  .index002box h3 a i{
    color:white;
	position: absolute;
  	top: 50%;
  	right:25px;
  	transform: translateY(-50%);
  	}
  .content001{
  	padding:150px 0px;
  	text-align:center;
  	}
  .content001 h2{
  	font-size:250%;
  	width:90%;
  	margin-bottom:25px;
  	}
  .content001 h2 span{
  	display:block;
  	font-size:60%;
  	font-weight:bold;
  	}
  .content001 p{
  	line-height:30px;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	padding:25px 0px;
  	width:90%;
  	font-weight:bold;
  	}
  .content001 table{
    max-width:90%;
	border-collapse:collapse;
	margin-bottom:25px;
	margin-top:25px;
	}
  iframe{
  	width:90%;
  	height:250px;
  	}
  .content001 table td{
  	border-bottom:1px solid #CCCC99;
  	padding:25px;
  	text-align:left;
  	}
  .content001td001{
  	width:20%;
  	font-weight:bold;
  	}
  .content001td002{
	font-family: '','Noto Serif JP',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	width:80%;
  	font-weight:bold;
  	}
  .content001 ul{
  	text-align:left;
  	width:80%;
  	list-style:none;
  	margin-top:25px;
  	background:white;
  	padding:50px;
  	border-radius: 25px;
  	background:#f9fff4;
  	}
  .content001 ul h3{
  	font-size:160%;
  	text-align:center;
  	margin:25px 0px;
  	}
  .content001 ul li{
    font-size:120%;
    margin-bottom:25px;
    font-weight:bold;
    }
  .content001 ul li span{
  	display:block;
  	padding:0px 25px;
  	font-weight:normal;
  	margin-top:5px;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	font-weight:bold;
  	}  	
  .content002left{
  	width:100%;
    position: relative;
  	}
  .content002left img{
  	width:100%;
  	margin-top:-200px;
  	}
  .content002left h2{
  	font-size:200%;
	position: absolute;
  	bottom:50px;
  	right:25px;
  	left:25px;
  	text-align:center;
  	background-color: rgba( 255, 255, 255, 0.65 );
  	padding:30px 0px;
  	}
  .content002left h2 span{
  	display:block;
  	font-weight:bold;
  	}
  .content002right{
    position: relative;
  	width:90%;
  	}
  .content002right img{
  	position: absolute;
	overflow:hidden;
	top:0px;
	right:-25px;
	width:150px;
	}
  .content002right h2{
  	font-size:250%;
  	padding-top:50px;
  	text-align:center;
  	}
  .content002right h2 span{
  	font-size:100%;
  	}
  .content002right p{
  	line-height:30px;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	padding:25px 0px;
  	width:100%;
  	font-weight:bold;
  	}
  .content002right ul{
  	list-style:none;
  	text-align:left;
  	}
  .content002right li{
  	display:inline-block;
  	width:49%;
  	}
  .content002right li i{
  	color:white;
	position: absolute;
  	top: 50%;
  	right:25px;
  	transform: translateY(-50%);
  	}
  .content002right li a{
  	text-decoration:none;
  	line-height:50px;
  	background:#B29818;
  	display:block;
  	font-size:80%;
  	font-weight:bold;
  	color:white;
  	text-align:center;
  	margin-bottom:5px;
    position: relative;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .content003{
  	padding:50px 0px;
  	text-align:center;
  	margin-top:100px;
  	}
  .content003 h2{
    margin-bottom:50px;
    font-size:250%;
    background-image:url('image/icon_007.png');
    background-position:center;
    background-repeat:no-repeat;
  	}
  .content003 h2 span{
  	display:block;
  	font-size:50%;
  	}
  .content003img{
  	width:90%;
  	}
  .content003img img{
  	width:100%;
    box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
  	}
  .content003text{
  	width:90%;
  	text-align:center;
  	}
  .content003text h2{
  	font-size:250%;
  	margin-bottom:0px;
  	margin-top:25px;
  	background:none;
  	}
  .content003text h2 span:after{
   content:"税込";
   font-size:70%;
   padding-left:5px;
    }
  .content003text h2 span{
   font-size:90%;
  	}
  .content003text p{
  	line-height:30px;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	font-weight:bold;
  	margin-top:25px;
  	}
  .content003text ul{
  	text-align:left;
  	margin-bottom:25px;
  	}
  .content003text ul h3{
    font-size:120%;
    margin-bottom:5px;
    margin-top:25px;
    }
  .content003text li{
  	display:inline-block;
  	list-style:none;
  	padding-left:5px;
  	list-style-position:inside;
  	font-weight:bold;
  	}
  .content003text li a{
  	text-decoration:none;
  	}
  .content003text li:before { content:"― " }
  .content003img ul{
  	margin-top:15px;
  	}
  .content003img li{
    width: 70px;
    margin-right: 10px;
    margin-left: 0px;
    margin-bottom: 5px;
    border-radius: 3px;
    box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
    list-style:none;
    display:inline-block;
    border:1px solid white;
    }
  .content003img li:hover{
  	border:1px solid #F7C4B7;
  	}
  .content003text form {
	margin-top:0px;
	margin-bottom:0px;
  	}
  .content003text form input[type="image"]  {
	width:50%;
	display:block;
	border:0px ;
	padding:10px;
	}
  .list_002 {
  	margin-top:25px;
  	width:100%;
  	padding-left:0px;
  	}
  .list_002 li{
  	display:inline-block;
  	width:49%;
  	margin-bottom:5px;
  	padding-left:0px;
  	}
  .list_002 li:before  { display:none; }
  .list_002 li a{
  	text-decoration:none;
  	line-height:50px;
  	background:#B29818;
  	color:white;
  	display:block;
  	font-size:80%;
  	width:100%;
  	text-align:center;
    position: relative;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .list_002 li i{
  	color:white;
	position: absolute;
  	top: 50%;
  	right:25px;
  	transform: translateY(-50%);
  	}
  .contentmenu {
  	padding:50px 0px;
  	text-align:center;
  	margin-top:100px;
  	}
  .contentmenu h2{
  	font-size:250%;
  	margin-bottom:25px;
  	}
  .contentmenu h2 span{
  	display:block;
  	font-size:50%;
  	}
  .contentmenu p{
  	width:90%;
  	line-height:30px;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	font-size:100%;
  	margin-bottom:25px;
  	}
  .contentmenu ul{
  	width:100%;
	}  	
  .contentmenu li{
  	list-style:none;
  	display:inline-block;
  	width:45%;
  	margin:5px 5px;
  	background:;
  	border:1px solid #CCCC99;
  	}
  .contentmenu li h3{
    font-size:80%;
    width:90%;
    margin-top:10px;
    margin-bottom:5px;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .contentmenu li p{
    font-size:80%;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	width:90%;
  	line-height:20px;
  	font-weight:normal;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .contentmenu li img{
  	width:90%;
  	margin-top:10px;
  	}
  .contentmenu li:hover{
  	background-color:rgba( 227, 242, 253, 1.85 ); 
	}
  .contentmenu table{
    width:90%;
	border-collapse: collapse;
	margin-bottom:25px;
	margin-top:25px;  	
  	}
  .contentmenu table tr{
  	}
  .contentmenu table td{
  	border:1px solid #CCCC99;
  	margin-bottom:50px;
  	display:block;
  	background:white;
    position: relative;
    padding-bottom:25px;
  	}
  .contentmenu table h2{
  	font-size:120%;
  	background:#B29818;
  	padding:10px 0px;
  	color:white;
  	}
  .contentmenu table i{
	position: absolute;
	left:50%;
	bottom:-40px;
	font-size:25px;
  	transform: translateX(-50%);
	}
  .contentmenubox img{
  	width:30%;
  	float:left;
  	padding:0px 25px;
  	}
  .contentmenubox p{
  	padding-right:0px;
  	font-size:90%;
  	margin-bottom:0px;
  	}
  .con{
  	height:600px;
  	text-align:center;
  	background-image:url('image/img_062.jpg');
  	background-size:cover;
  	background-position:center;
    position: relative;
  	}
  .conbox{
	position: absolute;
	top:50%;
	width:90%;
  	transform: translateY(-50%);
  	background-color: rgba( 255, 255, 255, 0.85 );
  	left:50px;
  	right:50px;
  	padding:50px 0px;
  	border:1px solid #CCCC99;
  	}
  .con h2{
    font-size:250%;
    font-weight:normal;
    width:80%;
  	}
  .con h2 span{
  	display:block;
  	margin-top:25px;
  	font-size:40%;
  	font-weight:bold;
  	}
  .con i{
  	font-size:140%;
  	padding-right:10px;
  	}
  .con h3 {
  	margin-top:25px;
  	font-size:120%;
  	display:inline-block;
  	width:40%;
    position: relative;
  	padding:10px 0px;
  	border:1px solid #CCCC99;
    font-weight:normal;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .con h3 span{
  	font-size:60%;
  	display:block;
    font-weight:normal;
  	font-weight:bold;
  	}
  .con p{
  	margin-top:25px;
  	display:inline-block;
  	width:80%;
  	background:#B29818;
  	color:white;
    position: relative;
  	padding:20px 0px;
  	border:1px solid #CCCC99;
    font-weight:normal;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .con p i{
	position: absolute;
	right:25px;
  	transform: translateY(-50%);
  	top:50%;
    color:#fff;
  	}
  .copy{
  	font-size:80%;
  	text-align:center;
  	padding:10px 0px;
  	background:white;
  	}  
  .foodermenu{
    width:768px;
	border-collapse: collapse;
	border-top:1px solid ;
	border-bottom:1px solid ;
	border-right:1px solid ;
	margin-bottom:100px;
  	}
  .foodermenu td{
  	display:inline-block;
  	width:190.5px;
  	border-left:1px solid ;
  	text-align:center;
    position: relative;
    background:white;
  	}
  .foodermenu a{
  	display:block;
  	height:100%;
  	width:100%;
  	}
  .foodermenu h2{
	font-weight:normal;
	font-size:120%;
	padding:50px 0px;
  	}
  .foodermenu h2 span{
    display:block;
    font-size:50%;
	font-weight:normal;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }
  .foodermenu td:hover{
    background-color: rgba( 227, 242, 253, 1.85 ); 
  	}
  .foodermenu i{
	position: absolute;
	bottom:15px;
	right:15px;
	}
  .foodermenu img{
  	width:90%;
  	margin-top:10px;
  	}
  	
/***------------------------------------------
	フォーム
------------------------------------------***/
  form{
    margin-top:80px;
    margin-bottom:100px;
    width: 90%;
  	text-align:center;
  	padding-top:25px;
    }
  form p{
  	padding:10px;
  	text-align:center;
  	}
  input{
	padding:10px;
	width:90%;
	background:white;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom:20px;
	}
  textarea{
	width:90%;
	padding:10px;
	background:white;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
  .error_list {
    list-style:none;
  	padding:10px 0px;
  	width:90%;
    }
  .error_list li{
  	font-size:90%;
  	text-align:left;
  	color:#669966;
  	}
  form> table{
    width:100%;
    border-collapse: collapse;
    margin-bottom:25px;
    margin-top:25px;
    }
  form> table tr{
  	}
  form> table td{
    text-align:left;
    display:block;
    }
  .td001{
    width:100%;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .td002{
    width:100%;
  	color:;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .td003{
    width:100%;
    font-weight:bold;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .td004{
    width:100%;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	border-bottom:1px solid #CCCC99;
  	margin-bottom:10px;
  	padding-bottom:5px;
  	}
  .formbox{
	width:90%;
	padding:10px 0px;
  	font-size:90%;
  	text-align:left;
  	line-height:30px;
  	margin-bottom:25px;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  	
  input[type="submit"] {
  	width:60%;
  	margin:20px;
  	padding:20px 0px;
  	background:none;
	background:#B29818;
	color:white;
	border:1px solid;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  	
/***------------------------------------------
	タイトル
------------------------------------------***/
  #title{
    position: fixed;
    z-index: 9999;
    top:0px;
	left: 0px;
  	width: 250px;
  	height: 80px;
   }
  #title h1{
  	font-size: 140%;
  	text-align: center;
	position: absolute;
  	transform: translateY(-50%);
  	top:50%;
	left: 0;
	right: 0;
	}
  #title h1 span{
  	display: block;
  	font-size: 45%;
  	}
  	
/***------------------------------------------
	ブログリンク
------------------------------------------***/
  #feed{
  	text-align:left;
  	width:90%;
  	}
  #feed dl.list{
	margin:0 10px 0 0;
	padding:5px 0;
	}
  #feed dl.list dt {
  	clear: left;
	float: left;
	margin: 0 0 0.2em;
	width: 7.5em;
	padding-left: 5px;
	}

  #feed dl.list dd {
    margin-bottom: 5px;
    margin-left: 7.5em;
    font-size:90%;
  	text-decoration:underline;
	}
  #feed dl.list dd a{
	}
  #feed dl.list dd:hover {
  	text-decoration:none;
  	}

/***------------------------------------------
	ナビゲーション
------------------------------------------***/
  header{
    position: fixed;
    top: 0;
    left: 0;
    right:0;
    z-index: 999;
    width: 100%;
    text-align:center;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    height:80px;
  	background-color:rgba( 227, 242, 253, 1.85 ); 
	}
  nav{
  	display:none;
  	}
  #nav {
  	display:none;
  	overflow: auto;
   	position: fixed;
  	top: 80px;
  	left: 0;
  	bottom:0;
  	z-index:99;/*最前面に*/
  	width: 100%;/*右側に隙間を作る（閉じるカバーを表示）*/
  	max-width: 100%;/*最大幅（調整してください）*/
  	display:none;
	background:#fff;
  	}
  #nav ul{
	padding:30px 25px 0px 25px;
    }
  #nav li{
  	display:inline-block;
  	list-style:none;
  	width:49%;
  	text-align:left;
  	border:1px solid #CCCC99;
    position: relative;
    margin-bottom:5px;
    background:rgba( 227, 242, 253, 0.35 ); 
    }
  #nav h2 {
  	font-weight:normal;
  	width:60%;
  	padding:30px 0px;
  	}
  #nav li h2 span{
  	display:block;
  	font-size:80%;
  	color:#669966;
  	padding-left:2px;
  	}
  #nav li a{
  	text-decoration:none;
  	display:block;
  	}
  #nav li i{
	position: absolute;
  	top: 50%;
  	right:25px;
  	transform: translateY(-50%);
  	}
  #btn{
   	position: fixed;
	top: 40px;
  	right:40px;
  	z-index:999999;/*最前面に*/
   	}
  #panel-btn-icon { display: block; position: absolute; top: 50%; left: 50%; width: 18px; height: 2px; margin: -1px 0 0 -9px; background: #B29818; transition: .2s; }
  #panel-btn:hover { background: ; }
  #panel-btn-icon:before, #panel-btn-icon:after { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 2px; margin-left: -9px; background: #B29818; transition: .3s; }
  #panel-btn-icon:before { margin-top: -8px; }
  #panel-btn-icon:after { margin-top: 6px; }
  #panel-btn .close { background: transparent; }
  #panel-btn .close:before, #panel-btn .close:after { margin-top: 0; }
  #panel-btn .close:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
  #panel-btn .close:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } 
/***------------------------------------------
	スライドショー
------------------------------------------***/
  #image{
	height: 400px;
    overflow: hidden;
    position: relative;
    text-align:center;
    max-width:1200px;
	}
  #image h2{
    z-index:9;
    font-size:200%;
	position: absolute;
  	top: 50%;
  	left:0;
  	right:0;
  	transform: translateY(-50%);  
  	color:white;  
  	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  	}
  #image h2 span{
  	display:block;
  	text-align:center;
  	font-size:70%;
  	color:white;
  	}
  #imagebox{
	height: 400px;
    position: relative;
    text-align:center;
    width:100%;
    overflow: hidden;
    }
  .icon001{
	position: absolute;
  	bottom:-50px;
  	left:-50px;
    z-index:10;
    width:250px;
  	}
  .icon002{
	position: absolute;
  	bottom:-50px;
  	right:-50px;
    z-index:10;
    width:250px;
  	}
  .main_img {
    z-index:8;
    opacity: 0;
    width: 100%;
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 36s 0s infinite;
    animation: anime 36s 0s infinite; 
    }
  .main_img:nth-of-type(2) {
  	-webkit-animation-delay: 6s;
	animation-delay: 6s; 
  }
  .main_img:nth-of-type(3) {
	-webkit-animation-delay: 12s;
	animation-delay: 12s; 
  }
  .main_img:nth-of-type(4) {
	-webkit-animation-delay: 18s;
	animation-delay: 18s; 
  }
  .main_img:nth-of-type(5) {
	-webkit-animation-delay: 24s;
	animation-delay: 24s; 
  }
  .main_img:nth-of-type(6) {
	-webkit-animation-delay: 30s;
	animation-delay: 30s; 
  }
  @keyframes anime {
  0% {
	opacity: 0;  
  }
  8% { 
	opacity: 1;  
  }
  17% { 
	opacity: 1; 
  }
  25% {
	opacity: 0;
	transform: scale(1.2) ;
	z-index:7;
  }
  100% {
	opacity: 0 
  }
  }
	}
/***------------------------------------------
	スマートフォン表示
------------------------------------------***/
@media only screen and (max-width: 767px) {
  main{
  	margin-top:60px;
  	}
  p {
  	font-size:90%;
  	}
  hr{
  	height: 44px;
    margin: 0 auto;
    padding: 0;
    background:url('image/icon_011.png');
    border: 0px none;  
    width:90%;
    background-position:center;
    background-repeat:no-repeat;
    margin-bottom:25px;
    }
  .index001{
  	text-align:center;
    position: relative;
    background-image:url('image/icon_009.png');
    background-position:center;
    background-repeat:no-repeat;
    width:100%;
  	height:700px;
  	}
  .index001box{
	position: absolute;
  	top: 50%;
  	right:0px;
  	left:0px;
  	transform: translateY(-50%);
  	}
  .index001 h2{
  	font-size:180%;
  	margin-bottom:25px;
  	margin-top:10px;
  	}
  .index001 h2 span{
  	display:block;
  	font-size:60%;
  	}
  .index001 p{
  	margin-top:30px;
  	line-height:30px;
  	display:inline;
  	}
  .index001p{
  	width:90%;
  	}
  .index001 h3 a{
    background:#B29818;
    color:white;
    line-height:60px;
    width:90%;
    margin-top:40px;
    margin-bottom:25px;
    border:1px solid;
    display:block;
    position: relative;
  	}
  .index001 h3 a:hover{
  	background:rgba( 227, 242, 253, 0.85 );
  	color:#B29818;
    border:1px solid;
  	}
  .index001 h3 a i{
    color:white;
	position: absolute;
  	top: 50%;
  	right:25px;
  	transform: translateY(-50%);
  	}
  .index002{
  	padding:50px 0px;
  	text-align:center;
    position: relative;
  	}
  .index002 h3 a{
    background:#B29818;
    color:white;
    line-height:60px;
    width:90%;
    margin-top:25px;
    margin-bottom:25px;
    border:1px solid;
    display:block;
    position: relative;
    border:1px solid;
  	}
  .index002 h3 a:hover{
  	background:rgba( 227, 242, 253, 0.85 );
  	color:#B29818;
    border:1px solid;
  	}
  .index002 h3 a i{
    color:white;
	position: absolute;
  	top: 50%;
  	right:25px;
  	transform: translateY(-50%);
  	}
  .index002 h2{
  	font-size:180%;
  	margin-bottom:25px;
  	}
  .index002 h2 span{
  	display:block;
  	font-size:60%;
  	}
  .index002box{
  	display:block;
  	width:100%;
  	padding-bottom:25px;
  	}
  .index002box h2{
  	font-size:120%;
  	padding:10px 0px;
  	padding-bottom:0px;
  	margin-bottom:5px;
  	}
  .index002box p{
  	font-size:90%;
  	width:90%;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	}
  .index002box img{
  	width:90%;
  	}
  .index002box h3 a{
    background:#B29818;
    color:white;
    line-height:50px;
    width:90%;
    margin-top:25px;
    margin-bottom:25px;
    border:1px solid;
    display:block;
    position: relative;
    border:1px solid;
  	}
  .index002box h3 a:hover{
  	background:rgba( 227, 242, 253, 0.85 );
  	color:#B29818;
    border:1px solid;
  	}
  .index002box h3 a i{
    color:white;
	position: absolute;
  	top: 50%;
  	right:25px;
  	transform: translateY(-50%);
  	}
  .content001{
  	padding:100px 0px;
  	text-align:center;
  	}
  .content001 h2{
  	font-size:180%;
  	width:90%;
  	margin-bottom:25px;
  	}
  .content001 h2 span{
  	display:block;
  	font-size:60%;
  	font-weight:bold;
  	}
  .content001 p{
  	line-height:30px;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	padding:25px 0px;
  	width:90%;
  	}
  .content001 table{
    max-width:90%;
	border-collapse:collapse;
	margin-bottom:25px;
	margin-top:25px;
	}	
  iframe{
  	width:90%;
  	height:250px;
  	}
  .content001 table td{
  	text-align:left;
  	}
  .content001td001{
  	width:100%;
  	font-weight:bold;
  	display:block;
  	padding:10px 5px 5px 5px;
  	}
  .content001td002{
	font-family: '','Noto Serif JP',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding:0px 5px 5px 5px;
  	font-weight:bold;
  	display:block;
  	border-bottom:1px solid #CCCC99 ;
  	margin-bottom:10px;
  	}
  .content001 ul{
  	text-align:left;
  	list-style:none;
  	margin-top:25px;
  	background:white;
  	width:90%;
  	border-radius: 25px;
  	background:#f9fff4;
  	padding:25px 0px;
  	}
  .content001 ul h3{
  	font-size:120%;
  	text-align:center;
  	padding-top:25px;
  	padding-bottom:25px;
  	}
  .content001 ul li{
    font-size:100%;
    margin-bottom:25px;
    font-weight:bold;
    width:90%;
    }
  .content001 ul li span{
  	display:block;
  	width:90%;
  	font-weight:normal;
  	margin-top:5px;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	font-weight:bold;
  	}  	
  .content002left{
  	width:100%;
    position: relative;
  	}
  .content002left img{
  	width:100%;
  	margin-top:-100px;
  	}
  .content002left h2{
  	font-size:200%;
	position: absolute;
  	top:50%;
  	right:25px;
  	left:25px;
  	text-align:center;
  	transform: translateY(-50%);
  	background-color: rgba( 255, 255, 255, 0.85 );
  	padding:10px 0px;
  	}
  .content002left h2 span{
  	display:block;
  	font-weight:bold;
  	}
  .content002right{
  	width:90%;
    position: relative;
  	}
  .content002right img{
  	position: absolute;
	overflow:hidden;
	top:-50px;
	right:-25px;
	width:150px;
	}
  .content002right h2{
  	font-size:250%;
  	padding-top:50px;
  	text-align:center;
  	}
  .content002right h2 span{
  	font-size:100%;
  	display:block;
  	}
  .content002right p{
  	line-height:30px;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	padding:25px 0px;
  	width:100%;
  	font-weight:bold;
  	}
  .content002right ul{
  	list-style:none;
  	text-align:left;
  	}
  .content002right li{
  	display:inline-block;
  	width:100%;
  	}
  .content002right li i{
  	color:white;
	position: absolute;
  	top: 50%;
  	right:25px;
  	transform: translateY(-50%);
  	}
  .content002right li a{
  	text-decoration:none;
  	line-height:50px;
  	background:#B29818;
  	display:block;
  	font-size:80%;
  	font-weight:bold;
  	color:white;
  	text-align:center;
  	margin-bottom:5px;
    position: relative;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .content003{
  	padding:100px 0px;
  	text-align:center;
  	}
  .content003 h2{
    margin-bottom:50px;
    font-size:200%;
    background-image:url('image/icon_008.png');
    background-position:center;
    background-repeat:no-repeat;
    padding:25px 0px;
  	}
  .content003 h2 span{
  	display:block;
  	font-size:50%;
  	}
  .content003img{
  	width:90%;
  	}
  .content003img img{
  	width:100%;
    box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
  	}
  .content003text{
  	width:90%;
  	text-align:center;
  	}
  .content003text h2{
  	font-size:160%;
  	margin-bottom:0px;
  	margin-top:25px;
  	background:none;
  	}
  .content003text h2 span:after{
   content:"税込";
   font-size:100%;
   padding-left:5px;
    }
  .content003text h2 span{
   font-size:90%;
  	}
  .content003text p{
  	line-height:30px;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	font-weight:bold;
  	margin-top:25px;
  	}
  .content003text ul{
  	text-align:left;
  	margin-bottom:25px;
  	}
  .content003text ul h3{
    font-size:120%;
    margin-bottom:5px;
    margin-top:25px;
    }
  .content003text li{
  	display:block;
  	list-style:none;
  	padding-left:5px;
  	list-style-position:inside;
  	font-weight:bold;
  	font-size:90%;
  	}
  .content003text li a{
  	text-decoration:none;
  	}
  .content003text li:before { content:"― " }
  .content003img ul{
  	margin-top:15px;
  	}
  .content003img li{
    width: 50px;
    margin-right: 10px;
    margin-left: 0px;
    margin-bottom: 10px;
    border-radius: 3px;
    box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
    list-style:none;
    display:inline-block;
    border:1px solid white;
    }
  .content003img li:hover{
  	border:1px solid #F7C4B7;
  	}
  .content003text form {
	margin-top:0px;
	margin-bottom:0px;
  	}
  .content003text form input[type="image"]  {
	width:50%;
	display:block;
	border:0px ;
	padding:10px;
	}
  .list_002 {
  	margin-top:25px;
  	width:100%;
  	padding-left:0px;
  	}
  .list_002 li{
  	display:block;
  	width:100%;
  	margin-bottom:5px;
  	padding-left:0px;
  	}
  .list_002 li:before  { display:none; }
  .list_002 li a{
  	text-decoration:none;
  	line-height:50px;
  	background:#B29818;
  	color:white;
  	display:block;
  	font-size:80%;
  	width:100%;
  	text-align:center;
    position: relative;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .list_002 li i{
  	color:white;
	position: absolute;
  	top: 50%;
  	right:25px;
  	transform: translateY(-50%);
  	}
  .contentmenu {
  	padding:100px 0px;
  	text-align:center;
  	}
  .contentmenu h2{
  	font-size:200%;
  	margin-bottom:25px;
  	}
  .contentmenu h2 span{
  	display:block;
  	font-size:50%;
  	}
  .contentmenu p{
  	width:90%;
  	line-height:30px;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	margin-bottom:25px;
  	}
  .contentmenu ul{
  	width:90%;
	}  	
  .contentmenu li{
  	list-style:none;
  	display:block;
  	width:100%;
  	margin-bottom:10px;
  	background:;
  	border:1px solid #CCCC99;
  	}
  .contentmenu li h3{
    font-size:80%;
    margin-top:10px;
    padding-left:15px;
    margin-bottom:5px;
    text-align:left;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .contentmenu li p{
    font-size:80%;
  	text-justify: inter-ideograph; 
  	text-align: justify;
  	line-height:20px;
  	font-weight:normal;
  	text-align:left;
  	padding:0px 10px;
  	margin-bottom:10px;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .contentmenu li img{
  	width:100%;
  	margin:10px;
  	padding-top:10px;
  	}
  .contentmenuleft{
  	float:left;
  	width:30%;
  	}
  .contentmenuright{
  	float:right;
  	width:68%;
  	}
  .contentmenu li:hover{
  	background-color:rgba( 227, 242, 253, 1.85 ); 
	}
  .contentmenu table{
    width:90%;
	border-collapse: collapse;
	margin-bottom:25px;
	margin-top:25px;  	
  	}
  .contentmenu table tr{
  	}
  .contentmenu table td{
  	border:1px solid #CCCC99;
  	margin-bottom:50px;
  	display:block;
  	background:white;
    position: relative;
  	}
  .contentmenu table h2{
  	font-size:120%;
  	background:#B29818;
  	padding:10px 0px;
  	color:white;
  	}
  .contentmenu table i{
	position: absolute;
	left:50%;
	bottom:-40px;
	font-size:25px;
  	transform: translateX(-50%);
	}
  .contentmenubox img{
  	width:90%;
  	margin-bottom:10px;
  	}
  .contentmenubox p{
  	padding-right:0px;
  	font-size:90%;
  	margin-bottom:0px;
  	}
  .con{
  	height:600px;
  	text-align:center;
  	background-image:url('image/img_062.jpg');
  	background-size:cover;
  	background-position:center;
    position: relative;
  	}
  .conbox{
	position: absolute;
	top:50%;
  	transform: translateY(-50%);
  	background-color: rgba( 255, 255, 255, 0.85 );
  	left:25px;
  	right:25px;
  	padding:50px 0px;
  	border:1px solid #CCCC99;
  	}
  .con h2{
    font-size:200%;
    font-weight:normal;
    width:80%;
  	}
  .con h2 span{
  	display:block;
  	margin-top:25px;
  	font-size:40%;
  	font-weight:bold;
  	}
  .con i{
  	font-size:140%;
  	padding-right:10px;
  	}
  .con h3 {
  	margin-top:25px;
  	font-size:120%;
  	display:block;
  	width:90%;
    position: relative;
  	padding:10px 0px;
  	border:1px solid #CCCC99;
    font-weight:normal;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .con h3 span{
  	font-size:60%;
  	display:block;
    font-weight:normal;
  	font-weight:bold;
  	}
  .con p{
  	margin-top:25px;
  	display:inline-block;
  	width:90%;
  	background:#B29818;
  	color:white;
    position: relative;
  	padding:20px 0px;
  	border:1px solid #CCCC99;
    font-weight:normal;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .con p i{
	position: absolute;
	right:25px;
  	transform: translateY(-50%);
  	top:50%;
    color:#fff;
  	}
  .copy{
  	font-size:80%;
  	text-align:center;
  	padding:10px 0px;
  	background:white;
  	}  
  .foodermenu{
    width:90%;
	border-collapse: collapse;
	border-top:1px solid ;
	border-right:1px solid ;
	margin-bottom:100px;
  	}
  .foodermenu td{
  	display:inline-block;
  	width:49.7%;
  	border-left:1px solid ;
  	border-bottom:1px solid ;
  	text-align:center;
    position: relative;
    background:white;
  	}
  .foodermenu a{
  	display:block;
  	height:100%;
  	width:100%;
  	}
  .foodermenu h2{
	font-weight:normal;
	font-size:120%;
	padding:25px 0px;
  	}
  .foodermenu h2 span{
    display:block;
    font-size:50%;
    padding-bottom:15px;
	font-weight:normal;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }
  .foodermenu td:hover{
  	background-color:rgba( 227, 242, 253, 1.85 ); 
  	}
  .foodermenu i{
	position: absolute;
	bottom:15px;
	right:15px;
	}
  .foodermenu img{
  	width:90%;
  	margin-top:10px;
  	}
  	
/***------------------------------------------
	フォーム
------------------------------------------***/
  form{
    margin-top:80px;
    margin-bottom:100px;
    width: 90%;
  	text-align:center;
  	padding-top:25px;
    }
  form p{
  	padding:10px;
  	text-align:center;
  	}
  input{
	padding:10px;
	width:90%;
	background:white;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom:20px;
	}
  textarea{
	width:90%;
	padding:10px;
	background:white;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
  .error_list {
    list-style:none;
  	padding:10px 0px;
  	width:90%;
    }
  .error_list li{
  	font-size:90%;
  	text-align:left;
  	color:#669966;
  	}
  form> table{
    width:100%;
    border-collapse: collapse;
    margin-bottom:25px;
    margin-top:25px;
    }
  form> table tr{
  	}
  form> table td{
    text-align:left;
    display:block;
    }
  .td001{
    width:100%;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .td002{
    width:100%;
  	color:;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .td003{
    width:100%;
    font-weight:bold;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  .td004{
    width:100%;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	border-bottom:1px solid #CCCC99;
  	margin-bottom:10px;
  	padding-bottom:5px;
  	}
  .formbox{
	width:90%;
	padding:10px 0px;
  	font-size:90%;
  	text-align:left;
  	line-height:30px;
  	margin-bottom:25px;
	font-family: 'Noto Serif SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  	
  input[type="submit"] {
  	width:90%;
  	margin:20px;
  	padding:20px 0px;
  	background:none;
	background:#B29818;
	color:white;
	border:1px solid;
	font-family: '','Noto Sans SC',"游明朝", YuMincho, "Quicksand" ,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	}
  	
/***------------------------------------------
	タイトル
------------------------------------------***/
  #title{
    position: fixed;
    z-index: 9999;
    top:0px;
	left: 0px;
  	width: 250px;
  	height: 60px;
   }
  #title h1{
  	font-size: 120%;
  	text-align: center;
	position: absolute;
  	transform: translateY(-50%);
  	top:50%;
	left: 0;
	right: 0;
	}
  #title h1 span{
  	display: block;
  	font-size: 50%;
  	}
  	
/***------------------------------------------
	ブログリンク
------------------------------------------***/
  #feed{
  	text-align:left;
  	width:90%;
  	}
  #feed dl.list{
	margin:0 10px 0 0;
	padding:5px 0;
	}
  #feed dl.list dt {
  	clear: left;
	width:100%;
	display:block;
	}

  #feed dl.list dd {
    margin-bottom: 10px;
    font-size:90%;
  	text-decoration:underline;
	width:100%;
	display:block;
	}
  #feed dl.list dd a{
	}
  #feed dl.list dd:hover {
  	text-decoration:none;
  	}
/***------------------------------------------
	ナビゲーション
------------------------------------------***/
  header{
    position: fixed;
    top: 0;
    left: 0;
    right:0;
    z-index: 999;
    width: 100%;
    text-align:center;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    height:60px;
  	background-color:rgba( 227, 242, 253, 1.85 ); 
	}
  nav{
  	display:none;
  	}
  #nav {
  	display:none;
  	overflow: auto;
   	position: fixed;
  	top: 60px;
  	left: 0;
  	bottom:0;
  	z-index:99;/*最前面に*/
  	width: 100%;/*右側に隙間を作る（閉じるカバーを表示）*/
  	max-width: 100%;/*最大幅（調整してください）*/
  	display:none;
	background:#fff;
  	}
  #nav ul{
	padding:30px 25px 0px 25px;
    }
  #nav li{
  	display:inline-block;
  	list-style:none;
  	width:100%;
  	text-align:left;
  	border:1px solid #CCCC99;
    position: relative;
    margin-bottom:5px;
    background:rgba( 227, 242, 253, 0.35 ); 
    }
  #nav h2 {
  	font-weight:normal;
  	width:60%;
  	padding:20px 0px;
  	}
  #nav li h2 span{
  	display:block;
  	font-size:80%;
  	color:#669966;
  	padding-left:2px;
  	}
  #nav li a{
  	text-decoration:none;
  	display:block;
  	}
  #nav li i{
  	color:#ccffcc;
	position: absolute;
  	top: 50%;
  	right:25px;
  	transform: translateY(-50%);
  	}
  #btn{
   	position: fixed;
	top: 30px;
  	right:30px;
  	z-index:999999;/*最前面に*/
   	}
  #panel-btn-icon { display: block; position: absolute; top: 50%; left: 50%; width: 18px; height: 2px; margin: -1px 0 0 -9px; background: #B29818; transition: .2s; }
  #panel-btn:hover { background: ; }
  #panel-btn-icon:before, #panel-btn-icon:after { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 2px; margin-left: -9px; background: #B29818; transition: .3s; }
  #panel-btn-icon:before { margin-top: -8px; }
  #panel-btn-icon:after { margin-top: 6px; }
  #panel-btn .close { background: transparent; }
  #panel-btn .close:before, #panel-btn .close:after { margin-top: 0; }
  #panel-btn .close:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
  #panel-btn .close:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } 
/***------------------------------------------
	スライドショー
------------------------------------------***/
  #image{
	height: 300px;
    overflow: hidden;
    position: relative;
    text-align:center;
    max-width:1200px;
	}
  #image h2{
    z-index:9;
    font-size:200%;
	position: absolute;
  	top: 50%;
  	left:0;
  	right:0;
  	transform: translateY(-50%);  
  	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  	color:white;
  	}
  #image h2 span{
  	display:block;
  	text-align:center;
  	font-size:70%;
  	color:white;
  	}
  #imagebox{
	height: 300px;
    position: relative;
    text-align:center;
    width:100%;
    overflow: hidden;
    }
  .icon001{
	position: absolute;
  	bottom: -50px;
  	left:-50px;
    z-index:10;
    width:200px;
  	}
  .icon002{
	position: absolute;
  	bottom: -50px;
  	right:-50px;
    z-index:10;
    width:200px;
  	}
  .main_img {
    z-index:8;
    opacity: 0;
    width: 100%;
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 36s 0s infinite;
    animation: anime 36s 0s infinite; 
    }
  .main_img:nth-of-type(2) {
  	-webkit-animation-delay: 6s;
	animation-delay: 6s; 
  }
  .main_img:nth-of-type(3) {
	-webkit-animation-delay: 12s;
	animation-delay: 12s; 
  }
  .main_img:nth-of-type(4) {
	-webkit-animation-delay: 18s;
	animation-delay: 18s; 
  }
  .main_img:nth-of-type(5) {
	-webkit-animation-delay: 24s;
	animation-delay: 24s; 
  }
  .main_img:nth-of-type(6) {
	-webkit-animation-delay: 30s;
	animation-delay: 30s; 
  }
  @keyframes anime {
  0% {
	opacity: 0;  
  }
  8% { 
	opacity: 1;  
  }
  17% { 
	opacity: 1; 
  }
  25% {
	opacity: 0;
	transform: scale(1.2) ;
	z-index:7;
  }
  100% {
	opacity: 0 
  }
  }
	}


