@charset "UTF-8";
/* CSS Document ---------------------------------------------------------------------------------------------------------------- */
/* Default Style Reset --------------------------------------------------------------------------------------------------------- */
body,form,fieldset   {margin: 0px;padding: 0px;}
fieldset             {border:none;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{margin: 0px;padding: 0px;}
blockquote,li,dt,dd  {}
li                   {list-style:none;}
input,textarea       {font-size: 1em;}
img                  {border: 0px none;margin: 0;padding: 0;vertical-align: bottom;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
/* Tag Castam ----------------------------------------------------------------------------------------------------------------- */
body              {
	font-family: "�q���M�m�p�S Pro W6", "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	font-size: 80%;
	line-height: 150%;
	background-color: #fff;
	background-image: url(../img/contbg.gif);
	background-repeat: no-repeat;
	background-position: center 860px;
}
em                {font-style: normal; font-size:0.8em;}
strong            {}
a                 {text-decoration:none; color:#000;}
a:link            {}
a:hover           {text-decoration: none;}
a:visited         {}
a:active          {}
input,textarea    {margin: 3px;padding: 2px;}

.sp                 {display: none;}
.left               {float: left;}
.right              {float: right;}
.img-r              {float:right;margin: 0 0 20px 0;}
.img-l              {float:left;margin: 0 0 20px 0;}
.mid                {text-align:center;}
.More               {float: right;margin: 0 20px 50px 20px;}
.text_L             {font-size: 16px;font-weight: bold;line-height: 180%;}
.text_LL            {font-size: 32px;font-weight: bold;line-height: 180%;}
.text:after{width: 0;height: 0;margin: 0;padding: 0;content: "";display: block;clear :both;}
.button             {width: 166px;text-align: center;line-height: 100%; }
.button a           {padding: 10px;color: #fff;border-radius: 10px;background: #5c5f1d;display: block;}
.button a:hover     {background:#b6be17;}
.container          {margin: 0 0 50px 0;}
.container .text    {margin: 0 0 30px 0;font-size: 110%;line-height: 180%;}
.container:after    {width: 0;height: 0;margin: 0;padding: 0;content: "";display: block;clear :both;}
#head               {width: 100%;height: 900px;margin: 0 0 -100px 0;display: block;
                     background-image: url(../img/noren.png),url(../img/dango.png),url(../img/headleft.jpg),url(../img/headright.jpg);
                     background-position: top center,top center,top left,top right;
                     background-repeat: no-repeat;position: relative;}
#langbox            {width: 100%;height:  19px;display: block;text-align:center;position: absolute;top: 650px;margin: 0 0 0 -400px;}
.ContBox            {width: 1100px;height:  auto;display: block;margin: 0 auto;clear:both;position: relative;}
#ContLeft           {float:left;}
#Cont01             {width: 584px;height:  auto;display: block;margin: 0 0 20px 0;}
#Cont01 h2          {width: 230px;height:  30px;display: block;background:url(../img/cont01h.png) no-repeat;text-indent:-999em;}
#Cont01 h3          {font-size:120%;line-height: 200%;font-weight: bold;}
#Cont01 p           {font-size:110%;line-height: 180%;}
#Cont02             {width: 584px;height:  auto;display: block;margin: 0 0 60px 0;}
#Cont02 h2          {width: 230px;height:  30px;display: block;background:url(../img/cont02h.png) no-repeat;text-indent:-999em;}
#Cont02 h3          {font-size:120%;line-height: 200%;font-weight: bold;}
#Cont02 p           {font-size:110%;line-height: 180%;}
.contimg            {display: block;margin: 20px 0 20px 0;}

#ContRight          {float:right;}
#Facebox            {display: block;margin: 0 0 40px 0;}
#GoogleShop         {display: block;margin: 0 0 40px 0;}
#oshinagaki         {width: 100%;padding: 60px 0;background:#e5dcab;}
#oshinagaki h2      {width: 40%;margin: 0 auto 60px;font-size: 30px;color: #5c5f1d;line-height: 200%;border-bottom: 3px solid #b0ab74;text-align:center; clear:both;}
#oshinagaki ul      {width: 1068px;margin: 0 auto;}
#oshinagaki ul:after{width: 0;height: 0;margin: 0;padding: 0;content: "";display: block;clear :both;}
#oshinagaki li      {width: 504px;height: 200px;margin: 0 10px 20px;padding: 24px;text-align: left;font-size: 14px;line-height: 160%;
                     border: 5px solid #5c5f1d;background: #fff no-repeat top right;float: left;box-sizing: border-box;position: relative;}
#oshinagaki #oshina1{background-image: url(../img/osina_01.jpg);}
#oshinagaki #oshina2{background-image: url(../img/osina_02.jpg);}
#oshinagaki #oshina3{background-image: url(../img/osina_03.jpg);}
#oshinagaki #oshina4{background-image: url(../img/osina_04.jpg);}
#oshinagaki #oshina5{background-image: url(../img/osina_05.jpg);}
#oshinagaki #oshina6{background-image: url(../img/osina_06.jpg);}
#oshinagaki .text_L {margin: 0 0 2% 0;font-size: 24px;font-weight: bold;color: #5b5e1e;line-height: 160%;}
#oshinagaki .text   {width: 60%;text-align: justify;}
#oshinagaki ul .button {position: absolute;bottom: 14px; right: 24px;}
#move               {width:  100%;height:  auto;display: block;padding: 40px 20px 80px 20px;background:#e5dcab;}
#move:after         {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#move  h2           {font-size:120%;line-height: 200%;font-weight: bold;text-align:center; clear:both;margin: 20px 0 20px 0;}
#move  ul           {width: 980px;height:  auto;display: block;margin: 0 auto;clear:both;}
#move  li           {width: 300px;height:  auto;display: block;margin: 0px 10px 0px 10px;float:left;}


.google-maps {position: relative;
padding-bottom: 50%; // ���ꂪ�c����
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}



/*�����Ȃ���*/
.container h2                  {margin: 0 0 60px;text-align: center;}
.container                     {color: #788536; }
.container:after               {width: 0;height: 0;margin: 0;padding: 0;content: "";display: block;clear :both;}
.container .text               {width: 80%;margin: 0 auto 60px;}
.container dl                  {width: 90%;margin: 0 auto 20px;padding: 0 0 20px;font-weight: bold; border-bottom: 2px solid #788536; line-height: 160%;}
.container dt                  {margin: 0 0 2% 0;text-align: left;font-size: 18px;}
.container dd                  {text-align: left;font-size: 18px;}
.osina-img                     {margin: 0 auto 20px;display: block;}
.container .list               {width: 930px;margin: 0 auto 60px;}
.container .list li            {float: left; text-align: center;font-size: 18px;}
.container .list2 li           {width: 33%; margin: 0 0 50px;font-size: 20px;font-weight: bold;}
.container .list3 li           {width: 33%;}
.container .list3 li img       {width: 100%;}


.container .list4 li           {width: 100%;}
.container .list4 li img       {width: 30%;float: left;}
.container .list4 li dl        {margin: 100px 0 0}

.container .list:after         {width: 0;height: 0;margin: 0;padding: 0;content: "";display: block;clear :both;}
.container .list .t_left       {text-align: left;}
.price                         {font-size: 18px;font-weight: bold;text-align: right; }
#Menu                          {background: #fffdee;}
#Menu #langbox                 {display: none;}
#Menu #head                    {height: 236px;margin: 0 0 10px;background-image: url(../img/noren.png);}
#column                        {width: 900px;margin: 0 auto 60px;padding: 20px; box-sizing: border-box;background:url(../img/colam_back.jpg);background-size:cover;}
#column .img-r                 {margin: 0 0 0 20px;}
#column .img-l                 {margin: 0 20px 0 0;}

#column .text                  {width: auto;margin: 0;}
#home-back                     {margin: 0 auto;}
#home-back a                   {text-align: center;}
#column .shaved1                {width: auto;margin: 0;}
#column .shaved1 li             {width: 25%;padding: 0 2%;border-right: solid 2px #788536;text-align: left;}
#column .shaved1 li:last-child  {border: none;}
#column .shaved1 li img         {width: 100%;}
#soft dt                       {font-size: 12px; width: 60%;}
.shaved2 li                    {margin: 0 0 60px 0;}
/*#Cont-01 .list3              {width: 600px;}*/
#Cont-02 .img-l                {margin: 0 10px 0 0;}


#ice .price                 {padding: 0;text-align: right;font-size: 32px;font-weight: bold; border-bottom: 2px solid #788536;}

/*�V���[�x�b�g*/
#shaved .price                 {padding: 0;text-align: right;font-size: 32px;font-weight: bold; border-bottom: 2px solid #788536;}
#shaved .container dl          {font-size: 20px;}
.original dl                   {margin-top: 100px;}
.original dl dt                {font-size: 14px;}
.original dl dd                {font-size: 14px;}

/*�\�t�g�N���[��*/
#ice #Cont-01 li     {width: 33%;}

#shaved .container .list2 li    {height: 420px;}

/*�h�����N*/
#drink .container dl           {width: 45%;margin: 0 0 20px auto;}
#drink #Cont-02 dl dt          {font-size: 18px;}
#drink-list                    {margin:  0 0 20px 0;}
#drink-list h3                 {margin:  0 0 10px 0;}
#drink-list ul                 {margin:  0 0 10px 0;}
#drink-list ul li              {margin:  0 0 5px 0;}
#drink-list img                {margin:  0 10px 0 0;}
#drink #column .text           {margin:  0 0 10px 0;}


#monaka dl                     {width: 600px }

@media screen and (max-width: 768px) {
/* 768px�ȉ��p�i�^�u���b�g�^�X�}�[�g�t�H���p�j�̋L�q */
.sp                           {display: block;}
.left                         {float: none;}
right                         {float: none;}
.img-r                        {margin: 0 0 2% 0;float: none;display: block;}
.img-l                        {margin: 0 0 2% 0;float: none;display: block;}
.text_L                       {margin: 0 0 2% 0;}
.ContBox                      {width: 100%;padding:0 3%;box-sizing: border-box;}
.contimg                      {width: 100%;}
.google-maps                  {display: none;}
.container dt                 {float: none;font-size: 18px;}
.container dd                 {float: none;font-size: 18px;text-align: left;}
.container br                 {display: none;}
.contimg img                  {width: 96%;margin: 0 auto;}
.price                        {text-align: left;}
.original dl dt               {font-size: 18px;}
.original dl dd               {font-size: 18px;}
#head                         {height: 900px;margin: 0 0 -600px 0;
                               background-size: auto 10%,145% auto,auto 30%,auto 30%;
                               background-position: top center,top 5% center,top left,top right;}
#langbox                      {width: auto;margin: 0;top: 30%;left: 3%;text-align: left;}
#oshinagaki                   {height: auto;padding: 60px 0; }
#oshinagaki ul                {width: 100%;margin: 0 auto;box-sizing: border-box;}
#oshinagaki li                {width: 95%;padding: 5%;height: auto;background-position: right -5% top 0;}
#oshinagaki .text_L           {margin: 0 0 2% 0;text-align: center;}
#oshinagaki .text             {width: 100%;margin: 0 0 5% 0;text-align: justify;}
#oshinagaki ul .button        {width: 100%;margin:  auto;position:inherit;left: 1%; right: 50%; bottom: 5%;}
#oshinagaki ul .button a      {margin: 0 auto;}
#oshinagaki #oshina6 .text    {width: 100%;}
#oshinagaki #oshina1          {background: #fff;}
#oshinagaki #oshina2          {background: #fff;}
#oshinagaki #oshina3          {background: #fff;}
#oshinagaki #oshina4          {background: #fff;}
#oshinagaki #oshina5          {background: #fff;}
#oshinagaki #oshina6          {background: #fff;}
#Cont01                       {width: 100%;}
#Cont01 h2                    {width: 100%;}
#Cont02                       {width: 100%;}
#Cont02 h2                    {width: 100%;}
#ContRight                    {float: none;}
#ContLeft                     {float: none;}
#Shopinfo                     {margin: 0 0 60px 0;}
#Shopinfo li                  {margin: 0 0 2% 0;}
#Facebox                      {display: none;}
#GoogleShop                   {display: none;}
#move                         {padding: 20px;}
#move ul                      {width: 100%;}
#move li                      {width: 100%;margin: 0 0 2% 0;}
#move iframe                  {width: 100%;margin: 0;}


.container .list             {width: 100%;}
.container .list li          {margin: 0 0 20% 0; float: none;}
#Cont-02 .list li            {margin: 0 0 50% 0; float: none;}
/*�����Ȃ���*/


#Menu #head                    {height: 900px;margin: 0 0 -800px 0;}
#Menu h2 img                   {width: 100%;}
#Menu .container .text         {width: 100%;}
#Menu  #column                 {width: 100%;}
#Menu .container dl            {font-size: 18px;line-height: 120%; padding: 0; }

#column .img-r                 {width: 100%;margin: 0 auto; }
#column br                     {display: none;}
#column .shaved1 li            {width: 100%;border: none;text-align: center;}
#column .shaved1 li img        {width: auto;margin: 0 auto;display: inherit;}
.osina-img                     {width: 50%;}

.container .list2 li           {width: 100%;}
.container .list3 li           {width: 100%;}
.shaved2  .osina-img           {width: 100%;}
.shaved2 li                    {height: 250px;}
#Cont-01 .list3                {width: 100%;}
#hanagouri                     {width: 100%;}


#Cont-02 .img-l                {margin: 0 auto 2% auto;}
.original dl                   {margin: 0 auto 20px; padding: 0;}
/*����*/
#dango .osina-img              {width: 100%;}

/*�����X*/
#shaved .price                 {font-size: 18px;}

/*�\�t�g�N���[��*/
#ice #Cont-01 li               {width: auto;}
#ice .price                    {font-size: 18px;}

/*�h�����N*/
#drink .img-l                  {width: 100%;margin: 0 auto 0 auto;}
#drink .img-r                  {margin: 0 auto 2% auto;}
#drink .container dl           {width: 100%; }
#drink .text_L                 {text-align: justify;}

#shaved .container .list2 li    {height: auto;}

#monaka dl                     {width: 80% }
#monaka dl dt                  {float: left;}
#monaka dl dd                  {text-align: right;}
#monaka img                    {width: 80%}

.container .list4 li           {width: 100%;}
.container .list4 li img       {width: 100%;float: none;}
.container .list4 li dl        {margin: 0 0 60px}
.container .list4 li dt        {float: left;}
.container .list4 li dd        {text-align: right;}

}
@media screen and (max-width: 640px) {
/* 640pxpx�ȉ��p�i�X�}�[�g�t�H���p�j�̋L�q */

}

@media screen and (max-width: 480px) {
/* 480pxpx�ȉ��p�i�X�}�[�g�t�H���p�j�̋L�q */

}

@media screen and (max-width: 320px) {
/* 320pxpx�ȉ��p�i�X�}�[�g�t�H���p�j�̋L�q */

}