@charset "utf-8";

/* 汎用 */
.sp_only {
	display: none;
}

/* top */
.toplist li  {
	margin-right: 20px;
}
.toplist li:nth-child(5n) {
	margin-right: 0;
}


/* メインリスト */
.toplist li {
	position: relative;
	overflow: hidden;
}

.sp_menu_toggle {
	display: none;
}

.toplist li a::before {
	content: "";
	display: block;
	background: url(img/more_topics.png);
	background-repeat: no-repeat;
	background-position: center;
	
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-top: 200%;
	
	opacity: 0;
	transition: 0.3s ease all;
}
.toplist li a:hover::before {
	opacity: 1;
}

/* メインリスト2 */
.toplist2 li {
	position: relative;
	overflow: hidden;
}

.toplist2 li a::before {
	content: "";
	display: block;
	background: url(img/more_field.png);
	background-repeat: no-repeat;
	background-position: center top;
	
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-top: 23%;
	
	opacity: 0;
	transition: 0.3s ease all;
}
.toplist2 li a:hover::before {
	opacity: 1;
}

/* メインリスト3 */
.toplist3 li {
	position: relative;
	overflow: hidden;
}

.toplist3 li a::before {
	content: "";
	display: block;
	background: url(img/more_topics_sp.png);
	background-repeat: no-repeat;
	background-position: center;
	
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-top: 36%;
	
	opacity: 0;
	transition: 0.3s ease all;
}
.toplist3 li a:hover::before {
	opacity: 1;
}

/* EMS */
.subTTLtopics {
	width: 100%;
}
.ems_area .indexbox2 {
	margin-right: 20px;
}

.ems_area .indexbox2:nth-of-type(3n) {
	margin-right: 0px;
}

.ems .casebox {
	margin-right: 20px;
}
.ems .casebox:nth-child(3n) {
	margin-right: 0px;
}

/* 製品紹介 */
.gazou_1 {
	margin-bottom: 1em;
}

.gazou_2 {
	overflow: hidden;
	margin-bottom: 1em;
}
.gazou_2 li {
	float: left;
	width: 48%;
}
.gazou_2 li:last-child {
	float: right;
}
.gazou_2 img {
	width: 100%;
}
.gazou_3 {
	overflow: hidden;
	margin-bottom: 1em;
}
.gazou_3 li {
	float: left;
	width: 32%;
	margin-right: 2%;
}
.gazou_3 li:last-child {
	margin-right: 0;
}
.gazou_3 img {
	width: 100%;
}

/* amusment */
.amu_box > div {
	margin-right: 20px;
}
.amu_box > div:nth-child(3n) {
	margin-right: 0;
}

/* result */
.floatbox3ul02 > li {
	margin-bottom: 20px;
}

.floatbox3ul02 .disc {
	overflow: hidden;
}

/* 国内拠点 */
.area img {
	width: 274px;
	height: auto;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

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

/* 汎用 */
body{
   font-family: 'Meiryo',"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka", sans-serif;
}

.pc_only {
	display: none;
}
.sp_only {
	display: block;
}

.w100 {
	width: 100%;
}

.sp_scroll {
	overflow: auto;
	white-space: nowrap;
}

.sp_floatnone {
	float: none !important;
}


/* head */
#globalHeader, #header_inner, #change {
	display: none !important;
}

#sp_header {
	width: 100%;
	height: 60px;
	background: #fff;
	
	position: fixed;
	top: 0;
	left: 0;
	
	padding-top: 10px;
	padding-left: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	
	z-index: 999;
}

.sp_menu {
	display: block;
	position: absolute;
	top: 10px;
	right: 20px;
	
	width: 45px;
	height: 40px;
	
	cursor: pointer;
}

.sp_menu span {
	display: block;
	width: 100%;
	height: 4px;
	background: #111;
	
	transition: 0.3s ease all;
}
.sp_menu span:nth-child(2) {
	position: absolute;
	top: 11px;
	transform: translateY(-50%);
}
.sp_menu span:nth-child(3) {
	position: absolute;
	top: 18px;
}

/* active */

.active .sp_menu span:nth-child(2) {
	display: none;
}

.active .sp_menu span:first-child {
	transform: rotate(-30deg);
	position: absolute;
	bottom: 28px;
}

.active .sp_menu span:nth-child(3) {
	transform: rotate(30deg);
	position: absolute;
	top: 8px;
}

/* ハンバーガーメニュー */
.sp_menu_toggle {
  position: fixed;
  top: 59px;
  right: 0;
  z-index: 10;
  
  display: block;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.7);
  
  border-top: 1px solid #ccc;
  
  visibility: hidden;
  transition: 0.3s ease all;
}
.active .sp_menu_toggle {
	overflow: scroll;
	visibility: visible;
}

.sp_menu_toggle_inner {
  transform: translateY(-100%);
  transition: 0.3s ease all;
}
.active .sp_menu_toggle_inner {
	transform: translateY(0%);
}

.sp_menu_item{
  width: 100%;
  height: auto;
  text-align: left;
  color: #fff;
  background: #fff;
  
  position: relative;
}

.sp_menu_item a {
	display: block;
	padding: 7px 10px;
}
.sp_menu_item a:hover {
	background-color: #f1f1f1;
	transition: 0.3s ease all;
}

.parent {
	position: relative;
	display: block;
	border-bottom: 1px solid #ccc;
}
.parent a {
	overflow: hidden;
}

.sp_menu_thumb {
	float: left;
	width: 26%;
}
.sp_menu_thumb img {
	width: 100%;
}

.sp_menu_parenttitle {
	position: absolute;
	left: 29%;
	top: 21px;
}

.parent a .arrow {
	position: absolute;
	left: 93%;
	top: 25px;
	
	display: block;
	width: 20px;
	height: 17px;
	background-image: url(https://www.shinko-sj.co.jp/wp_shinko/wp-content/themes/shinko/img/spmenuinner_arrow.svg);
	background-repeat: no-repeat;
	
	transition: 0.3s ease all;
}
.parent a.open .arrow {
	transform: rotate(180deg);
}

.child {
	display: none;
}
.child .sp_menu_item {
	background: #fafafa;
}
.child .sp_menu_item a {
	border-top: 1px dotted #ccc;
}

.sp_menu_inner_child a {
	background-image: url(../images/megamenu_arrow.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 32px;
}

.sp_menu p {
	position: absolute;
	bottom: -4px;
	left: 0;
	right: 0;
	text-align: center;
	
	font-weight: bold;
	letter-spacing: 0.07em;	
}





/* slide */
.fluid_container {
	max-width: 100%;
}

.fluid_container > div {
	padding-top: 60px;
}

.fluid_container img {
	width: 100%;
}

/* slide */
.camera_wrap {
	height: auto !important;
}
.camera_wrap img {
	width: 100% !important;
	height: auto !important;
	margin-left: 0 !important;
}
.camera_fakehover {
	min-height: 0 !important;
	height: 0 !important;
	padding-top: 45%;
}


/* slide2 */
.camera_wrap > div {
	width: 100%;
}


/* topix */
#topics {
}
#front_infomation {
	width: 100%;
}
#marqee_text {
	float: none;
	width: 100%;
}

#line_topics {
	width: 100%;
}

#line_topics > div {
	width: 100% !important;
}

#lt_midashi {
	float: none;
	width: 100%;
	background: #000;
}

/* プレミアムフライデー */
#icon_box {
	margin-top: 20px;
}


/* メインコンテンツ */
#inner {
	width: 96%;
	margin: auto;
}

/* メインリスト1 */
.toplist li {
	width: 49%;
	float: left !important;
	margin: 0 0 10px !important;
}
.toplist li:nth-child(2n) {
	float: right !important;
}

.more_topics {
	width: 100%;
	height: 380px;
}

.more_topics img, .contenthover img {
	width: 100%;
}

.toplist li a::before {
	background: url(img/more_topics_sp.png);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 88%;
}

/* メインリスト2 */
.toplist2 li {
	width: 49%;
	float: left !important;
	margin: 0 0 10px !important;
}
.toplist2 li:nth-child(2n) {
	float: right !important;
}

.toplist2 li .topicsL {
	float: none;
	width: 100%;
}
.toplist2 li .topicsR {
	float: none;
	width: 100%;
	height: 103px;
}

.toplist2 li .topicsL img, .toplist2 li .topicsR img {
	width: 100%;
}

.more_topics2 {
	width: 100%;
	height: auto;
}

.toplist2 li a::before {
	background: url(img/more_topics_sp.png);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 90%;
}

/* メインリスト3 */
#field {
	background: #8cb7e3;
	background-image: none;
}

.toplist3 {
	text-align: center;
	overflow: hidden;
}

.toplist3 li {
	float: none !important;
	width: 320px;
	margin: 0 auto 20px !important;
}
.toplist3 li:last-child {
	margin: 0 auto 0px !important;
}

/* リリース */
#content {
	width: 98%;
	margin: auto;
}

#w50L, #w50R {
	width: 100% !important;
	float: none !important;
}
#w50L {
	margin-bottom: 30px;
}

.topTTLnews {
	background-image: url(img/ttl_news_sp.gif);
	background-position: left;
}
.topTTLir {
	background-image: url(img/ttl_ir_sp.gif);
	background-position: left;
}

.topTTLnews, .topTTLir {
	width: 100%;
}

.news_wrapper, .jspContainer {
	width: 100% !important;
}

dl.information {
	width: 90%;
}


/* バナーエリア */
#bnr ul {
	width: 96%;
	margin: auto;
	float: none;
	overflow: hidden;
	
	left: auto;
}
#bnr ul li {
	float: left;
	width: 48%;
	margin: 0 2% 20px 0;
	
	left: auto;
}
#bnr ul li:nth-child(2n) {
	float: right;
	margin-right: 0;
}
#bnr ul li img {
	width: 100%;
}

/* フッター */
.footL {
	width: 100%;
	float: none;
	margin: 0;
}
.footL p {
	margin-left: 0;
}

.footR {
	display: none;
}

.foot_att {
	width: 70%;
	margin: auto;
}

.cpL, .cpR {
	float: none;
	width: 100%;
}

.cpL ul {
	overflow: hidden;
}


/* 一般サブページ */
#subHeaderWrap {
	display: none;
}

#crumbs {
	margin-top: 60px;
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

#breadcrumbs {
	width: 100%;
}

#main {
	float: none;
	width: 100%;
}

#side {
	float: none;
	width: 100%;
	margin-top: 60px;
}
#sidemenu dl dd ul li a {
	padding: 7px 0;
	font-size: 13px;
}

/* 会社情報インデックス */
.corp .indexbox {
	float: left;
	width: 48%;
	margin-right: 0;
}

.corp .indexbox:nth-child(2n) {
	float: right;
}

.corp .indexbox .image img {
	width: 100%;
}

/* 会社概要 */
.gaikan {
	float: none !important;
	margin: 0 0 10px 0 !important;
	padding: 20px !important;
	border: 1px solid #ccc !important;
	overflow: hidden;
}
.gaikan img {
	margin-bottom: 20px;
}

/* 国内拠点 */
ul#pagenav {
	position: static;
	left: none;
	float: none;
}

ul#pagenav li {
	position: static;
	right: auto;
	
	float: left;
	width: 50%;
	box-sizing: border-box;
	margin-bottom: 8px;
}

.area {
	margin: 40px 0 60px !important;
	padding-top: 60px !important;
}

.area img {
	width: 100%;
	float: none !important;
}

.area dl {
	margin-top: 10px;
}

#office_list .kanren {
	margin-bottom: 0;
}

/* 事業紹介 */
.floatbox {
	width: 100%;
}
.floatbox2L, .floatbox2R {
	float: none;
	width: 100%;
}
 
.floatbox2L img, .floatbox2R img {
	width: 100%;
	margin-bottom: 10px;
}
 
ul.floatbox3ul li {
	width: calc(100% - 30px);
	margin: 0 15px;
}

ul.floatbox3ul li img {
	width: 100%;
	margin-bottom: 15px;
}

ul.floatbox1ul li {
	width: calc(100% - 30px);
	margin: 0 15px;
}

ul.floatbox1ul li img {
	width: 100%;
}

/* デバイスソリューション */
ul.floatbox3ul02 li {
	float: none;
	width: 100%;
	margin-top: 20px;
}
ul.floatbox3ul02 li.mgr {
	margin-right: 0;
}
ul.floatbox3ul02 li img {
	width: 100%;
}

/* EMS */
.ems {
	overflow: hidden;
}

.ems .indexbox2 {
	width: 48%;
	margin-right: 4%;
	box-sizing: border-box;
}

.ems .indexbox2:nth-of-type(3n) {
	margin-right: 4%;
}

.ems .indexbox2:nth-of-type(2n) {
	margin-right: 0px;
}

.ems .indexbox2 img {
	width: 100%;
}

.ems .indexbox2 .detail {
	text-align: center;
}

.ems .indexbox2 .detail img {
	width: 80%;
}

.ems .casebox {
	width: 48%;
	float: left;
	margin-right: 4%;
	box-sizing: border-box;
}
.ems .casebox:nth-child(3n) {
	margin-right: 4%;
}
.ems .casebox:nth-child(2n) {
	margin-right: 0%;
}

/* 感染症 */
.solu_head {
	width: 100%;
}
.solu_head img {
	width: 100%;
}

.solu_links {
	width: 100% !important;
	height: auto !important;
	background-size: 100% !important;
	background-position: top !important;
	margin-top: 50px !important;
	padding-top: 230px;
}
.solu_1, .solu_2, .solu_3, .solu_4 {
	position: static !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	background-position: left top !important;
	margin-bottom: 20px;
}
.solu_link {
	line-height: 1.5;
}

.solu_sub_box img {
	width: 100%;
}

.solu_sub_box_left, .solu_sub_box_inner {
	width: 100% !important;
	float: none !important;
	margin-bottom: 10px;
}

/* aiplay */
.aiplay_notouchbox_wrap img {
	width: 100% !important;
	display: inline !important;
}

.aiplay_notouchbox {
	float: none;
	width: 100% !important;
	margin: 0 !important;
}

.btn_list {
	padding: 0;
}

.aiplay_movie {
	width: 100%;
	float: none;
	margin-right: 0;
}

.aiplay_movie h2 {
	background-image: url(https://www.shinko-sj.co.jp/wp_shinko/wp-content/themes/shinko/img/h2_bg.gif);
	background-position: left bottom;
}

.aiplay_movie_box {
	width: 100%;
}

.section_aiplay ul {
	width: 100%;
}

.aiplay_newsreleace {
	width: 100%;
	height: 39px;
	background-color: #666666;
}
.aiplay_newsreleace h2 {
	margin-bottom: 0;
}
.aiplay_newsreleace h2 a {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	
	width: 64px;
	height: 39px;
	text-indent: 0;
}
.aiplay_newsreleace h2 a img {
	position: static;
	top: auto;
	left: auto;
}

.aiplay_info_area {
	width: 100%;
	border: 1px solid #ccc;
	border-top: 0;
	box-sizing: border-box;
}
.aiplay_news_wrapper {
	width: 100%;
	box-sizing: border-box;
}

video {
	width: 100% !important;
	height: auto !important;
}

p.btn02 {
	width: 100% !important;
	box-sizing: border-box;
}

.section_aiplay2 ul {
	width: 100%;
	margin-right: 0;
}

.aiplay_newsreleace {
	margin-bottom: 0 !important;
}

.aiplay_pamphlet {
	width: 100%;
	float: none;
}

.aiplay_pamphlet h2 {
	background-image: url(https://www.shinko-sj.co.jp/wp_shinko/wp-content/themes/shinko/img/h2_bg.gif);
	background-position: left bottom;
}

/* 組み込み */
.kumikomi_main {
	width: 100%;
	background-size: contain;
	margin-bottom: 0;
	padding-top: 39%;
	height: auto !important;
}
.kumikomi_main_txt {
	position: static !important;
	left: auto !important;
	bottom: auto !important;
	margin-bottom: 30px;
	
	width: 100% !important;
	box-sizing: border-box;
}


.kumikomi .case_thumb {
	width: 80%;
	margin: 20px auto 0;
	float: none;
}
.kumikomi .case_info {
	width: 100%;
	float: none;
}

.kumikomi_service .clearfix img {
	float: none;
	width: 100%;
	margin: 0 0 20px 0px;
}

/* 産業 */
.sangyo .indexbox3 {
	width: 100%;
}

.sangyo .indexbox3 .image img {
	width: 100%;
}

.sangyo .btn02 {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

.fivebox {
	margin-bottom: 20px;
}

/* car */
dl.bunya_menu dd ul li {
	background-position: left 5px;
}

.sol01box_arrow {
	width: 760px;
}

.car_solu3 .sp_floatnone {
	text-align: center;
	margin-bottom: 20px;
}

/* アミューズメント */
.amu_box .indexbox2 {
	width: 46%;
	float: left;
	margin-right: 4%;
}
.amu_box .indexbox2:nth-child(3n) {
	margin-right: 4%;
}
.amu_box .indexbox2:nth-child(2n) {
	margin-right: 0%;
}
.amu_box .indexbox2 .image img {
	width: 100%;
}
.amu_box .indexbox2 .detail {
	text-align: center;
}
.amu_box .indexbox2 .detail img {
	width: 80%;
}

ul.amu_catlist li {
	width: 46%;
	float: left;
	margin-right: 4%;
}

ul.amu_catlist li:nth-child(2n) {
	margin-right: 0%;
}

/* ソリューション実績 */
.result .floatbox3ul02 > li {
	float: left;
	width: 48%;
}
.result .floatbox3ul02 > li:nth-child(2n) {
	float: right;
}

.result ul.disc li {
	float: none !important;
	margin: 5px 0 !important;
}

/* 製品情報 */
ul.tab-list li {
	width: 49%;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 10px !important;
	text-align:center;
}
ul.tab-list li:last-child {
	float: right;
}

div.tab {
	width: 100% !important;
}

ul.catList li {
	width: 48% !important;
	margin-right: 0 !important;
}
ul.catList li:nth-child(2n) {
	float: right;
}

dl.maker {
	margin: 0 0 30px 0;
	width: 100%;
}

/* csr */
.tourokuR, .tourokuL {
	float: none;
	width: 100%;
}

.tourokuL img {
	width: 100%;
	height: auto;
}

.quality .dl03 dt, .quality .dl03 dd {
	float: none;
	width: 100%;
	box-sizing: border-box;
}
.quality .dl03 dt {
	background: #f1f1f1;
	padding: 5px 5px 3px 5px;
}
.quality .dl03 dd {
	margin-left: 0;
	padding: 5px 0;
}

/* ir */
.irtop .subTTLir {
	width: 100%;
}
.ir_single_wrapper {
	width: 100% !important;
}

.irtop .indexbox2 {
	width: 48%;
	margin-right: 0;
}
.irtop .indexbox2:nth-child(2n) {
	float: right;
}

.irtop .indexbox2 .detail {
	text-align: center;
}

.irtop .indexbox2 .detail img {
	width: 80%;
}

#side ul.sidenav {
	margin: 0;
	padding: 0;
}

.highlight_list li {
	float: none !important;
	margin-bottom: 30px;
}

.ir.news .subTTLirCat, .tax-irnewscat .subTTLirCat {
	width: 100%;
	box-sizing: border-box;
}

.ir_archive_wrapper {
	width: 100%;
	box-sizing: border-box;
}

.wp-pagenavi {
	overflow: hidden;
}

.wp-pagenavi .pages {
	display: block;
	margin-bottom: 6px;
}

.wp-pagenavi .page, .wp-pagenavi .current, .nextpostslink {
	display: block;
	width: 10%;
	margin-right: 1.2%;
	float: left;
	margin-bottom: 6px;
}
.extend {
	display: none;
}



/* sitemap */
.sitemap ul.smap {
	width: 100%;
}

.sitemap ul.smap li {
	margin-right: 0;
}

/* お問い合わせ */
dl.form dt, dl.form dd {
	float: none;
	width: 100%;
	box-sizing: border-box;
	margin-left: 0;
}
dl.form dt {
	padding-bottom: 8px;
}
dl.form dd {
	border-top: 0;
	border-left: 0;
}

/* 業績ハイライト */
.chart_set li {
	float: none !important;
	margin-bottom: 20px;
}


/* irカレンダー */
table#table-ir td.day {
	text-align: center !important;
}

table#table-ir td.month {
	text-align: center !important;
}

/* ご利用にあたって */
.inner_in {
	padding: 0;
}

/* 製品紹介 */
.gazou_1 img {
	width: 100%;
}

.gazou_2 {
	overflow: hidden;
}
.gazou_2 li {
	float: none;
	width: 100%;
	margin-bottom: 1em;
}
.gazou_2 li:last-child {
	float: none;
}
.gazou_3 {
	overflow: hidden;
}
.gazou_3 li {
	float: none;
	width: 100%;
	margin-right: 0%;
	margin-bottom: 1em;
}
.gazou_3 li:last-child {
	margin-right: 0;
}

/* 企業 */
.singlepage .alignright {
	float: none;
	
	margin-left: 0;
	margin-bottom: 10px;
}

.singlepage img {
	max-width: 100%;
	display: block;
	height: auto;
}

/* お知らせ */
.singlepage a:link {
	word-break: break-all;
}

.singlepage table {
	width: 100%;
}














.sp_floatnone {
	float: none !important;
	margin: 0 !important;
}

}