@charset "UTF-8";

input[type="text"],
input[type="email"],
input[type="password"],
textarea{
	padding: 5px;
	border-radius: 3px;
	box-sizing: border-box;
}

input[type="submit"]{
	padding: 10px 60px;
}

a{
	color: #808000;
}

body{
	background: url(./images/common/bg.jpg);
}

.site-header{
	background: url(//lojojym.me/shop/images/header_bk.jpg) repeat-x;
}

.site-header-conts{
	padding: 0;
}

.container{
	background:#fbf1d4;
}

/*2カラムレイアウト*/
.col2 .main-conts{
	width: 75%;
}

.col2 .sub-conts{
	width: 20%;
}

/*2カラムレイアウト（リバース）*/
.col2r .main-conts{
	width: 75%;
}

.col2r .sub-conts{
	width: 20%;
}

.global-nav{
	border-top: 3px solid #daa520;
	border-bottom: 3px solid #daa520;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #805d00), color-stop(1.00, #ffe400));
	background: -webkit-linear-gradient(#805d00, #ffe400);
	background: -moz-linear-gradient(#805d00, #ffe400);
	background: -o-linear-gradient(#805d00, #ffe400);
	background: -ms-linear-gradient(#805d00, #ffe400);
	background: linear-gradient(#805d00, #ffe400);
}

.global-nav-in li a{
	padding: 0.7em; /*画像をメニューにする場合は値を0に*/
	background: transparent;
}

.global-nav-in li a:hover,
.global-nav-in li a:active,
.global-nav-in li a:focus{
	background: #e4b948;
	color: #62481C;
}

.global-nav-in li ul{
	border-top: 1px solid #8f6f30;
	border-left: 1px solid #8f6f30;
	border-right: 1px solid #8f6f30;
}

.global-nav li ul li a{
	padding: 0.8em 1em;
	border-bottom: 1px solid #8f6f30;
	background: #f7e7c8;	
	color: #62481C;
}

.global-nav li ul li a:hover{
	background: #e4b948;
}

.breadcrumbs{
	display: none;
}

.main-image{
	background: url(//lojojym.me/shop/images/top_bk.png) repeat;
	border-bottom: 2px solid #fff;
}

.main-conts .section-wrap{
	border: none;
	box-shadow:0px 0px 1px 1px rgba(0,0,0,0.1);
	background:#fff;
}

.main-conts .section-wrap .section-title{
	margin: 0 0 5px;
	padding-left: 15px;
	border-bottom: 6px double #021270;
	background: transparent;
	color: #333;
	font-size: 1.5em;
}

.sub-conts .section-wrap .section-in{
	padding: 0 10px 10px;
}

.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title{
	margin: 0 -20px 20px;
	padding: 5px 0 5px 45px;
	border-bottom: 2px dotted #c5a300;
	background: url(//lojojym.me/shop/images/arrow01.png) 0 50% no-repeat;
	font-weight: normal;
	font-size: 1.125em;
}

.sub-conts .section-wrap h3{
	padding: 0 0 5px;
	border-bottom: solid 2px #e4b948;
	color: #795a2e;
}

.wrap_btns{
	margin: 0 0 5px;
	width: 100%;
	text-align: right;
}

.login_btn{
	margin: 0 2px;
	width: 194px;
}

.next_btn{
	width: 262px;
}

.cats_prds{
	position: relative;
	display: block;
	float: left;
	margin: 1px 1px 20px;
	padding: 0;
	width:200px;
}


.main-body h3,
.cat_title{
	margin: 0 0 20px;
	padding: 10px 30px 10px;
	width: 92%;
	border-top:2px dotted #b8860b;
	border-bottom:2px dotted #b8860b;
	background-color: #f5deb3;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.2em;
}

.cat_explanation{
	margin: 1px;
}

.cat_explanation p{
	margin: 10px 0;
	padding: 0px 30px;
	line-height: 1.6em;
}

.img_prds{
	width: 200px;
	height: 200px;
	border-radius: 5px;
}

.img_prd{
	margin: 0 0 5px;
	width: 400px;
	border-radius: 10px;
}

.prd_title{
	margin: 0 0 20px;
	padding: 10px 30px 10px;
	width: 92%;
	border-top:2px dotted #b8860b;
	border-bottom:2px dotted #b8860b;
	background-color: #f5deb3;
	font-size: 1.5em;
	line-height: 1.2em;
	text-align: center;
}

.prd_explanation{
	float: left;
	margin: 1px;
	width:400px;
}

.prd_explanation p{
	margin: 10px 0;
	padding: 0px 30px;
	line-height: 1.6em;
}

.prd_status {
 position: absolute;
 top: 2px;
 left: 148px;
 width: 50px;
 height: 50px;
}

.prd_data1{
	margin: 0 0 0.8em;
	clear:both;
	width: 160px;
	text-align: right;
	float: left;
}

.prd_data2{
	margin: 0 0 0.8em;
	float: left;
}

.cart_btn{
	margin: 30px auto;
	text-align: center;
	border-radius: 5px;
	float: left;
}

.cart_in0{
	margin: 2px 0;
	padding: 10px 0 5px 20px;
	float: left;
	width: 95%;
	clear:both;
	border-bottom: 2px dotted #62481C;
}

.cart_in_title{
	padding: 12px;
	color:#333;
	font-weight:bold;
	font-size:1.2em;
	border-radius:2px;
}

.cart_in1{
	float: left;
	width: 60%;
	clear:both;
}

.cart_in2{
	float: left;
	width: 13%;
}

.cart_in3{
	float: left;
	width: 14%;
	text-align: center;
}

.cart_in1 p,
.cart_in2 p{
	margin: 2px 0;
	padding: 0;
	line-height: 1.0;
}

.cart_in2 p{
	text-align: right;
}

.cart_in3 input[type="submit"]{
	padding: 0px 3px;
}

.cart_total1{
	float: left;
	width: 60%;
	clear:both;
}

.cart_total2{
	float: left;
	width: 13%;
}

.item_in1{
	margin: 2px 0;
	padding: 5px 5px;
	float: left;
	width: 20%;
	text-align: right;
	clear:both;
}

.item_in2{
	margin: 2px 0;
	padding: 5px 5px;
	float: left;
	width: 62%;
	border-bottom: dotted 1px #62481C;
}

.shop_prev{
	margin: 30px 0 0;
	padding: 10px;
	width: 45%;
	float: left;
	clear: both;
}

.shop_next{
	margin: 30px 0 0;
	padding: 10px;
	width: 45%;
	text-align: right;
	float: left;
}

.price{
	font-weight:bold;
	color:#b82704;
}

.video_container{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video_container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}