@charset "UTF-8";

/* ---------------------------------------------
	スタイルリセット
--------------------------------------------- */
html, body, div,
h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, li, dl, dt, dd, address {margin: 0; padding: 0;}
ul, ol {list-style: none;}
img {border: none; vertical-align:bottom; }

/* ---------------------------------------------
	汎用クラス
--------------------------------------------- */
/* clearfix ------------ */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hide from MacIE €*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* End Hide from MacIE */

/* ---------------------------------------------
	タイポグラフィー
--------------------------------------------- */
body {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
@media all and (-ms-high-contrast:none) {
	body{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}

html>/**/body { font-size: 16px; line-height: normal;overflow-x: hidden; } /* except Win IE */

h1, h2, h3, h4, h5, h6 {font-size: 100%;}

/* ---------------------------------------------
	基本項目
--------------------------------------------- */
html, body {height:100%; color:#000000;}
h1, h2, h3, h4, h5, h6, p, dt, dd, li{
	background:  url("../img/spacer.gif") repeat 0px 0px;
	max-height: 100%;
}

/*共通スタイル*/
.bold {font-weight:bold;}
.center{text-align:center;}

a:link { color:#333; text-decoration:none; font-weight:normal;}
a:visited { color:#333; text-decoration:none;}
a:hover { color:#333; text-decoration:none;}
a:active { color:#333; text-decoration:none;}

.clears{ clear:both;}
.fLeft{float: left;}
.fRight{float: right;}

.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}

body{ -webkit-text-size-adjust:100% !important;}
body.cx_smartphoneview{font-size: 155%;}

.cx_smartphoneview .displaypc{ display: none;}
.displaysp{ display: none;}
.cx_smartphoneview .displaysp{ display: block;}



.opacityzoom_in{
    opacity: 1.0;
    border-radius: 50%;
    -ms-transform: scale(0.2) translate3d(0, 0, 0);
    -webkit-transform: scale(0.2) translate3d(0, 0px, 0);
    transform: scale(0.2) translate3d(0, 0px, 0);
    -webkit-transition: opacity 0.2s, border-radius 0.3s, -webkit-transform 0.2s ease-out;
    -ms-transition: opacity 0.2s, border-radius 0.3s, -ms-transform 0.2s ease-out;
    transition: opacity 0.2s, border-radius 0.3s, transform 0.2s ease-out;
}
.opacityzoom_fix{
    opacity: 1.0;
    border-radius: 0;
    -ms-transform: scale(1.0) translate3d(0, 0, 0);
    -webkit-transform: scale(1.0) translate3d(0, 0, 0);
    transform: scale(1.0) translate3d(0, 0, 0);
    -ms-transition: opacity 0.2s, border-radius 0.3s, -ms-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -webkit-transition: opacity 0.2s, border-radius 0.3s, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: opacity 0.2s, border-radius 0.3s, transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.opacityzoom_in02{
    opacity: 1.0;
    -ms-transform: scale(0.01,1.0) translate3d(0, 0, 0);
    -webkit-transform: scale(0.01,1.0) translate3d(0, 0px, 0);
    -moz-transform: scale(0.01,1.0) translate3d(0, 0px, 0);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s ease-out;
    -ms-transition: opacity 0.2s, -ms-transform 0.2s ease-out;
    transition: opacity 0.2s, transform 0.2s ease-out;
}
.opacityzoom_fix02{
    opacity: 1.0;
    -ms-transform: scale(1.0,1.0) translate3d(0, 0, 0);
    -webkit-transform: scale(1.0,1.0) translate3d(0, 0, 0);
    -moz-transform: scale(1.0,1.0) translate3d(0, 0, 0);
    -ms-transition: opacity 0.2s, -ms-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: opacity 0.2s, transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.opacityzoom_in03{
    opacity: 0.0;
    -ms-transform: scale(0.5,0.5) translate3d(0, -100px, 0);
    -webkit-transform: scale(0.5,0.5) translate3d(0, -100px, 0);
    -moz-transform: scale(0.5,0.5) translate3d(0, -100px, 0);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s ease-out;
    -ms-transition: opacity 0.2s, -ms-transform 0.2s ease-out;
    transition: opacity 0.2s, transform 0.2s ease-out;
}
.opacityzoom_fix03{
    opacity: 1.0;
    -ms-transform: scale(1.0,1.0) translate3d(0, 0, 0);
    -webkit-transform: scale(1.0,1.0) translate3d(0, 0, 0);
    -moz-transform: scale(1.0,1.0) translate3d(0, 0, 0);
    -ms-transition: opacity 0.2s, -ms-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: opacity 0.2s, transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.move_in{
    opacity: 0.0;
    -ms-transform: translate3d(1500px, 200px, 0) skew(0deg,10deg);
    -webkit-transform: translate3d(1500px, 200px, 0) skew(0deg,10deg);
    -moz-transform: translate3d(1500px, 200px, 0) skew(0deg,10deg);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s ease-out;
    -ms-transition: opacity 0.2s, -ms-transform 0.2s ease-out;
    transition: opacity 0.2s, transform 0.2s ease-out;
}
.move_fix{
    opacity: 1.0;
    -ms-transform: translate3d(0, 0, 0) skew(0deg,10deg);
    -webkit-transform: translate3d(0, 0, 0) skew(0deg,10deg);
    -moz-transform: translate3d(0, 0, 0) skew(0deg,10deg);
    -ms-transition: opacity 0.4s, -ms-transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s;
    transition: opacity 0.4s, transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s;
}
.move_horizontal_in{
    -ms-transform: translate3d(1500px, 0, 0);
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0);
    -webkit-transition: -webkit-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
}
.move_horizontal_fix{
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transition: -ms-transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s;
    transition: opacity 0.4s, transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s;
}
.move_vertical_in{
    -ms-transform: translate3d(0, 280px, 0);
    -webkit-transform: translate3d(0, 280px, 0);
    transform: translate3d(0, 280px, 0);
    -webkit-transition: -webkit-transform 0.05s ease-out;
    -ms-transition: -ms-transform 0.05s ease-out;
    transition: transform 0.05s ease-out;
}
.move_vertical_fix{
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transition: -ms-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}


#fp-contents{
    width: 100% !important;
    position: relative;
    border-bottom: solid 1px #ccc;
    overflow: hidden;
}
.sPage #fp-contents{
    background: #fff url("../img/bg_basic.png") repeat 0 0;
    position: relative;
}
.sPage #fp-contents::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5555;
}
.sPage #fp-contents > *{
    position: relative;
    z-index: 8888;
}
#fp-wrap{ background-color: #ebe8dd;}


/*-------------トップページ コンテンツ-------------*/

/*#worksIndexWrap li{
    width: 25%;
    height: 250px;
    float: left;
    border: solid 1px #fff;
    box-sizing: border-box;
    background-color: #eee;
    overflow: hidden;
    position: relative;
    backface-visibility:hidden;
    -webkit-backface-visibility: hidden;
}*/

/* ---------------------------------------------------------
	下層ページ
---------------------------------------------------------- */
/* -----------------------------------------
	ヘッダー
------------------------------------------ */
.hdr_s{
    width: 100%;
    position: relative;
}
.hdr_s > div{
    background-color: rgba(0, 0, 0, 0.2);
}
.hdr_s > div#logo_s{ padding: 10px 0 0;}
.news .hdr_s > div{ background-color: rgba(242, 143, 0, 0.4);}
.drama .hdr_s > div{ background-color: rgba(0, 181, 238, 0.4);}
.variety .hdr_s > div{ background-color: rgba(96, 182, 48, 0.4);}
.sports .hdr_s > div{ background-color: rgba(101, 90, 165, 0.4);}
.cx_smartphoneview .hdr_s{
    position: fixed;
    z-index: 99999;
    top: 0;
    overflow: hidden;
    height: 90px;
}
.cx_smartphoneview .hdr_s.show_sp{ height: auto;}
.cx_smartphoneview .hdr_s > div{
    background-image: url("../img/bg_basic.png");
    background-repeat: repeat;
    background-position: 0 0;
    padding: 5px 0;
    background-color: rgba(0, 0, 0, 0.8);
}
.cx_smartphoneview .news .hdr_s > div{ background-color: rgba(242, 143, 0, 0.9);}
.cx_smartphoneview .drama .hdr_s > div{ background-color: rgba(0, 181, 238, 0.9);}
.cx_smartphoneview .variety .hdr_s > div{ background-color: rgba(96, 182, 48, 0.9);}
.cx_smartphoneview .sports .hdr_s > div{ background-color: rgba(101, 90, 165, 0.9);}

.hdr_s > div > a{ width: 100%;}
.cx_smartphoneview .hdr_s > div > a{
    display: block;
    width: 300px;
    height: 80px;
}
.cx_smartphoneview .hdr_s > div > a{
    /*float: left;*/
    margin: 0 auto 0;
}
.hdr_s h1{
    background: url("../img/logo_s.png") no-repeat center 0px;
    margin: 0 auto;
    width: 300px;
    height: 80px;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
}
.news .hdr_s h1{ background-position: center -80px;}
.drama .hdr_s h1{ background-position: center -160px;}
.variety .hdr_s h1{ background-position: center -240px;}
.sports .hdr_s h1{ background-position: center -320px;}


.hdr_s ul{
    width: 100%;
    padding: 0 0.5em 10px 0.5em;
    box-sizing: border-box;
    margin: 0 auto;
    /*background-color: rgba(0, 0, 0, 0.2);*/
}
/*.news .hdr_s ul{ background-color: rgba(242, 143, 0, 0.4);}
.drama .hdr_s ul{ background-color: rgba(0, 181, 238, 0.4);}
.variety .hdr_s ul{ background-color: rgba(96, 182, 48, 0.4);}
.sports .hdr_s ul{ background-color: rgba(101, 90, 165, 0.4);}*/
@media screen and (min-width: 1300px) {
    .hdr_s ul{ width: 1300px;}
}
.hdr_s ul li{
    float: left;
    position: relative;
    background-color: #333;
    border-bottom: solid 2px #000;
}
.drama .hdr_s ul li{
    background-color: #00b5ee;
    border-bottom: solid 2px #006a8b;
}
.news .hdr_s ul li{
    background-color: #f28f00;
    border-bottom: solid 2px #935700;
}
.variety .hdr_s ul li{
    background-color: #60b630;
    border-bottom: solid 2px #386d19;
}
.sports .hdr_s ul li{
    background-color: #655aa5;
    border-bottom: solid 2px #332d55;
}
.cx_displaydevice .hdr_s ul li:hover{ background-color: #484848;}
.cx_displaydevice .drama .hdr_s ul li:hover{ background-color: #15c7ff;}
.cx_displaydevice .news .hdr_s ul li:hover{ background-color: #ff9d00;}
.cx_displaydevice .variety .hdr_s ul li:hover{ background-color: #5ecb22;}
.cx_displaydevice .sports .hdr_s ul li:hover{ background-color: #6b59d4;}
.hdr_s ul.len4 li{
    width: 24.3%;
    margin: 0 0.3%;
}
.hdr_s ul.len5 li{
    width: 19.6%;
    margin: 0 0.2%;
}
.hdr_s ul li a{
    display: block;
    background: url(../img/ttlParts.png) no-repeat center 0;
    background-size: 100% auto;
    height: 0;
    padding-top: 16%;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
    background-position: center 5px;
}
.hdr_s ul li a::before{
    content: "";
    display: block;
    width: 100%;
    height: 50%;
    background-color: rgba(255,255,255,0.3);
    position: absolute;
    top: 0;
    left: 0;
}
.hdr_s ul li.works a{
    background: url(../img/ttl_works.svg) no-repeat center;
    background-size: auto 80%;
}
.hdr_s ul li.bijupedia a{
    background: url(../img/ttl_bijupedia.svg) no-repeat center;
    background-size: auto 80%;
}
.hdr_s ul li.staff a{
    background: url(../img/ttl_staff.svg) no-repeat center;
    background-size: auto 80%;
}
.hdr_s ul li.graphic a{
    background: url(../img/ttl_graphic.svg) no-repeat center;
    background-size: auto 80%;
}
.hdr_s ul li.bijumania a{
    background: url(../img/ttl_bijumania.svg) no-repeat center;
    background-size: auto 80%;
}

.cx_smartphoneview .hdr_s > div#navWrap{
    background: rgba(255,255,255,0.9);
    height: 100vh;
    -ms-transform: translate3d(100vw, 0, 0);
    -webkit-transform: translate3d(100vw, 0, 0);
    -moz-transform: translate3d(100vw, 0, 0);
    transform: translate3d(100vw, 0, 0);
    -webkit-transition: all 0.2s, -webkit-transform 0.2s ease-out;
    -ms-transition: all 0.2s, -ms-transform 0.2s ease-out;
    -moz-transition: all 0.2s, -moz-transform 0.2s ease-out;
    transition: all 0.2s, transform 0.2s ease-out;
}
.cx_smartphoneview .hdr_s > div#navWrap.show_sp{
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.cx_smartphoneview .hdr_s ul{ padding: 1em 2em;}
.cx_smartphoneview .hdr_s ul li{
    float: none;
    width: 100%;
    background: none;
    border-bottom: solid 2px #aaa;
}
.cx_smartphoneview .hdr_s ul li a{
    text-indent: 0;
    color: #000;
    background: none;
    height: auto;
    padding: 0 0 0 22px;
    line-height: 3em;
    font-weight: bold;
}
.cx_smartphoneview .hdr_s ul li a::before{
    content: "";
    display: block;
    background: none;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    width: 0px;
	height: 0px;
	border-style: solid;
    right: 23px;
	border-width: 12px 0 12px 16px;
	border-color: transparent transparent transparent #888;
}

.hdr_s #sp_nav_btn{
    width: 60px;
    height: 60px;
    /*background-color: rgba(255,255,255,0.8);*/
    border: solid 2px #fff;
    box-sizing: border-box;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    /*border-radius: 7px;*/
    display: none;
}
.cx_smartphoneview .hdr_s #sp_nav_btn{
    display: block;
}
.hdr_s #sp_nav_btn span{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 34px;
    height: 4px;
    background-color: #fff;
    border-radius: 2px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    transition: all 200ms ease-out;
}
.hdr_s #sp_nav_btn span:nth-of-type(1){ top: 14px;}
.hdr_s #sp_nav_btn span:nth-of-type(2){ top: 26px;}
.hdr_s #sp_nav_btn span:nth-of-type(3){ top: 38px;}
.hdr_s #sp_nav_btn.on span:nth-of-type(1){
    transform: rotate(45deg) translate3d(9px, 9px, 0);
    -webkit-transform: rotate(45deg) translate3d(9px, 9px, 0);
	-moz-transform: rotate(45deg) translate3d(9px, 9px, 0);
	-ms-transform: rotate(45deg) translate3d(9px, 9px, 0);
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    transition: all 200ms ease-out;
}
.hdr_s #sp_nav_btn.on span:nth-of-type(3){
    transform: rotate(-45deg) translate3d(9px, -8px, 0);
    -webkit-transform: rotate(-45deg) translate3d(9px, -8px, 0);
	-moz-transform: rotate(-45deg) translate3d(9px, -8px, 0);
	-ms-transform: rotate(-45deg) translate3d(9px, -8px, 0);
    -webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    transition: all 200ms ease-out;
}
.hdr_s #sp_nav_btn.on span:nth-of-type(2){
    opacity: 0.0;
}

/*-------------メイン-------------*/
h2.pageTtl{
    /*background-color: rgba(0,0,0,0.2);*/
    background: url(../img/ttlParts.png) no-repeat center 0;
    background-size: 390px 780px;
    width: 100%;
    height: 54px;
    margin: 25px 0 20px;
    text-indent: -300%;
    white-space: nowrap;
    overflow: hidden;
}
.sPage #contentAllWrap{
    width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.cx_smartphoneview.sPage #contentAllWrap{
    width: 100%;
    padding: 0 2%;
}

/*-------------ページャー-------------*/
#pagerWrap{
    background-color: #fff;
    padding: 20px 0;
    border-top: solid 1px #ccc;
}
#pagerWrap{
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
#pagerWrap ul{
    width: 960px;
    /*width: 798px;*/
    /*width: 634px;*/
    margin: 0 auto;
    box-sizing: border-box;
}

.cx_smartphoneview #pagerWrap ul{
    padding: 0 20px;
    box-sizing: content-box;
}

#pagerWrap li{
    width: 145px;
    /*height: 145px;*/
    margin: 0 18px 0 0;
    /*background-color: #aaa;*/
    float: left;
    overflow: hidden;
}
#pagerWrap li:nth-last-of-type(1){ margin: 0;}

#pagerWrap li .photoBase{ height: 145px;}
#pagerWrap li img{
    width: auto;
    height: 100%;
}
#pagerWrap li p{ font-size: 88%; line-height: 1.4;}
#pagerWrap li a:hover p{
    text-decoration: underline;
}



/* ---------------------------------------------
	ビジュツちゃんページ
--------------------------------------------- */
/*.bijutsuchan #contentAllWrap{
    padding: 30px 20px;
}
.bijutsuchan #bijutsuchanWrap li{
    width: 32%;
    float: left;
    border: solid 3px #555;
    border-radius: 10px;
    margin: 0 2% 15px 0;
    box-sizing: border-box;
}
.bijutsuchan #bijutsuchanWrap li:nth-of-type(3n){ margin: 0 0 15px 0;}
.bijutsuchan #bijutsuchanWrap li:nth-of-type(13){ margin: 0 0 15px 34%;}
.bijutsuchan #bijutsuchanWrap li dd{
    text-align: center;
    padding: 0 15px 15px;
    font-size: 94%;
    line-height: 1.6;
}
.bijutsuchan #bijutsuchanWrap li dt{
    background: url(../img/bijutuchan_icn200.png) no-repeat center 0;
    height: 200px;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
}
.bijutsuchan #bijutsuchanWrap li#ap dt{ background-position: center -200px;}
.bijutsuchan #bijutsuchanWrap li#shinkoh dt{ background-position: center -400px;}
.bijutsuchan #bijutsuchanWrap li#dougu_l dt{ background-position: center -600px;}
.bijutsuchan #bijutsuchanWrap li#acryl dt{ background-position: center -800px;}
.bijutsuchan #bijutsuchanWrap li#clothes dt{ background-position: center -1000px;}
.bijutsuchan #bijutsuchanWrap li#light dt{ background-position: center -1200px;}
.bijutsuchan #bijutsuchanWrap li#make dt{ background-position: center -1400px;}
.bijutsuchan #bijutsuchanWrap li#dougu_s dt{ background-position: center -1600px;}
.bijutsuchan #bijutsuchanWrap li#deco dt{ background-position: center -1800px;}
.bijutsuchan #bijutsuchanWrap li#flower dt{ background-position: center -2000px;}
.bijutsuchan #bijutsuchanWrap li#frame dt{ background-position: center -2200px;}
.bijutsuchan #bijutsuchanWrap li#plant dt{ background-position: center -2400px;}

.cx_smartphoneview.bijutsuchan #contentAllWrap{ padding-top: 10px;}
.cx_smartphoneview.bijutsuchan #bijutsuchanWrap li{
    width: 100%;
    margin: 0 0 10px;
    float: none;
}*/
/*-------------ページャー-------------*/
/*.bijutsuchan #pagerWrap{
    background-color: #fff;
    padding: 20px 0;
    border-top: solid 1px #ccc;
}
.cx_smartphoneview.bijutsuchan #pagerWrap{
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.bijutsuchan #pagerWrap ul{
    width: 960px;
    width: 798px;
    width: 634px;
    margin: 0 auto;
    box-sizing: border-box;
}

.cx_smartphoneview.bijutsuchan #pagerWrap ul{
    padding: 0 20px;
    box-sizing: content-box;
}

.bijutsuchan #pagerWrap li{
    width: 145px;
    height: 145px;
    margin: 0 18px 0 0;
    background-color: #aaa;
    float: left;
    overflow: hidden;
}
.bijutsuchan #pagerWrap li:nth-last-of-type(1){ margin: 0;}

.bijutsuchan #pagerWrap li .photoBase{ height: 145px;}
.bijutsuchan #pagerWrap li img{
    width: auto;
    height: 100%;
}
.bijutsuchan #pagerWrap li p{ font-size: 88%; line-height: 1.4;}
.bijutsuchan #pagerWrap li a:hover p{
    text-decoration: underline;
}
*/
/* ---------------------------------------------
	ビジュペディアページ
--------------------------------------------- */
/*
.bijupedia h2.pageTtl{
    height: 62px;
    background-size: 490px;
    background-position: center -235px;
    margin-bottom: 10px;
}
.bijupedia h3{
    text-align: center;
    font-size: 140%;
    letter-spacing: -0.1em;
}
.cx_smartphoneview.bijupedia h3{ font-size: 120%;}

.bijupedia #contentAllWrap{
    padding: 30px 20px;
}
.bijupedia .bijupediaWrap{
    width: 32%;
    float: left;
    margin: 0 2% 0 0;
}

.cx_smartphoneview.bijupedia .bijupediaWrap{
    width: 100%;
    margin: 0;
}

.bijupedia .bijupediaWrap li{
    border: solid 3px #555;
    border-radius: 10px;
    margin: 0 0 15px 0;
    box-sizing: border-box;
    overflow: hidden;
}
.bijupedia .bijupediaWrap:nth-of-type(3n){ margin: 0;}
.bijupedia .bijupediaWrap li dt{
    font-size: 115%;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: -0.07em;
    padding: 15px 15px 10px;
}
.bijupedia .bijupediaWrap li dd.def{
    padding: 0 15px 10px;
    font-size: 94%;
    line-height: 1.8;
}
.bijupedia .bijupediaWrap li dd.photo_bs+dd.def{ padding: 15px 15px 10px;}
.bijupedia .bijupediaWrap li dd.def a{ color: #e80086;}
.bijupedia .bijupediaWrap li dd.def a:hover{ text-decoration: underline;}

.cx_smartphoneview.bijupedia .bijupediaWrap li dt{ font-size: 125%;}
.cx_smartphoneview.bijupedia .bijupediaWrap li dd.def{ font-size: 100%;}


.bijupedia .bijupediaWrap li dd.photo_bs,
.bijupedia .bijupediaWrap li dd.photo_bs img{
    width: 100%;
    height: auto;
}
.bijupedia #bijutsuchanWrap li dd.photo_bs img{}

*/
/*-------------シェアボタン-------------*/
#snsShareBtn{ margin: 50px auto 0;}
#snsShareBtn li{
    width: 49.5%;
    float: left;
}
#snsShareBtn li:nth-of-type(1){
    margin-right: 1%;
}
#snsShareBtn li a{
    display: block;
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 110%;
    font-weight: bold;
    text-shadow: -1px -1px 1px rgba(0,0,0,0.5);
    height: 60px;
    line-height: 60px;
    margin: 0 5px 0;
    padding: 0 0 0 30px;
    box-sizing: border-box;
}
#snsShareBtn li#twShare a{ background-color: #00aef4;}
#snsShareBtn li#fbShare a{ background-color: #3b579d;}
#snsShareBtn li#twShare a:hover{ background-color: #1bbeff;}
#snsShareBtn li#fbShare a:hover{ background-color: #305dcb;}
#snsShareBtn li a::before{
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top:50%;
    left: 20px;
    margin: -16px 0 0;
}
#snsShareBtn li#twShare a::before{
    background: url("../img/tw_icn.png") no-repeat 0 0;
    background-size: contain;
}
#snsShareBtn li#fbShare a::before{ background: url("../img/fb_icn.png") no-repeat 0 0;}

.cx_smartphoneview #snsShareBtn li a{
    font-size: 90%;
    height: 80px;
    line-height: 80px;
}


/*スマホ用 css*/
@media screen and (max-width: 600px) {
    .displaysp{ display: block;}
}


@media screen and (max-width: 750px) and (orientation: portrait), (max-width: 1013px) and (orientation: landscape) {
    .sp_display #gbheader #nav_upper #nav_upper__main{
        position: relative !important;
        display: none !important;
        transform: translateY(-100%) !important;
    }
    .sp_display #gbheader #emergency,
    .sp_display #gbheader #nav_upper .cx_header_content::after,
    .sp_display #gbheader #nav_upper .cx_header_content #nav_upper__sub{ display: none !important;}
    .sp_display #gbfooter p{ font-size: 3vw !important; line-height: 1.4 !important;}
    body.sp_display::after{ display: none !important;}
}