@charset "utf-8";
/*	
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
CSS作成ルール
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□

・作成者～最新更新者をファイルを触った場合必ず記載する。

・基本的には「div#要素名 div#子要素名」と記載するようにする。
　「.class」や「#id」などの直接書きは禁止。

*/
/*	
	//作成者：曽我
	//作成日：20160325
	//更新日：20160325
	//最新更新日時：20160325 13:40
	//最新更新者：曽我
*/
/*
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
変更記録
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
20160325　基準CSS作成
*/
/*--------------------------------------------------------------------
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
共通項目
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
--------------------------------------------------------------------*/	
* {
	padding:0;margin:0;
}
body {
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
ul {
	list-style:none;
}
s.clearfix {
  display:block;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
ul {
	list-style:none;
}
li {
	list-style:none;
}
img {
    width: 100%;
    height: auto;
}
/*-----------------------------header.php-------------------------------*/
header {
    width: 98%;
    margin: 2% auto 2% auto;
}
header a h1 img {
    width: 25%;
    height: auto;
    float: left;
    margin: 2%;
}
header div#menuopen {
    width: 8%;
    float: right;
    margin: 3% 4% 0 0;
}
/*---メニューボタン設定---*/
header div#menuopen img {
    width: 100%;
    height: auto;
}
header div#menuopen span.off img#close {
    display: none;
}
header div#menuopen span.on img#open {
    display: none;
}
/*---ナビメニュー設定---*/
nav#menulist {
    display: none;
    position: absolute;
    z-index: 9999;
    width: 75%;
    right: 0;
}
nav#menulist ul {
    border: 1px solid #CCCCCC;
}
nav#menulist ul li#title {
    background: #E1E1E1;
    padding: 5px 10px;
    color: #FFF;
}
nav#menulist ul li {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 85%, #f2f2f2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 85%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 85%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
    font-size: 0.85em;
}
nav#menulist ul li a {
    display: block;
    padding: 5px 0 5px 5px;
    text-decoration: none;
    color: #666;
}
/*-----------------------------jsスライド部分-------------------------------*/
section#slaidjs {
    width: 98%;
    margin: 5% auto;
    padding: 0;
    overflow: hidden;
}
div#slide {
    width: 100%;
    padding: 0 0 0% 0;
    position: relative;
    background: #FFFFFF;
}
/*-----------------------------footer.php-------------------------------*/
div#toplinks {
    text-align: center;
    padding: 2.5% 0 0 0;
    background: #f7f7f7;
}
div#toplinks img {
    width: 16%;
    margin: auto;
}
footer {
    background: #21292d;
    color: #FFF;
    margin: -1px 0 0 0;
}
footer a {
    color: #FFF;
    text-decoration: none;
}
footer div#top {
    margin: 0 2% 2% 2%;
    padding: 6% 0 0 0;
    display: table;
    width: 98%;
}
footer div#top div#left {
    display: table-cell;
    width: 33.33%;
}
footer div#top div#left ul+ul {
    margin: 10% 0 0 0;
}
footer div#top div#center {
    display: table-cell;
    width: 33.33%;
}
footer div#top div#right {
    display: table-cell;
    width: 33.33%;
}
footer div#top ul li#title {
    font-size: 0.75em;
}
footer div#top ul li {
    font-weight: bold;
}
footer div#top ul li a {
    font-weight: normal;
    font-size: 0.6em;
}
footer div#boder {
    width: 20%;
    border-bottom: 1px solid #FFF;
    margin: 8% auto;
}
footer div#credit {
    margin: 0 2% 5% 2%;
}
footer div#credit h3 {
    font-weight: bold;
    font-size: 0.75em;
    margin: 0 0 2% 0;
}
footer div#credit h3+img {
    width: 98%;
    margin: 0 auto 2% auto;
}
footer div#shop_info {
    margin: 0;
    background: #0d101a;
    padding: 5% 2% 2% 4%;
    font-size: 0.75em;
}
footer div#bottom div#tdsp {
    margin: 0 0 5% 0;
}
footer div#bottom div#tdsp h3 {
    font-size: 1em;
    font-weight: bold;
}
footer div#bottom div#tdsp h3 span {
    font-size: 0.6em;
    font-weight: normal;
}
footer div#bottom {
    margin: 0;
    background: #0a2733;
    padding: 5% 2% 2% 4%;
    font-size: 0.7em;
}
footer div#bottom div#shiten {
    margin: 0 0 5% 0;
}
footer div#bottom div#shiten h3 {
    font-size: 1em;
    font-weight: bold;
}
footer div#bottom div#shiten p#shop_name {
    font-size: 1.15em;
    font-weight: bold;
}
address {
    background: #0a2733;
    color: #FFF;
    font-style: normal;
    font-size: 0.65em;
    text-align: center;
    margin: -1px 0 0 0;
    padding: 1% 0;
}