.seigo-isu img{width:30.333%;margin:1%;}

.soldout {background:#ff0000;padding:0.2em 0.5em;font-size:12px;color:#f5f5f5;border-radius:7px;margin:0 0.5em;}

.content {margin:40px 5%;width:750px;max-width:90%;}
.content h1 {font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;font-size:40px;margin:1.2em 0;padding:0;}
.content h2 {margin:1.3em 0;padding-top:1em;clear:both;}
.content p {font-size:16px;line-height:200%;text-align: justify;
text-justify: inter-ideograph;}
.content p.small {font-size:13px;line-height:160%;text-indent:0;}
.content img {max-width:100% !important;display:block;margin:10px auto;}

#headerleft {width:1000px;margin-top:10px;margin-bottom:-5px;}
#headerleft p {display:inline-block;clear:none;text-indent:0;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  color: #1c1c1c;font-size:13px;}
#headerleft .sns-wrap {float:right;}
img.icon {width:23px;height:23px;margin:5px 4px;}

div.slider-wrap {position:relative;}
div.slider-pro {position:relative !important;}


table.border-bottom01 { margin:20px auto !important;}

div.centering p {
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto;
	text-align: center;
}

.issue {
  line-height: 220%;
 }
.issue img {
	width:100%;
  	max-width: 900px;
	height:auto;
	margin:10px auto;
}
.issue h2 {
  font-size: 26px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  transform: rotate(.03deg);
  font-weight: 700;
  margin: 1.5em 0;
  text-align: center;
 }
.issue p {
  margin: 1em 7%;
	}

a img:hover {
  	opacity:0.8;
  	transition:0.5s;
	}
a img {
  	transition:0.8s;
	}

.reci ul {
  	margin:0;
  	padding:0;
	} 
.reci li {
   width:40%;
  float:left;
  margin:2%;
  padding:0;
 }
.reci li img {
  	width:100%;
	height:200px !important;
  border-radius: 7px;
    -webkit-border-radius: 7px; 
    -moz-border-radius: 7px; 
}
.reci li a {
  	color:#222;
  	text-decoration:none;
	}



/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}

body {
	background:#ff
	color: #000000;
	font-size: 16px;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	line-height: 1.6em;
}

p {
margin:5px 0 15px;
text-indent:1em;
}

img {margin:5px 0;}

li {margin-left:3em;}

#header {
	width:100%;
	color: #222;
	font-size:12px;
	line-height:130%;
}

#head {
	width:1000px;
	margin:0 auto;
	padding:5px 0;
}

#head img.logo {
	margin:10px 0;
	border:0;
}
a:hover img.logo {
	opacity:0.80;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#search {
	position: relative;  
	float:right;
	margin-right:30px;
	margin-top:20px;
    }
#search #search { margin-top:0; }
#keyword{
    width: 120px;  
    height: 16px;  
    background: #fff;  
    border: 1px solid #bbb;  
    padding: 3px;  
}
#searchBtn{ 
    position: absolute; 
    top: 0;  
    _top: 1px;  
    left: 130px; 
}
*:first-child + html #searchBtn  {  
    top: 1px;  
}  



#cart {
	float:right;
	text-indent:-9999px;
	margin-top:20px;
    }
#cart a {
    background:url(https://img15.shop-pro.jp/PA01085/526/etc/cart.jpg) no-repeat;
    width:150px;
    height:24px;
	display:block;
	overflow:hidden;
}
#cart a:hover {
    background:url(https://img15.shop-pro.jp/PA01085/526/etc/cart.jpg) no-repeat 0 -24px;
    width:150px;
    height:24px;
	display:block;
	overflow:hidden;
}

#headerleft{float:left;}
#headerright{float:right; width:200px; text-align:right;}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

.cont{
margin:10px;
}

#container {
	clear:both;
	margin:20px auto;
	width:1100px;
	background:#ffffff;
}

#side {
	float: left;
	width:200px;
	margin:0px;
}

#side h3 {
	border:2px solid #000;
	padding:5px;
	text-align:center;
}

.sidemenu{
color:#000;
font-weight:bold;
font-size:13px;
margin:0px;
}
.sidemenu a{color:#000;}
.sidemenu a:hover{color:#752100;}

.sidemenu_subbox{
padding-left:10px;
margin:0px;
}
.sidemenu_sub{
font-weight:normal;
border-left:1px solid #000;
padding:5px;
margin:0px;
}

.ranking {
width:130px;
padding:10px 5px;
overflow:auto;
font-size:11px;
}
.ranking_in{
border-bottom:1px dotted #666;
height:50px;
padding:5px 0;
clear:both;
font-size:11px;
}
.rankingimg{
float:left;
padding:5px 5px 5px 0;
width:50px;
border:0;
}

/*　画面右側の幅　*/
#main {
	float: right;
	width: 900px;
	margin:0 0 50px;
	padding-left:50px;
}
#main img {
	max-width:850px;
	height:auto;
}


.pagetop{
float:right;
margin:-15px 20px 0;
}

.footer {
width:1200px;
margin:0 auto;
padding:10px 20px;
font-size:12px;
text-align:center;
}

#group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 20px 0px 0px;
}


h1{
padding:10px 40px;
}
h2{
margin:10px 0;
}
h3{
border-bottom:1px solid #333;
padding:5px 0;
margin:20px 0 10px;
}
h4{
padding:5px;
background:#eae5e3;
border-left:10px solid #dddcd6;
margin:20px 0 10px;
}
h5{
margin:20px 0 15px;
font-size:18px;
font-weight:bold;
}
p {text-indent:0 !important;}
.large{font-size:18px;}
.large-b{font-size:18px; font-weight:bold;}
.small{font-size:13px; line-height:150%;}

.red{color:#ff0000;}

.pointt{
background:#634950;
color:#f8f4e6;
font-size:16px;
font-weight:bold;
padding:5px 10px;
margin:10px 0;}

.margin5{margin:5px;}
.margin10{margin:10px;}
.margin15{margin:15px;}
.margin20{margin:20px;}
.margin5-w{margin:0 5px;}
.margin10-w{margin:0 10px;}
.margin20-w{margin:0 20px;}
.margin2-h{margin:2px 0;}
.margin5-h{margin:5px 0;}
.margin10-h{margin:10px 0;}
.margin20-h{margin:20px 0;}
.margin5-top{margin-top:5px;}
.margin2-5{margin:2px 5px;}
.margin2-10{margin:2px 10px;}
.margin5-10{margin:5px 10px 5px 5px;}
.margin5-15{margin:5px 15px;}
.margin10-0-5{margin:10px 0 5px;}
.margin15-15-0{margin:15px 15px 0;}

.clear{clear:both;}

.pictleft{float:left; margin:0 10px 5px 0;}
.pictright{float:right; margin:0 0px 5px 10px;}

.thumb130{width:130px;}

.border-bottom01{
border-bottom:1px dotted #333;
padding-bottom:5px;
margin:10px 0 5px;
width:670px;
}

.border-bottom02{
border-bottom:1px dotted #333;
padding-bottom:5px;
margin:10px 0 5px;
width:620px;
}

.box01{
border:1px solid #634950;
padding:15px;
margin:10px 0;}
.box02{
border:1px solid #a99e93;
padding:7px;
margin:10px 0;}
.box03{
border:3px dotted #ff0000;
padding:7px 15px;
background:#fff1cf;
margin:10px 0;}
.box04{
border:3px dotted #ff0000;
padding:7px;
background:#fff1cf;
color:#000;
margin:10px 0;}
.box05{
border:5px double #ff0000;
padding:7px;
background:#fff1cf;
color:#000;
margin:10px;
}
.box06{
border:3px double #8d6449;
padding:7px;
margin:20px;
}
.box10{
border:1px solid #634950;
padding:15px;
margin:10px;}


.pankuzu{
padding:5px 20px;
font-size:11px;}

dl.seigo {
border-bottom: 1px dotted #bbb;
margin:0 10px 0 20px;
font-size:14px;
width:450px;
}
dl.seigo dt {
	float: left;
	width: 5em;
	padding: .3em 0 .3em 0em;
font-weight:bold;
}
dl.seigo dd {
	border-top: 1px dotted #bbb;
	padding: .3em 0 .3em 6em;
}


dl.point {
border-bottom: 1px dotted #999;
margin:10px;
}
dl.point dt {
	float: left;
	width: 10em;
	padding: .5em 0 .5em 0em;
font-weight:bold;
}
dl.point dd {
	border-top: 1px dotted #999;
	padding: .5em 0 .5em 10em;
}


table#deli {
	width:630px;
	margin:10px auto;
	border:1px #b3ada0 solid;
}

#deli td {
padding:5px;
border:1px #b3ada0 solid;
text-align:center;
}
.teikyu{background:#f4b3c2;}

#deli th {
padding:5px;
border:1px #b3ada0 solid;
	background:#eae5e3;
	text-align:center;
	font-weight:bold;
}

.cool{
	width:600px;
	margin:0 auto 20px auto;
background:#eaf4fc;
border:1px solid #bbc8e6;
padding:15px;
}

.gente{
background:#3e62ad;
color:#fff;
padding:2px 10px;
margin-bottom:5px;
font-size:18px;
font-weight:bold;
}


#topimg {
	margin:0;
	padding:0;
	border:0;
	clear:both;
	width:530px;
	}
.fadein { 
	position:relative;
	width:530;
	height:530px;
	}
.fadein img {
	position:absolute;
	left:0px;
	top:0px;
	}

.reci{
	}
.reci ul{
	margin:0;
	padding:0;
	}
.reci li{
	list-style:none;
	float:left;
	margin-right:15px;
	margin-bottom:20px;
	width:300px;
	text-align:center;
	font-weight:bold;
	}
.reci .reciimg{
	width:300px;
	height:200px;
	margin:0 0 3px 0;
	}




.hide-area{
	display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

/*確認を促すモーダル：タイトルの色を変更したい場合*/
#modaal-title{
	font-size:1.2rem;
	text-align: center;
	margin: 0 0 20px 0;
}

/*動画表示のモーダル：余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper{
	padding:0;
}