@charset "utf-8";

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: none; /* iPhone */ } }
body { color: #FFF; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; font-size: 13px; line-height: 1; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, hr { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
.hide-text { text-indent: 104%; white-space: nowrap; overflow: hidden; }

/*-------clearfix-------*/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
/* end clearfix */

/*==================================
cmn
==================================*/
/*-------header and footer-------*/
a:link img { opacity: 1; transition: all 0.5s ease-out 0s; }
a:hover img { opacity: 0.75; transition: all 0.2s ease-out 0s; }
a:link { color: #40eef9; text-decoration: underline; }
a:visited { color: #40eef9; text-decoration: none; }
a:hover { color: #40eef9; text-decoration: none; }
body { min-width: 980px; background: #000; min-height: 1170px; }
#header { background: url(../../images/pc/bg_hd.gif) 0 0 repeat-x; height: 86px; position: relative; z-index: 500; }
#header_inner { position: relative; width: 980px; margin: 0 auto; }
#header h1 { top: 10px; left: -5px; position: absolute; }
#header #headertxt { top: 25px; left: 95px; position: absolute; }
#header ul { top: 25px; left: 313px; position: absolute; }
#header li { float: left; overflow: hidden; }
#header li a { display: block; overflow: hidden; text-indent: 104%; white-space: nowrap; height: 61px; }
#header li:nth-child(1) { background: url(../../images/pc/nav.gif) 0 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(1):hover { background: url(../../images/pc/nav.gif) 0 -61px no-repeat; }
#header li:nth-child(2) { background: url(../../images/pc/nav.gif) -133px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(2):hover { background: url(../../images/pc/nav.gif) -133px -61px no-repeat; }
#header li:nth-child(3) { background: url(../../images/pc/nav.gif) -266px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(3):hover { background: url(../../images/pc/nav.gif) -266px -61px no-repeat; }
#header li:nth-child(4) { background: url(../../images/pc/nav.gif) -399px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(4):hover { background: url(../../images/pc/nav.gif) -399px -61px no-repeat; }
#header li:nth-child(5) { background: url(../../images/pc/nav.gif) -532px 0 no-repeat; width: 134px; height: 61px; }
#header li:nth-child(5):hover { background: url(../../images/pc/nav.gif) -532px -61px no-repeat; }
#footer { width: 100%; background: #000; position: relative; z-index: 9000; border-top: solid 1px #5b5b5b; min-height: 150px; }
#footer_inner { font-size: 10px; line-height: 1.4; padding: 15px 0 24px; width: 980px; margin: 0 auto; position: relative; z-index: 9999; }
#footer img { padding-right: 8px; float: left; }
#footer p#copyright { font-size: 10px; color: #fff; position: absolute; top: 12px; right: 0; font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,Helvetica,Arial,sans-serif; }
#footer #sns { position: absolute; top: 30px; right: -46px; }


/*==================================
gnav
==================================*/
body #gnav { background: url(../../images/pc/gnav_bg.png) center top no-repeat; margin-top: -8px; height: 104px; position: relative; z-index: 8000; }
body #gnav #gnav_inner { width: 980px; margin: 0 auto; padding: 12px 0 10px; }
body #gnav li { float: left; }
body #gnavproducts { width: 660px; }
body #gnav #gnavproducts_dspec { margin-left: -8px; }
body #gnav .gnavproducts_comingsoon { background: url(../../images/pc/gnav_img.png) -140px -74px no-repeat; display: block; width: 142px; height: 74px; float: left; }
body #gnav #gnavproducts a { background: url(../../images/pc/gnav_img.png) 0 0 no-repeat; display: block; width: 142px; height: 74px; float: left; opacity: 1; transition: all 0.3s ease-out 0s; }
body #gnav #gnavproducts a:hover { opacity: 0.5; transition: all 0.3s ease-out 0s; }
body #gnav #gnavproducts_dspec a { background: url(../../images/pc/gnav_img.png) 0 -74px no-repeat; display: block; height: 74px; opacity: 1; transition: all 0.3s ease-out 0s; }
body #gnav #gnavproducts_dspec a:hover { opacity: 0.5; transition: all 0.3s ease-out 0s; }
body #gnav #gnavproducts_variableaction { padding-left: 30px; }
body #gnav #gnavproducts_variableaction a { background: url(../../images/pc/gnav_img.png) -142px -74px no-repeat; display: block; height: 74px; opacity: 1; transition: all 0.3s ease-out 0s; }
body #gnav #gnavproducts_variableaction a:hover { opacity: 0.5; transition: all 0.3s ease-out 0s; }
body #gnav #gnavproducts_hispec { margin-left: 0px; }
body #gnav #gnavproducts_hispec a { background: url(../../images/pc/gnav_img.png) -284px -74px no-repeat; display: block; height: 74px; opacity: 1; transition: all 0.3s ease-out 0s; }
body #gnav #gnavproducts_hispec a:hover { opacity: 0.5; transition: all 0.3s ease-out 0s; }
body #gnav #gnavproducts li { width: 142px; }
body #gnav #gnavabout a { background: url(../../images/pc/gnav_img.png) -142px 0 no-repeat; display: block; width: 142px; height: 74px; float: left; opacity: 1; transition: all 0.3s ease-out 0s; }
body #gnav #gnavabout a:hover { opacity: 0.5; transition: all 0.3s ease-out 0s; }
body #gnav  li#gnavblog {  margin-left:34px}
body #gnav #gnavblog a { background: url(../../images/pc/gnav_img.png) -274px 0 no-repeat; display: block; width: 142px; height: 74px; float: left; opacity: 1; transition: all 0.3s ease-out 0s; }
body #gnav #gnavblog a:hover { opacity: 0.5; transition: all 0.3s ease-out 0s; }



/*==================================
blog
==================================*/
body#blog #subnav { width: 178px; float: left; margin-right: 14px; }
body#blog #articlewrap { float: left; }
body#blog #sidebar { width: 178px; float: right; }
body#blog #wrapper { background: #000; }
body#blog #contents { background: url(../../images/pc/bg.jpg) center top no-repeat; background-attachment: fixed; margin-top: -20px; padding-top: 0px; }
body#blog #contents_inner { background: url(../../images/pc/bg_ornament.png) center top no-repeat; background-attachment: fixed; padding: 50px 0 60px; }
body#blog #contentswrap { width: 980px; margin: 0 auto; }
body#blog h4 { border-bottom: 1px solid #FFFFFF; padding-bottom: 10px; }
body#blog #main { margin-top: -14px; text-align: center; height: 180px; background: url(../../images/pc/main_bg.jpg) black center 0 no-repeat; }
body#blog #main a { background: url(../../images/pc/tit_blog.png) center center no-repeat; width: 874px; height: 100%; display: block; margin: 0 auto; opacity: 1; transition: all 0.5s ease-out 0s; }
body#blog #main a:hover { opacity: 0.5; transition: all 0.2s ease-out 0s; }

/*-------newarticle-------*/
body#blog #newarticle h4 { border-bottom: 1px solid #FFFFFF; padding-bottom: 10px; background: url(../../images/pc/sidenav_tit_newarticle.png) 0 0 no-repeat; width: 150px; height: 44px; }
body#blog #newarticle { background: url(../../images/pc/blog_bg.png) 0 0 repeat; padding: 14px 14px 20px; font-size: 13px; line-height: 1.3; margin-bottom: 14px; }
body#blog ul#list_newarticle li { display: block; background: url(../../images/pc/line.gif) 0 bottom repeat-x; padding: 14px 0; }

body#blog ul#list_newarticle li span { display: block;  }
body#blog ul#list_newarticle li .newarticle_txt_date { color: #cb1818;}
body#blog #newarticle a { opacity: 1; transition: all 0.5s ease-out 0s; color: #FFFFFF; text-decoration:none}
body#blog #newarticle a:hover { opacity: 0.6; transition: all 0.2s ease-out 0s; }

/*-------archive-------*/
body#blog #archive h4 { border-bottom: 1px solid #FFFFFF; padding-bottom: 10px; background: url(../../images/pc/sidenav_tit_archive.png) 0 0 no-repeat; width: 150px; height: 44px; }
body#blog #archive { background: url(../../images/pc/blog_bg.png) 0 0 repeat; padding: 14px 14px 20px; font-size: 13px; line-height: 1.3; margin-bottom: 14px; }
body#blog #archive #article_date { width: 144px; margin: 14px auto; }
body#blog #archive #archive_txt_comment { font-size: 12px; line-height: 1.3; }

/*-------article-------*/
body#blog .article { width: 544px; background: url(../../images/pc/blog_bg.png) 0 0 repeat; padding: 26px 26px 20px; font-size: 14px; line-height: 1.5; margin: 0 auto 14px;}
body#blog .article .article_txt_date { font-size: 12px; padding: 4px 12px; margin-bottom: 10px; background: url(../../images/pc/article_bg_date.png) 0 0 no-repeat; }
body#blog .article .article_tit { font-size: 23px; line-height: 1.2; padding-bottom: 18px; }
body#blog .article .article_sns { width: 100%; }
body#blog .article .article_sns li { float: right; width: 110px; margin-right: 4px; }
body#blog .article .article_sns li.article_sns_first { margin-right: 0px; }
body#blog .article img { max-width: 544px; padding-bottom: 14px; }
body#blog ul#btn_page{ width:596px; margin:30px auto 0; position:relative}
body#blog ul#btn_page li a{height:40px;}
body#blog li#btn_page_prev a{ width:150px; background: url(../../images/pc/btn_page.png) left top repeat; display:block; margin-right:38px;opacity: 1; transition: all 0.5s ease-out 0s; position:absolute; left: 0; top:0}
body#blog li#btn_page_toppage a{ width:220px; background: url(../../images/pc/btn_page.png) center top repeat; display:block; margin:0 auto;opacity: 1; transition: all 0.5s ease-out 0s;}
body#blog li#btn_page_next a{ width:150px; background: url(../../images/pc/btn_page.png) right top repeat; display:block;opacity: 1; transition: all 0.5s ease-out 0s; position:absolute; right: 0; top:0}
body#blog li#btn_page_prev a:hover{ opacity: 0.6; transition: all 0.2s ease-out 0s;}
body#blog li#btn_page_toppage a:hover{ opacity: 0.6; transition: all 0.2s ease-out 0s; }
body#blog li#btn_page_next a:hover{ opacity: 0.6; transition: all 0.2s ease-out 0s; }

/*-------products-------*/
body#blog #products h4 { border-bottom: 1px solid #FFFFFF; padding-bottom: 10px; background: url(../../images/pc/sidebar_tit_products.png) 0 0 no-repeat; width: 150px; height: 44px; }
body#blog #products { background: url(../../images/pc/blog_bg.png) 0 0 repeat; padding: 14px 14px 20px; font-size: 13px; line-height: 1.3; margin-bottom: 14px; }
body#blog #products li { display: block; background: url(../../images/pc/line.gif) 0 bottom repeat-x;  padding: 14px 0; word-break:break-all }
body#blog #products li span { display: block; }
body#blog #products .products_img_item { margin-bottom: 10px; padding: 10px; background: url(../../images/pc/sidebar_bg_products.gif) 0 0 no-repeat; }
body#blog #products .products_img_item img { width:130px; height:130px}
body#blog #products .products_icon_mgshop { padding-bottom: 4px; background: url(../../images/pc/products_icon_mgshop.png) 0 0 no-repeat; width: 150px; height: 22px; }
body#blog #products .products_icon_pb { padding-bottom: 4px; background: url(../../images/pc/products_icon_pb.png) 0 0 no-repeat; width: 150px; height: 22px; }
body#blog #products a { opacity: 1; transition: all 0.5s ease-out 0s; color: #FFFFFF; text-decoration:none}
body#blog #products a:hover { opacity: 0.6; transition: all 0.2s ease-out 0s; }