@charset "utf-8";

/*===================================================================================================================*/
/*===== ↓ 基本設定 ↓ ==============================================================================================*/

html,body,div,table,tr,th,td,h1,h2,h3,p,form,ul,ol,li,dl,dt,dd,hr,img,strong,em,span,a,address
	{
	 color: #666666;
	 font-style: normal;
	 font-variant: normal;
	 font-weight: normal;
	 font-size: 16px;
	 line-height: 23px;
	 letter-spacing: 1px;
	 text-align: left;
	 text-decoration: none;
	 list-style-type: none;
	 border: 0px;
	 margin: 0px;
	 padding: 0px;
	}

input,textarea,button
	{
	 color: #666666;
	 font-size: 16px;
	}

@font-face
	{
	 font-family: "Yu Gothic";
	 src: local("Yu Gothic Medium");
	 font-weight: 100;
	}

@font-face
	{
	 font-family: "Yu Gothic";
	 src: local("Yu Gothic Medium");
	 font-weight: 200;
	}

@font-face
	{
	 font-family: "Yu Gothic";
	 src: local("Yu Gothic Medium");
	 font-weight: 300;
	}

@font-face
	{
	 font-family: "Yu Gothic";
	 src: local("Yu Gothic Medium");
	 font-weight: 400;
	}

@font-face
	{
	 font-family: "Yu Gothic";
	 src: local("Yu Gothic Bold");
	 font-weight: bold;
	}

@font-face
	{
	 font-family: "Helvetica Neue";
	 src: local("Helvetica Neue Regular");
	 font-weight: 100;
	}

@font-face
	{
	 font-family: "Helvetica Neue";
	 src: local("Helvetica Neue Regular");
	 font-weight: 200;
	}

html,body
	{
	 height: 100%;
	}

body
	{
	 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
	 text-align: center;
	 background: #d9d9d9 url(_img/bg.png) repeat-y right -100px;
	 padding: 0px 0px 0px 251px;
	 animation: fadeIn 2s ease 0s 1 normal;
	 -webkit-animation: fadeIn 2s ease 0s 1 normal;
	}

@keyframes fadeIn
	{
	 0% {opacity: 0}
	 100% {opacity: 1}
	}

@-webkit-keyframes fadeIn
	{
	 0% {opacity: 0}
	 100% {opacity: 1}
	}

@media all and (-ms-high-contrast: none)
	{
	 body
		{
		 font-family: Verdana, Meiryo, sans-serif;
		}
	}

a
	{
	 color: #3366aa;
	}

a:hover
	{
	 -moz-opacity: 0.7;
	 opacity: 0.7;
	 filter: alpha(opacity=70);
	}

/*======================================================================================*/
/*===== ↓ グランドメニュー ↓ =========================================================*/

div#gmenu
	{
	 text-align: left;
	 background-color:rgba(0,0,0,0.5);
	 border-right: 1px #666666 solid;
	 position: fixed;
	 top: 0px;
	 left: 0px;
	 height: 100%;
	 padding-top: 40px;
	}

div#gmenu h1
	{
	 margin: 0px 0px 35px 35px;
	}

div#gmenu ul
	{
	 border-top: 1px #666666 solid;
	 margin-bottom: 35px;
	}

div#gmenu ul li
	{
	 border-bottom: 1px #666666 solid;
	}

div#gmenu ul li a img
	{
	 vertical-align: bottom;
	}

div#gmenu p
	{
	 color: #cccccc;
	 text-align: center;
	 margin-bottom: 15px;
	}

div#gmenu p a
	{
	 color: #ffffff;
	 text-indent: 30px;
	 text-shadow: 1px 1px 1px #000000, -1px 1px 1px #000000, 1px -1px 1px #000000, -1px -1px 1px #000000;
	}

/*======================================================================================*/
/*===== ↓ 本文パーツ ↓ ===============================================================*/

div.box
	{
	 background-color: #ffffff;
	 width: auto;
	 margin: 0px 20px 20px 20px;
	 padding: 20px;
	}

div.box h3
	{
	 color: #446677;
	 font-weight: bold;
	 font-size: 20px;
	 letter-spacing: 2px;
	 border-bottom: 2px #bbbbbb solid;
	 margin: 0px 15px 15px 0px;
	 padding: 0px 0px 5px 10px;
	}

div.box h3 span
	{
	 color: #99aabb;
	 font-weight: bold;
	 font-size: 14px;
	 letter-spacing: 1px;
	 vertical-align: top;
	 margin: 0px 0px 0px 10px;
	}

div.box p
	{
	 margin: 0px 15px 15px 0px;
	}

div.box p a.shop
	{
	 text-align: center;
	 background-color: #eeeeee;
	 display: block;
	 border: 1px #cccccc solid;
	 border-radius: 20px;
	 margin-top: 10px;
	 padding: 10px;
	}

/*======================================================================================*/

div.box table
	{
	 border-collapse: collapse;
	 width: 100%;
	}

div.box table tr th
	{
	 width: 60%;
	 vertical-align: top;
	}

div.box table tr td
	{
	 width: 40%;
	 vertical-align: top;
	}

div.box table tr th p img,
div.box table tr td img
	{
	 vertical-align: bottom;
	 border: 1px #cccccc solid;
	 max-width: 100%;
	 height: auto;
	 width /***/:auto;
	}

div.box table tr th p img
	{
	 border: none;
	}

div.box table tr th table.image tr td
	{
	 color: #ff3333;
	 width: 50%;
	 padding: 0px 17px 10px 0px;
	}

div.box table tr th table.image tr td img
	{
	 max-width: 100%;
	}

div.box table tr th table.image tr td a[name="cs"]
	{
	 -moz-opacity: 0.3;
	 opacity: 0.3;
	 filter: alpha(opacity=30);
	 cursor: auto;
	}

/*======================================================================================*/

.fadein
	{
	 opacity: 0;
	 transform: translate(0, 30px);
	 transition: all 1000ms;
	}

.fadein.scrollin
	{
	 opacity: 1;
	 transform: translate(0, 0);
	}

/*======================================================================================*/
/*===== ↓ トップページ用 ↓ ===========================================================*/

div#banner
	{
	 width: auto;
	 margin: 0px auto 20px auto;
	}

div#banner table
	{
	 background-color: #000000;
	 border-collapse: collapse;
	 width: 100%;
	}

div#banner table tr td
	{
	 width: 25%;
	 text-align: center;
	 vertical-align: top;
	}

div#banner table tr td img
	{
	 vertical-align: top;
	 max-width: 100%;
	 height: auto;
	 width /***/:auto;
	}

/*======================================================================================*/

div#news dl dd
	{
	 border-bottom: 1px #cccccc solid;
	 margin: -23px 0px 17px 0px;
	 padding: 0px 0px 15px 120px;
	}

div#news dl dd:last-child
	{
	 border-bottom: none;
	 margin-bottom: 0px;
	 padding-bottom: 0px
	}

/*======================================================================================*/
/*===== ↓ ストーリーページ用 ↓ =======================================================*/

div#main
	{
	 text-align: center;
	 background-color: #000000;
	 width: auto;
	 margin: 0px auto 20px auto;
	}

div#main img
	{
	 vertical-align: bottom;
	 max-width: 100%;
	 height: auto;
	 width /***/:auto;
	}

/*======================================================================================*/
/*===== ↓ フッター ↓ =================================================================*/

div#footer
	{
	 padding: 10px 0px 30px 0px;
	}

div#footer address
	{
	 color: #333333;
	 text-align: center;
	 text-shadow: 2px 2px 2px #ffffff, -2px 2px 2px #ffffff, 2px -2px 2px #ffffff, -2px -2px 2px #ffffff;
	}