/*
Theme Name: games
Theme URI: http://underscores.me/
Author: mudauchi
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: games
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

games is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}
ul,ol{list-style:none}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/*========================================
  BASIC
=======================================*/
*{box-sizing:border-box;}
html,
body{-webkit-text-size-adjust:100%}
body{color:#000;font-size:14px;font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', sans-serif;background:#fff;}
a{color:#000;text-decoration:none;}
a:hover{color:#666;}
img{vertical-align:bottom;}
button{border:none;background:none;font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', sans-serif;}
  button:hover{cursor:pointer;}
  button:active{}
  button:focus {outline:none;}
input[type="text"],
input[type="search"],
input[type="password"],
select{box-sizing:border-box;}
input[type="text"]:focus,
input[type="search"]:focus,
select:focus{outline:none;}
textarea{}


/* clearfix */
.cf:after{content: "."; display: block; height: 0; font-size:0;	clear: both; visibility:hidden}
.cf{display: inline-block;} 
* html .cf{height: 1%;}
.cf{display:block;}



/*=======================================
  COMMON SELECTOR
=======================================*/
/* pc/sp */
.spView{display:none;}

/* color */
.siteMainColor{color:#ff0000;}
.siteSubMainColor{color:#00355d;}

/* font */
.fontColorRed{color:#ff0000;}
.fontColorBlue{color:#00355d;}

/* text */
.alignCenter{text-align:center!important;}
.alignLeft{text-align:left!important;}
.alignRight{text-align:right!important;}
.alignTop{vertical-align:top!important;}
.alignTop{vertical-align:bottom!important;}

/* box */
.w1em{width:1em;}
.w2em{width:2em;}
.w3em{width:3em;}
.w4em{width:4em;}
.w5em{width:5em;}
.w6em{width:6em;}
.w7em{width:7em;}
.w8em{width:8em;}
.w9em{width:9em;}
.w10em{width:10em;}

/* icon */
.icon{background:url(./images/sprite.png) no-repeat;text-indent:-9999px;display:inline-block;*display:inline;*zoom:1;vertical-align:baseline;position:relative;overflow:hidden;}
.icon-left:before,
.icon-right:after{content:'';background:url(./images/sprite.png) no-repeat;display:inline-block;*display:inline;*zoom:1;}
  .icon-search{width:14px;height:14px;background-position:-3px -3px;}

/* label */
.label{font-style:normal;vertical-align:baseline;text-decoration:none;display:inline-block;*display:inline;*zoom:1;}

/* button */
.button{padding:0;margin:0;text-decoration:none;text-align:center;display:inline-block;*display:inline;*zoom:1;vertical-align:baseline;cursor:pointer;}
  .button:hover img{opacity:.7;}
  .button-pageLink{min-width:100px;padding:0 20px;color:#fff;font-size:10px;font-weight:bold;line-height:36px;background:#474747;
    -moz-box-shadow:inset 0px 1px 3px 0px #9e9e9e;
    -webkit-box-shadow:inset 0px 1px 3px 0px #9e9e9e;
    box-shadow:inset 0px 1px 3px 0px #9e9e9e;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5e5e5e), color-stop(1, #424242));
    background:-moz-linear-gradient(top, #5e5e5e 5%, #424242 100%);
    background:-webkit-linear-gradient(top, #5e5e5e 5%, #424242 100%);
    background:-o-linear-gradient(top, #5e5e5e 5%, #424242 100%);
    background:-ms-linear-gradient(top, #5e5e5e 5%, #424242 100%);
    background:linear-gradient(to bottom, #5e5e5e 5%, #424242 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#424242',GradientType=0);
    background-color:#5e5e5e;
    border-radius:4px;
    border:1px solid #3d3d3d;
    cursor:pointer;
    text-shadow:0px -1px 0px #000000;
  }
  .button-pageLink:hover{
    color:#fff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #424242), color-stop(1, #5e5e5e));
    background:-moz-linear-gradient(top, #424242 5%, #5e5e5e 100%);
    background:-webkit-linear-gradient(top, #424242 5%, #5e5e5e 100%);
    background:-o-linear-gradient(top, #424242 5%, #5e5e5e 100%);
    background:-ms-linear-gradient(top, #424242 5%, #5e5e5e 100%);
    background:linear-gradient(to bottom, #424242 5%, #5e5e5e 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#5e5e5e',GradientType=0);
    background-color:#424242;
  }

/* mudauchiFrofileCard */
.mudauchiFrofileCard{background:#fff;overflow:hidden;}
  .mudauchiFrofileCard .image{border-bottom:1px solid #e3e3e3;}
    .mudauchiFrofileCard .image img{width:100%;height:auto;}
  .mudauchiFrofileCard .note{padding:12px;}
    .mudauchiFrofileCard .note .text{margin:0 0 12px;font-size:12px;line-height:1.4;}
    .mudauchiFrofileCard .note .list{}
    .mudauchiFrofileCard .note .list li{margin:0 0 4px;font-size:14px;}
    .mudauchiFrofileCard .note .list li:before{content:'> ';}
      .mudauchiFrofileCard .note .list li a{color:#0091d9;font-weight:bold;}
      .mudauchiFrofileCard .note .list li a:hover{text-decoration:underline;}


/*=======================================
  BASE LAYOUT
=======================================*/
/* #wrapper */
#wrapper{background:#c8dcff;}

/* #header */
#header{background:#fff;}
  #header .inner{max-width:1280px;padding:12px 10px;margin:0 auto;overflow:hidden;}
  #header .siteLogo{font-size:0;font-weight:bold;float:left;}
    #header .siteLogo .logo{margin:0 10px 0 0;display:inline-block;vertical-align:middle;border:1px solid #666;border-radius:4px;overflow:hidden;}
    #header .siteLogo .name{font-size:16px;display:inline-block;vertical-align:middle;line-height:36px;letter-spacing:-1px;}
    #header .siteLogo a:hover .name{color:#000;}
  #header .hdContent{padding:5px 0 0;float:right;vertical-align:middle;}
    #header .hdContent .share{margin:0 30px 0 0;display:inline-block;vertical-align:middle;}
      #header .hdContent .share .__item{padding:0 8px 0 0;display:table-cell;vertical-align:top;}
    #header .hdContent .searchBox{width:220px;height:36px;display:inline-block;vertical-align:middle;position:relative;}
      #header .hdContent .searchBox .inputSearch{width:100%;height:36px;padding-left:30px;padding-right:12px;font-size:14px;line-height:36px;border:2px solid #c6ccd2;border-radius:36px;-webkit-appearance: textfield;}
      #header .hdContent .searchBox .button{width:36px;height:36px;position:absolute;left:0;top:0;}
        #header .hdContent .searchBox .button .icon{}

/* #container */
#container{max-width:1280px;padding:20px 10px 0;margin:0 auto;overflow:hidden;}

/* #main*/
#main{width:100%;float:left;}

/* #contents*/
#contents{margin:0 320px 0 240px;}

/* #sidebar */
#sidebar{width:220px;margin-left:-100%;float:left;}
  #sidebar .menu{font-size:12px;font-weight:bold;}
    #sidebar .menu a:hover{text-decoration:underline;}
    #sidebar .menu .title{border-top:1px solid #999;padding:12px;color:#000;background:#efefe2;}
    #sidebar .menu .title a:after{content:'> \8A73\7D30';padding:0 0 0 4px;font-size:10px;font-weight:normal;text-decoration:underline;}
    #sidebar .menu .titleSub{padding:06px 12px;line-height:1.4;background:#e3e3e3;}
    #sidebar .menu .titleSub:before{content:'\2514';}
    #sidebar .menu > ul{padding:8px 12px;}
    #sidebar .menu > ul > li.acordion{position:relative;}
      #sidebar .menu > ul > li.acordion .tgl{width:13px;height:13px;margin:-8px 0 0;color:#ababab;font-size:12px;font-weight:normal;text-align:center;line-height:13px;border:1px solid #ababab;border-radius:2px;display:inline-block;position:absolute;top:6px;right:12px;cursor:pointer;box-sizing:content-box;}
      #sidebar .acordionList{padding:8px;margin:8px 0 8px 12px;background:#fafafa;border-radius:6px;display:none;}
        #sidebar .acordionList li{margin:0 0 4px;}
        #sidebar .acordionList li:last-child{margin:0;}
        #sidebar .acordionList li:before{content:'└ ';font-size:10px;font-weight:normal;}
        #sidebar .acordionList a{font-weight:normal;line-height:1.2;}

/* #sidebarRight */
#sidebarRight{width:300px;margin-left:-300px;float:right;position:relative;}
  #sidebarRight .profileBox{padding:20px;}
    #sidebarRight .profileBox .name{margin:0 0 6px;font-weight:bold;}
    #sidebarRight .profileBox .text{font-size:12px;line-height:1.2;}
  #sidebarRight .fixnav{width:300px;}
.sdAdds{margin:0 0 20px;}
  
/* #footer */
#footer{padding:20px 0;margin:60px 0 0;background:#fff;}
#footer .inner{max-width:1000px;padding:0 10px;margin:0 auto;overflow:hidden;}
#footer .copyright{float:left;}
#footer .contact{float:right;}




/*=======================================
  CONTENTS PARTS
=======================================*/
/* section */
.section{margin:0 0 20px;}

/* title */
.titleLarge{padding:12px;color:#fff;font-size:14px;font-weight:bold;line-height:1.2;background:#295097;}

/* text */
.notFound{padding:20px;font-size:16px;text-align:center;}
.cardInText{padding:12px;}

/* list */
.normalList{}
  .normalList > li{font-weight:normal;line-height:1.2;margin:0 0 4px;}
  .normalList > li:before{content:'\30FB';}
.inlineList{}
  .inlineList > li{margin:0 0 3px;line-height:1.2;font-weight:normal;display:inline-block;}
  .inlineList > li:after{content:' / ';}
  .inlineList > li:last-child:after{content:'';}
.bannarWideList{padding:0 0 20px;text-align:center;}
  .bannarWideList .__item{margin-bottom:12px;display:inline-block;}
  .bannarWideList .large{max-width:640px;}
  .bannarWideList .small{max-width:300px;padding:0 6px;}
    .bannarWideList .__item img{width:100%;height:auto;}
.postEntryList{}
  .postEntryList .__item{border-bottom:1px solid #e3e3e3;}
    .postEntryList .__item a{width:100%;padding:12px;display:table;overflow:hidden;}
    .postEntryList .__item a:hover{background:#fafafa;}
    .postEntryList .__item .image{width:140px;display:table-cell;vertical-align:middle;}
      .postEntryList .__item .image img{width:100%;height:auto;}
    .postEntryList .__item .text{padding:0 0 0 20px;display:table-cell;vertical-align:middle;overflow:hidden;}
    .postEntryList .__item .title{margin:0 0 4px;color:#000;font-size:16px;line-height:1.6;}
    .postEntryList .__item .desc{font-size:12px;line-height:1.4;}
    .postEntryList .__item .time{margin:4px 0 0;color:#666;font-size:11px;}
  .postEntryList .button-pageLink{margin-top:12px;margin-right:12px;}
.gameNewsList{padding:12px;}
  .gameNewsList .__item{margin:0 0 8px;}
    .gameNewsList .__item a{line-height:1.4;}
    .gameNewsList .__item .data{color:#777777;font-size:.8em;}
.movieList{padding:12px;text-align:center;}
  .movieList .__item{width:30%;margin:0 1% 12px;display:inline-block;}
    .movieList .__item a:hover{opacity:.8;}
    .movieList .__item img{width:100%;height:auto;}
.otherLinkList{padding:12px;}
  .otherLinkList .__item{padding:0 0 0 1em;text-indent:-1em;margin:0 0 8px;}
  .otherLinkList .__item:before{content:'\30FB';font-weight:bold;}
    .otherLinkList .__item a{font-size:12px;line-height:1.2;}
    .otherLinkList .__item a:hover{text-decoration:underline;}
.tweetList{margin:20px 0;}
  .tweetList .__item{padding:8px 12px;border-bottom:1px solid #e3e3e3;}
    .tweetList .__item .userImg{width:28px;height:28px;border-radius:28px;display:block;overflow:hidden;float:left;}
      .tweetList .__item .userImg img{width:100%;height:auto;}
      .tweetList .__item .text{padding:0 0 0 34px;color:#333;font-size:11px;line-height:1.3;}
        .tweetList .__item .text a{color:#55acee;}
        .tweetList .__item .text a:hover{text-decoration:underline;}
/*#toc_container{padding:12px 8px;background:#fafafa;}
  #toc_container .toc_title{text-align:center;}
  #toc_container .toc_list{padding:0;margin:0 -8px -8px 0;}
    #toc_container .toc_list li{margin:0 8px 8px 0;display:inline-block;}
      #toc_container .toc_list li a{padding:6px 10px;color:#fff;font-size:11px;font-weight:bold;border-radius:4px;background:#0095da;display:inline-block;}
      #toc_container .toc_list li a:hover{opacity:.8;}*/

/* navigation */
.pageNavigation .wp-pagenavi{margin:10px 0;font-size:0;text-align:center;}
  .pageNavigation .wp-pagenavi a,
  .pageNavigation .wp-pagenavi span{width:36px;height:36px;margin:0 4px;color:#fff;font-size:14px;font-weight:bold;line-height:36px;text-decoration:none;border:1px solid #333;background:#333;display:inline-block;border-radius:6px;vertical-align:top;}
  .pageNavigation .wp-pagenavi a:hover{color:#fff;background:#666;}
  .pageNavigation .wp-pagenavi .previouspostslink,
  .pageNavigation .wp-pagenavi .nextpostslink{color:#fff;border:none;background:#333;}
  .pageNavigation .wp-pagenavi .extend,
  .pageNavigation .wp-pagenavi .current{color:#333;background:#fff;}
.mainShortNavi{margin:0 0 10px;}
  .mainShortNavi table{width:100%;}
  .mainShortNavi table tr{}
  .mainShortNavi table th{}
  .mainShortNavi table td{width:33%;padding:2px;}
  .mainShortNavi table a{padding:6px 4px;font-size:14px;text-align:center;font-weight:bold;line-height:1.2;background:#fafafa;border:1px solid #000;border-radius:3px;display:block;}
  .mainShortNavi table a:hover{color:#fff;background:#666;}

/* pankuz */
.pankuz{background:#fff;}
  .pankuz .list{max-width:1280px;padding:12px 10px;margin:0 auto;font-size:0;}
    .pankuz .list .__item{font-size:12px;line-height:1.2;display:inline-block;}
    .pankuz .list .__item:after{content:'>';padding:0 8px;}
    .pankuz .list .__item:last-child:after{content:'';padding:0;}

/* card */
.card{margin:0 0 20px;border:1px solid #b6c3de;background:#fff;overflow:hidden;}
  .card .titleLarge{margin-left:-1px;margin-right:-1px;}
.cardAdds{margin:20px 0;}
.preparationBox{margin:12px 0;color:#666;font-size:16px;font-weight:bold;text-align:center;line-height:200px;}

/* mainVisual */
#mainVisual{padding:40px 0;color:#fff;text-align:center;background:url(./images/bg_mainvisual.jpg) no-repeat center center #333;background-size:cover;}
  #mainVisual .gameIcon{width:140px;height:140px;margin:0 0 20px;border:2px solid #fff;border-radius:50% 50%;box-shadow:0 0 8px rgba(0,0,0,.8);display:inline-block;overflow:hidden;}
    #mainVisual .gameIcon img{width:100%;height:auto;}
  #mainVisual .title,
  #mainVisual .text{text-shadow:0 0 3px rgba(0,0,0,1);}
  #mainVisual .title{margin:0 0 4px;font-size:18px;font-weight:bold;line-height:1.4;letter-spacing:-1px;}
  #mainVisual .text{}
#mainVisual.pages{padding:20px 0;text-align:center;}
  #mainVisual.pages .gameIcon{width:80px;height:80px;margin:0 12px 0 0;display:inline-block;vertical-align:middle;}
  #mainVisual.pages .title{margin:0;display:inline-block;vertical-align:middle;}
  #mainVisual.pages .text{display:none;}

/* entryPage */
.entryPageWrap{margin:0 0 24px;}
.entryPageHead{padding:0 0 20px;margin:0 0 1em;border-bottom:1px solid #e3e3e3;background:#fafafa;overflow:hidden;}
  .entryPageHead .image{}
    .entryPageHead .image img{width:100%;height:auto;}
  .entryPageHead .pageTitle{margin:1em 20px 1em;font-size:22px;font-weight:bold;line-height:1.6;}
  .entryPageHead .time{margin:0 0 0 20px;font-size:13px;float:left;}
  .entryPageHead .share{margin:0 20px 0 0;font-size:0;text-align:right;float:right;}
    .entryPageHead .share .__item{margin:0 0 0 2px;display:inline-block;vertical-align:top;}
.entryPageMenu{padding:0 20px 6px;margin:12px 0 0;}
  .entryPageMenu .list{margin:0 -8px 0 0;font-size:0;}
    .entryPageMenu .list .__item{margin:0 8px 8px 0;border:1px solid #666;border-radius:4px;background:#fafafa;display:inline-block;}
      .entryPageMenu .list .__item a{padding:16px 12px;font-size:12px;font-weight:bold;line-height:.4em;display:block;}
.entryPageMain{padding:10px 20px 12px;line-height:1.4;overflow-x:auto;position:relative;z-index:1;}
  .entryPageMain a{color:#0095da;text-decoration:underline;}
  .entryPageMain a:hover{color:#003c58;}
  .entryPageMain img{max-width:100%;height:auto;}
  .entryPageMain h2{padding:8px 8px;margin:1.8em 0 8px;color:#fff;font-size:1.2em;background:#295097;border:1px solid #000;border-left-width:4px;}
  .entryPageMain h3{padding:6px 0;margin:.5em 0 8px;font-size:1.1em;border-bottom:2px solid #e3e3e3;}
  .entryPageMain h3:before{content:'\25EF ';}
  .entryPageMain p{margin:0 0 1.4em;font-size:14px;line-height:1.6;}
  .entryPageMain ul,
  .entryPageMain ol{padding:0 0 0 1em;margin:0 1em 1.2em;}
  .entryPageMain ul li{list-style-type:disc;}
  .entryPageMain ol li{list-style-type:decimal;}
    .entryPageMain ul li li{list-style-type:circle;}
  .entryPageMain table{margin:0 0 1em;}
  .entryPageMain table tr:nth-child(odd) {background:#ededed;}
  .entryPageMain table tr.head th,
  .entryPageMain table tr.head td{color:#fff;font-weight:bold;background:#333;}
  .entryPageMain table th,
  .entryPageMain table td{padding:5px;font-size:12px;text-align:left;vertical-align:top;border:1px solid #c5c5c5;}
  .entryPageMain table th{background:#f8f0e8;}
  .entryPageMain table td{}
    .entryPageMain table th p,
    .entryPageMain table td p{font-size:12px;}
  .entryPageMain blockquote{padding:1em;margin:2em 4%;background:#fafafa;font-style:italic;}
  .entryPageMain .rarityTag{padding:0;margin:0 0 20px;}
    .entryPageMain .rarityTag li{padding:6px;font-size:10px;font-weight:bold;border:1px solid #e3e3e3;border-radius:4px;display:inline-block;}
    .entryPageMain .rarityTag .rea01{background:#fafafa;}
    .entryPageMain .rarityTag .rea02{background:#c9ff97;}
    .entryPageMain .rarityTag .rea03{background:#81ddfd;}
    .entryPageMain .rarityTag .rea04{background:#cdabe6;}
    .entryPageMain .rarityTag .rea05{background:#e9e030;}
  .entryPageMain table .rea05 th{background:#e9e030;}
  .entryPageMain table .rea04 th{background:#cdabe6;}
  .entryPageMain table .rea03 th{background:#81ddfd;}
  .entryPageMain table .rea02 th{background:#c9ff97}
  .entryPageMain iframe{max-width:100%;}
  .entryPageMain .youtube{position:relative;width:100%;padding-top:56.25%;}
    .entryPageMain .youtube iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important;}
  .entryAddRow{padding:10px 0 10px;font-size:0;text-align:center;}
    .entryAddRow .__item{margin:0 8px 10px;font-size:14px;display:inline-block;}
  .recomendPostList{padding:12px 3%;border-top:1px solid #e3e3e3;background:#ededed;}
    .recomendPostList h2{margin:0 0 8px;font-size:16px;}
    .recomendPostList .list{}
      .recomendPostList .list .__item{margin:0 0 4px;line-height:1.3;}
      .recomendPostList .list .__item:before{content:'\FF1E';}
      .recomendPostList .list .__item a{color:#0095da;text-decoration:underline;}
      .recomendPostList .list .__item a:hover{color:#003c58;}

/* wadaiList */
.wadaiList{margin:0 0 20px;overflow:hidden;}
  .wadaiList .__item{width:80%;padding:12px;margin:0 0 16px;line-height:1.4;border:1px solid #acacac;border-radius:6px;background:#fffff0;display:inline-block;position:relative;z-index:0;vertical-align:middle;clear:both;}
  .wadaiList .__item:before{content:"";width:0px;height:0px;margin-left:-9px;border-style:solid;border-width:9px 6px 0 6px;border-color:#fffff0 transparent transparent transparent;position:absolute;bottom:-9px;z-index:0;}
  .wadaiList .__item:after{content:"";width:0px;height:0px;margin-left:-10px;border-style:solid;border-width:10px 7px 0 7px;border-color:#acacac transparent transparent transparent;position:absolute;bottom:-10px;z-index:-1;}
  .wadaiList .__item:nth-child(2n+1){float:left;}
  .wadaiList .__item:nth-child(2n+1):before{left:60px;}
  .wadaiList .__item:nth-child(2n+1):after{left:60px;}
  .wadaiList .__item:nth-child(2n){float:right;}
  .wadaiList .__item:nth-child(2n):before{right:60px;}
  .wadaiList .__item:nth-child(2n):after{right:59px;}
    .wadaiList .__item p{padding-left:1.4em;margin:0 0 8px;line-height:1.2;}
    .wadaiList .__item p:first-child{padding-left:0!important;}
    .wadaiList .__item p:before{content:'＞';}
    .wadaiList .__item p:first-child:before{content:''!important;}
    .wadaiList .__item p:last-child{margin:0;}
    .wadaiList .url{font-size:10px;text-align:right;}

/* publicTipsRow */
.publicTipsRow{margin:0 0 20px;overflow:hidden;}
  .publicTipsRow .__item{width:80%;padding:12px;margin:0 0 16px;font-size:14px;line-height:1.4;border:1px solid #acacac;border-radius:6px;background:#fff;display:inline-block;position:relative;z-index:0;vertical-align:middle;clear:both;}
  .publicTipsRow .__item:before{content:"";width:0px;height:0px;margin-left:-9px;border-style:solid;border-width:9px 6px 0 6px;border-color:#fff transparent transparent transparent;position:absolute;bottom:-9px;z-index:0;}
  .publicTipsRow .__item:after{content:"";width:0px;height:0px;margin-left:-10px;border-style:solid;border-width:10px 7px 0 7px;border-color:#acacac transparent transparent transparent;position:absolute;bottom:-10px;z-index:-1;}
  .publicTipsRow .__item:nth-child(2n+1){float:left;}
  .publicTipsRow .__item:nth-child(2n+1):before{left:60px;}
  .publicTipsRow .__item:nth-child(2n+1):after{left:60px;}
  .publicTipsRow .__item:nth-child(2n){float:right;}
  .publicTipsRow .__item:nth-child(2n):before{right:60px;}
  .publicTipsRow .__item:nth-child(2n):after{right:59px;}
    .publicTipsRow .__item p{margin:0;}
    .publicTipsRow .__item p a{color:#0091d9;text-decoration:none;}
    .publicTipsRow .__item p a:hover{color:#5bb4e0;text-decoration:underline;}

/* wadai */
.wadaiTips,
.resTips{max-width:90%;padding:12px 12px;margin:0 20px 18px;border-radius:12px;display:inline-block;position:relative;clear:both;word-break:break-all;}
.wadaiTips{background:#e3e3e3;float:left;}
.resTips{background:#85e249;float:right;}
.wadaiTips p,
.resTips p{margin:0 0 6px;line-height:1.4;}
.wadaiTips p:last-child,
.resTips p:last-child{margin:0!important;}
.wadaiTips:before,
.resTips:before{content:"";width:30px;height:30px;margin-left:0;display:block;position:absolute;top:0px;z-index: -1;}
.wadaiTips:before{border-radius:0px 30px;background:#e3e3e3;left:-10px;}
.resTips:before{border-radius:30px 0;background:#85e249;right:-10px;}
.wadaiTips:after,
.resTips:after{content:"";width:25px;height:25px;margin-left:0px;display:block;background:none repeat scroll 0% 0% #fff;position:absolute;top:-10px;z-index:-1;}
.wadaiTips:after{border-radius:0px 30px;left:-12px;transform:rotate(10deg);}
.resTips:after {border-radius:30px 0px;right:-12px;transform:rotate(20deg);}
.wadaiUrl{margin:0 0 20px;color:#666;font-size:11px;clear:both;}

/* buddypress */
.buddypress .entryPageHead .share{display:none;}
.buddypress .entryPageMenu{display:none;}
.buddypress .entryPageMain{padding:60px;}

/* forum */
  .forumWrapper{}
    .forumWrapper a{color:#00a0e2;text-decoration:underline;}
  #bbpress-forums{padding:20px;}
  .bbp-topic-title{font-size:16px;font-weight:bold;line-height:1.4;}
    .bbp-topic-title .bbp-author-avatar{display:none;}
  .bbp-template-notice{display:none;}
  .bbp-breadcrumb-root{display:none;}
  .forums .bbp-reply-author{}
    .forums .bbp-reply-author{width:80px!important;display:block;}
    .forums .bbp-reply-author img{width:32px;height:auto;}
    .forums .bbp-reply-content{margin-left:80px!important;}
    .bbp-header{}
    .bbp-reply-header{}
      .bbp-reply-header a{color:#000!important;text-decoration:underline!important;}
    .bbp-author-role{display:none;}
    .bbp-author-ip{display:none;}

/* comment */
.comments-area{padding:20px 4% 20px;background:#f7f5e7;}
.comments-title{margin:0 0 .5em;font-size:24px;}
.comment-list{padding:20px 12px;font-size:12px;line-height:1.6;background:#fff;border-radius:6px;}
  .comment-list .children{}
  .comment-list .depth-1{padding:8px 12px;border-bottom:1px solid #e3e3e3;}
  .comment-list .depth-1:last-child{border-bottom:none;}
  .comment-list .comment{}
    .comment .comment-meta{}
    .comment .comment-author{margin:0 8px 0 0;display:inline-block;}
    .comment .comment-author:before{content:'\2605';}
    .comment .comment-metadata{color:#666;display:inline-block;}
    .comment .text{font-size:16px;line-height:1.4;}
      .comment .text p{margin-bottom:8px;}
      .comment .text p:last-child{margin-bottom:0;}
      .comment .text p > a{text-decoration:underline;}
    .comment .reply{text-align:right;}
  .comment-list .depth-2{padding:8px;margin:1em 0 1em 20px;border-left:2px solid #999;background:#f9f9f9;}
  .comment-list .depth-2 .comment-body{margin:0 0 8px;border-bottom:1px dotted #e3e3e3;}
  .comment-list .depth-2 .comment-body:last-child{margin:0;border-bottom:none;}
    .comment .depth-2 .text{font-size:14px;}
.comment-respond{margin:20px 0 0;border-top:2px dotted #999;}
  .comment-reply-title{margin:1em 0;font-size:18px;}
  .comment-notes{margin:0 0 1em;font-size:12px;line-height:1.6;}
  .comment-form{}
    .comment-form > p{margin:8px 0;}
    .comment-form input{height:32px;line-height:32px;padding:0 8px;border:1px solid #d4d0ba;border-radius:4px;}
    .comment-form .logged-in-as{}
    .comment-form .comment-form-comment{}
      .comment-form .comment-form-comment label{margin:0 0 10px;font-size:24px;font-weight:bold;display:block;}
      .comment-form .comment-form-comment textarea{width:100%;height:80px;padding:8px;font-size:16px;line-height:1.6;border:1px solid #d4d0ba;border-radius:4px;display:block;}
      .comment-form .comment-form-comment textarea:focus{outline:none;}
    .comment-form .comment-form-author{}
    .comment-form .comment-form-email{}
    .comment-form .comment-form-url{}
    .comment-form .form-submit{margin:20px 0 0;}
      .comment-form .form-submit .submit{height:44px;padding:0 20px;color:#fff;font-size:18px;font-weight:bold;line-height:44px;background:#de541c;border-bottom:2px solid #b93207;border-radius:4px;}


/* other */
.skillTable{border-spacing:3px;border-collapse:separate;}
  .skillTable .field{}
  .skillTable .field .__item{width:20%;padding:0;text-align:center;border:1px solid #666;}
  .skillTable .field .__item br{display:none;}
    .skillTable .field .__item .name,
    .skillTable .field .__item .lv,
    .skillTable .field .__item .sp{line-height:1.1;display:block;}
    .skillTable .field .__item .name br{display:block;}
    .skillTable .field .__item .name{min-height:2.6em;padding:3px;margin:0 0 2px;border-bottom:1px solid #e3e3e3;background:#ffd7cc;}
    .skillTable.green .field .__item .name{background:#c8ffc2;}
    @media screen and (max-width: 640px) {
      .skillTable .field .__item .name{font-size:8px;}
    }
    .skillTable .field .__item .lv{}
    .skillTable .field .__item .sp{color:blue;}
.shortLink{padding:0 0 12px;margin:20px 3%;background:#f7f7f7;}
  .shortLink .title{padding:8px;margin:0 0 8px;color:#fff;font-weight:bold;background:#333;}
  .shortLink .__item{padding:0 15px;font-size:12px;}
  .shortLink .subTitle{margin:0 0 4px;font-weight:bold;}
    .shortLink .__item ul{margin:0 0 12px;}
      .shortLink .__item ul a{text-decoration:underline;}
.catalogImageGallery{width:100%;margin:2em 0;}
  .catalogImageGallery .inner{width:100%;font-size:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;}
  .catalogImageGallery .inner::-webkit-scrollbar{width: 12px;background: #e3e3e3;}
  .catalogImageGallery .inner::-webkit-scrollbar:horizontal{height: 12px;background: #e3e3e3;}
  .catalogImageGallery .inner::-webkit-scrollbar-thumb{background: #0091d9;border-radius: 2px;}
  .catalogImageGallery .inner::-webkit-scrollbar-thumb:horizontal{background: #0091d9;border-radius: 2px;}
  .catalogImageGallery .__item{margin:0 12px 0 0;font-size:12px;display:inline-block;white-space:normal;}
  .catalogImageGallery .__item a{padding:0!important;margin:0!important;border-radius:0!important;}
  .entryMain .catalogImageGallery .__item img{max-width:1000px!important;width:auto;padding:0!important;margin:0!important;}
  .catalogImageGallery.pc .__item img{width:auto;height:300px;}
  .catalogImageGallery.sp .__item img{width:auto;height:360px;}
.postMiddleAds{margin:24px 0;}
.homeText{padding:20px;margin:0 0 20px;line-height:1.4;border:1px solid #e3e3e3;background:#fff;}
.amazonPost{margin:2em 0;border:1px dashed #e90079;border-radius:3px;overflow:hidden;}
  .amazonPost p{display:none;}
  .amazonPost .inner{padding:20px 4%;color:#333;display:block;overflow:hidden;position:relative;}
  .amazonPost .image{width:140px;float:left;}
    .amazonPost .image img{width:100%;height:auto;margin:0;}
  .amazonPost .note{padding:0 0 0 160px;}
    .amazonPost .note .head{margin:0 0 12px;}
      .amazonPost .note .title{color:#e90079;font-weight:bold;text-decoration:underline;}
      .amazonPost .note .cat{}
    .amazonPost .note .ditail{margin:0 0 20px;font-size:13px;line-height:1.2;}
      .amazonPost .note .maker{margin:0 0 4px;}
      .amazonPost .note .ranking{}
      .amazonPost .note .amazon{padding:4px;color:#fff;font-weight:600;background:#e90079;position:absolute;bottom:0;right:0;}
.shopLink{padding:12px 0;overflow:hidden;}
  .shopLink .inner{width:100%;
    margin:0 0 10px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }
  .shopLink .__item{width:200px;padding:0;margin:0 8px 8px 0;vertical-align:middle;}
  .shopLink .__item a{padding:0;margin:0;display:block;background:none;}
  .shopLink .__item.psn a{height:43.75px;text-indent:-999px;background:url(images/button_psstore.png) no-repeat 0 0;background-size:contain;border-radius:4px;display:block;overflow:hidden;}
    .shopLink .__item.psn img{width:0;height:0;}
  .shopLink .__item:hover{opacity:.8;}
  .shopLink .__item.app{}
  .shopLink .__item img{width:100%;height:auto;margin:0!important;}
  .shopLink .hint{width;:100%;font-size:12px;display:block;}
.relationItemList{}
  .relationItemList .__item{font-size:12px;line-height:1.4;}
  .relationItemList .__item a{padding:6px 12px;color:#b32e00;text-decoration:underline;border-bottom:1px dotted #e3e3e3;display:block;}
  .relationItemList .__item a:before{content:"\2605";}
.ftFixedBnr{width:100%;background:#000;position:fixed;bottom:0;left:0;z-index:9999;}
  .ftFixedBnr .inner{width:320px;margin:0 auto;}
.commentPostList{}
  .commentPostList .list{padding:12px 2%;}
  .commentPostList .__item{padding:8px;background:#fafafa;margin:0 0 4px;}
  .commentPostList .__item .title{margin:0 0 2px;font-size:12px;line-height:1.4;font-weight:bold;}
  .commentPostList .__item .text{height:1em;margin:0 0 4px;font-size:12px;line-height:1;overflow:hidden;}
  .commentPostList.newCommePage .__item .text{height:auto!important;margin:0 0 4px;font-size:12px;line-height:1;overflow:hidden;}
  .commentPostList .__item .text p{display:inline;}
  .commentPostList .__item .text a{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;}
  .commentPostList .__item .author{text-align:right;font-size:11px;}
.comment-navigation{padding:8px 16px;margin:8px 0;background:#fff;}
  .comment-navigation .screen-reader-text{margin:0 0 8px;font-size:14px;font-weight:bold;text-align:center;}
  .comment-navigation .nav-links{font-size:16px;overflow:hidden;}
    .comment-navigation .nav-links a{color:#0095da;font-weight:bold;text-decoration:underline!important;}
    .comment-navigation .nav-links a:hover{color:#003c58;}
    .comment-navigation .nav-links .nav-previous{float:right;}
    .comment-navigation .nav-links .nav-next{float:left;}


@media screen and (max-width: 1200px) { /* Display - width:1000px under - */
  /* #container */
  #container{max-width:1000px;margin:0 auto;}

  /* #main*/
  #main{width:100%;float:left;}

  /* #contents */
  #contents{margin:0 0 0 240px;}

  /* #arRight */
  #sidebarRight{display:none;}
/*-------------------- max-width:640px --------------------*/}




@media only screen and (device-width: 768px) { /* ipad Display - width:768px under - */
  /* #contents */
  #contents{margin:0 0 0 190px;}

  /* #sidebar */
  #sidebar{width:180px;margin-left:-100%;float:left;}
    #sidebar .menu{font-size:12px;font-weight:bold;}
      #sidebar .menu .title{padding:12px;color:#000;background:#efefe2;}
      #sidebar .menu ul{padding:12px;}


  /*=======================================
    CONTENTS PARTS
  =======================================*/
  /* list */
  .bannarWideList{}
    .bannarWideList .large{max-width:640px;}
    .bannarWideList .small{max-width:48%;}
/*-------------------- max-width:640px --------------------*/}






@media screen and (max-width: 640px) { /* SmartPhone Display - width:640px under - */
  /*=======================================
    COMMON SELECTOR
  =======================================*/

  /* pc/sp */
  .spView{display:block;}
  .pcView{display:none!important;}

  /* icon */
  .icon{background:url(./images/sprite_sp.png) no-repeat;background-size:200px 100px;text-indent:-9999px;display:inline-block;*display:inline;*zoom:1;vertical-align:baseline;position:relative;overflow:hidden;}
  .icon-left:before,
  .icon-right:after{content:'';background:url(./images/sprite_sp.png) no-repeat;background-size:200px 100px;display:inline-block;*display:inline;*zoom:1;}
    .icon-search{width:14px;height:14px;background-position:-3px -3px;}
  .icon-tw{width:30px;height:24px;background-position:-65px -7px;}

  /* label */
  .label{font-style:normal;vertical-align:baseline;text-decoration:none;display:inline-block;*display:inline;*zoom:1;}

  /* button */
  .button{padding:0;margin:0;text-decoration:none;text-align:center;display:inline-block;*display:inline;*zoom:1;vertical-align:baseline;cursor:pointer;}
    .button:hover img{opacity:.7;}
    .button-pageLink{}
    .button-pageLink:hover{}


  /*=======================================
    BASE LAYOUT
  =======================================*/
  /* #wrapper */
  #wrapper{background:#fff;overflow:hidden;}

  /* #header */
  #header{min-height:0;position:relative;}
    #header .inner{min-width:0;padding:12px 20px;}
    #header .siteLogo{padding:0 12px;margin:0;text-align:center;float:none;}
      #header .siteLogo .logo{width:20px;margin:0 8px 0 0;}
        #header .siteLogo .logo img{width:100%;height:auto;}
      #header .siteLogo .name{font-size:14px;line-height:20px;}
    #header .hdContent{padding:0;float:none;text-align:center;}
      #header .hdContent .share{margin:0;}
        #header .hdContent .share .__item{padding:0 4px 0;}
      #header .hdContent .searchBox{display:none;}

  /* #container */
  #container{padding:0 0 0;}

  /* #main*/
  #main{width:auto;margin:0;float:none;}
    #main .frontMainCard{border:none;box-shadow:none;box-sizing:border-box;}

  /* #contents*/
  #contents{margin:0;}

  /* #sidebar */
  #sidebar{width:100%;margin:20px 0;float:none;border-radius:0;overflow:hidden;box-shadow:none;}
    #sidebar .titleLarge{font-size:18px;text-align:center;}
    #sidebar .menu{font-size:14px;}
      #sidebar .menu .title{padding:12px;color:#000;font-size:16px;background:#e3e3e3;}
      #sidebar .menu > .normalList{padding:0;}
        #sidebar .menu > .normalList > li{margin:0;border-bottom:1px solid #e3e3e3;}
        #sidebar .menu > .normalList > li:before{content:'';}
          #sidebar .menu > .normalList > li a{padding:12px 12px;display:block;position:relative;}
          #sidebar .menu > .normalList > li a:after{content:'>';margin:-10px 0 0;color:#999;font-size:16px;position:absolute;right:12px;top:50%;font-family: Helvetica , sans-serif;}
          #sidebar .menu > .normalList > li.acordion .tgl{display:none;}

  /* #sidebarRight */
  #sidebarRight{display:none;}

  /* #footer */
  #footer{padding:20px 0;margin:0;text-align:center;background:#e3e3e3;}
  #footer .inner{}
  #footer .copyright{margin:0 0 20px;float:none;}
  #footer .contact{padding:12px 20px;font-size:18px;border:1px solid #666;background:#fff;border-radius:4px;display:inline-block;float:none;}

  /* spSlideMenu */
  #spSlideMenuToggle{width:40px;height:40px;background-position:-20px 0;border:2px solid #fff;border-radius:4px;box-sizing:content-box;box-shadow:0 0 6px rgba(0,0,0,.8);display:block;position:fixed;bottom:80px;right:8px;z-index:999;cursor:pointer;}
  .sb-slidebar{background:#000;}
    .sb-slidebar .searchBox{width:90%;height:36px;margin:0 auto 30px;display:block;position:relative;}
      .sb-slidebar .searchBox .inputSearch{width:100%;height:36px;padding-left:30px;padding-right:12px;font-size:14px;line-height:36px;border:2px solid #c6ccd2;border-radius:36px;-webkit-appearance: textfield;}
      .sb-slidebar .searchBox .button{width:36px;height:36px;position:absolute;left:0;top:0;}
        .sb-slidebar .searchBox .button .icon{}
    .sb-slidebar .titleLarge{margin:0 0 12px;color:#fff;font-size:12px;background:none;}
    .sb-slidebar .menu{margin:0;}
      .sb-slidebar .menu .title{padding:12px 20px;margin:0;color:#fff;font-size:12px;font-weight:bold;background:#333;border-radius:4px;display:block;position:relative;}
      .sb-slidebar .menu .title a{color:#fff;}
      .sb-slidebar .menu .title a:after{content:">";position:absolute;right:20px;top:12px;}
      .sb-slidebar .menu .list{}
        .sb-slidebar .menu .list li{border-bottom:1px solid #333;position:relative;}
          .sb-slidebar .menu .list li a{padding:9px;color:#fff;font-size:12px;display:block;}
          .sb-slidebar .menu .list li a:after{content:">";margin:-8px 0 0;position:absolute;top:50%;right:8px;}
  .sb-slidebar.sb-left {-webkit-overflow-scrolling: touch;} 
  .sb-left-inner {width: 100%;height: 100%;overflow-y: auto;}

  /*=======================================
    CONTENTS PARTS
  =======================================*/
  /* section */
  .section{}

  /* title */
  .titleLarge{}

  /* list */
  .normalList{}
  .bannarWideList{margin:0 4%;font-size:0;text-align:left;}
    .bannarWideList .__item{font-size:14px;}
    .bannarWideList .large{}
    .bannarWideList .small{max-width:50%;padding:0 1%;}
  .postEntryList{}
    .postEntryList .__item{}
      .postEntryList .__item a{padding-left:8px;padding-right:8px;}
      .postEntryList .__item .image{width:25%;}
      .postEntryList .__item .text{padding:0 0 0 8px;}
      .postEntryList .__item .title{margin:0 0 4px;font-size:13px;font-weight:bold;line-height:1.2;}
      .postEntryList .__item .time{font-size:10px;}
  .gameNewsList{}
    .gameNewsList .__item{padding:0 0 6px;margin:0 0 8px;border-bottom:1px solid #e3e3e3;}
      .gameNewsList .__item a{font-size:12px;}
  .movieList{}
  .otherLinkList{}
    .otherLinkList .__item{padding-bottom:6px;margin:0 0 6px;border-bottom:1px dotted #e3e3e3;}
  /*#toc_container{padding:8px 2%;}
    #toc_container .toc_list{margin:0 -4px -4px 0;}
      #toc_container .toc_list li{margin:0 4px 4px 0;}
        #toc_container .toc_list li a{padding:4px 8px;font-size:10px;}
        #toc_container .toc_list li a:hover{opacity:1;}*/
  /* navigation */
  .mainShortNavi{padding:0;margin:0;}
  .mainShortNavi table{background:#fafafa;}
  .mainShortNavi table tr{}
  .mainShortNavi table th{}
  .mainShortNavi table td{width:33%;padding:0;border:1px solid #666;}
  .mainShortNavi table a{padding:6px 0;font-size:12px;border:none;border-radius:0;display:block;}
  .mainShortNavi table a:hover{}

  /* pankuz */
  .pankuz{padding-bottom:8px;background:#e3e3e3;}
    .pankuz .list{padding-bottom:0!important;}
      .pankuz .list .__item{font-size:11px!important;}
      .pankuz .list .__item:last-child{margin-bottom:0;}

  /* card */
  .card{border:none;}
    .card .titleLarge{margin-left:0;margin-right:0;}
  .preparationBox{margin:12px 0;color:#666;font-size:16px;font-weight:bold;text-align:center;line-height:200px;}
  .profileCard{width:90%;padding:12px 12px;margin:15px auto 0;color:#fff;font-weight:bold;border-radius:6px;border:2px solid #fff;background:#1884bd;display:block;}
  .profileCard:hover{color:#fff;}
    .profileCard .icon-tw{float:left;}
    .profileCard .note{padding:0 0 0 42px;}
      .profileCard .note .text{margin:0 0 6px;font-size:14px;}
      .profileCard .note .name{font-size:20px;}

  /* mainVisual */
  .single #mainVisual,
  .page #mainVisual{display:none;}
  #mainVisual{padding:20px 8%;}
    #mainVisual .gameIcon{width:80px;height:80px;margin:0 0 10px;}
    #mainVisual .title{margin:0 0 4px;font-size:14px;font-weight:bold;line-height:1.4;letter-spacing:-1px;}
    #mainVisual .text{font-size:12px;line-height:1.4;}
  #mainVisual.pages{padding:12px 8%;text-align:left;overflow:hidden;}
    #mainVisual.pages .gameIcon{width:60px;height:60px;margin:0 8px 0 0;display:table-cell;}
    #mainVisual.pages .title{width:auto;padding:0 0 0 8px;display:table-cell;text-align:left;}
    #mainVisual.pages .text{display:none;}

  /* entryPage */
  .entryPageWrap{}
  .entryPageHead{}
    .entryPageHead .image{margin:0 0 12px!important;}
    .entryPageHead .pageTitle{font-size:16px;}
    .entryPageHead .share{}
  .entryPageMain{padding:20px 3%;font-size:13px;}
    .entryPageMain p{margin-left:1em;margin-right:1em;font-size:14px;line-height:1.7;}
    .entryPageMain h3{font-size:16px;}
    .entryPageMain h4{margin-left:1em;margin-right:1em;font-size:16px;}
    .entryPageMain ul,
    .entryPageMain ol{margin-left:2em;margin-right:1em;}
    .entryPageMain table{}
    .entryPageMain table th,
    .entryPageMain table td{width:auto;padding:5px;font-size:10px;}
    .entryPageMain table td{word-break : break-all;}
    .entryPageMain table td p{margin-left:0;margin-right:0;margin:-top:0;margin:-bottom:8px;font-size:10px;}
    .entryPageMain iframe{width:100%;}

  .entryAddRow{}
    .entryAddRow .__item{margin-left:0;margin-right:0;}

  /* wadai */
  .wadaiTips,
  .resTips{max-width:90%;margin:0 0 12px;font-size:14px;}
  .wadaiUrl{font-size:9px;}

/* comment */
.comments-area{}
.comments-title{font-size:18px;}
.comment-list{padding:20px 8px;}
  .comment .text{font-size:12px!important;}
.comment-form-comment textarea#comment{height:120px;font-size:12px;}

.catalogImageGallery{}
  .catalogImageGallery .inner{}
  .catalogImageGallery .inner::-webkit-scrollbar{width: 7px;}
  .catalogImageGallery .inner::-webkit-scrollbar:horizontal{height: 7px;}
  .catalogImageGallery .__item{margin:0 8px 0 0;}
  .catalogImageGallery .__item a{padding:0!important;margin:0!important;border-radius:0!important;}
  .entryMain .catalogImageGallery .__item img{max-width:1000px!important;width:auto;padding:0!important;margin:0!important;}
  .catalogImageGallery.pc .__item img{height:160px;}
  .catalogImageGallery.sp .__item img{height:360px;}

/* other */
.amazonPost{}
  .amazonPost .image{width:100px;}
  .amazonPost .note{padding:0 0 0 110px;}
    .amazonPost .note .head{margin:0 0 8px;font-size:12px;}
    .amazonPost .note .ditail{margin:0 0 10px;font-size:10px;line-height:1.2;}
      .amazonPost .note .amazon{font-size:12px;}
.shopLink{}
  .shopLink .__item{max-width:150px;padding:0;margin:0 8px 8px 0;font-size:14px;display:inline-block;vertical-align:middle;}
  .shopLink .__item:hover{opacity:.8;}
  .shopLink .__item img{width:100%;height:auto;margin:0!important;}
/*-------------------- max-width:640px --------------------*/}




/*
  pulgin
*/
/* slideMenu */
/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
html.sb-scroll-lock.sb-active:not(.sb-static) {
  overflow: hidden;
}

/* ----------
 * 002 - Site
 */

#sb-site, .sb-site-container {
  /* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
  width: 100%;
  min-height: 100vh;
  position: relative;
  z-index: 1; /* Site sits above Slidebars */
  background-color: #ffffff; /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
}

/* Micro clearfix by Nicolas Gallagher, ensures the site container hits the top and bottom of the screen. */
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
  content: ' ';
  display: table;
}

#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
    clear: both;
}

/* ---------------
 * 003 - Slidebars
 */

.sb-slidebar {
  height: 100%;
  overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
  position: fixed;
  top: 0;
  z-index: 0; /* Slidebars sit behind sb-site. */
  display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
}

.sb-slidebar, .sb-slidebar * {
  -webkit-transform: translateZ( 0px ); /* Fixes issues with translated and z-indexed elements on iOS 7. */
}

.sb-left {
  left: 0; /* Set Slidebar to the left. */
}

.sb-right {
  right: 0; /* Set Slidebar to the right. */
}

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
  position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
}

.sb-slidebar.sb-active {
  display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
}

.sb-style-overlay {
  z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */
}

.sb-momentum-scrolling {
  -webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
}

/* Slidebar widths for browsers/devices that don't support media queries. */
  .sb-slidebar {
    width: 30%;
  }
  
  .sb-width-thin {
    width: 15%;
  }
  
  .sb-width-wide {
    width: 45%;
  }

@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
  .sb-slidebar {
    width: 70%;
  }
  
  .sb-width-thin {
    width: 55%;
  }
  
  .sb-width-wide {
    width: 85%;
  }
}

@media (min-width: 481px) { /* Slidebar widths on small screens. */
  .sb-slidebar {
    width: 55%;
  }
  
  .sb-width-thin {
    width: 40%;
  }
  
  .sb-width-wide {
    width: 70%;
  }
}

@media (min-width: 768px) { /* Slidebar widths on medium screens. */
  .sb-slidebar {
    width: 40%;
  }
  
  .sb-width-thin {
    width: 25%;
  }
  
  .sb-width-wide {
    width: 55%;
  }
}

@media (min-width: 992px) { /* Slidebar widths on large screens. */
  .sb-slidebar {
    width: 30%;
  }
  
  .sb-width-thin {
    width: 15%;
  }
  
  .sb-width-wide {
    width: 45%;
  }
}

@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
  .sb-slidebar {
    width: 20%;
  }
  
  .sb-width-thin {
    width: 5%;
  }
  
  .sb-width-wide {
    width: 35%;
  }
}

/* ---------------
 * 004 - Animation
 */

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
  
  -webkit-transition: -webkit-transform 400ms ease;
     -moz-transition:    -moz-transform 400ms ease;
       -o-transition:      -o-transform 400ms ease;
          transition:         transform 400ms ease;
  
  -webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
  -webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}

/* --------------------
 * 005 - Helper Classes
 */
 
.sb-hide { 
  display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}




/* lightBox */
body.hidden-scroll {
  overflow: hidden;
}

/* line 4, ../sass/simplelightbox.scss */
.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0.8;
  display: none;
  z-index: 9999;
}

/* line 15, ../sass/simplelightbox.scss */
.sl-wrapper {
  z-index: 1000;
}
/* line 17, ../sass/simplelightbox.scss */
.sl-wrapper button {
  border: 0 none;
  background: transparent;
  font-size: 24px;
  padding: 0;
  cursor: pointer;
}
/* line 23, ../sass/simplelightbox.scss */
.sl-wrapper button:hover {
  opacity: 0.7;
}
/* line 28, ../sass/simplelightbox.scss */
.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 1015;
}
/* line 36, ../sass/simplelightbox.scss */
.sl-wrapper .sl-counter {
  display: none;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 1015;
}
/* line 44, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation {
  width: 100%;
  display: none;
}
/* line 47, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -10px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  display: block;
  z-index: 1015;
}
/* line 58, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-next {
  right: 40px;
}
/* line 62, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-prev {
  left: 40px;
}
/* line 68, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10000;
}
/* line 73, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
}
/* line 78, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image iframe {
  border: 0 none;
  background: #000;
}
/* line 82, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: #fff;
  background: #000;
  opacity: 0.8;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 93, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0;
}
/* line 98, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto;
}
/* line 103, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-download {
  display: none;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #fff;
  z-index: 1005;
}

/* line 114, ../sass/simplelightbox.scss */
.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  -ms-animation: pulsate 1s ease-out infinite;
  -o-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite;
}

/* line 133, ../sass/simplelightbox.scss */
.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-o-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-ms-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}