@charset "UTF-8";


/* CSS Document */


@media screen and (max-width: 768px){
	#newslist{ display:block;margin-top:0em;}
	#goodsPosi{ display:block;margin-top:0em;}
}

/*アンカーの位置*/
@media screen and (min-width: 768px){
	#newslist{ display:block;margin-bottom:30px;}
	#goodsPosi{ display:block;padding-top:30px;}
}


/*================================================
　　　　* 画像スイッチ
================================================*/
.switch{visibility: hidden;}


/*================================================
　　　　* slicknav関連
================================================*/
@media screen and (min-width: 768px) {.slicknav_menu { display: none; }}

/*Media Queries*/ 
#menu {display:none;}
@media screen and (min-width: 768px){ #menu {display: block;}}
@media screen and (max-width: 767px){ .slicknav_menu {display:block;}}
 

/*================================================
　　　　* html,body
================================================*/
*{margin: 0;padding:0;}

html, body{
	margin: 0;
	padding: 0;
	/*width: 100%;*/
	/*font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;*/
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 0.85em;
	color: #333;
	line-height: 1.6em;
	-webkit-text-size-adjust: none;
  	-webkit-font-smoothing: aliased;
	border-color: #333;   
	background-color: #333;
}

@media screen and (min-width: 768px){
html, body{font-size: 0.9em;}
}


hr {
	border-width: 1px 0 0 0; /* 太さ */
	border-style: solid;     /* 線の種類 */
	border-color: #ccc;      /* 線の色 */
	height: 1px;             /* IE6用対策 */
	clear: both;             /* IE6用対策 */
	margin:10px 0;
}


/*================================================
　　　　* ヘッダー
================================================*/

header{width: 80%;	background-color: #333333; float:right;}

/*PC*/
@media screen and (min-width: 767px){
#head-img{
	background-color: #333333;
	position: relative;
	overflow: hidden;
	/*left: 50%;
    margin-left: -840px;*/
	width: auto;
	height: 500px;
	}
}

.object-fit-img{
	object-fit: cover;
	object-position: center bottom;
	font-family: 'object-fit: cover; object-position: center bottom;'
}

/*スマホ*/
@media screen and (max-width: 767px){
header{width: 100%;	background-color: #ffffff;}

#head-img{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
}
}

/*矢印*/
	
#promotion{width: 100%; position: relative;  margin: 0 auto; overflow: hidden;}





/*#promotion #fadeLeft {
	position: absolute;
	top:0;
	left: 0;
	height: 100%;
	width: 51px;
	background: url(../images/promo_fade_left.png) repeat-y 0 0;
}

#promotion #fadeRight {
	position: absolute;
	top:0;
	right: 0;
	height: 100%;
	width: 90px;
	background: url(../images/promo_fade_right.png) repeat-y 0 0;
}*/



#promotion img{ /*width: 2000px;*/ height: 100%; max-height: 500px;}
/*PC*/
@media screen and (min-width: 768px){
	#promotion .img_sp{ display: none;}
}

/*スマホ*/
@media screen and (max-width: 767px){
	#promotion{ position: relative; width:100%; margin: 0 auto;}
	#promotion #fadeLeft { display: none;}
	#promotion #fadeRight { display: none;}	
	#promotion .img_pc{ display: none;}
	#promotion img {	width: 100%; height:auto;}
	
}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#promotion img:not(:target) {
height: auto;
}
}


#head-catch-bk{
	width: 40%;
	height: 600px;
	background-color: rgba(102,102,102,0.8);
	position: absolute;
	margin-top: -600px;
	margin-left: 20%;
	/*float:left;*/
}

#head-catch{
	width: 100%;
	/*max-width: 645px;
	padding-top: 150px;
	padding-bottom: 150px;*/
	padding-top: 20px;
	margin-top: 0;
	margin-bottom: 0;	
	margin-left: auto;
	margin-right: auto;
	/*background-color: #333;*/
}

@media screen and (max-width: 767px){
#head-catch-bk{
	width: 100%;
	float: none;
	height: auto;
	margin: 0 auto;
}
#head-catch{
	padding-top: 0px;
	padding-bottom: 0px;
}
}



/*================================================
　　　　* メニュー・ナビ
================================================*/
#global-nav{
	background-color: #333;
	color: #ffffff;
	border-right: 1px solid #ffffff;
	width: 20%;
	height: 100%;
	float: left;
	position: fixed;

}




.golobal-nav-fix{
	position: fixed;
	width:100%;
}

/*スマホ*/
@media screen and (max-width: 767px) {	
	#global-nav{
		width: 0%;
		border-right: none;

	}
}

#global-nav ul{
    /*width: 1000px;*/
	margin:0 auto;
	padding: 5px 0;
}


#global-nav li  {
	/*float: left;*/
    margin: 0;
	list-style-type: none;
	padding: 10px 0px 5px 0px;

	
}

#global-nav .menu_item{ margin: 0 30px 0 30px; border-top: 1px solid #666;}

#global-nav .menu_item a{
	display: block;
	/*border-left: solid 1px #fff;
	line-height: 1em;
	padding: 15px 25px 5px 25px;*/
	font-size:0.9em;
}
#global-nav .first{ /*margin-left:30px;*/}
#global-nav .last{ border-bottom: 1px solid #666; }
#global-nav .menu_item:last-child{ /*border-right: solid 1px #fff;*/}

#global-nav .menu_item .en{ font-weight: bold;}
#global-nav .menu_item .jp{ margin-top: -5px; font-size:0.8em;}


#global-nav .menu_item span{
	display: block;
	text-align:center;
}

.fixed {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9999;
}

.logo{}
.logo,
.logo a,
.logo img{ display: none;}

/*PC*/
@media screen and (min-width: 768px){
.logo,
.logo a,
.logo img{ display: block; height:auto;}
.logo a{}
}

.slicknav_nav .logo { display:none;}
.slicknav_nav .menu_item a{ text-align:center;}
.slicknav_nav .menu_item .en{ font-weight: bold; display: inline-block;}
.slicknav_nav .menu_item .jp{ margin-top:5px; font-size:0.8em; margin-left:10px; display:inline-block; }



/*================================================
　　　　* フォント周り
================================================*/

.font_large{font-size: 0.7em; line-height:1.7em;}
#menu a:link {
	font-size: 1em;
	color: #ffffff;
    text-decoration:none;
	}

#menu a:visited {
	font-size: 1em;
	color: #ffffff;
    text-decoration:none;
	}

.font_small{
	font-size: 0.6em;
	color: #a6a4a4;
}

/*================================================
　　　　* 各章タイトル
================================================*/

.title{
	width: 250px;
	text-align: center;
	border: 1px solid #ccc;
	margin: 15px auto;
	padding: 10px 0;
}

.title span{ display:block; font-size: 0.7em;}
.title .en{}
.title .jp{ color: #eee; margin-top:6px; font-size: 0.6em; font-weight: normal;}


main #goods h2{
	width: 140px;
	height: 25px;
	/*border-bottom: 1px solid #333;*/
	text-align: center;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
}

.home main #goods h2{
	width: 100%;
	height: 25px;
	padding-top: 10px;
	padding-bottom: 5px; 
	margin-top: 50px;
	background: #bce1df;
	/*margin-bottom: 50px;*/
}


/*================================================
　　　　* メインコンテンツ
================================================*/
main{
	clear: both;
	width: 80%;
	background-color: #333;
	color: #fff;
	margin-top: 0;
	float:right;
}

@media screen and (max-width: 767px){
main{
	width: 100%;
	float: none;
}
}

/*================================================
　　　　*　GOODS　トップページ
================================================*/

main #goods{
	clear: both;
	width: 100%;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

main .type_item ul{
	max-width: 95%;
	margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
}

/*item_list*/
main .item_list{
	background: #333;
	padding: 10px 10px 10px 10px;
}

main .item_list ul{ text-align:center;}
main .item_list li {
	width: 45%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 4%;
	margin-right: 2%;
}

main .item_list .pict {}
main .item_list .pict img {}
main .item_list .img_title{ 
	font-weight: bold; 
	/*background: rgba(255,255,255,0.3);*/ 
	box-sizing:border-box; 
	font-size:1em;
	line-height: 1.2em;
	color: #eee;
}

@media screen and (min-width: 768px){
	
	main .item_list{padding: 10px 10px 0px 10px; margin-top: 20px;}	
	main .item_list ul{ width: 95%; margin: 0 auto; text-align:center; padding: 0 !important;}
	
	main .item_list li {
		display: inline-block;
		width: 200px;
		
		margin: 0 10px 10px 0;
		padding:0;
		position: relative;
	}
	
	main .item_list .pict {
		width: 200px;
		height: 200px;
		overflow: hidden;
		margin-right:10px;
		clear: both;
	}
	
	main .item_list .img_title{
		width: 100%;
		/*background: rgba(255,255,255,0.6);*/
		font-size:0.9em;
		padding:5px 0;
		color: #eee;
	}
}

/*item_list_second*/
.item_list_second{
	background: #ccc;
	padding: 10px 0;
}

.item_list_second ul{ text-align:center; letter-spacing: -.40em;}
.item_list_second li {
	width: 16%;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin-right: 1%;
}

.item_list_second li:last-child{ margin-right: 0;}

/*スマホ*/
@media screen and (max-width: 767px){
.item_list_second .pict {margin-bottom: -5px;}
}
.item_list_second .pict img {}
.item_list_second .img_title{ 
	font-weight: bold; 
	font-size:0.9vw;
	line-height: 1.2em;
	color: #202f55;
}

/*スマホ*/
@media screen and (max-width: 767px){
.item_list_second .img_title{ 
	display: none;
}
}



/*================================================
　　　　* NEWS
================================================*/
main #news{
	clear: both;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
#newsbox{width: 90%;margin: 0 auto;}



.news_article{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #ccc;
}



.news_date{margin-right:5px;}	

.news_title{
	background: url(../images/button_A.png) no-repeat 0 center;
	padding-left:20px;
	background-size:12px;
}	


.more_news a{
	display:block;
	width: 90%;
	margin:15px auto;
	text-align: center;
	line-height: 120%;
	color: #ffffff;
	padding:  15px;
	box-sizing: border-box;
	background: url(../images/button_A.png) no-repeat  90% center #535353;
}

.more_news a:link,
.more_news a:visited { color:#fff;}	
.more_news img{vertical-align: sub;}

@media screen and (min-width: 768px){
	#newsbox{/*width: 800px;*/ margin: 0 auto;}
	.more_news a{width: 300px; margin: 30px auto;}
}	


/*================================================
　　　　* TWITTER
================================================*/

	
main #twitter{
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/kirakira_bk.png");
}

/*スマホ*/
@media screen and (max-width: 767px){
	main #twitter{/*background-size: 40px;*/}

}
	
main #twitter h1,
main #twitter h1 .jp{color: #fff;}
	
main #twitter p{margin: 0 auto;	text-align:center;}


a.twitter-timeline{ margin: 10px auto;}


/*================================================
　　　　* 特定商取引法に基づく表記
================================================*/	
main #hyoki{
	width: 100%;
	padding: 10px 0;
	background-image: url("../images/moyou-bk.png");
}		

main #hyoki h3{
	width: 580px;
	max-width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 15px 0;
}

main #hyoki a{
		color: #fff;
}

/*================================================
　　　　* トップへボタン
================================================*/
#page-top{
    width: 50px;
    height: 50px;
	position: fixed;
	bottom: 10px;
	right: 20px;
}




/*================================================
　　　　* フッター
================================================*/
footer {
	width: 80%;
	height: 100px;
	color: #ffffff;
	font-style: normal;
	text-align: center;
	background-color: #333;
	padding-top: 15px;
	padding-bottom: 20px;
	float:right;
}


@media only screen and (max-width: 767px) {
footer {
	width: 100%;
	height: 120px;
	color: #ffffff;
	font-style: normal;
	text-align: center;
	background-color: #333;
	padding-top: 20px;
	padding-bottom: 20px;
}
}

footer #footer-left{
	width: 320px;
	float: left;
	clear: both;
	text-align: left;
	margin-bottom: 5px;
}


footer #footer-right{
	width: 680px;
	float: right;
	clear: right;
	text-align: right;
	margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
footer #footer-right{
	width: 320px;
	float: left;
	clear: both;
	text-align: left;
	margin-bottom: 5px;
    font-size: 0.8em;
}
}


footer a:link,
footer a:visited{ color: #fff;}

#bannam{
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 10px;
}


#bannam img{vertical-align: middle;}

#contact{
	margin-top: 25px;
	margin-right: 10px;
	margin-left: 10px;
}

#contact img{vertical-align: middle;}


/*================================================
　　　　* その他パーツ類
================================================*/

	
img {
	border-style:none; 
	max-width: 100%;
	height: auto;
}

a img { border-style:none; }
a{border-style:none; border:0;}
a:link {color: #08a9d4;   text-decoration:none;}
a:visited {color: #08a9d4;   text-decoration:none;}
a:hover {
    text-decoration:none;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
}
a:active {  text-decoration:none;}



/*================================================
　　　　* クリアーフィックス
================================================*/
 
/* モダンブラウザ（Firefox Opera Safari）対策 */
nav ul:after {
	content:".";
	display:block;
	height: 0.1px; 
	clear:both;
	visibility:hidden;
	font-size: 0.1em;
	line-height: 0;
	overflow: hidden;
}

/* Win版IE7とMac版IE5対策 */
nav ul{
   display:inline-block;
   min-height: 1%; 
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html nav ul{
	height: 1%;  
}

nav ul {
   display:block;
}
/* End hide from IE-mac */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*================================================
　　　　* メニューロゴ
================================================*/
   

#sp_logo{ display: none;}
#sp_logo a {display: none;}

/*スマホ*/
@media screen and (max-width: 767px){
	#sp_logo a {
		position: absolute;
		top: 2px;
		/*left: 55px;*/
		display: block;
		width: 200px;
		height: 37px;
		display: block;
		background-image: url(../images/logos.png);
		background-repeat: no-repeat;
		/*background-position: 30px 2px;*/
		background-size: 200px;
		text-indent: -9999px;
		z-index: 9999;
	}
}



/*-----------------------------------------------------------------------------------------*/

/*================================================
　　　　* GOODS　商品詳細
================================================*/
main #item-title-bk	{
	width: 100%;
	background-color: #333;
}

/*スマホ*/
@media screen and (max-width: 767px){
main #item-title-bk	{}
}


	
main #item-title-img	{
	width: 100%;
	overflow: auto;
	background-color: #333;
	margin-top: 20px;
	margin-bottom: 10px;
	}
	
	
#item-title-img section{
	width: 800px;
	max-width: 100%;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}	
	
#item-title-img img{
	width: 320px;
	height: 320px;
	float: right;
	clear: right;
    margin-right: 10px;
	box-sizing: border-box;
}

/*スマホ*/
@media screen and (max-width: 767px){
#item-title-img section	{
	text-align: center;
}
#item-title-img img{
	margin: 20px auto;
	float: none;
}
}


@media screen and (min-width: 768px){
#item-title-img img{
	width: 390px;
	height: 390px;
	float: right;
	clear: right;
}
}

main #item-title-img	h1{
	font-size: 1.4em;
	/*letter-spacing: 4px;*/
}

main #item-title-img	h2{
	font-size: 1.2em;
	letter-spacing: 4px;
}

main #item-title-img .content_left{
	width: 300px;
	float: left;
	padding: 0 10px;
	margin-top: 40px;
}

main #item-title-img .content_left h1{ line-height:1.2em; color: #fff;}

/*スマホ*/
@media screen and (max-width: 767px){
main #item-title-img	.content_left{
	width: 90%;
	margin: 0 auto;
	float: none;
	text-align: center;
	}

main #item-title-img	h1{
	font-size: 2em;
	/*letter-spacing: 4px;*/
	margin-top: 30px;
}


}


/*variation*/
.variation{
	/*width: 1000px;*/
	margin: 0 auto 0px auto;
	padding: 10px 0 100px 0;
	border-bottom: solid 1px #eee;
}
.variation h3{width: 180px; text-align: center; margin: 40px auto; padding-bottom: 8px;
    border-bottom: 1px solid #eee; color: #eee; font-size: 1.4em;}

.variation ul{ text-align:center; letter-spacing: -.40em;}
.variation li {
	width: 20%;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin-right: 2%;
	margin-bottom: 20px;
}

.variation li:last-child{ margin-right: 0;}

.variation .pict {}
.variation .pict img {}
.variation .text{ 
	color: #202f55;
	font-weight: bold; 
	line-height: 1.2em;
}

.variation .text a{ color: #fff;}

@media screen and (max-width: 767px){
.variation{
	width: 100%;
	margin: 0 auto 0px auto;
	padding: 10px 0 10px 0;
	border-bottom: solid 1px #eee;
}
.variation h3{ text-align: center;}
.variation .text{ font-size:2.5vw;}
}
.variation .text a{ color: #fff;}



/*================================================
　　　　* 商品仕様
================================================*/


main #spec{
	clear: both;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/kirakira_bk.png");
}

main #spec-box{
	/*width: 95%;*/
	border: 1px solid #ccc;
	margin: 0 auto;
	margin-bottom: 40px;
	background-color: rgba(102,102,102,0.8);
}

@media screen and (min-width: 768px){
main #spec-box{
	/*width: 1000px;*/
	padding: 50px;
}
}


main #spec-box-left{margin: 10px;}
main #spec-box-right{margin: 10px;}

.num_limit img{ 
	width: 100px !important;
	height:auto !important;
	clear:both !important;
	float:none !important;
	margin: 20px 0;
}

/*スマホ*/
@media screen and (max-width: 767px){
.num_limit img{ width: 80px !important;}

}

/*================================================
　　　　* POINTS
================================================*/

	
	
main #point{
	width: 100%;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
}	

@media screen and (min-width: 768px){
main #point{
	clear: both;
	width: 100%;
	padding-top: 100px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
}

.point_box{
    width: 800px;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	overflow: auto;
}



.point_left{
	float: left;
	clear: both;
}

.point_right{
	float: right;
	clear: right;
	
}
	
.maru{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	font-size: 1.6em;
	color: #eee;
	border: 1px solid #ccc;
	text-align: center;
	margin: 20px 10px 60px 0;
}

 
.maru p {
	position: relative;
	top: 30%;
	transform: translateY(50%);
}

/*PC*/
@media screen and (min-width: 768px){
.maru p {
	top: 35%;
}
}



@media screen and (min-width: 768px){
 .maru p {transform: translateY(20%);}
}

.point_text{width: 280px;}


@media screen and (min-width: 768px){
.point_text{width: 350px;}
}

/*スマホ*/
@media screen and (max-width: 767px){
.point_box{text-align:center;}
.point_left{float: none;clear: both;}
.point_right{float: none;clear: right;}
.maru{ margin: 30px auto 10px auto;}

.point_text{width: 90%; text-align:center; margin: 10px auto;}

}

/*================================================
　　　　* TYPE
================================================*/

	
main #type{
	clear: both;
	width: 100%;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/kirakira_bk.png");
	overflow: auto;
}

@media screen and (min-width: 768px){
main #type{
	clear: both;
	width: 100%;
	/*padding-top: 50px;*/
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/kirakira_bk.png");
	/*overflow: auto;*/
}
}

.type_item_A{
	width: 100%;
	/*opacity: 0.7;*/
	margin-top: 15px;
	/*overflow: auto;*/
	/*z-index: 25;*/
}

.type_item_B{
	width: 100%;
	background-color: #7d0000;
	opacity: 0.7;
	margin-top: 35px;
	overflow: auto;
	z-index: 24;
}

.type_item_C{
	width: 100%;
	background-color: #500047;
	opacity: 0.7;
	margin-top: 35px;
	overflow: auto;
	z-index: 23;
}

.type_item_D{
	width: 100%;
	background-color: #1b1b1b;
	opacity: 0.7;
	margin-top: 35px;
	overflow: auto;
	z-index: 22;
}

.type_item{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

@media screen and (min-width: 768px){
.type_item{
	/*width: 1200px;*/
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
    padding-top: 10px;
}
}

.type_item h3{
	text-align: center;
	border-bottom: solid 1px rgba(255,255,255,0.5);
	padding: 20px 0;
}

.type_item h3 span{
	display: inline-block;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	color: #202f55;
	margin: 0 auto;
	padding: 5px 30px;
	background:rgba(255,255,255,0.5);
	border-radius: 30px;
}

.type_item hr { margin-bottom:30px;}

.item_big_img{
	width: 300px;
	max-width: 90%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	}

@media screen and (min-width: 768px){	
	.item_big_img{
	width: 300px;
	max-width: 90%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	}
}
	
.wrapper{text-align: center;}



.type_item ul{display: inline-block;}

.type_item li{
	float: none;
	max-width: 95%;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
    list-style-type: none;
	width: 300px;
	height: auto;
}

/*スマホ*/
@media screen and (max-width: 767px){
	.wrapper ul { text-align:center !important;}
	.wrapper ul li{ 
		display: inline-block !important;
	}
}


@media screen and (min-width: 450px){	
.type_item li{
	/*float: left;*/
	display: inline-block;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
    list-style-type: none;
	width: 200px;
	height: auto;
}
}

.to_webstore{
	width: 100%;
	background-color: rgba(32,47,85,0.8);
	padding: 15px 0;
	text-align: center;
}

.webstore_box{
	display: inline-block;
	padding: 10px 80px;
	text-align: center;
	margin: 0 auto;
	background: url(../images/cart_icon.png) no-repeat  90% center;
	background-size:16px;
	color:#fff;
	border: solid 1px #fff;
	letter-spacing: 2px;
}

	
/*================================================
　　　　* BLOG
================================================*/
	
	
main #blog{
	clear: both;
	width: 100%;
	padding-top: 0px;
	background-image: url("../images/kirakira_bk.png");
	padding-top: 20px;
	padding-bottom: 20px;
}



/*スマホ*/
@media screen and (max-width: 767px){
	main #blog{
		/*background-size: 40px;*/
		padding-top: 1px;
		padding-bottom: 30px;
	}

}

main #blog .article-box h1{
	font-size: 1.6em;
	font-weight: bold;
}

main #blog-list{
	width: 100%;
	padding-top: 5px;
	padding-bottom: 10px;
	background-color: #ffffff;
}

main .blog_list_box{
	width: 100%;
	padding:30px 0;
	background-color: #ffffff;
	margin: 0 auto;
}

/*PC*/
@media screen and (min-width: 768px){
main .blog_list_box{
	width: 900px;
	max-width: 100%;
}
}

main .article_box{
	margin-top: 50px;
	margin-bottom: 50px;
	padding-bottom: 20px;
	border-bottom: solid 1px #ccc;
	color: #000;
}

main .article_box section{margin-left: 10px; margin-right:10px;}


main .article_box h2{
	margin-left: 10px;
	padding-bottom: 10px;
	/*padding-left:70px;*/
	min-height: 2em;
    color: #202f55;
	/*background: url("../images/h2-icon.png") no-repeat 0 0;*/
}

main .article_box h2 a{
	color: #202f55;
}


/*スマホ*/
@media screen and (max-width: 767px){

	
main .article_box h2{
	width: 90%;
	/*margin-left: 10px;*/
	padding-bottom: 10px;
	/*padding-left:40px;*/
	background-size: 30px;
}

}

main .article_box h3{
	width: 270px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	padding:10px 25px 10px 25px;
	border: 1px solid #000000;
	}

@media screen and (min-width: 768px){
main .article_box h3{
	width: 270px;
	margin-left: 100px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	padding:10px 25px 10px 25px;
	border: 1px solid #000000;
	}
}

.to_more{
    width: 90%;
	height: auto;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 768px){
.to_more{
    width: 180px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
}

.more_box{
	color: #ffffff;
	border: solid 1px #ccc;
	text-align: center;
	display: inline-block;
	color: #666;
	line-height: 1em;
	padding: 5px 10px;
	width: 100%;
	margin: 20px auto;
	box-sizing: border-box;
}

.more_box .en{ font-weight: bold; display: block;}

@media screen and (min-width: 768px){
	.more_box{

	/*width: 180px;*/
	/*float: right;*/

}

}
.more_box .font_large {	font-weight: bold;}



#article-nav{width: 100%;}
#article-nav span {display: block; text-align:center;}
#article-nav .en{ font-weight: bold;}

#article-nav .box_left{
	float: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px;
}

#article-nav .box_right{
	float: right;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px;
}



.sns-box{margin-top: 40px;}






/*================================================
　　　　* 追加
================================================*/
.date { text-align: right; margin-bottom:10px; color:#666; font-size:0.9em;}
.date2 { color:#999; font-size:0.9em;}
h2 span.add_title{ display: block; margin-bottom: 5px; font-weight: normal; font-size: 0.9em; color: #666; }

.wp-pagenavi{ text-align:center; color: #333;}
.wp-pagenavi span,
.wp-pagenavi a{ padding: 4px 8px !important; font-size:1.2em; display: inline-block;}
.textIndent{
	padding-left: 1em;
	text-indent: -1em;
}

.blockLink{ display:inline-block; text-align: center; padding: 10px 40px; border: solid 1px #ccc; font-weight: bold; background:#eee; width: 300px;}
.article_box section .blockLink-K a:link{color: #666}
.article_box section .blockLink-K a:visited{color: #666}
.article_box section .blockLink-I a:link{color: #fff}
.article_box section .blockLink-I a:visited{color: #fff}

.blockLinkhj{ display:inline-block; text-align: center; padding: 10px 40px; font-weight: bold; background:rgba(232,57,62,0.8); width: 300px;}
.blockLinkbeit{ display:inline-block; text-align: center; padding: 10px 40px; font-weight: bold; background:rgba(94,194,208,1.0); width: 300px;}
.blockLinksem{ display:inline-block; text-align: center; padding: 10px 40px;   font-weight: bold; background:rgba(238,135,180,1.0); width: 300px;}
.blockLinksai{ display:inline-block; text-align: center; padding: 10px 40px; font-weight: bold; background:rgba(105,72,134,0.8); width: 300px;}
.blockLinkkogado{ display:inline-block; text-align: center; padding: 10px 40px; font-weight: bold; background:rgba(83,83,83,1.0);  width: 300px;}

.blockLink img{	vertical-align: sub;}
.blockLinkhj img{	vertical-align: sub;}
.blockLinkbeit img{	vertical-align: sub;}
.blockLinksem img{	vertical-align: sub;}
.blockLinksai img{	vertical-align: sub;}
.blockLinkkogado img{	vertical-align: sub;}

/*スマホ*/
@media screen and (max-width: 767px){
.blockLink{ display:inline-block; text-align: center; padding: 15px; border: solid 1px #ccc; font-weight: bold; background:#eee; width: 90%;}
.blockLinkhj{ display:inline-block; text-align: center; padding: 15px; font-weight: bold; background:rgba(232,57,62,0.8); width: 90%;}
.blockLinkbeit{ display:inline-block; text-align: center; padding: 15px; font-weight: bold; background:rgba(94,194,208,1.0); width: 90%;}
.blockLinksem{ display:inline-block; text-align: center; padding: 15px; font-weight: bold; background:rgba(238,135,180,1.0); width: 90%;}
.blockLinksai{ display:inline-block; text-align: center; padding: 15px; font-weight: bold; background:rgba(105,72,134,0.8); width: 90%;}
.blockLinkkogado{ display:inline-block; text-align: center; padding: 15px; font-weight: bold; background:rgba(83,83,83,1.0);  width: 90%;}
}



/*================================================
　　　　* アンカー調整


#null-newslist{
	position: static;
	top: 0px;
}

@media screen and (min-width: 768px){
	#null-newslist{
	position: relative;
	top: -55px;
	}
}

#null-goods{
	position: static;
	top: 0px;
}

@media screen and (min-width: 768px){
	#null-goods{
	position: relative;
	top: -55px;
	}
}

================================================*/


/* google maps*/
.mapp-layout{ border: none !important; margin: 0; padding:0; margin-left:0px !important;}
.mapp-map-links{ border: none !important;}

/*================================================
　　　　*パンクズ
================================================*/

.breadcrumbs {	background:#666; font-size:0.8em;}
.breadcrumbs .clearfix{ /*width:1000px;*/ margin:0 auto 0 10px;}
.breadcrumbs a{ color:#eee;}

/*スマホ*/
@media screen and (max-width: 767px){
.breadcrumbs .clearfix{ width:95%;}
}

/*================================================
　　　　*記事内テーブル設定
================================================*/

#blog-list table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
	color: #666;
}

#blog-list th{
	color: #202f55;
	background: #e7fffe;
	padding: 3px;
}

#blog-list td{
	padding: 3px;
}

/*スマホ*/
@media screen and (max-width: 767px){
#sp_logo{
	width: 180px;
	margin:0 auto;
}
}

/*_::-webkit-full-page-media, _:future, :root .home .archive .category .single .single-post .page {
	margin-top: 0px;
}
.home .archive .category .single .single-post .page{
	margin-top: 0px !important;
	}*/

#catchcp{
	width: 650px;
	max-width: 100%;
	margin: 0 auto;
    text-align: center;
}
	

.wp_social{
	width: 280px;
	margin: 0 auto;
	text-align: center;
}
	
.wp_social_bookmarking_light{
	display: inline !important;
}
.wp_social_bookmarking_light_clear{
	display: none !important;
}

.fb_iframe_widget span{
	height: 21px !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.fb_iframe_widget span:not(:target) {
  vertical-align: baseline !important;
  height: 16px !important;
}