@charset "UTF-8";

body { margin: 0; padding: 0; background: #fffded; font-family: Helvetica,'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',sans-serif; text-shadow: 1px 1px 0 #fff; line-height: 1.5; -webkit-text-size-adjust: none; }
img { border: 0; -ms-interpolation-mode: bicubic; }
form { margin: 0; padding: 0; }
a { outline: none; }
a:link { color: #; text-decoration: none; }
a:visited { color: #; text-decoration: none; }
a:hover { color: #; text-decoration: underline; }
.clearfix { *zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; height: 0; }
* { text-shadow: 0px 0px 0px #00000040 !important; }

/* グローバルヘッダー */
div#globalHeader { text-align: center; }
div.main { padding: 10px 0 0 0; }
a.logo img { width: 50%; height: auto; padding: 0 0 20px 0; }
img.idai { width: 40%; height: auto; }

div#content { width: 100%; }

/* CONCEPT */
div#concept { text-align: center; width: 1200px;  margin: 0 auto; }
img.main_photo { width: 100%; display: inline; }
img.main_photo_sp { width: 100%; display: none; }

/* MENU */
div#menu { text-align: center; width: 100%; background: #8ec220; }
img.menu_title { width: 80%; display: inline; }
img.menu_title_sp { width: 100%; display: none; }
div#menu_grid { display: grid; grid-template-rows: 1f 1f 1f; grid-template-columns: 25% 25% 25% 25%; width: 1200px; margin: 0 auto; }
div.menu_grid01 { grid-row: 1/2; grid-column: 1/2; }
div.menu_grid02 { grid-row: 1/2; grid-column: 2/3; }
div.menu_grid03 { grid-row: 1/2; grid-column: 3/4; }
div.menu_grid04 { grid-row: 1/2; grid-column: 4/5; }
div.menu_grid05 { grid-row: 2/3; grid-column: 1/2; }
div.menu_grid06 { grid-row: 2/3; grid-column: 2/3; }
div.menu_grid07 { grid-row: 2/3; grid-column: 3/4; }
div.menu_grid08 { grid-row: 2/3; grid-column: 4/5; }
div.menu_grid09 { grid-row: 3/4; grid-column: 1/2; }
div.menu_grid10 { grid-row: 3/4; grid-column: 2/3; }
div.menu_grid11 { grid-row: 3/4; grid-column: 3/4; }
div.menu_grid12 { grid-row: 3/4; grid-column: 4/5; }
div.menu_grid01 img { width: 90%; padding: 0 0 15px 0; }
div.menu_grid02 img { width: 90%; padding: 0 0 15px 0; }
div.menu_grid03 img { width: 90%; padding: 0 0 15px 0; }
div.menu_grid04 img { width: 90%; padding: 0 0 15px 0; }
div.menu_grid05 img { width: 90%; padding: 0 0 15px 0; }
div.menu_grid06 img { width: 90%; padding: 0 0 15px 0; }
div.menu_grid07 img { width: 90%; padding: 0 0 15px 0; }
div.menu_grid08 img { width: 90%; padding: 0 0 15px 0; }
div.menu_grid09 img { width: 90%; padding: 0 0 15px 0; }
div.menu_grid10 img { width: 90%; padding: 0 0 15px 0; }
div.menu_grid11 img { width: 90%; padding: 0 0 15px 0; }
div.menu_grid12 img { width: 90%; padding: 0 0 15px 0; }

/* INFORMATION */
div#information { text-align: center; width: 100%; background: linear-gradient(180deg, #fffded 0%, #fffded 50%, #8ec220 50%, #8ec220 100%); }
img.information_title { width: 30%; }
img.information_photo { width: 80%; filter: drop-shadow(5px 5px 5px #000); padding: 0 0 80px 0; }
img.bento_photo { width: 85%; filter: drop-shadow(5px 5px 5px #000); padding: 0 0 80px 0; display: inline; }
img.bento_photo_sp { width: 85%; filter: drop-shadow(5px 5px 5px #000); padding: 0 0 80px 0; display: none; }
div#information02 { text-align: center; width: 100%; background: linear-gradient(180deg, #8ec220 0%, #8ec220 50%, #fffded 50%, #fffded 100%); }
div#information03 { text-align: center; width: 100%; background: linear-gradient(180deg, #fffded 0%, #fffded 50%, #8ec220 50%, #8ec220 100%); }
img.delivery_photo { width: 80%; filter: drop-shadow(5px 5px 5px #000); padding: 0 0 80px 0; }
div#information04 { text-align: center; width: 100%; background: linear-gradient(180deg, #8ec220 0%, #8ec220 50%, #fffded 50%, #fffded 100%); }
img.ice_photo { width: 70%; filter: drop-shadow(5px 5px 5px #000); padding: 0 0 80px 0; display: inline; }
img.ice_photo_sp { width: 70%; filter: drop-shadow(5px 5px 5px #000); padding: 0 0 80px 0; display: none; }
div#information05 { text-align: center; width: 90%; margin: 0 auto; background: linear-gradient(180deg, #fffded 0%, #fffded 70%, #8ec220 70%, #8ec220 100%); }
img.mochikomi_photo { width: 72%; filter: drop-shadow(5px 5px 5px #000); padding: 0 0 50px 0; }

/* BORDER */
div#border  { text-align: center; width: 90%; margin: 0 auto; background: #8ec220; }
div#border_line { width: 90%; border-top: 5px solid #fff; padding-bottom: 50px; margin: 0 auto; }

/* SHOP */
div#shop  { text-align: center; width: 90%; margin: 0 auto; background: #8ec220; }
div#shop_grid { display: grid; grid-template-rows: 1f; grid-template-columns: 50% 50%; width: 980px; margin: 0 auto; padding: 0 0 50px 0; }
div.shop_grid01 { grid-row: 1/2; grid-column: 1/2; }
div.shop_grid02 { grid-row: 1/2; grid-column: 2/3; text-align: left; font-size: 150%; color: #fff; font-weight: bold; }
div.shop_grid01 img { width: 90%; }

/* フッター */
div#globalFooter { width: 100%; padding: 30px 0 20px 0; margin: 0 auto; text-align: center; }
div#globalFooter div.copy p { margin: 0; padding: 0; font-size: 90%; }

@media (max-width: 600px) {
	
	/* グローバルヘッダー */
	a.logo img { width: 90%; padding: 0; }
	img.idai { width: 80%; }
	
	/* CONCEPT */
	div#concept { width: 100%; }
	img.main_photo { display: none; }
	img.main_photo_sp { display: inline; }
	
	/* MENU */
	img.menu_title { display: none; }
	img.menu_title_sp { display: inline; }
	div#menu_grid { grid-template-rows: 1f 1f 1f 1f 1f 1f; grid-template-columns: 50% 50%; width: 100%; }
	div.menu_grid01 { grid-row: 1/2; grid-column: 1/2; }
	div.menu_grid02 { grid-row: 1/2; grid-column: 2/3; }
	div.menu_grid03 { grid-row: 2/3; grid-column: 1/2; }
	div.menu_grid04 { grid-row: 2/3; grid-column: 2/3; }
	div.menu_grid05 { grid-row: 3/4; grid-column: 1/2; }
	div.menu_grid06 { grid-row: 3/4; grid-column: 2/3; }
	div.menu_grid07 { grid-row: 4/5; grid-column: 1/2; }
	div.menu_grid08 { grid-row: 4/5; grid-column: 2/3; }
	div.menu_grid09 { grid-row: 5/6; grid-column: 1/2; }
	div.menu_grid10 { grid-row: 5/6; grid-column: 2/3; }
	div.menu_grid11 { grid-row: 6/7; grid-column: 1/2; }
	div.menu_grid12 { grid-row: 6/7; grid-column: 2/3; }
	div.menu_grid01 img { width: 90%; padding: 0 0 15px 0; }
	div.menu_grid02 img { width: 90%; padding: 0 0 15px 0; }
	div.menu_grid03 img { width: 90%; padding: 0 0 15px 0; }
	div.menu_grid04 img { width: 90%; padding: 0 0 15px 0; }
	div.menu_grid05 img { width: 90%; padding: 0 0 15px 0; }
	div.menu_grid06 img { width: 90%; padding: 0 0 15px 0; }
	div.menu_grid07 img { width: 90%; padding: 0 0 15px 0; }
	div.menu_grid08 img { width: 90%; padding: 0 0 15px 0; }
	div.menu_grid09 img { width: 90%; padding: 0 0 15px 0; }
	div.menu_grid10 img { width: 90%; padding: 0 0 15px 0; }
	div.menu_grid11 img { width: 90%; padding: 0 0 15px 0; }
	div.menu_grid12 img { width: 90%; padding: 0 0 15px 0; }
	
	/* INFORMATION */
	img.information_title { width: 100%; }
	img.information_photo { width: 90%; padding: 0 0 30px 0; }
	img.bento_photo { display: none; }
	img.bento_photo_sp { width: 85%; padding: 0 0 30px 0; display: inline; }
	img.delivery_photo { width: 85%; padding: 0 0 30px 0; }
	img.ice_photo { display: none; }
	img.ice_photo_sp { width: 80%; padding: 0 0 30px 0; display: inline; }
	img.mochikomi_photo { width: 90%; padding: 0 0 30px 0; }
	
	/* BORDER*/
	div#border_line { padding-bottom: 30px; }
	
	/* SHOP */
	div#shop  { text-align: center; width: 90%; margin: 0 auto; background: #8ec220; }
	div#shop_grid { display: grid; grid-template-rows: 1f 1f; grid-template-columns: 100%; width: 90%; margin: 0 auto; padding: 0 0 20px 0; }
	div.shop_grid01 { grid-row: 1/2; grid-column: 1/2; }
	div.shop_grid02 { grid-row: 2/3; grid-column: 1/2; font-size: 100%; }
	div.shop_grid01 img { width: 90%; }
	
}