@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&family=M+PLUS+1p:wght@100;300;400;500;700;800;900&family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Sawarabi+Mincho:wght@400&family=Sawarabi+Gothic:wght@400&family=Kosugi+Maru:wght@400&family=Kosugi:wght@400&family=Yusei+Magic:wght@400&family=Hachi+Maru+Pop:wght@400&family=Potta+One:wght@400&family=DotGothic16:wght@400&family=RocknRoll+One:wght@400&family=Stick:wght@400&family=Shippori+Mincho:wght@400;500;600;700;800&family=Reggae+One:wght@400&family=Dela+Gothic+One:wght@400&family=Rampart+One:wght@400&family=Kiwi+Maru:wght@300;400;500&family=Kaisei+Tokumin:wght@400;500;700;800&family=Yomogi:wght@400&family=Train+One:wght@400&display=swap');
/*1.ヘッダー背景色:*/
#main { background: #FFFFFF;}
#header{background: #FFFFFF;}
#photo_wrapper{ 
	background:#FFFFFF;
 	background: url(../img/header-trans.png) 0 bottom repeat-x #FFFFFF;
}
/*2.メイン画像 */
#photo #img {background:url(../img/167_3_photo.jpg);} /* 930px x 250px */
/*3.コンテンツ部背景色 */
body{ background : #FF9900;/*footerと同色*/}
#main{ background: url(../img/bg-trans.png) 0 top repeat-x #FF9900;}
#footer{ background : #FF9900;/*footerと同色*/}
/*4.本文部背景色 */
.sidebar_inn{ background: #FFFFFF;}
.content_inn{ background: #FFFFFF;}
/*5.本文部枠線色 */
.sidebar_inn{ border: 1px solid #CCCCCC;}
.content_inn{ border: 1px solid #CCCCCC;}
/*6.メニューボタン背景色*/
#menu-wrapper { background: #663333;}
/*7.メニューボタン背景色（マウスオン）*/
#menu > ul > li:hover,#menu li.cntmenu_over {background: #F6F7E7; }
/*8.メニュー文字色*/
#menu > ul > li > a,#menu > ul > li > span { color : #FFFFFF;}
/*9.メニュー文字色（マウスオン）*/
#menu > ul > li > a:hover,#menu > ul > li > span:hover,#menu li.cntmenu_over > a { color: #333333;}
/*XX.メニュー区切り線色*/
#menu > ul > li { border:none;}
/*10.サイド親ページ背景色*/
#sidebar a.sn_01 { background: url(../img/side_trans.png) 0 0 repeat #FDFDFD;}
/*11.サイド親ページ枠線色*/
#sidebar a.sn_01 { border: 1px solid #DDDDDD;}
/*12.サイド親ページ背景色（マウスオン）*/
#sidebar a.sn_01:hover, #sidebar a.sn_01_over{background: url(../img/side_trans.png) 0 0 repeat #FDFDFD;}
/*13.サイド親ページ枠線色（マウスオン）*/
#sidebar a.sn_01:hover, #sidebar a.sn_01_over{ border: 1px solid #DDDDDD;}
/*14.サイド子ページ背景色*/
#sidebar a.sn_01_01{ background: url(../img/side_trans.png) 0 0 repeat #FDFDFD;}
/*15.サイド子ページ枠線色*/
#sidebar a.sn_01_01{ border: 1px solid #DDDDDD;}
/*16.サイド子ページ背景色（マウスオン）*/
#sidebar a.sn_01_01:hover, #sidebar a.sn_01_01_over { background: url(../img/side_trans.png) 0 0 repeat #FDFDFD;}
/*17.サイド子ページ枠線色（マウスオン）*/
#sidebar a.sn_01_01:hover, #sidebar a.sn_01_01_over{ border: 1px solid #DDDDDD;}
/*18.サイドメニュー文字色*/
#sidebar a.sn_01, #sidebar a.sn_01_over { color : #333333 !important;}
#sidebar a.sn_01_01, #sidebar a.sn_01_01_over{ color : #333333 !important;}
/*19.サイドメニュー文字色（マウスオン）*/
#sidebar a.sn_01:hover, #sidebar a.sn_01_over{ color : #333333 !important;}
#sidebar a.sn_01_01:hover, #sidebar a.sn_01_01_over { color : #333333 !important;}
/*20.サイドメニューアイコン色*/
#sidebar .sn_01 > .mn_01{ border-left:5px solid #AAAAAA; padding:8px 0px 10px 6px; }
#sidebar .sn_01_01 > .mn_01_01{ border-left:5px solid #AAAAAA; padding:2px 0px 4px 8px; }
/*21.サイドメニューアイコン色（マウスオン）*/
#sidebar .sn_01:hover > .mn_01, #sidebar .sn_01_over > .mn_01{ border-left:5px solid #663333; padding:8px 0px 10px 6px; }
#sidebar .sn_01_01:hover > .mn_01_01, #sidebar .sn_01_01_over > .mn_01_01{ border-left:5px solid #663333; padding:2px 0px 4px 8px; }

/*22.スマホパネル背景色  local-480,local-670に記載 */
/*23.スマホ時メニュー背景色  local-480,local-670に記載 */
/*24.スマホ時メニュー親ページ文字色  local-480,local-670に記載 */
/*25.スマホ時メニュー子ページ文字色  local-480,local-670に記載 */
/*26.ページ全体リンク色*/
a {color:#0000FF;}
/*27.ページ全体リンク色（訪問後）*/
a:visited {color:#810081;}
/*28.ページ全体リンク色（マウスオーバー時）*/
a:hover {color:#0000FF;}

/*html body*/
body {
	display    : block !important;
	margin:0;
	padding:0;
	font-family: "メイリオ", Meiryo,Verdana, Helvetica, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	background:#FFFFFF;
	animation: fadeIn 0.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 0.5s ease 0s 1 normal;
		}

/* Header */
#header {
	background-size: cover;
}
#header .container{
/*	overflow: auto;*/
}
/* Photo*/
#photo {
    margin:0 auto;
    padding:0 0 19px 0;
    width:932px;
}
#photo #img{
    background-position:0 0;
    background-repeat:repeat-x;
    height:300px;
    border:1px solid #CCCCCC;
}
/* Menu */
#menu-wrapper {
	top       : 0;
	left      : 0;
	width     : 100%;
}
#menu{
  background: url(../img/menu-trans.png) 0 0 repeat ;
}
#menu > ul {
	margin        : 0 auto;
	padding       : 0;
	text-align    : center;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	line-height   : 1em;
	width:931px;
  	overflow:hidden;
  	border-left: 1px solid;
  	border:none;
}
#menu > ul > li {
	display     : inline-block;
  	width:155px;
  	height:40px;
  	float:left;
  	overflow:hidden;
}
#menu > ul > li:last-child {
	padding-right: 0;
}

#menu > ul > li > a,
#menu > ul > li > span {
	display        : inline-block;
	padding        : 13px 0 7px 0;
	letter-spacing : 0em;
	text-decoration: none;
	outline        : 0;
    width          : 155px;
    height         : 20px;
}
#menu > ul > li > a:hover,
#menu > ul > li > span:hover,
#menu li.cntmenu_over > a {
  	background: url(../img/menu-trans.png) 0 0 repeat-x;
}
#menu li.active a {
	color: #F00;
}
#menu > ul > li > ul {
	display: none;
}
	
/* Main */
#main
{
	position  : relative;
}
#main #mobile, #cnt_btmbt
{
	float:right;
	width:75px;
}
#main #mobile a, #cnt_btmbt a
{
	margin:0;
	padding:0;
	overflow:hidden;
	display:block;
	text-indent:-9999px;
	width:75px;
	height:24px;
	background:url(../img/mobile.gif) 0 0 no-repeat;
}
.content_inn{
  padding:10px 10px 34px 10px !IMPORTANT;
}
/* Sidebar */
.sidemenu {
	margin :0;
	padding:10px 0 10px 0;
}
.sidemenu li {
	list-style:none;
	overflow  :hidden;
	padding   :0 10px;
}
.sidemenu ul {
	margin :0px;
	padding:10px 0 10px 0;
}
.sidemenu li > ul > li {
	height    : 33px;
	padding   : 0;
}
#sidebar a.sn_01, #sidebar a.sn_01_over {
	position          : relative;
	display           : inline-block;
	padding           : 15px 10px;
	text-decoration   : none !important;
	font-size         : 14px;
	font-weight       : 300;
	width             : 100%;
	height            : 50px;
	overflow          : auto;
	box-sizing        : border-box;
}
#sidebar a.sn_01_over{
	box-shadow: none;
  	font-weight:bold;
}
#sidebar a.sn_01:hover{
	box-shadow: none;
  	font-weight:bold;
}
#sidebar a.sn_01_01, #sidebar a.sn_01_01_over{
	position          : relative;
	display           : inline-block;
	padding           : 9px 10px;
	text-decoration   : none !important;
	font-size         : 14px;
	font-weight       : 300;
	width             : 100%;
	height            : 33px;
	box-sizing        : border-box;
  	background-size:271px 33px;
  	line-height: 1em;
  	overflow: hidden;
}
#sidebar a.sn_01_01_over {
	box-shadow: none;
  	background-size:271px 33px;
  	font-weight:bold;
}
#sidebar a.sn_01_01:hover{
	box-shadow: none;
  	background-size:271px 33px;
  	font-weight:bold;
}
/* Footer */
#footer {
	position  : relative;
	color:#F0F0F0;}
#footer header h2 {
	color: #FFF !important;
}
#footer header .byline {
	color: rgba(255,255,255,.2);
}
/* Form */
.submit_resp {
	-moz-border-radius   : 1em ;
	-webkit-border-radius: 1em;
	border-radius        : .3em ;
	font-size            : 16px;
	padding              : .6em 20px;
	min-width            : .75em;
	position             : relative;
	text-overflow        : ellipsis;
	overflow             : hidden;
	white-space          : nowrap;
	zoom                 : 1;
	border               : 1px solid #ccc;
	background           : #eee;
	font-weight          : bold;
	color                : #222 ;
	text-shadow          : 0 1px 0 #ffffff ;
	background-image     : -webkit-gradient(linear, left top, left bottom, from( #ffffff ), to( #f1f1f1 ));
	background-image     : -webkit-linear-gradient( #ffffff, #f1f1f1 );
	background-image     :    -moz-linear-gradient( #ffffff, #f1f1f1 );
	background-image     :     -ms-linear-gradient( #ffffff, #f1f1f1 );
	background-image     :      -o-linear-gradient( #ffffff, #f1f1f1 );
	background-image     :         linear-gradient( #ffffff, #f1f1f1 );
}
.submit_resp:hover {
	border          : 1px solid #bbb;
	background      : #dfdfdf;
	font-weight     : bold;
	color           : #222;
	text-shadow     : 0 1px 0 #ffffff ;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 ), to( #e0e0e0 )); 
	background-image: -webkit-linear-gradient( #f6f6f6, #e0e0e0); 
	background-image:    -moz-linear-gradient( #f6f6f6, #e0e0e0); 
	background-image:     -ms-linear-gradient( #f6f6f6, #e0e0e0); 
	background-image:      -o-linear-gradient( #f6f6f6, #e0e0e0); 
	background-image:         linear-gradient( #f6f6f6, #e0e0e0);
}
.submit_resp:active {
	-moz-box-shadow   : 0px 0px 12px #387bbe ;
	-webkit-box-shadow: 0px 0px 12px #387bbe ;
	box-shadow        : 0px 0px 12px #387bbe ;	
}
.text_resp {
	-moz-border-radius   : .6em ;
	-webkit-border-radius: .6em ;
	border-radius        : .2em ;
	border               : 1px solid #aaa;
	color                : #333333;
	text-shadow          : 0 1px 0 #fff ;
	background           : #f9f9f9 ;
	background-image     : -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 ), to( #eeeeee ));
	background-image     : -webkit-linear-gradient( #f9f9f9 , #eeeeee );
	background-image     :    -moz-linear-gradient( #f9f9f9 , #eeeeee);
	background-image     :      -ms-linear-gradient( #f9f9f9, #eeeeee);
	background-image     :       -o-linear-gradient( #f9f9f9, #eeeeee);
	background-image     :          linear-gradient( #f9f9f9, #eeeeee);
	
	background-image: none;
	padding         : .4em;
	margin          : .5em;
	line-height     : 1.4;
	font-size       : 16px;
	width           : 90%;
	outline         : 0;
}
.text_resp:focus {
	-moz-box-shadow   : 0px 0px 12px #387bbe ;
	-webkit-box-shadow: 0px 0px 12px #387bbe ;
	box-shadow        : 0px 0px 12px #387bbe ;	
}
/* Cart */
#CartArea{
	width:100% !IMPORTANT;
	height:auto !IMPORTANT;
	overflow:auto !IMPORTANT;
}
#CartFrame{
	width:100% !IMPORTANT;
	height:2500px !IMPORTANT;
}

table{
        }

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

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