.hidePc,
#cms_lay-header #nav-category .logo img.logoSp,
#cms_lay-header .btnPc,
#cms_lay-header .btnMenu,
#footerSp,
#bottomLinkSp,
#gNaviSp {
display: none;
}

.entryBody {
overflow: hidden;
zoom: 1;
}
/* Toppic detail
-------------------------------------*/
#content .topicPhoto {
margin-bottom: 40px;
}
#content .topicPhoto ul {
overflow: hidden;
*zoom: 1;
margin-left: -15px;
}
#content .topicPhoto ul li {
float: left;
margin-left: 15px;
}
#content .topicPhoto ul li a {
position: relative;
display: block;
width: 132px;
height: 132px;
padding: 20px;
border: 1px solid #d9d9d9;
}
#content .topicPhoto ul li a:after {
position: absolute;
right: 7px;
bottom: 7px;
width: 16px;
height: 16px;
background: url(/share/image/topics/ico_enlarge01.png) 0 0 no-repeat;
content: "";
}
#content .topicPhoto ul li img {
width: 100%;
}

@media screen and (max-width: 640px) {
/* Common
-------------------------------------*/
body {
font-size: 12px;
-webkit-text-size-adjust: none;
-webkit-appearance: none;
}
.entryBody.hidePc,
.topicPhoto.hidePc{
display: block;
}
.entryBody img {
width: 100%;
height: 100%;
}
.hideSp {
display: none !important;
}
.fullWidthSp {
width: 100% !important;
}
.fullWidthSp .align-r.hidePc {
font-size: 12px;
display: block;
}
.tblReset {
border: 0 none;
height: auto;
}
#contents a,
#contents a:link {
color: #1b1bd1;
}

.basic_select01 {
display: block;
position: relative;
overflow: hidden;
width: 100%;
height: 29px;
margin: 16px 0 12px 0;
border: 1px solid #555;
border-radius: 2px;
background: url(/share/image/topics/bg_select01.gif) 0 0 repeat-x;
background-size: 2px 29px;
}
.basic_select01 span {
position: absolute;
top: 0;
right: 0;
z-index: 0;
overflow: hidden;
width: 25px;
height: 29px;
background: url(/share/image/topics/bg_select02.gif) 0 0 no-repeat;
background-size: 25px 29px;
text-indent: -999px;
content: "";
}
.basic_select01 select {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 110%;
height: 29px;
padding: 0 6px;
border: 0 none;
background: transparent;
font-size: 14px;
color: #555;
line-height: 1;
}

/* Header
-------------------------------------*/
#cms_lay-header {
width: auto;
height: 44px;
margin: 0;
padding: 18px 10px 0;
}
#cms_lay-header #nav-category li {
display: none;
}
#cms_lay-header #nav-category li.logo.hidePc {
display: block;
}
#cms_lay-header #nav-category .logo.hidePc img {
display: none;
}
#cms_lay-header #nav-category .logo.hidePc a {
display: block;
width: 83px;
height: 22px;
background: url(/share/image/topics/logo_sp.gif) 0 0 no-repeat;
background-size: 83px 22px;
}
#cms_lay-header .lay-header-inner {
display: none;
}
#cms_lay-header .btnPc {
display: block;
float: right;
}
#cms_lay-header .btnMenu {
display: block;
float: right;
padding: 4px 0 0 14px;
}
#cms_lay-header .btnMenu span {
display: block;
overflow: hidden;
width: 18px;
height: 15px;
cursor: pointer;
background: url(/share/image/topics/btn_menu01_sp.gif) 0 0 no-repeat;
background-size: 18px auto;
text-indent: -999px;
}

/* gNavi
-------------------------------------*/
html.is-sidebar-enabled,
html.is-sidebar-enabled body {
overflow: hidden;
height: 100%;
}
html.is-sidebar-enabled #gNaviSp,
html.is-sidebar-enabled #gNaviMask {
display: block;
}
#gNaviMask {
display: none;
position: fixed;
left: 0;
bottom: 0;
top: 0;
width: 100%;
z-index: 9998;
-webkit-tap-highlight-color: transparent;
}
#gNaviSp {
display: none;
overflow: hidden;
position: fixed;
right: -140px;
top: 0;
bottom: 0;
z-index: 9999;
width: 140px;
background-color: #666666;
border-left: 2px solid #525252;
font-size: 14px;
color: #fff;
font-weight: bold;
}
#gNaviSp .slidemenuBody {
overflow: auto;
height: 100%;
padding: 3px 10px 0 8px;
-webkit-overflow-scrolling: touch;
}

#gNaviSp ul {
padding-bottom: 10px;
}
#gNaviSp a {
display: block;
padding: 13px 0 13px 15px;
color: #fff;
text-align: left;
text-decoration: none;
border-bottom: 1px solid #fff;
font-size: 12px;
}
#gNaviSp a.taLeft {
padding-left: 0;
}
#gNaviSp a:visited,
#gNaviSp a:link {
color: #fff;
}

/* Content
-------------------------------------*/
#main {
display: block;
width: 100%;
}
#page-id,
#topic-path {
display: none;
}
#contents {
width: auto;
margin: 0;
padding: 0 10px;
font-size: inherit;
line-height: 21px;
}
#main-contents {
width: auto;
margin: 0;
}
#content {
margin-top: 0;
background: #fff;
}
#content .font-l {
font-size: 12px !important;
}

/* Heading
-------------------------------------*/
#content .mainSection h1.addTopics {
height: 22px;
padding-top: 8px;
padding-bottom: 0;
margin-bottom: 6px;
border-left: 8px solid #666;
font-size: 14px;
}

/* Pagetop
-------------------------------------*/
#content p.btn-pagetop {
font-size: 12px;
}
#content p.btn-pagetop a {
padding-left: 15px;
background: url(/share/image/topics/ico_arrow02_sp.gif) left center no-repeat;
background-size: 9px auto;
}
#content p.btn-pagetop a:hover {
text-decoration: underline;
}
#cms_list-socialplugin {
display: none;
}

/* Footer
-------------------------------------*/
#cms_lay-footer {
display: none;
}
#bottomLinkSp {
display: block;
padding: 0 10px 22px;
}
#bottomLinkSp ul li a {
display: inline-block;
padding-left: 13px;
background: url(/share/image/topics/ico_arrow01_sp.gif) left center no-repeat;
background-size: auto 9px;
font-size: 12px;
color: #1b1bd1;
line-height: 21px;
}

#footerSp {
display: block;
padding: 20px 10px 16px;
border-top: 1px solid #ccc;
background-color: #f7f7f7;
}
#footerSp .footerLink {
overflow: hidden;
*zoom: 1;
}
#footerSp .footerLink ul {
float: left;
margin-top: -4px;
font-size: 12px;
line-height: 21px;
}
#footerSp .footerLink .btnPc {
float: right;
}
#footerSp .footerLink a {
color: #1b1bd1;
}

#footerSp .footerSearch {
position: relative;
z-index: 1;/* Fixed CSSPIE background bug */
display: table;
overflow: hidden;
*zoom: 1;
width: 100%;
margin-top: 10px;
}
#footerSp .footerSearch li {
display: table-cell;
}
#footerSp .footerSearch li.inputBtn {
width: 40px;
}
#footerSp .footerSearch li.inputBtn a {
float: left;
}
#footerSp .footerSearch li .inputText {
float: left;
width: 100%;
height: 30px;
padding: 0 10px;
box-sizing: border-box;
border: 1px solid #bbb;
border-radius: 3px 0 0 3px;
box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
background-color: #fff;
font-size: 13px;
line-height: 25px;
color: #878787;
-webkit-appearance: none;
}
#footerSp .slogan img {
margin: 15px auto 0;
}
#footerSp .copyright img {
margin: 9px auto 0;
}

#footerSp #ftrForm {
clear : both;
padding-top : 15px;
position : relative;
}
#footerSp #ftrForm input[type*="search"] {
-moz-border-radius : 3px 3px 3px 3px;
-moz-box-shadow : inset 1px 1px 3px 0 rgba(0, 0, 0, 0.35);
-webkit-appearance : none;
-webkit-border-radius : 3px 3px 3px 3px;
-webkit-box-shadow : inset 1px 1px 3px 0 rgba(0, 0, 0, 0.35);
border : 1px solid #BBB;
border-radius : 3px 3px 3px 3px;
box-shadow : inset 1px 1px 3px 0 rgba(0, 0, 0, 0.35);
color : #222;
float : left;
font-size : 14px;
margin : 0;
padding : 7px 10px;
width : 100%;
}
#footerSp #ftrForm input[type*="search"]::-webkit-input-placeholder {
color : #888;
}
#footerSp #ftrForm input[type*="submit"] {
-moz-border-radius : 0 3px 3px 0;
-webkit-appearance : none;
-webkit-border-radius : 0 6px 6px 0;
background : -moz-linear-gradient(#DDD, #9A9A9A);
background : -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#9A9A9A));
background : linear-gradient(#DDD, #9A9A9A);
border : 1px solid #BBB;
border-left : none;
border-radius : 0 3px 3px 0;
color : #222;
font-size : 14px;
margin : 0;
padding : 7px 10px;
width : 40px;
position: absolute;
right: 0px;
top: 15px;
}
#footerSp #ftrForm:before {
content : url(/share/image/common/ico_search.png);
right : 7px;
position : absolute;
top : 19px;
z-index: 100;
}
/* Topics toppage
-------------------------------------*/
.mainSection .contentTbox {
margin: 0 !important;
}
/*.mainSection table {
width: auto !important;
}*/
.toppage .mainSection .contentTbox colgroup {
display: none;
}
.toppage .mainSection .contentTbox tr {
clear: left;
}
.toppage .mainSection .contentTbox th,
.toppage .mainSection .contentTbox td {
float: left;
width: 100%;
}
.toppage .mainSection .contentTbox th {
padding-top: 10px;
font-size: 12px;
font-weight: bold !important;
}
.toppage .mainSection .contentTbox td {
padding-bottom: 13px;
border-bottom: 1px dotted #999;
}
.toppage .mainSection .contentTbox tr:last-child td {
border-bottom: 0 none;
}

/* Topics detail
-------------------------------------*/
#content .topicRemark {
font-family: inherit !important;
font-size: 9px !important;
line-height: 19px;
}
#content .topicDate {
margin-top: 25px;
font-size: 11px;
}
#content .mainSection .archiveBox h2 {
font-size: 12px;
}

#content .topicPhoto {
margin-top: 35px;
margin-bottom: 0;
}
#content .topicPhoto ul {
display: table;
width: 100%;
margin-left: 0;
margin-bottom: 0;
padding: 0 17px;
box-sizing: border-box;
}
#content .topicPhoto ul li {
display: table-cell;
width: 50%;
margin-left: 0;
padding-left: 10px;
margin-bottom: 20px;
box-sizing: border-box;
}
#content .topicPhoto ul li:nth-child(2n-1) {
padding-left: 0;
padding-right: 10px;
clear: left;
}
#content .topicPhoto ul li a {
width: 100%;
/*height: auto;*/
height: 140px;
padding: 15px;
box-sizing: border-box;
}
#content .topicPhoto ul li a:after {
right: 4px;
bottom: 4px;
width: 13px;
height: 13px;
background: url(/share/image/topics/ico_enlarge01_sp.png) 0 0 no-repeat;
background-size: 13px 13px;
}
}​