@charset "UTF-8"
	
.no-margin
{
	margin: 0px;
}
.no-padding
{
	padding: 0px;
}
.bg-color-1
{
	background-color: #ccffff;
}
#Logo_Box{
	width: 70%;
	height: 70%;
	margin-left: auto;
	margin-right: auto; 
}
.jumbotron-head{
	background:url(../img/Teikoku_Index_Logo.jpg) 0 0 no-repeat;
	background-size: cover;
	height: 44vh;
	color: #ccffff;
	position: relative;
}
.jumbotron_content{
	position: relative;
	top: 50%;
	-webkit-transform:translateY(-50%);
	transform: translateY(-50%);
}
.font-color{
	color: #000;
	font-style: italic;
}
p.thumb{
	border: 1px solid #aaa;
 	display:block;
 	width:420px; /*トリミング後の横幅*/
 	height:287px; /*トリミング後の縦幅*/
 	overflow:hidden;
 	position:relative;
 	z-index:1;
 }
 p.thumb img{
 	float:left;
 	position:absolute;
 }
 .setWidth{
 	max-width: 200px;
 }
 .concat div{
 	overflow: hidden;
 	-ms-text-overflow: ellipsis;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	width: inherit;
 }
/*-------------------------------*/
/* navbar color                  */
/*-------------------------------*/
.navbar-default {
background-color: #65baad;
border-color: #3e6962;
}
/* navbar テキストカラー */
.navbar-default .navbar-nav > li > a {
color: #ffffff;
}
/* navbar hover,focus時のテキストカラー */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #26534c;
background-color: transparent;
}
/* navbar active設定時のカラー */
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
color: #26534c;
background-color: #c3ede7;
}
/* navbar ドロップダウン(親)のカラー */
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
color: #3e6962;
background-color: #c3ede7;
}
/* navbar ドロップダウン(子)のボックスカラー */
.dropdown-menu {
background-color: #65baad;
border: 1px solid #3e6962;
border: 1px solid #3e6962(0, 0, 0, .15);
-webkit-box-shadow: 0 6px 12px rgba(94, 136, 129, 0.35);
box-shadow: 0 6px 12px rgba(94, 136, 129, 0.35);
}
/* navbar ドロップダウン(子)テキストカラー */
.dropdown-menu>li>a {
color: #ffffff;
}
/* navbar ドロップダウン(子)focus,hover時のカラー */
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
color: #26534c;
background-color: #c3ede7;
}
/* navbar ドロップダウン(子)内の区切り線(class=”divider”)のカラー */
.dropdown-menu .divider {
background-color: #3e6962;
}
/* navbar 画面サイズ767px以下の時のカラー */
@media (max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color: #26534c;
background-color: transparent;
}
/* ドロップダウンactive設定時のカラー */
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #ffb163;
background-color: #d4ede9;
}
}
/* navbar ハンバーガー四角枠 */
.navbar-default .navbar-toggle {
border-color: #ffffff;
}
/* navbar ハンバーガー三本線 */
.navbar-default .navbar-toggle .icon-bar {
background-color: #ffffff;
}
/* navbar ハンバーガーボタン,タップとホバーした時の背景色 */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: #ffffff;
}
/* navbar ハンバーガーボタン,タップとホバーした時の四角枠 */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
border-color: #65baad;
}
/* navbar ハンバーガーボタン,タップとホバーした時の三本線 */
.navbar-default .navbar-toggle:focus > .icon-bar,
.navbar-default .navbar-toggle:hover > .icon-bar {
background-color: #65baad;
}
/* navbar Brandのカラー */
.navbar-default .navbar-brand {
color: #ff5555;
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
color: #ff5555;
background-color: transparent;
}
/*-------------------------------*/
/* Page Body                     */
/*-------------------------------*/
#PageBody{
	max-width: 1200px;
	margin: 0 auto;
	background-color: #ffffff; 
	position: relative;
}
p.btn03 a{
	width: 300px;
	height: 60px;
	background-color:#9c9;
	margin-left: 100px;
	color:#fff;
	-webkit-transition:background-color 1s 0s, color 1s 1s;
	transition:background-color 1s 0s, color 1s 1s;
}
p.btn03 a:hover{
	background-color:#fc6;
	color:#000;
}
/*------- PC ---------------*/
.putcart input{
	width:240px;
	position: fixed;
	bottom: 2px;
	background-color: #ff69b4;
	float: left;
	opacity: 0.7;
}
.putcart input:hover{
	background-color:#fc6;
	color:#000;
	position: fixed;
}
.subbtnn{
	width:30%;
	height:22px;
	margin-bottom: 2px;
	/*font-size: 12px;*/
	font-family: メイリオ;
	font-weight: bolder;
	background-color: #9c9;
	color: #ff0000;
	margin-left: 40%;
        
	-webkit-transition:background-color 1s 0s, color 1s 1s;
	
        transition:background-color 1s 0s, color 1s 1s;
	
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 1s, 1s;
	-webkit-transition-delay: 0s, 1s;
	
	transition-property: background-color, color;
	transition-duration: 1s, 1s;
	transition-delay: 0s, 1s;
}
.subbtnn a:hover{
	background-color:#fc6;
	color:#000;
}
.pagetop{
	width: 15.0625%;
	min-width: 45px;
	position: fixed;
	right: 30px;
	bottom: 0px;
}

p.from_left{
	margin-left: 200px;
}
/*-------------------------------*/
/* Left                          */
/*-------------------------------*/
#Content_Side{
	float: left;
	background-color: #ffdab9;
	border: 2px blue solid;
}
div.Side_Title_Box{
	width: 120px;
	height: 40px;
	margin-top: 4px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 10px;
	padding-bottom: 2px;
	border-radius: 10px 10px 10px 10px;
	border: 3px blue solid;
	background-color: #ffcccc;
	text-align: center;
}
.LeftSide_Text{
	width:100px;
	margin-left:20px;
	font-size: 10px;
	font-weight: bolder;
	padding-left: 20px;
}
.LeftSide_Center_Text{
	margin-left: : 4px;
	margin-right: 4px;
	font-size: 11px;
	font-family: メイリオ;
	font-weight: bolder;
}
.LeftSide_Button{
	width: 88px;
	height: 20px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-left: 5px;
}
.LeftSide_Input{
	width: 120px;
	margin-left: : 20px;
	margin-right: 20px;
	padding-right: 20px;
	padding-left: 10px;
}
.LeftSide_Center_Text_a{
	margin-left: : 4px;
	margin-right: 4px;
	font-size: 13px;
	font-family: メイリオ;
	font-weight: bolder;
	padding-left: 6px;
}
label { 
	width: 100px;
	background: #66ccff; 
	color: #ff0000;
	font-weight: bolder;
	padding: 3px; 
	display: block; 
	margin-left: 20px; 
	border: 1px solid green; 
	text-align: center;
} 
input[type="checkbox"].on-off{
 	display: none; 
} 
.menu ul { 
	-webkit-transition: all 0.5s; 
	-moz-transition: all 0.5s; 
	-ms-transition: all 0.5s; 
	-o-transition: all 0.5s; 
	transition: all 0.5s; 
	margin: 0; padding: 0; 
	list-style: none; 
} 
.menu li { 
	height: 0px;
	padding: 0px; 
} 
input[type="checkbox"].on-off + ul{ 
	height: 0; 
	overflow: hidden; 
} 
input[type="checkbox"].on-off:checked + ul{ 
	height: auto; 
}
/*-------------------------------*/
/* Center Side(Main Contents)	 */
/*-------------------------------*/
#Content_InSide{
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	float: left; 
	background-color: #eee8aa;
	border: 3px green solid;
}
div.CenterSide_Btn_Box{
	width: 690px;
	height: 30px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	padding-bottom: 2px;
	background-color: #eee8aa;
	text-align: center;
}
.No_Box{
	width: 50px;
	height: 24px;
	margin-top: 2px;
	margin-right: 1px;
	margin-bottom: 2px;
	margin-left: 1px;
	background-color: #0000cc;
	font-size: 16px;
	font-family: メイリオ;
	font-weight: bolder;
	text-align: center;	
	float: left;	
}
.No_Box_Green{
	width: 50px;
	height: 24px;
	margin-top: 2px;
	margin-right: 1px;
	margin-bottom: 2px;
	margin-left: 1px;
	background-color: #33ff00;
	font-size: 16px;
	font-family: メイリオ;
	font-weight: bolder;
	text-align: center;	
	float: left;	
}
.Btn_Box{
	width: 80px;
	height: 24px;
	margin-top: 2px;
	margin-right: 1px;
	margin-bottom: 2px;
	margin-left: 1px;
	float: left;
}
div.CenterSide_Title_Box{
/*	width: 760px; */
	height: 26px; 
	margin-top: 1px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	padding-bottom: 2px;
	border-radius: 10px 10px 10px 10px;
	border: 3px green solid;
	background-color: #ccffcc;
	text-align: center;
	float: left;
}
div.CenterSide_Info_Box{
	width: 690px;
	height: 50px; 
	margin-top: 1px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	padding-bottom: 2px;
	border-radius: 10px 10px 10px 10px;
	border: none;
	background-color: #eee8aa;
	text-align: center;
	float: left;
}
#Content_Jacket{
	width: 230px; 
	height: 460px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	padding: 0px;
	float: left;
	background-color: #eee8aa;
}
.Content_Jacket_Inside_Jacket{
/*	width: 320px; */  
	height: 287px; 
/*	border-radius: 2px 2px 2px 2px;
	border: 2px green solid; */

	float: left;

}
.imgtrim1{
/*	width: 368px; */ 
/*	height: 250px; */
	overflow: hidden; 
	float: left;
	margin-right: 1px;
	margin-bottom:1px;

}
.imgtrim1 img{
	position: absolute;
	clip: rect(0px 400px 400px 150px);
	margin-left: -140px; 
}

.Content_Jacket_Inside_Title{
/*	width: 230px; */  
	height: 40px; 
	margin-top: 2px;
	margin-left:  4px;
	margin-right: 0px;
	margin-bottom: 4px;
	font-size: 14px;
	font-family: メイリオ;
	font-weight: bolder;
}
.Content_Jacket_Inside_TitleS{
/*	width: 230px; */ 
	height: 60px; 
	margin-top: 2px;
	margin-left:  4px;
	margin-right: 0px;
	margin-bottom: 4px;
	font-size: 12px;
	font-family: メイリオ;
	font-weight: bolder;
}
.Side_Jacket{
	width: 140px;
	height: 160px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 2px;
	padding: 0px;
	float: left;
}
.Side_Text_Center{
	width: 120px;
	margin-top: 0px;
	padding-left: : 4px;
	padding-right: 4px;
	font-size: 11px;
	font-family: メイリオ;
	font-weight: bolder;
	text-align: center;	
}
.Content_RightSide_Button{
	margin-top: 2px;
	margin-left: : auto; 
	margin-right: auto; 
	width: 120px;
	height: 40px;
	padding-top: 2px;
	padding-left: 14px; 
}
.trimming{
	position: relative;
	height: 247px;
	overflow: hidden;
}
.img{
	position: absolute;
	/*margin-left: -180px;*/
	clip: rect(0px 1024px 470px 694px);
}



div.CenterSide_Title_Box_Detail{
	width: 660px;
	height: 40px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 10px;
	padding-bottom: 2px;
	border-radius: 10px 10px 10px 10px;
	border: 3px green solid;
	background-color: #ccffcc;
	font-size: 13px;
	text-align: center;
}
#Content_Jacket_Detail{
	width: 670px;
	height: auto;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 2px;
	padding: 0px;
	float: left;
	background-color: #eee8aa;
}
dl{  
  font-weight : bold;
}

dt{  
  background-color : #eee8aa;        
  padding-top : 2px;    
  padding-bottom : 2px;
  padding-left : 10px;
  width : 100px;
  background-image: url("img/greendot.gif"); 
  line-height: 25px; 
  margin: 0px;       
  float : left;
  clear : both;
}

dd{    
  background-color : #eee8aa;
  padding-top : 2px;
  padding-left : 10px;
  padding-right : 14px;
  padding-bottom : 2px;
  width : 630px;
  margin-left : 160px;
  background-image: url("img/greendot.gif");
  line-height: 25px; 
  margin: 0px;       
}
/* Note                          */
div.note {
   border: 2px solid green;   /* 外枠 */
   padding: 10px;             /* 内側の余白 */
   background-color: #eee8aa; /* 背景色 */
}
div.note p {
   background-image: url("greendot.gif"); /* 罫線 */
   line-height: 25px; /* 行の高さ */
   margin: 0px;       /* 外側の余白 */
}
div.note p.notetitle {
   margin: 0px 0px 5px 0px;           /* 外側の余白 */
   padding: 3px 0px;                  /* 内側の余白 */
   border-bottom: 3px double #008000; /* 下線 */
   font-weight: bold;                 /* 文字の太さ */
   color: #008000;                    /* 文字色 */
}
div.note p.notetitle span.date {
   float: right;
}

.subbtnx{
	width:100px;
	height:22px;
	margin-bottom: 2px;
	font-size: 14px;
	font-family: メイリオ;
	font-weight: bolder;
	background-color: #9c9;
	color: #ff0000; 
        
	-webkit-transition:background-color 1s 0s, color 1s 1s;
	
        transition:background-color 1s 0s, color 1s 1s;
	
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 1s, 1s;
	-webkit-transition-delay: 0s, 1s;
	
	transition-property: background-color, color;
	transition-duration: 1s, 1s;
	transition-delay: 0s, 1s;
}
.size20{
	width: 100px;
}
.size30{
	width: 200px;
}
.size60{
	width: 300px;
}
/*--------------------------------------*/

.subbtnx a:hover{
	background-color:#fc6;
	color:#000;
}
/*-------------------------------*/
/* Right                         */
/*-------------------------------*/
#Content_RightSide{
	width: 142px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding: 0px;
	float: left;
	background-color: #eee8aa;
	border: 3px green solid;
}
.Content_RightSide_Title{
	margin-left: auto; 
	margin-right: auto;
	font-size: 14px;
	font-family: メイリオ;
	font-weight: bolder;
	text-align: center;	
}
div.RightSide_Box{
	width: 136px;
	height: 130px;
	margin-top: 4px;
	margin-right: 3px;
	margin-bottom: 2px;
	margin-left: 3px;
	padding-bottom: 2px;
	border-radius: 2px 2px 2px 2px;
	border: 3px green solid;
	background-color: #ffff66;
	text-align: center;
}
div.RightSide_Box3{
	width: 136px;
	height: 40px;
	margin-top: 4px;
	margin-right: 3px;
	margin-bottom: 2px;
	margin-left: 3px;
	padding-bottom: 2px;
	border-radius: 2px 2px 2px 2px;
	border: 3px green solid;
	background-color: #ffff66;
	text-align: center;
}
div.RightSide_Title_Box{
	width: 120px;
	height: 20px;
	margin-top: 4px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 3px;
	padding-bottom: 2px;
	border-radius: 10px 10px 10px 10px;
	border: 3px green solid;
	background-color: #ccffcc;
	text-align: center;
}
div.RightSide_Title_Box2{
	width: 120px;
	height: 20px;
	margin-top: 4px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 10px;
	padding-bottom: 2px;
	border-radius: 10px 10px 10px 10px;
	border: 3px green solid;
	background-color: #ccffcc;
	text-align: center;
}
.Content_RightSide_Text{
	padding-left: : 4px;
	padding-right: 4px;
	font-size: 11px;
	font-family: メイリオ;
	font-weight: bolder;
}
.Content_RightSide_Button_Text_Center{
	padding-left: : 20px;
	padding-right: 4px;
	font-size: 11px;
	font-family: メイリオ;
	font-weight: bolder;
	text-align: center;	
}
.RightSide_Input{
	width: 120px;
	margin-top: 10px;
	margin-left: : auto; 
	margin-right: auto; 
	padding-right: 20px;
	padding-left: 10px;
}
.imglist{
	width: auto; /*700px;*/
}
.imgtrim{
	width: 140px;
	height: 129px;
	overflow: hidden; 
	float: left;
	margin-right: 1px;
	margin-bottom:1px;
}
.imgtrim img{
	position: absolute;
	clip: rect(0px 400px 400px 140px);
	margin-left: -140px;
}
/*----------footer-------------------------*/
#footer{
	padding: 20px 10px;
	background: #d8c7a0;
}

.footer-photo{
	width: 83.3333%;
	margin: 0 auto 20px;
}
.footer-photo img{
	border: #fff 5px solid;
}

.footer-info-title{
	width: 30.3333%;
	min-width: 100px;
	margin-bottom: 15px;	
}

.footer-info-list{
	margin-bottom: 20px;
}
.footer-info-list dt{
	clear: left;
	float: left;
	width: 7em;
	margin-bottom: 10px;
}
.footer-info-list dd{
	margin-bottom: 10px;
	overflow: hidden;
}

.sns{
	margin-bottom: 15px;
}
.sns li{
	display: inline-block;
}
.sns a{
	display: block;
	padding: 10px 20px;
	background: #fff;
	color: #d8c7a0;
	border-radius: 5px;
	text-decoration: none;
}
.sns a:hover{
	opacity: 0.7;
}

/*=========================================
	Utilities
  =========================================*/