@charset "utf-8";
@media (max-width: 768px){
	
	 body {
    margin: 0;
    padding: 0;
  }

/*----------- header ---------*/


#header .header_top{
height:5px;
background:#555;
}


h1 img{width:60%;
height:auto;
margin-left:5px;
margin-top:3px;
margin-bottom:3px;
}


#header .header_contact{
display:none;
}


/*----------- main-contents --------*/
#main-contents .hero_img {
width: 100%;
	height: auto;
	  }

#main-contents .info{
display:none;
}



#main-contents .home_link{
display:none;
}
#main-contents #pankuzu{
display:none;
}



#main-contents .main_theme{
margin-top:5px;
margin-left:10px;
margin-bottom:5px;
font-weight:bold;
font-size:1.5rem;
color:#FF7C80;
}
#komine #main-contents .main_theme{
color:#E6855E;
}

#summer #main-contents .main_theme{
color:#4363BB;
}
#sigaraki #main-contents .main_theme{
color:#CF845D;
}
#sino_c #main-contents .main_theme{
color:#DD5347;
}
#kaki #main-contents .main_theme{
color:#9A658E;
}
#momo #main-contents .main_theme{
color:#E95A88;
}
#monyo #main-contents .main_theme{
color:#2BC2D6;
}
#hongo #main-contents .main_theme{
color:#B772D9;
}
#takato #main-contents .main_theme{
color:#B772D9;
}
#okuko #main-contents .main_theme{
color:#B772D9;
}
#nezu #main-contents .main_theme{
color:#CEA385;
}
#summer #main-contents .main_theme{
color:#3180FF;
}
#meiss #main-contents .main_theme{
color:#688EF0;
}
#tohen #main-contents .main_theme{
color:#DD4F42;
}
#doro #main-contents .main_theme{
color:#FC5E8F;
}
#cerev #main-contents .main_theme{
color:#EA6791;
}
#celeb #main-contents .main_theme{
color:#EA6791;
}
#grad #main-contents .main_theme{
color:#F378C5;
}
#tuti01 #main-contents .main_theme{
color:#DD7C53;
}
#tuti02 #main-contents .main_theme{
color:#FE6D68;
font-size:1.3rem;
}
#tuti03 #main-contents .main_theme{
color:#EC789E;
font-size:1.3rem;
}
#tuti04 #main-contents .main_theme{
color:#40BFB0;
font-size:1.3rem;
}
#yunomi #main-contents .main_theme{
color:#91823F;
}
#autum #main-contents .main_theme{
color:#C04483;
}
#sprin #main-contents .main_theme{
color:#EC81A4;
}
#ouka #main-contents .main_theme{
color:#EC81A4;
}
#ice #main-contents .main_theme{
color:#688EF0;
}
#shojo #main-contents .main_theme{
color:#EC8C6F;
}
#tadami #main-contents .main_theme{
color:#E43D30;
}
#undo #main-contents .main_theme{
color:#8E67CB;
}
#kiku #main-contents .main_theme{
color:#DAA9CA;
}
#hato6 #main-contents .main_theme{
color:#98A9FF;
}
#aizu #main-contents .main_theme{
color:#E99900;
}
#monde #main-contents .main_theme{
color:#8D7EDF;
}
#yana #main-contents .main_theme{
color:#F07A79;
}
#yana2 #main-contents .main_theme{
color:#FBC320;
}
#suise #main-contents .main_theme{
color:#FBC320;
}
#nana #main-contents .main_theme{
color:#DB53A1;
}
#hani #main-contents .main_theme{
color:#B987E4;
}
#winter #main-contents .main_theme{
color:#A57ACF;
}

/*------------ Navi Drawer CSS対応 ---------*/
#nav-drawer {
padding-top:5px;
padding-left:5px;
  position: fixed;
  top:30px;
  right:10px;
  z-index: 9;

}


/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height:6px;/*線の太さ*/
  width: 40px;/*長さ*/
  border-radius: 3px;
  background: #fff;
  display: block;
  content: '';
  cursor: pointer;
}

#nav-open span{
  top:10px;
  left:10px;
}

#nav-open span:before {
  bottom: -15px;
}
#nav-open span:after {
  bottom: -30px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 100%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 80%;/*最大幅（調整してください）*/
  height: 100%;
  background: #000;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}



/*------------中身の装飾----------*/
#nav-content ul{
margin-bottom:10px;
padding-left:5px;
}


#nav-content ul li{
font-weight:bold;
color:#fff;
margin-bottom:5px;
padding-left:5px;
line-height:27px;
}

    #drawer_header{
        color:#DD5044;
        font-weight:bold;
        margin-left:5px;
        margin-top:5px;
    }



#nav-content ul li a{
text-decoration:none;
color:#fff;
display:inline-block;
height:22px;
}

#nav-content ul li dl dt{
font-weight:bold;
font-size:15px;
color:#fff;
}

#nav-content ul li dd a{
height:30px;
padding-left:15px;
font-weight:normal;
color:#ccc;
font-size:15px;
}
#sino_c #nav-content ul .g03_sino a:last-child{
height:30px;
padding-left:15px;
font-weight:normal;
color:#ccc;
}

#menu6 .tabi{
color:#DD5044;
}
#menu6 .yaki{
color:#DD5044;
}

#hongo #nav-content ul .g06_hon a{
color:#A4A9CF;
}
#summer #nav-content ul .g06_sum a{
color:#A4A9CF;
}
#tour #nav-content ul .g06_hongo a{
color:#A4A9CF;
}
#sizen #nav-content ul .g06_sizen a{
color:#A4A9CF;
}
#summer #nav-content ul .g06_summer a{
color:#A4A9CF;
}
#takada #nav-content ul .g06_tak a{
color:#A4A9CF;
}
#tuti01 #nav-content ul .g06_tuti01 a{
color:#A4A9CF;
}
#tuti02 #nav-content ul .g06_tuti02 a{
color:#A4A9CF;
}
#tuti03 #nav-content ul .g06_tuti03 a{
color:#A4A9CF;
}
#tuti04 #nav-content ul .g06_tuti04 a{
color:#A4A9CF;
}
#yohen #nav-content ul .g06_yohen a{
color:#A4A9CF;
}
#komine #nav-content ul .g06_komine a{
color:#A4A9CF;
}
#moriya #nav-content ul .g06_moriya a{
color:#A4A9CF;
}
#autum #nav-content ul .g06_autum a{
color:#A4A9CF;
}
#gamo #nav-content ul .g06_gamo a{
color:#A4A9CF;
}
#yunomi #nav-content ul .g06_yunomi a{
color:#A4A9CF;
}
#minoyaki #nav-content ul .g06_mino a{
color:#A4A9CF;
}
#kyusu #nav-content ul .g06_kyusu a{
color:#A4A9CF;
}
#bizen #nav-content ul .g06_bizen a{
color:#A4A9CF;
}


#kodawari #nav-content ul .g04_etuk a{
color:#A4A9CF;
}
#kaki #nav-content ul .g04_kaki a{
color:#A4A9CF;
}

#murata #nav-content ul .g06_mura a{
color:#A4A9CF;
}

#sigaraki #nav-content ul .g03_siga a{
color:#A4A9CF;
}
#igayaki #nav-content ul .g03_iga a{
color:#A4A9CF;
}
#cerev #nav-content ul .g03_cere a{
color:#A4A9CF;
}
#celeb #nav-content ul .g03_cere a{
color:#A4A9CF;
}
#grad #nav-content ul .g03_grad a{
color:#A4A9CF;
}
#vsino #nav-content ul .g03_vsino a{
color:#A4A9CF;
}
#col_sino4 #nav-content ul .g03_sino a:nth-child(4){
color:#A4A9CF;
}

#sino_c #nav-content ul .g03_scol a{
color:#A4A9CF;
}

#tohen #nav-content .g08_tohen a{
color:#A4A9CF;
}
#monyo #nav-content .g08_monyo a{
color:#A4A9CF;
}
#momo #nav-content .g08_momo a{
color:#A4A9CF;
}
#takato #nav-content .g08_taka a{
color:#A4A9CF;
}

#okuko #nav-content .g08_oku a{
color:#A4A9CF;
}
#nezu #nav-content .g08_nezu a{
color:#A4A9CF;
}

#karatu_c #nav-content ul .g03_kcol a{
color:#A4A9CF;
}

#hongo #nav-content .g06_hongo2 a{
color:#A4A9CF;
}

#meiss #nav-content .g06_meiss a{
color:#A4A9CF;
}

#doro #nav-content .g04_doro a{
color:#A4A9CF;
}

#sprin #nav-content .g06_spring a{
color:#A4A9CF;
}

#ouka #nav-content .g06_ouka a{
color:#A4A9CF;
}
#ice #nav-content .g06_ice a{
color:#A4A9CF;
}
#shojo #nav-content .g06_shojo a{
color:#A4A9CF;
}
#undo #nav-content .g06_undo a{
color:#A4A9CF;
}
#kiku #nav-content .g06_kiku a{
color:#A4A9CF;
}
#hato6 #nav-content .g06_hatori06 a{
color:#A4A9CF;
}

#oga #nav-content .g06_oga a{
color:#A4A9CF;
}
#monde #nav-content .g06_aizu a{
color:#A4A9CF;
}
#monde #nav-content .g06_monde a{
color:#A4A9CF;
}
#yana #nav-content .g06_yana a{
color:#A4A9CF;
}
#yana2 #nav-content .g06_yana2 a{
color:#A4A9CF;
}
#suise #nav-content .g06_suise a{
color:#A4A9CF;
}
#nana #nav-content .g06_nana a{
color:#A4A9CF;
}
#hani #nav-content .g06_hani a{
color:#A4A9CF;
}
#nav-content h3{
font-weight:bold;
margin-bottom:5px;
margin-left:10px;
color:#FFCD43;
font-size:15px;
}




#nav-content .blog_menu li a{
padding-left:15px;
color:#fff;
font-weight:normal;
}

#nav-content .blog_menu li{
padding-left:15px;
font-weight:normal;
margin-bottom:0px;
}







/*------------ inner----------*/


#inner{
width:95%;
margin-left:7px;
font-size:1.0rem;


}

#inner .main img,
#inner .dimage1 img{
width:100%;
height:auto;
}

#tour #inner figure img{
width:100%;
height:auto;
}




section{
margin-bottom:20px;
border-radius:3px;
background-color: rgba(255, 255, 255, 0.35);
}





#inner h3{
margin-bottom:10px;

line-height:1.25rem;
padding:5px 0;
border-radius:3px;
box-shadow:0 0 0 1px #fff inset;
background-color: rgba(255, 255, 255, 0.65);
}

#inner h3 a{
font-weight:bold;
line-height:1.8rem;
}

#inner h3 span{
font-weight:bold;
color:#515555;
line-height:1.8rem;
}

#okuko #inner .iro span{
border-left:#B772D9 10px solid;
border-right:#F5F6F7 5px solid;
}

#minoyaki #inner h5 img,
#hongo #inner h5 img,
#takato #inner h5 img{
width:100%;
height:auto;
margin-bottom:15px;
}


#hongo #inner figure,
#takato #inner figure,
#okuko #inner figure,
#nezu #inner figure,
#summer #inner figure,
#takada #inner figure,
#vsino #inner figure,
#tuti01 #inner figure,
#tuti02 #inner figure,
#tuti03 #inner figure,
#tuti04 #inner figure,
#yohen #inner figure,
#komine #inner figure,
#moriya #inner figure,
#autum #inner figure,
#gamo #inner figure,
#yunomi #inner figure{
margin-bottom:5px;
}


#hongo #inner figcaption{
display:none;
}
#takato #inner figcaption{
display:none;
}
#okuko #inner figcaption{
display:none;
}


#hongo #inner .sec05 .dimage5,
#hongo #inner .sec07 .dimage7,
#hongo #inner .sec08 .dimage8{
margin-bottom:5px;
}



#kaki #inner section h3,
#kyusu #inner section h3,
#momo #inner section h3,
#bizen #inner section h3,
#cerev #inner section h3,
#celeb #inner section h3,
#grad #inner section h3{
font-weight:bold;
color:#515555;
line-height:1.8rem;
}
#kaki #inner section h3 span,
#kyusu #inner section h3 span,
#momo #inner section h3 span,
#bizen #inner section h3 span,
#cerev #inner section h3 span,
#celeb #inner section h3 span,
#grad #inner section h3 span{
border-left:#00c4ab 10px solid;
border-right:#FFF 5px solid;
}
#hongo #inner h3 span,
#takato #inner h3 span,
#tohen #inner h3 span,
#summer #inner h3 span,
#takada #inner h3 span,
#vsino #inner h3 span,
#tuti01 #inner h3 span,
#tuti02 #inner h3 span,
#tuti03 #inner h3 span,
#tuti04 #inner h3 span,
#yohen #inner h3 span,
#komine #inner h3 span,
#moriya #inner h3 span,
#gamo #inner h3 span,
#yunomi #inner h3 span{
border-left:#00c4ab 10px solid;
border-right:#F5F6F7 5px solid;
}
#autum #inner h3 span{
border-left:#F4B183 10px solid;
border-right:#F5F6F7 5px solid;
}
#autum #inner #wint span{
border-left:#C04483 10px solid;
border-right:#F5F6F7 5px solid;
}




#monyo #inner h4 span{
font-weight:bold;
color:#515555;
line-height:1.8rem;
border-left:#00c4ab 10px solid;
border-right:#EFEFEF 5px solid;
}


#monyo #inner .in01_img,
#monyo #inner .in02_img,
#monyo #inner .in03_img,
#monyo #inner .in04_img,
#monyo #inner .in05_img,
#monyo #inner .in06_img,
#monyo #inner .in07_img,
#monyo #inner .in08_img,
#monyo #inner .in09_img{
clear:both;
}
#monyo #inner .sec01 .fig1,
#monyo #inner .sec02 .fig1,
#monyo #inner .sec03 .fig1,
#monyo #inner .sec04 .fig1,
#monyo #inner .sec05 .fig1,
#monyo #inner .sec06 .fig1,
#monyo #inner .sec07 .fig1,
#monyo #inner .sec08 .fig1,
#monyo #inner .sec09 .fig1{
clear:both;
width:100%;
margin-right:10px;
}

#monyo #inner .sec01 .fig2,
#monyo #inner .sec02 .fig2,
#monyo #inner .sec03 .fig2,
#monyo #inner .sec04 .fig2,
#monyo #inner .sec05 .fig2,
#monyo #inner .sec06 .fig2,
#monyo #inner .sec07 .fig2,
#monyo #inner .sec08 .fig2,
#monyo #inner .sec09 .fig2{
clear:both;
width:100%;
margin-right:10px;
}














#karatu_c #inner section h3{
font-weight:bold;
color:#515555;
line-height:1.4rem;
}
#karatu_c #inner h3 span{
font-weight:bold;
color:#515555;
line-height:1.4rem;
border-left:#00c4ab 10px solid;
border-right:#EFEFEF 5px solid;
}
#karatu_c #inner section .intro{
margin-bottom:5px;
}



#meiss #inner #i02,
#meiss #inner #i03{
font-weight:bold;
color:#515555;
line-height:1.4rem;
}
#doro #inner #i02,
#doro #inner #i03{
font-weight:bold;
color:#515555;
line-height:1.4rem;
}
#cerev #inner #i02{
font-weight:bold;
color:#515555;
line-height:1.4rem;
}
#celeb #inner #i02{
font-weight:bold;
color:#515555;
line-height:1.4rem;
}
#grad #inner #i02{
font-weight:bold;
color:#515555;
line-height:1.4rem;
}
#meiss #inner h3 span{
font-weight:bold;
color:#515555;
line-height:1.4rem;
border-left:#00c4ab 10px solid;
border-right:#EFEFEF 5px solid;
}
#doro #inner h3 span{
font-weight:bold;
color:#515555;
line-height:1.4rem;
border-left:#00c4ab 10px solid;
border-right:#EFEFEF 5px solid;
}
#cerev #inner h3 span{
font-weight:bold;
color:#515555;
line-height:1.4rem;
border-left:#00c4ab 10px solid;
border-right:#EFEFEF 5px solid;
}
#celeb #inner h3 span{
font-weight:bold;
color:#515555;
line-height:1.4rem;
border-left:#00c4ab 10px solid;
border-right:#EFEFEF 5px solid;
}
#grad #inner h3 span{
font-weight:bold;
color:#515555;
line-height:1.4rem;
border-left:#00c4ab 10px solid;
border-right:#EFEFEF 5px solid;
}

#meiss #inner .sec03 .intro{
margin-bottom:5px;
}
#doro #inner .sec03 .intro{
margin-bottom:5px;
}




#karatu_c #inner section .intro{
margin-bottom:5px;
}


#bizen #inner figure,
#karatu_c #inner figure{
margin-bottom:5px;
}




#inner #slick{
margin-bottom:20px;
}
#inner #slick img{
width:100%;
height:auto;
}

#inner .sec02 .dimage1,
#inner .sec03 .dimage1{
margin-bottom:3px;
}

figure{
margin-bottom:2px;
}
#murata figure{
margin-bottom:5px;
}




figure figcaption{
display:block;
width:78.8%;
text-align:center;
padding-top:3px;
}
#cerev figure figcaption{
display:block;
width:98.0%;
text-align:center;
padding-top:3px;
padding-bottom:5px;
}
#celeb figure figcaption{
display:block;
width:98.0%;
text-align:center;
padding-top:3px;
padding-bottom:5px;
}





#inner .in01_img .thumbnail,
#inner .in02_img .thumbnail,
#inner .in03_img .thumbnail,
#inner .in04_img .thumbnail,
#inner .in05_img .thumbnail,
#inner .in06_img .thumbnail,
#inner .in07_img .thumbnail,
#inner .in08_img .thumbnail,
#inner .in09_img .thumbnail,
#inner .in10_img .thumbnail,
#inner .in11_img .thumbnail,
#inner .in12_img .thumbnail,
#inner .in13_img .thumbnail,
#inner .in14_img .thumbnail,
#inner .in15_img .thumbnail,
#inner .in16_img .thumbnail,
#inner .in17_img .thumbnail{
padding-top:5px;
padding-bottom:5px;
}



#sigaraki .sec05 figure{
margin-bottom:5px;
}

#igayaki .sec04 .fig,
#igayaki .sec08 .fig{
margin-bottom:5px;
}



#inner h4{
font-weight:bold;
color:#333;
}

#momo #inner section h4{
margin-top:5px;
}

#murata #inner .sec06 h2{
padding-top:5px;
padding-bottom:5px;
font-size:1.1rem;
font-weight:bold;
color:#FF7C80;
}

#monde #inner .sec04 .tomoe{
display:none;   
    }


#map h2{
font-weight:bold;
font-size:1.0rem;
color:#9B2F3E;
}

main #map{
margin-bottom:20px;
}


#map img{
width:100%;
height:auto;
}

#tohen #koyo img{
width:100%;
height:auto;
}




#top{
margin-top:-10px;
margin-left:40%;
}
#nana #top{
margin-top:-15px;
margin-left:44%;
}

main #scrollTop a{
display:none;
}

#karatu_c #top{
display:block;
}
#hongo #top{
display:block;
}
#takato #top{
display:block;
}


footer{
	width:100%;
	background-color:#a4a9cf;
}
footer ul{
margin-left:10px;
}
footer a{
margin-left:30%;
}


footer p{
	text-align:center;
	color:#fff;
	padding-bottom:5px;
	font-size:12px;
}





}