@charset "utf-8";
/*
Theme Name: selp2015
Theme URI: http://wordpress.org/
Description: みやぎセルプのためのオリジナルテーマ
Version: 1.0
Author: SONAR GRAPHICS

*/


/*===============================================
●smart.css 画面の横幅が640px以下
===============================================*/
@media screen and (max-width: 640px){

.sphidden {
	display:none;
}

body {
	margin: 0px;
	padding: 0px;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 14px;
}
body a {
	color: #666;
}

.socialbookmarkinglight {
	margin: 0 10px !important;
}

#head {
	margin: 0px;
	padding: 0px;
	border-top: 6px solid #F19716;
}
#head .headinner {
	margin: 0px auto 1em;
	padding: 0;
}
#head .headinner .toplogo  {
	margin: 0;
	padding: 0;
}
#head .headinner .toplogo img {
	width: 100%;
	margin: 0;
	padding: 0;
}
#head .headinner p {
	font-size: 11px;
	line-height: 14px;
	background-color: #EEE;
	display: block;
	padding: 4px;
	text-align: center;
	margin: 0;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}
#head .headinner .toplink {
	display: none;
}

/*headmini*/
#fixmenu {
position: fixed;
left: 0px;
top: 0px;
z-index: 10000;
width: 100%;
display: none;
} 

#gmenu ul, #fixmenu ul {
	background-color: #F19716;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	height: 60px;
	list-style-type: none;
}
#gmenu ul li, #fixmenu ul li {
	height: 60px;
	width: 20%;
	float: left;
}
#gmenu ul li a, #fixmenu ul li a {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60px 60px;
	border-right: 1px solid #FFF;
	display: block;
	height: 60px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#gmenu ul li.about, #fixmenu ul li.about,
#gmenu ul .special, #fixmenu ul .special {
	display: none;
}
#gmenu ul .top a, #fixmenu ul .top a {
	background-image: url(common/gmenu_sp_top.png);
}
#gmenu ul li.request a, #fixmenu ul li.request a {
	background-image: url(common/gmenu_sp_fs.png);
}
#gmenu ul .pdct a, #fixmenu ul .pdct a {
	background-image: url(common/gmenu_sp_pdct.png);
}
#gmenu ul .office a, #fixmenu ul .office a {
	background-image: url(common/gmenu_sp_office.png);
}
#gmenu ul .about a, #fixmenu ul .about a {
	background-image: url(common/gmenu_sp_about.png);
}
#gmenu ul .contact a, #fixmenu ul .contact a {
	background-image: url(common/gmenu_sp_contact.png);
	border-right: none;
}
#mainimg img {
	width: 100%;
}
	.introlinkbtn {
    margin: 0 0 30px;
		text-align: center;
	}
	.introlinkbtn a {
		display: inline-block;
		background: #F19716;
    padding: 10px 50px;
		text-decoration: none;
		font-size: 11px;
		color: #fff;
	}
.spsns {
	margin: 0 10px 10px;
	float: right;
}
.spsns img {
	width: 32px;
	margin-left: 8px;
}
.share {
	margin: 5px 10px;
}
.share iframe {
	margin-right: 5px;
}
#foot {
	clear: both;
}
#foot .footinner .footselp {
	font-size: 12px;
	text-align: center;
	border-top: 4px solid #F79A00;
	line-height: 30px;
}
#foot .footinner .copylight {
	color: #FFF;
	background-color: #999;
	padding: 10px;
	text-align: center;
	font-size: 10px;
}
#pdctroll   {
	margin: 0 0 10px;
	clear: both;
}
#pdctroll h2   {
	background-color: #F19716;
	color: #FFF;
	font-size: 16px;
	line-height: 16px;
	padding: 7px 10px;
	margin: 0;
}
#pdctroll .inner {
	margin: 0 30px;
}
#wrap #indexleft .bnr {
	margin: 20px 10px;
	padding: 0px;
	list-style-type: none;
}
#wrap #indexleft .bnr li {
	display: block;
	margin: 0px;
	padding: 0px;
}
#wrap #indexleft .bnr a img {
	width: 100%;
}
#wrap #indexleft .indexinfo h2 {
	background-color: #F19716;
	color: #FFF;
	font-size: 16px;
	line-height: 1.5;
	padding: 7px 10px;
	margin: 0;
}
#wrap #indexleft .indexinfo .infolist  {
	margin: -25px 0 0;
	padding: 0px;
	text-align: right;
	height: 25px;
}
#wrap #indexleft .indexinfo .infolist a {
	font-size: 12px;
	margin: 0;
	padding: 7px 10px;
	text-decoration: none;
	color: #FFF;
}
#wrap #indexleft .indexinfo ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#wrap #indexleft .indexinfo ul li {
	margin: 0px;
	padding: 7px 50px 7px 10px;
	border-bottom: 1px solid #CCC;
	font-size: 16px;
	line-height: 1.5;
	background-image: url(common/info_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 20px;
}
#wrap #indexleft .indexinfo ul li span {
	display: block;
}
#wrap #indexleft .indexinfo ul li a {
	text-decoration: none;
}
#wrap #indexright ul {
	margin: 10px 0 0;
	padding: 0px;
	list-style-type: none;
	overflow: auto;
}
#wrap #indexright ul li {
	float: left;
	width: 45%;
	display: block;
	margin: 0 0 10px 3.5%;
}
#wrap #indexright ul li.sphidden {
	display: none;
}
#wrap #indexright ul li a img {
	width: 100%;
}
.blist {
	font-size: 10px;
	line-height: 15px;
	margin: 0px;
	padding: 10px;
	border-bottom: 1px solid #AAA;
}
#wrap #left640 .spselect {
	margin:10px 10px -10px;
}
#wrap #left640 .spselect select{
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	width: 100%;
	padding: 3px 40px 3px 7px;
	border: 1px solid #AAA;
	background-color: #EEE;
	background-image: url(common/selectbg_sp.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 30px 41px;
	font-size: 12px;
	line-height: 25px;
	margin: 0 0 10px;
}
#wrap #left640 .spselect input{
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	width: 100%;
	padding: 0;
	border: 1px solid #AAA;
	background-color: #666;
	font-size: 14px;
	line-height: 40px;
	margin: 0 0 10px;
	color: #FFF;
	font-weight: bold;
}
#wrap .pagetitle  {
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	background-image: url(common/pagetitlle_bg.png);
	background-repeat: no-repeat;
	background-position: 10px 15px;
	background-size: 18px;
	margin: 0px;
	padding: 10px 10px 10px 32px;
}
#wrap #left640 .officeimg {
	margin: 0px;
	padding: 0px;
}
#wrap #left640 .noslide,
#wrap #left640 .noimage {
	text-align: center;
}
#wrap #left640 .noslide img,
#wrap #left640 .noimage img {
	max-width: 100%;
	height: auto;
}
#wrap #left640 #officethumb   {
	text-align: center;
	margin: -46px 0 15px;
}
#wrap #left640 #officethumb a img {
	width: 65px;
	padding: 0 4px;
}
#wrap #left640 .facilities-spec {
	width: cacl(100% - 20px);
	border-collapse: collapse;
	margin: 20px 10px;
}
#wrap #left640 .facilities-spec th {
	background: #fffaeb;
	width: 90px;
	border: 1px solid #ccc;
	padding: 10px;
}
#wrap #left640 .facilities-spec td {
	border: 1px solid #ccc;
	padding: 10px;
	word-break: break-all;
}
#wrap #left640 .gmap {
	overflow: hidden;
	position: relative;
	height: 0;
	margin: 0 10px 20px;
	padding-bottom: 56.25%;
}
#wrap #left640 .gmap iframe,
#wrap #left640 .gmap object,
#wrap #left640 .gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#wrap #left640 .spec {
	margin: 10px;
}
#wrap #left640 .spec .officename {
	font-size: 16px;
	line-height: 22px;
	margin: 10px 0;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#wrap .col {
	line-height: 1.8;
	font-size: 16px;
}
#wrap .col   h2 {
	background-color: #F19716;
	color: #FFF;
	font-size: 12px;
	line-height: 16px;
	padding: 7px 10px;
	margin: 0;
}
#wrap .col p  {
	margin: 10px;
}
#wrap .col img  {
	max-width: 100%;
	height: auto;
}
#wrap .col table.bosyu-table1 {
	width: auto;
}
#wrap .col table.bosyu-table1 td {
	width: auto !important;
}
#wrap .col table td.width200 {
	width: auto;
}
#wrap .col table.bosyu-table2 {
	width: auto;
	margin-left: auto;
}
#wrap #left640 .col .pdctlist {
	margin: 10px 0 0 0;
	padding: 0px;
	list-style-type: none;
	overflow: auto;
}
#wrap #left640 .col .pdctlist li {
	width: 28.8%;
	float: left;
	margin: 0 0 14px 3.4%;
}
#wrap #left640 .col .pdctlist li p {
	margin: 5px 0 0;
	height: 50px;
	line-height: 1.5;
	overflow: hidden;
}
#wrap #left640 .col .pdctlist li a img {
	width: 100%;
}
#wrap #left640 .col .news {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#wrap #left640 .col .news li {
	margin: 0px;
	padding: 7px 50px 7px 10px;
	border-bottom: 1px solid #CCC;
	font-size: 10px;
	line-height: 14px;
	background-image: url(common/info_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 20px;
}
#wrap #left640 .col .news li span {
	display: block;
}
#wrap #left640 .col .news li a {
	text-decoration: none;
}
#wrap #right220 .officemap {
	margin: 20px auto 0;
	display: block;
}

#wrap #right220 #tab1 .tab-list.pkg  {
	padding: 0 0 0 3px;
	margin: 20px 0 0 0;
	border-bottom: 1px solid #AAA;
	height: 36px;
	list-style-type: none;
}
#wrap #right220 #tab1 .tab-list.pkg li {
	float: left;
	width: 22%;
	text-align: center;
	margin: 0 0 0 2%;
	padding: 0px;
	line-height: 35px;
	border: 1px solid #AAA;
	border-bottom: none;
	background-color: #F39700;
	font-size: 12px;
}
#wrap #right220 #tab1 .tab-list.pkg li.selected {
	border-bottom: 1px solid #FFF;
	background-color: #FFF;
}
#wrap #right220 #tab1 .tab-list.pkg li.selected a{
	color: #666;
}
#wrap #right220 #tab1 .tab-list.pkg li a {
	color: #FFF;
	text-decoration: none;
	display: block;
}
#wrap #right220 .tab-box ul{
	margin: 0 0 20px;
	padding: 0px;
	list-style-type: none;
}
#wrap #right220 .tab-box ul li{
	margin: 0px;
	padding: 0;
	border-bottom: 1px solid #AAA;
	background-image: url(common/officelist_bg.png);
	background-repeat: no-repeat;
	background-position: 7px 14px;
	line-height: 20px;
}
#wrap #right220 .tab-box ul li a{
	margin: 0px;
	padding: 10px 0 10px 25px;
	display: block;
	text-decoration: none;
}
#wrap #right220 .pdctlist ul{
	overflow: auto;
	border-top: 1px solid #AAA;
	background-image: url(common/pdctlist_center.png);
	background-repeat: repeat-y;
	background-position: center;
}
#wrap #right220 .pdctlist ul li{
	width: 50%;
	float: left;
}
#wrap #left640 .pdctlist ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #AAA;
}
#wrap #left640 .pdctlist ul li {
	padding: 10px;
	border-bottom: 1px solid #AAA;
	overflow: auto;
	line-height: 1.5;
	font-size: 16px;
}
#wrap #left640 .pdctlist ul li a img {
	float: left;
	width: 100px;
	margin: 0 10px 0 0;
}
#wrap #left640 .pdctlist ul li h3 {
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #F19716;
	margin: 0px;
	padding: 0px;
}
#wrap #left640 .pdctlist ul li span {
	color: #999;
}
#wrap #left640 .col .officename {
	font-size: 14px;
	line-height: 22px;
	margin: 10px;
	padding: 0px;
}
#wrap #left640 .col .textbot {
	display: inline-block;
	margin: 0 0 0 10px;
}
#wrap #left640 .col .textbot a {
	text-decoration: none;
	background-color: #EEE;
	display: block;
	margin: 0 0 10px;
	padding: 3px 10px;
	border: 1px solid #999;
	border-radius: 3px;
}
#wrap #left640 .col .officethumb {
	margin: 10px;
}
#wrap #left640 .col .officethumb img {
	width: 100%;
}
#wrap #left640 .spec p img {
	max-width: 100%;
	height: auto;
}
#wrap .infolist   {
	margin: 0;
}
#wrap .infolist ul   {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#wrap .infolist ul li   {
	overflow: hidden;
	margin: 0;
	padding: 10px 50px 0px 10px;
	border-top: 1px solid #999;
	background-image: url(common/infolist_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 20px;
	max-height: 105px;
	line-height: 1.5;
	font-size: 16px;
}
#wrap .infolist ul li .date {
	color: #888;
	margin: 0px;
	padding: 0px;
}
#wrap .infolist h3  {
	font-size: 14px;
	line-height: 20px;
	color: #F19716;
	padding: 0;
	margin: 0px;
	text-decoration: none;
}
#wrap .infolist h3 a {
	font-size: 14px;
	line-height: 20px;
	color: #F19716;
	padding: 0;
	margin: 0px;
	text-decoration: none;
}
#wrap .navigation {
	overflow: auto;
	margin: 0;
	padding: 10px;
	border-top: 1px solid #AAA;
}
#wrap .navigation .alignleft; {
	float:left;
}
#wrap .navigation .alignright; {
	float:right;
}
#wrap .navigation a {
	text-decoration: none;
	display:inline-block;
	padding: 6px 10px;
	border-radius: 3px;
	background: #EEE;
}

#wrap .col .date   {
	color: #888;
	margin: 0px 10px 10px;
	padding: 10px 0;
	border-bottom: 1px solid #CCC;
}
#wrap .widecon {
	margin: 0 0 10px;
	border-top: 1px solid #AAA;
}
#wrap .widecon .col {
	margin: 0 10px;
}
#wrap .widecon .topicwrap {
	margin:0 10px;
}
#wrap .widecon .col .bx-wrapper .bx-pager {
	position: relative;
	margin: 0 0 -60px;
	font-size: 10px;
	line-height: 14px;
}
#wrap .widecon .col .pdcttopic h3 {
	font-size: 11px;
	line-height: 16px;
	margin: 5px 0 0;
	padding: 0px;
	text-align: center;
}
#wrap .widecon .col .pdcttopic p {
	margin: 0px;
	padding: 0 0 20px;
	text-align: center;
}
#wrap .widecon .col .pdctcat {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#wrap .widecon .col .pdctcat li {
	margin: 0;
	padding: 10px;
	height: 60px;
	border-top: 1px solid #AAA;
}
#wrap .widecon .col .pdctcat li:first-child{
	border-top: none;
}
#wrap .widecon .col .pdctcat li a img {
	float: left;
	height: 60px;
	width: 60px;
}
#wrap .widecon .col .pdctcat li p {
	font-size: 16px;
	line-height: 60px;
	margin: 0 0 0 70px;
	padding: 0px;
	color: #F19716;
	font-weight: bold;
}
#wrap .widecon .membercopy   {
	padding: 0 10px 10px;
	margin: 0;
	line-height: 1.5;
	font-size: 16px;
}
#wrap .widecon .membercopy .gladbot a {
	font-size: 16px;
	line-height: 18px;
	text-decoration: none;
	background-image: url(common/gmenu_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	display: block;
	padding: 10px;
	border: 1px solid #CCC;
}
#wrap .widecon .membermap {
	text-align: center;
}
#wrap .widecon .col .tab ul{
	padding: 0px;
	list-style-type: none;
	margin: 20px 0 0;
	height: 40px;
	border-bottom: 1px solid #CCC;
}
#wrap .widecon .col .tab ul li{
	padding: 0;
	margin: 0;
	width: 25%;
	float: left;
}
#wrap .widecon .col .tab ul li a{
	margin: 0;
	float: left;
	display: block;
	border: 1px solid #CCC;
	background-color: #F39800;
	width: 100%;
	padding: 10px 0;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
#wrap .widecon .col .tab ul li.selected a{
	border-bottom: 1px solid #FFF;
	background-color: #FFF;
	color: #F39800;
}
#wrap .widecon .col .tab-box .list{
	padding: 10px;
	margin: 0;
	border-top: 1px solid #CCC;
}
#wrap .widecon .col .tab-box .list h3 {
	margin: 0;
}
#wrap .widecon .col .tab-box .list h3 a{
	margin: 0;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #F39800;
	text-decoration: none;
}
#wrap .widecon .col .tab-box .list p {
	margin: 0;
}

img.aligncenter {
	display: block;
	margin: auto;
	padding: 0px 0px 10px;
}

.pagination {
	clear: both;
	padding: 20px 0 30px;
	position: relative;
	font-size: 14px;
	line-height: 14px;
	height: 20px;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	width: auto;
	margin: 2px 2px 2px 0;
	padding: 5px 9px 5px 9px;
	background-color: #fff;
	color: #555;
	text-decoration: none;
}
.pagination a {
	border: 1px solid #ccc;
}
.pagination a:hover{
	background-color: #ccc;
	border: 1px solid #ccc;
	color: #fff;
}
.pagination .current{
	padding: 5px 9px 5px 9px;
	background-color: #ccc;
	border: 1px solid #ccc;
	color: #fff;
}

/* 商品注文 */
#wrap form .item_area {
	padding: 1em 0;
	border-bottom: 1px dotted #ccc;
	text-align: center;
}
#wrap form .item_area input {
    border: 1px solid #ddd;
    padding: 0.3em;
    box-sizing: border-box;
	background-color: #fffaeb;
}
#wrap form .item_area h4 {
	margin: 0.5em 0 0 0;
}
#wrap form .item_area img {
	width: 50%;
}
/* end 商品注文 */

/* 特定商取引法に基づく表記 */
#wrap .law_element {
	border-bottom: 1px dotted #999;
}
#wrap .law_element p {
	padding-left: 1.5em;
}
#wrap .law_element h3 {
	margin-bottom: 0;
}

/* h3 */
#description_item h3,
#wrap #left640 .spec h3,
#business_introduction h3 {
	margin: 1em 10px;
	padding-left: 10px;
	color: #F19716;
	border-left: 4px solid #F19716;
}
/*  */
#wrap #how_to_buy #item_flow img {
	display: block;
	margin: 0 auto;
	width: 60%;
	height: auto;
}

/* how_to_buy バナー */
#wrap #indexright #bnr_area {
	width: 92%;
	margin: 1em auto 1em;
	text-align: center;
}

#wrap #indexright #bnr_area img {
	width: 70%;
	height: auto;
}

/* ヘッダー検索 */
#search_area {
	margin-top: 1em;
}
#search_result {
	padding: 0 1em;
}
#search_result a {
	/*display: block;*/
	margin-bottom: 0.5em;
}
#search_result p {
	font-size: 0.8em;
	color: #999;
}

.wp-pagenavi .pages {
	display: block;
	width: auto;
	margin-bottom: 0.5em;
	text-align: center;
}

/* 公開日 */
#release_date {
	margin: 2em 0 0;
	padding: 0 10px;
}


/* 個人情報保護に関する方針 */
#privacy_policy_area ul {
	padding: 0 10px;
}

#privacy_policy_area li {
	margin-bottom: 1em;
	padding-bottom: 1em;
	list-style: none;
	border-bottom: 1px dotted #ccc;
}
#privacy_policy_area .signature {
	text-align: right;
}





.end{}
}