@charset "UTF-8";
/* CSS Document */


/* 全体 */
header p{
	width:90%;
	margin:10px auto 0;
	padding:0 5% 0 5%;
}
header .sns {
	position: absolute;
	width:20%;
    height:40px;
	padding:18px 0 0 0 ;
    overflow:hidden;
}
header .sns li {
	width:42%;
	float:left;
	text-align:center;
    margin-left: 5%;
}
header .sns li.end {
	border-right:#EDEDED solid 1px;
}
nav { display:none;}
/* パンくずリスト */
.breadcrumb-wrap .container {
    width: 100%;
    margin: 0 auto;
}
.breadcrumb {
    font-size: 12px;
}
.breadcrumb-wrap {
  background: #fff;
  margin-top:30px;
}
.contents {
	width:100%;
	padding:5% 0 0 0;
	margin:0 auto;
}
.contents .mainarea {
	float:left;
	width:90%;
	border-right:none;
	padding:0 5% 0 5%;
	padding-bottom:20px;
}
.contents .sidearea {
	float:left;
	width:90%;
	margin:0 0 0 0;
	padding:0 5% 0 5%;
	padding-bottom:20px;
}

/* index */
.contents .mainarea ul.index {
	width:100%;
}
.contents .mainarea ul.index li table td.img {
	width:40%;
	position:relative;
}
.contents .mainarea ul.index li table td.img a {
	min-height: 25vw;
	display: block;
}
.contents .mainarea ul.index li table td.text {
	width:60%;
	padding-left:5%;
}
.contents .mainarea ul.index li table td.text ul {
	display:none;
}
.contents .mainarea ul.index li table td.text p {
	padding-top:0px;
	font-size:12px;
	font-weight:bold;
	line-height:1.4em;
}

/** メニュー **/
.sp_menu .btn{
	position:fixed;
	bottom:1%;
	right:3%;
	width:90px;
	height:90px;
	background:url(/images/column/btn_sp_menu.png) 50% 50% no-repeat;
	-webkit-background-size:90%;
	background-size:90%;
	z-index:1000;
	text-indent:-9999px;

}
.sp_menu .btn_off{
	display:none;
	position:fixed;
	bottom:1%;
	right:3%;
	width:90px;
	height:90px;
	background:url(/images/column/btn_sp_menu2.png) 50% 50% no-repeat;
	-webkit-background-size:90%;
	background-size:90%;
	z-index:1000;
	text-indent:-9999px;
}

.sp_menu .box{
	display:none;
	position:fixed;
	top:5%;
	left:5%;
	width:90%;
	margin:0 auto;
	background-color:#FFFFFF;
	z-index:1000;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px; 
	border-radius:5px 5px 5px 5px;
}
.sp_menu .box a{
	color:#4B4B4B;
	font-size:1.2em;
	text-decoration:none;
}

.sp_menu .box ul{
	margin:5%;}
.sp_menu .box li{
	background:#DEDDDD;
	text-align:center;
	padding:5% 0 5% 0;
	margin-bottom:2%;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px; 
	border-radius:5px 5px 5px 5px;
}
.sp_menu .box li.redbtn {
	background:#FDDADA;
}
.sp_menu .box li.bluebtn {
	background:#DAF5FD;
}
.sp_menu .box li.yellowbtn {
	background:#F4F4D3;
}
.sp_menu .box li.greenbtn {
	background:#DAFDDE;
}
.sp_menu .box li.orangebtn {
	background:#FDE7DA;
}

.sp_menu .box li a{
	display:block;
}

.sp_menu .bg{
	width:100%;
	height:100%;
	z-index:100;
	background-color:#FFF;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity: 0.7;
	position:fixed;
	top:0px;
	left:0px;
	display:none;
}

.sp_menu .box li#home{
	background:url(/images/column/home.gif) 95% 0.9em no-repeat;
}

/* 詳細 */
.detailsarea {
	width:100%;
 }
.detailsarea .detailsimg {
	margin:5% 0 0 0;
}
.detailsarea ul.sns {
	margin:1% 0 0 0;
}
.detailsarea .detailstitle2 {
	padding-top:5%;
	margin:7px 0 0 0;
}
.detailsarea .detailstext {
	padding-top:3%;
	margin:7px 0 0 0;
}
.detailsarea .shoparea {
	margin:5% 0 0 0;
}
.detailsarea .shoparea table tr td.text p {
	font-size:12px !important;
}
.detailsarea .keyword2 {
	margin-top:5%;
}
.detailsarea .banner1 {
	display:none;
}
.detailsarea .banner2 {
	display:none;
}
/*監修*/
.attention.a-3 {
    padding: 32px 24px 30px;
    line-height: 32px;
}
.attention.a-3 .attention-title {
    margin-left: -24px;
    width: calc(100% + 48px);
    margin-bottom: 21px;
}
.attention.a-3 .alignleft {
    float: none;
    width: 100% !important;
    margin: 0;
}
.attention.a-3 img {
    max-width: 100%;
    height: auto;
}
/*-----------------
.detailsarea .banner2 li {
	float:left;
	width:45%;
	margin-right:5%;
	margin-bottom:2%;
}

.detailsarea .banner2 li.end {
	margin-right:5%;
}
------------------*/