/*layout*/
/*------------------------------------------------------------------------------*/
#wrapper {
  border-top: 3px solid #231815;
  overflow: hidden;
}
#contents_wrapper{
	background:#F4F4F2;
}
/*header*/
/*------------------------------------------------------------------------------*/
header{
	width: 1024px;
	margin: 0 auto 20px;
	text-align: left;
	padding-top:20px;
}
header:after  {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
header a:hover{
	text-decoration:none;
}
#header_left{
	float: left;
}
#header_right{
	float: right;
}
#logo{
	width: 320px;
}
#logo a{
	display: block;
}
#logo img{
	width: 100%;
	height: auto;
}
#headnav{
	float: right;
	margin-bottom: 30px;
}
#headnav li{
	display:inline-block;
	text-align:center;
}
#headnav li.sp_none a{
	display:block;
	font-size: 12px;
	line-height:1.4;
	border-bottom:1px solid #333;
	position:relative;
	margin-right:20px;
}
#headnav li.sp_none a::before {
	content:"";
	background:url(../image/common_new/arr04.png) no-repeat left center;
	width:10px;
	height:6px;
	position:absolute;
	left:-13px;
	bottom:5px;
}
#headnav li.cart a{
	display:block;
	background:#FF0000 url(../image/common_new/arr06.png) no-repeat 7px center;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:0 28px 0 65px;
	margin-left:10px;
	height:34px;
	line-height:34px;
}
#headnav li.read a{
	display:block;
	background:#EFEFEF url(../image/common_new/arr05.png) no-repeat 7px center;
	padding:0 20px 0 50px;
	font-size:14px;
	font-weight:bold;
	color:#1199D8;
	height:34px;
	line-height:34px;
}

.icon {
	position:relative;
}
.cart .icon::before {
	content:"";
	display:block;
	background:url(../image/common_new/icon_cart.png) no-repeat 0 0;
	width:22px;
	height:20px;
	position:absolute;
	left:-26px;
	top:50%;
	margin-top:-10px;
}
.read .icon::before {
	content:"";
	display:block;
	background:url(../image/common_new/icon_read.png) no-repeat 0 0;
	width:25px;
	height:20px;
	position:absolute;
	left:-26px;
	top:50%;
	margin-top:-10px;
}

#headnav li.cart a:hover,
#headnav li.read a:hover {
	opacity:0.7;
}

/*globalnav*/
/*------------------------------------------------------------------------------*/
#globalnav{
	border-bottom:5px solid #231815;
}
#globalnav_in {
	width:1024px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-5px;
}
#globalnav_in ul {
	display:table;
	width:100%;
}
#gnav_btn{display:none;}

#globalnav li{
	display:table-cell;
	text-align:center;
	border-bottom:5px solid #231815;
	position:relative;
	padding-bottom:3px;
}
#globalnav li span {
	position:relative;
}
#globalnav li span::before{
	content:"";
	width:12px;
	height:15px;
	position:absolute;
	left:-15px;
	top:50%;
	margin-top:-9px;
}
#globalnav li#globalnav01 span::before {
	background:url(../image/common_new/icon_gnav01.png) no-repeat;
}
#globalnav li#globalnav02 span::before {
	background:url(../image/common_new/icon_gnav02.png) no-repeat;
}
#globalnav li#globalnav03 span::before {
	background:url(../image/common_new/icon_gnav03.png) no-repeat;
	width:20px;	
	left:-23px;
}
#globalnav li#globalnav04 span::before {
	background:url(../image/common_new/icon_gnav04.png) no-repeat;
}
#globalnav li#globalnav05 span::before {
	background:url(../image/common_new/icon_gnav05.png) no-repeat;
}
#globalnav li#globalnav06 span::before {
	background:url(../image/common_new/icon_gnav06.png) no-repeat;
}
#globalnav li#globalnav07 span::before {
	background:url(../image/common_new/icon_gnav07.png) no-repeat;
}

#globalnav li#globalnav01:hover, #globalnav li#globalnav01.main_current {
	border-bottom:5px solid #FF25AE;
}
#globalnav li#globalnav02:hover, #globalnav li#globalnav02.main_current {
	border-bottom:5px solid #FFA23D;
}
#globalnav li#globalnav03:hover, #globalnav li#globalnav03.main_current {
	border-bottom:5px solid #F0654C;
}
#globalnav li#globalnav04:hover, #globalnav li#globalnav04.main_current {
	border-bottom:5px solid #3DA5E7;
}
#globalnav li#globalnav05:hover, #globalnav li#globalnav05.main_current {
	border-bottom:5px solid #33C35A;
}
#globalnav li#globalnav06:hover, #globalnav li#globalnav06.main_current {
	border-bottom:5px solid #F08F05;
}
#globalnav li#globalnav07:hover, #globalnav li#globalnav07	.main_current {
	border-bottom:5px solid #9E63CB;
}

#globalnav li:hover::before, #globalnav li.main_current::before {
	content:"";
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #FF25AE transparent;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
}

#globalnav li#globalnav02:hover::before, #globalnav li#globalnav02.main_current::before {
	border-color: transparent transparent #FFA23D transparent;
}
#globalnav li#globalnav03:hover::before, #globalnav li#globalnav03.main_current::before {
	border-color: transparent transparent #F0654C transparent;
}
#globalnav li#globalnav04:hover::before, #globalnav li#globalnav04.main_current::before {
	border-color: transparent transparent #3DA5E7 transparent;
}
#globalnav li#globalnav05:hover::before, #globalnav li#globalnav05.main_current::before {
	border-color: transparent transparent #33C35A transparent;
}
#globalnav li#globalnav06:hover::before, #globalnav li#globalnav06.main_current::before {
	border-color: transparent transparent #F08F05 transparent;
}
#globalnav li#globalnav07:hover::before, #globalnav li#globalnav07.main_current::before {
	border-color: transparent transparent #9E63CB transparent;
}

#globalnav li:first-child{
	margin: 0;
}
#globalnav li a{
	font-size: 15px;
	font-weight:bold;
	color:#000000;
	display:block;
}
#globalnav li a:hover{
	text-decoration:none;
}
.sp_sub_menu{
	display:none;
}

/*footer*/
/*------------------------------------------------------------------------------*/
footer{
	background-color: #000;
}
footer a:hover{
	text-decoration:none;
}
.footer_in {
	width:1378px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}
#footer_logo{
	width: 28%;
	float: left;
	text-align:center;
}
#footer_logo img {
	width:auto;
	max-width:100%;
	height:auto;
}
.footer_left {
	width:78.23%;;
	float:left;
	padding-top:30px;
}
.footer_right {
	width:21.77%;
	float:right;
}
.footnav_box {
	float:left;
	width:65%;
}

.footnav li{
	display:inline-block;
	margin-bottom: 20px;
	border-left:2px solid #fff;
	line-height:1.2;
	margin-right:40px;
	padding-left: 10px;
}
.footnav li a{
	color: #fff;
	font-size:18px;
}
.footnav li a:hover {
	text-decoration:underline;
}
.footnav li ul{
	margin-top: 10px;
}
.footnav li li a{
	background: none;
	padding-left: 20px;
}

#footer_bottom{
	margin: 0 auto;
	padding-top: 35px;
	text-align:left;
}
.footnav_b{
	float: left;
	margin-right:25px;
	font-size:12px;
}
.footnav_b li{
	display: inline;
	position:relative;
	line-height: 1;
	margin-right:18px;
}
.footnav_b li:last-child{
	padding-right: 0;
	margin-right: 0;
	border-right: none;
}
.footnav_b li a {
	color:#fff;
}
.footnav_b li a:hover {
	text-decoration:underline;
}
.footnav_b li::before {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    content: "";
    display: block;
    height: 4px;
    margin-top: -4px;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: rotate(45deg);
    width: 4px;
}
.foot_btn {
	margin-top:10px;
}
.foot_btn li {
	width:22.75%;
	float:left;
	margin-left:3%;
	display:table;
	line-height:1.4;
	position:relative;
}
.foot_btn li a {
	display:table-cell;
	border:1px solid rgba(255,255,255,0.6);
	padding:13px 0 13px 45px;
	border-radius:10px;
	-webkit-border-radius:7px;
	font-size:15px;
	color:#fff;
	vertical-align:middle;
	position:relative;
	transition:all 0.3s;
}
.foot_btn li a::before {
	content:"";
	position:absolute;
	background:url(../image/common_new/foot_btn_icon01.png) no-repeat 0 0;
	background-size:12px auto;
	width:12px;
	height:25px;
	left:15px;
	top:50%;
	margin-top:-13px;
	transition:all 0.3s;
}
.foot_btn li a:hover::before {
	content:"";
	position:absolute;
	background:url(../image/common_new/foot_btn_icon01_on.png) no-repeat 0 0;
	background-size:12px auto;
	width:12px;
	height:25px;
	left:15px;
	top:50%;
	margin-top:-13px;
	transition:all 0.3s;
}
.foot_btn li a:hover {
	background:#fff;
	color:#000;
}
.foot_btn li:nth-child(2) a::before {
	content:"";
	position:absolute;
	background:url(../image/common_new/foot_btn_icon02.png) no-repeat 0 0;
	background-size:20px auto;
	width:20px;
	height:30px;
	left:12px;
	top:50%;
	margin-top:-15px;
	transition:all 0.3s;
}
.foot_btn li:nth-child(2) a:hover::before {
	content:"";
	position:absolute;
	background:url(../image/common_new/foot_btn_icon02_on.png) no-repeat 0 0;
	background-size:20px auto;
	width:20px;
	height:30px;
	left:12px;
	top:50%;
	margin-top:-15px;
	transition:all 0.3s;
}
.foot_btn li:nth-child(3) a::before {
	content:"";
	position:absolute;
	background:url(../image/common_new/foot_btn_icon03.png) no-repeat 0 0;
	background-size:18px auto;
	width:18px;
	height:22px;
	left:12px;
	top:50%;
	margin-top:-11px;
	transition:all 0.3s;
}
.foot_btn li:nth-child(3) a:hover::before {
	content:"";
	position:absolute;
	background:url(../image/common_new/foot_btn_icon03_on.png) no-repeat 0 0;
	background-size:18px auto;
	width:18px;
	height:22px;
	left:12px;
	top:50%;
	margin-top:-11px;
	transition:all 0.3s;
}

.foot_btn li:nth-child(4) a::before {
	content:"";
	position:absolute;
	background:url(../image/common_new/foot_btn_icon04.png) no-repeat 0 0;
	background-size:18px auto;
	width:20px;
	height:15px;
	left:13px;
	top:50%;
	margin-top:-8px;
	transition:all 0.3s;
}
.foot_btn li:nth-child(4) a:hover::before {
	content:"";
	position:absolute;
	background:url(../image/common_new/foot_btn_icon04_on.png) no-repeat 0 0;
	background-size:18px auto;
	width:20px;
	height:15px;
	left:13px;
	top:50%;
	margin-top:-8px;
	transition:all 0.3s;
}

.foot_btn li:first-child {
	margin-left:0;	
}
small{
	display: block;
	float: left;
	color:rgba(255,255,255,0.6);
}
.pc_br::before {
	content: "\A" ;
	white-space: pre ;
}

#copyright{
	font-size:12px;
}

/* pagetop */
/*------------------------------------------------------------------------------*/
#topcontrol{
	z-index:150;
}
a.pagetop {
	width: 46px;
	height: 46px;
	background: url(../image/common_new/pagetop.png) no-repeat 0 0;
	overflow: hidden;
	display:block;
}


/* blog */
/*------------------------------------------------------------------------------*/

/* tw_box */
#contents_right .tw_box{ text-align:center;}
#contents_right .tw_box iframe{width:100% !important;}

/* fb_box */
#contents_right .fb_box{margin-top:10px; text-align:center;}
#contents_right .fb_box .fb_iframe_widget_fluid span{width:100% !important; margin:0 auto;}
#contents_right .fb_box .fb_iframe_widget iframe{width:100% !important;}

/* sns_list */
#contents_right .sns_list{
	margin-top:20px;
	letter-spacing:-.40em;
	text-align:center;
}
#contents_right .sns_list li{
	margin:0 3px;
	display:inline-block;
	letter-spacing:normal;
}
#contents_right .sns_list li a{
	width:44px;
	height:44px;
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
	overflow:hidden;
	text-indent:150%;
	white-space:nowrap;
	word-wrap:normal;
	word-break:normal;
}
#contents_right .sns_list .twitter a{background-image:url(../image/common/side_sns_btn01.png);}
#contents_right .sns_list .facebook a{background-image:url(../image/common/side_sns_btn02.png);}
#contents_right .sns_list .google_plus a{background-image:url(../image/common/side_sns_btn03.png);}
#contents_right .sns_list .line a{background-image:url(../image/common/side_sns_btn04.png);}
#contents_right .sns_list .rss a{width:45px; background-image:url(../image/common/side_sns_btn05.png);}
#contents_right .sns_list li a:hover,
#contents_right .sns_list li a:active{background-position:left bottom;}

/* side_searchbox, side_searchbox */
#contents_right .side_searchbox,
#contents_right .side_main_area{
	padding:10px;
	background-color:#fff;
	border:1px solid #EEE;
}
#contents_right .side_main_area{margin-top:17px;}