@charset "Shift_JIS";
/* =====ISI ORDER24-DITTOTOWN @media==Ver.2018.3.17 */


/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/
div#contents {

}

nav {
  font-family: ;
  font-size: pt;
}
/*==========================================
 コンテンツエリア 
===========================================*/


***css_s_f_18***
  }

div#contents section#webform {
  ***css_s_f_36***
}
div#contents section#mypage {
  ***css_s_f_37***
  } 
  

  ***css_s_f_38***

div#contents section#reserve {
  ***css_s_f_84***
  } 
  
div#contents section#cartmenu {
  ***css_s_cart_menu***
  }
  div#contents section#infomenu {
  ***css_s_info_menu***
  }

/*====================================
ISI CMSコンテンツ
=====================================*/


div#contents section#contents10_6_t2_8 article {
margin: 0;
text-align: center;
}
div#contents section#contents10_6_20_100 article {
text-align: center;
margin-bottom: 10px;
}



/*==========================================
 ページトップへボタンのスタイル
===========================================*/
a#pagetopBtn img {
  position: fixed;
  bottom: 10px;
  right: 1px;
}

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px〜MAXpx */
@media only screen and (min-width: 769px) {
/*logoの設定*/
header {
    position:static;
    overflow:visible;
  }
header h1 {
	text-align: center;
	padding:15px 5px 7px 5px;
	width:100%;
	float:left;
}
header h1 img {
	width:100%;
}
header {
	/*#s_navのセンタリングの解除*/
	position:static;
	overflow:visible;
}
header ul#s_nav {
	float:right;
	margin-top:20px;
	/*#s_navのセンタリングの解除*/
	position:static;
}
header ul#s_nav li {
	float:left;
	/*#s_navのセンタリングの解除*/
	position:static;
}
  nav {
    text-align: center;
    border-bottom: 1px solid #ccc;
    font-family: ;
    font-size: pt;
    
    margin: 10px auto 15px auto;
  }
  nav ul li {
    text-align: center;
    float: left;
    width: 19%;
    
    border-bottom: none;
    border-right: 1px dotted #000;
  }
  nav ul li:nth-child(odd) {
    width: 20%;
    border-bottom: none;
  }

  nav ul li a{
    display: block;
  }
  

  
  
    div#contents section#work article {
    width: 33%;
  }
  div#contents section#work article h3 {
    line-height: 2.0em;
  }
  div#contents section#work article p {
    font-size: 0.8em;
    line-height: 2.0em;
  }

***css_t_f_18***
  }  

  div#contents section#webform {
  ***css_t_f_36***
  } 
  
  div#contents section#mypage {
  ***css_t_f_37***
  } 
  

  ***css_t_f_38***

  
  div#contents section#reserve {
  ***css_t_f_84***
  } 
  
  div#contents section#cartmenu {
  ***css_t_cart_menu***
  }
  
    div#contents section#infomenu {
  ***css_t_info_menu***
  }
  


  
  /*====================================
ISI CMSコンテンツ
=====================================*/


div#contents section#contents10_6_t2_8 {
margin-left: 10px;
width: 96%;
}
div#contents section#contents10_6_20_100 {
margin-left: 10px;
width: 97.92%;
float: left;
}



/* PC向けレイアウトの指定：maxpx以上では固定レイアウト */
@media only screen and (min-width: 1080px) {
/* header */
header {
	width:1080px;
	margin-left:auto;
	margin-right:auto;
}
header h1 {
   
}
  nav {
    
  }
  nav ul{
    margin-left: auto;
    margin-right: auto;
    
  }
  nav ul li:nth-child(odd) {
    border-bottom: none;
  }
  nav ul li.home {
    border-left: 1px dotted #000;
  }
  nav ul li.contact {
    border-right: 1px dotted #000;
  }
  


  div#contents {
    max-width: 1080px;
    margin: 0 auto;
  }
  div#contents section#work article {
    width: 20%;
    font-size:25pt;
  }
  div#contents section#work article h3 {
    line-height: 2.2em;
  }
  div#contents section#news {
    width: 49%;
    float: left;
  }
  div#contents section#information {
    width: 49%;
    float: right;
  }
  

  ***css_p_f_18***
  }
  
  div#contents section#webform {
  ***css_p_f_36***
  }
  
  div#contents section#mypage {
  ***css_p_f_37***
  } 
  

  ***css_p_f_38***

  
  div#contents section#reserve {
  ***css_p_f_84***
  } 
  div#contents section#cartmenu {
  ***css_p_cart_menu***
  }
  div#contents section#infomenu {
  ***css_p_info_menu***
  }
  
  /*====================================
ISI CMSコンテンツ
=====================================*/


div#contents section#contents10_6_t2_8 {
text-align: center;
}
div#contents section#contents10_6_20_100 {
margin-left: 10px;
width: 97.92%;
float: left;
}