@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: "�E�q�E��E��E�M�E�m�E�p�E�S Pro W6", "�E�q�E��E��E�M�E�m�E�p�E�S Pro W3", "Hiragino Kaku Gothic Pro", "�E��E��E�C�E��E��E�I", Meiryo, Osaka, "�E�l�E�r �E�o�E�S�E�V�E�b�E�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;}
.mid              {text-align:center;}
.More             {float: right;margin: 0 20px 50px 20px;}
.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;}


#noren            {width:  100%;height: 234px;display: block;background:url(../img/noren.png) top center;position: absolute;}
#dango            {width:  100%;height: 900px;display: block;background:url(../img/eng/20210118dango.png) top center;}
#headleft         {width:  100%;height: 800px;display: block;background:url(../img/headleft.jpg) top left no-repeat;}
#headright        {width:  100%;height: 800px;display: block;background:url(../img/headright.jpg) top right no-repeat;}
.ContBox          {width: 980px;height:  auto;display: block;margin: 0 auto;clear:both;}
#langbox          {width: 100%;height:  19px;display: block;text-align:center;position: absolute;top: 650px;margin: 0 0 0 -400px; z-index: 1;}
#langbox a        {display: inline-block;}

#ContLeft         {float:left;}
#Cont01           {width: 584px;height:  auto;display: block;margin: 0 0 20px 0;}
#Cont01 h2        {width: 230px;height:  30px;display: block;}
#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;}
#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        {width: 350px;float:right;}
#Facebox          {display: block;margin: 0 0 40px 0;}
#GoogleShop       {display: block;margin: 0 0 40px 0;}
#oshinagaki       {width:  100%;height: 864px;display: block;margin: 20px 0 0 0;background:url(../img/menubg.jpg); text-align:center;}
#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;}

#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;}
#oshinagaki .text   {width: 60%;text-align: justify;}
#oshinagaki ul .button {position: absolute;bottom: 14px; right: 24px;}

.google-maps {position: relative;
padding-bottom: 50%; // �E��E��E�ꂪ�E�c�E��E��E��E�
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
@media screen and (max-width: 768px) {
body                          {word-wrap: break-word;overflow-wrap: break-word;}
.sp                           {display: block;}
.ContBox                      {width: 100%;padding:0 3%;box-sizing: border-box;}
.contimg                      {width: 100%;}
.contimg img                  {width: 96%;margin: 0 auto;}
.google-maps                  {display: none;}

#noren                        {height: 900px;margin: 0 0 -600px 0;background-size: auto 10%;background-repeat: no-repeat;}
#dango                        {height: 900px;margin: 0 0 -600px 0;background-size: 150% auto;background-repeat: no-repeat;background-position: top 5% center;}
#headleft                     {height: 900px;margin: 0 0 -600px 0;background-size: auto 30%;}
#headright                    {height: 900px;margin: 0 0 -600px 0;background-size: auto 30%;}

#langbox                      {width: auto;margin: 0;top: 48%;left: 3%;text-align: left;}
#ContRight                    {width: 100%;}
#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;font-size: 24px;font-weight: bold;color: #5b5e1e;}
#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                     {width:100%;margin: 0 0 60px 0;}
#Shopinfo li                  {width:100%;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;}

}