@import url(colorMain.css);
@charset "shift-jis";
/* =========================================================
スマートフォン表示
========================================================= */
/* ----- 基本セレクタ ----- */
main{
	min-height: 30em;
}
h1 {
	font-size: 12px;
	margin-bottom: 5px;
	line-height: 1.1;
}
h2 {
	font-size: 20px;
	margin: 0 auto 1.25rem;
	padding: 10px;
	font-weight: bold;
	color: #fff;
	background: #456dd1;
}
h2 span {
	color: #fff;
}
.sub_title {
	margin: 0;
	background: #e8edf9;
	padding: 2px 10px;<strong>
	color: #555;</strong>
	font-weight: bold;
}
h3 {
	font-size: 20px;
	margin: 4rem auto 2.5rem auto;
	padding: 0px 0px 5px 0px ;
	color: #456dd1;
	font-weight: bold;
	text-shadow: 1px 0 1px #456dd1;
	border-bottom: #456dd1 5px solid;
}
h2 span, h3 span {
	display: block;
	font-size: 15px;
}
h3 strong {
	margin-top: 5px;
	color: #456dd1;
}
h4 {
	font-size: 25px;
	margin: 2.3rem auto 1.5rem;
	color:  #333333;/*#6687D9;*/
	line-height: normal;
	font-weight: bold;
	border-radius: 5px;
	/* 2017/07/20　デザイン変更　戻せるように残してある。消して良い
	font-size: 16px;
	margin: 5px auto 10px;
	padding: 3px 5px 3px 8px;
	color: #555;
	border-left: #456DD1 8px solid;
	background-color: #e8edf9;
	*/
}
h4 span{
	display: block;
	/*font-size:1rem;*/
	line-height: normal;
}
h5 {
	font-size: 16px;
	color: #222222;/*#6687D9*/
	border-left: #666666 8px solid;
	padding: 0px 0px 0px 8px;
	font-weight: bold;
	/* 2017/07/20　デザイン変更　戻せるように残してある。消して良い
	font-size: 16px;
	margin: 15px 0px;
	padding: 0px 0px 0px 8px;
	color: #555;
	border-left: #666666 8px solid;
	text-align: left;
	*/
}
/*
2017年7月24日
h5のアンダーラインを引く設定は使用停止
しばらくして利用しなければ消去

h5.underline {
	border-left: #456dd1 8px solid;
	border-bottom: #456dd1 1px solid;
}
h5.underline2 {
	border-left: #6DB115 8px solid;
	border-bottom: #6DB115 1px solid;
}
h5.underline3 {
	border-bottom: #666666 1px solid;
}*/
h6 {
	color: #6687D9;
	font-weight: bold;
}
ul {
	list-style: none;
	margin-left: 0;
}
p {
	font-size: 15px;
}
dl dt {
	font-size: 16px;
}
ul, ol, dl, p {
	line-height: 1.4;
}
dl dt, strong {
	color: #555;
}
span {
	color: #F08B0C;
}
/*次の2行　リンクの色変更をfoundation.cssからコピー　2017/07/10*/
a { color: #008cba; text-decoration:underline; line-height: inherit; }
a:hover, a:focus { color: #0078a0; }

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}
figcaption {
	margin-bottom: 0.8em;
	text-align: center;
}
/* ----- header ----- */
header a { color: #008cba; text-decoration:none; line-height: inherit; }
header .toushou {
	font-size: 10px;
	line-height: 2;
	margin: 0;
}
.sub-nav li a {
	padding: 0;
	color: #282828;
}
.nav_wrap {
	padding-right: 0;
	margin-top: 5px;
}
.nav_wrap p {
	float: left;
	width: 90px;
	margin-bottom: 0;
}
.nav_wrap p a img {
	width: 90px;
	height: 36px;
}
.nav_wrap .tab-bar {
	float: right;
}
nav.columns {
	padding: 0;
}
/* パンくず */
.breadcrumbs {
	margin: 5px 0 10px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	color: white;
	background: #eee;
}
.breadcrumbs li {
	float: left;
	line-height: 20px;
	color: #626971;
}
.breadcrumbs li a {
	display: inline-block;
	color: #626971;
	text-decoration: none;
	padding: 0 10px 0 15px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.breadcrumbs li a::after {
	position: relative;
	display: block;
	margin-top: -10px;
	margin-left: auto;
	margin-right: -15px;
	height: 7px;
	width: 7px;
	content: " ";
	-webkit-transform: skew(-45deg);
	border-right: 2px solid #BCBCBC;
	-moz-transform: skew(-45deg);
	-o-transform: skew(-45deg);
	transform: skew(-45deg);
}
.breadcrumbs li a::before {
	float: right;
	display: block;
	margin-top: 3px;
	margin-left: auto;
	margin-right: -15px;
	height: 7px;
	width: 7px;
	content: " ";
	-webkit-transform: skew(45deg);
	border-right: 2px solid #BCBCBC;
	-moz-transform: skew(45deg);
	-o-transform: skew(45deg);
	transform: skew(45deg);
}
.breadcrumbs li:first-child a {
	height: 20px;
	font-weight: bold;
	color: #fff;
	background: rgb(108,108,108);
}
.breadcrumbs li:first-child a::before, .breadcrumbs li:first-child a::after {
	height: 10px;
	width: 10px;
	background: rgb(108,108,108);
	border: 1px solid rgb(108,108,108);
}
.breadcrumbs li:first-child a::before {
	margin-top: 0;
}
.breadcrumbs li:last-child {
	padding-left: 15px;
	background: transparent !important;
	/*font-weight: bold;20160301　フォントサイズを大きく下からboldをやめた*/
}

/* firefox-p */
@-moz-document url-prefix() {
 .breadcrumbs li a::after {
 margin-top: -11px;
}
}
/* firefox-p end */

.header_right {
	overflow: hidden;
}
.header_nav, .header_right .searchbox {
	float: right;
	height: 35px;
	padding: 0;
	margin: 0;
}
.header_nav li {
	margin-bottom: 5px;
	padding: 0 0 0 16px;
	line-height: 30px;
	background: url(../images/arow02_icon.png) left center no-repeat;
	background-size: 10px 10px;
}
.header_nav li:last-child {
	background: none;
	padding: 0;
}
.header_right .searchbox form .kensakubt {
	margin: 5px 0 0 0;
}
.header_right .searchbox form .lt {
	float: left;
	width: 190px;
}
.header_right .searchbox form .rt {
	float: right;
	width: 180px;
	padding: 3px 0 0 0;
}
.header_right .searchbox form .ipt {
	margin: 0;
	padding: 0 0 0 25px;
	background: url(../images/head_searchicon.gif) 6px 2px no-repeat;
	text-align: left;
}
.header_right .searchbox form .btn {
	padding: 0 110px 0 0;
	background: url(../images/head_gglogo.gif) 75px 2px no-repeat;
}
.header_right .searchbox form .lt .ipt .inputwd {
	width: 160px;
	height: 25px;
}
.tab-bar {
	background: #fff !important;
}
.right-small {
	border: none !important;
}
.tab-bar .menu-icon span::after {
	box-shadow: 0 0px 0 1px #333, 0 7px 0 1px #333, 0 14px 0 1px #333;
	left: 88px;
}
.tab-bar .menu-icon span {
	color: #333;
	position: absolute;
	right: 40px;
}
.nav_form {
	margin: 30px 0;
}
.nav_form input[type="text"] {
	width: 70%;
	height: 37px;
	display: inline;
	margin: 0 0 0 5px;
}
.nav_form input[type="submit"] {
	width: 25%;
	height: 37px;
	margin: 0;
	padding: 0;
	background: #89A2E2;
}
/* ----- メインコンテンツ ----- */
.main_contents {
	font-size: 15px;
}
.right_side {
	float: right;
}
/* ニュース欄 */
.information h4 a {
	margin-right: 10px;
	display: block;
	text-align: right;
	font-size: 13px;
}
.information dl {
	margin: 10px 10px 0;
	font-size: 13px;
	overflow: hidden;
}
.information dl dt {
	margin-right: 5px;
	clear: both;
	color: #555;
	font-size: 13px;
}
.information dl dd {
	margin-bottom: 3px;
	line-height: 19px;
}
.information dt span.label {
	margin-right: 10px;
	margin-bottom: 0;
	width: 95px;
}
.information span.new_icon {
	display: block;
}
.information .NewsTestingSign {
	font-weight: bold;
	color: red;
	border: #FF6600 1px solid;
	padding: 3px;
	font-size: 8px;
}
.information .NewsTestingSign:after {
	content: "\A";
	white-space: pre;
}
.seminar_list dt span, .news_list dt span {
	display: inline-block;
	vertical-align: top;
}
span.information_date {
	line-height: 19px;
	color: #555;
	margin-left:10px;
}
.information .article_list {
	margin-top: 5px;
}
.article_list.first_list {
	margin-top: 10px;
}
.article_list dt {
	border-top: 3px dotted #ddd;
	padding-top: 5px;
}
.article_list.first_list dt {
	border: none!important;
	padding-top: 0;
}
.article_list dd strong {
	margin-right: 10px;
	display: block;
	color: #555;
}
.blue {
	background-color: #67ABF8;
	color: white;
}
.orenge {
	background-color: #F49B42;
	color: white;
}
.green {
	background-color: #6CE7B7;
	color: white;
}
.violet {
	background-color: #BA7BF0;
	color: white;
}
/* end */
.inline-list {
	margin: 10px 0;
}
.inline-list li {
	margin-left: 0;
	width: 100%;
}
.sns_area {
	display: none;
	margin: 10px 0 1rem;
}
.sns_area p {
	float: left;
	margin: 0;
	line-height: 1;
}
.sns_area p img {
	vertical-align: top;
}
.text_link a {
	text-decoration: underline;
}
/* アンカーリンクナビ */
.panel {
	margin: 1.25rem 0;
	padding: 10px;
}
.panel .inline-list li a {
	margin: 0 auto;
	padding: 5px 5px 5px 25px;
	border: 1px solid #ddd;
	background: #fff url(../images/pagelink_half_g.png) 10px 13px no-repeat;
	background-size: 9px auto;
}
.panel .second_panel {
	margin-left: 1.38%;
}
.panel .third_panel {
	margin-top: 10px;
}
/* 数字アイコン */
span.number {
	margin-right: 5px;
	padding: 2px 10px;
	color: #fff;
	background: #456dd1;
}
/* 数字リスト */
.number_list>li {
	list-style: none;
}
.number_list dl {
	margin: 1.25rem 0;
}
.number_list dl dt {
	color: #456dd1;
}
.number_list dl dd ul {
	list-style: disc;
	margin-left: 1.1rem;
}
.number_list dl dd ul li {
	margin-left: 5px;
}
.number_list dl dd p {
	margin: 10px 0 5px;
}
/* こんな企業様 */
.konna_list li {
	margin-bottom: 10px;
}
.konna_list li div {
	display: table;
	width: 95%;
	margin: 0 auto;
	padding: 20px 5px;
	border-radius: 5px;
	background: #456dd1;
}
.konna_list li div p {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
/* 特長パターン1 */
.tokuchou_list {
	margin: 0;
}
.tokuchou_list li {
	margin: 10px 0 1.25rem;
	list-style: none;
	border: 2px solid #eee;
	border-radius: 5px;
}
.tokuchou_list dl {
	margin: 0;
	padding: 10px;
}
.tokuchou_list dl dt {
	padding: 10px 0 10px 75px;
	line-height: 16px;
	position: relative;
}
.tokuchou_list dl dt strong {
	color: #456dd1;
}
.tokuchou_list dl dt span {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -14px;
	padding: 3px 8px;
	color: #fff;
	font-size: 18px;
	background: #456dd1;
	border: 2px solid #89A2E2;
}
.tokuchou_list dl dt span small {
	font-size: 15px;
	padding-right: 5px;
}
.tokuchou_list dl dd {
	padding: 0 5px;
}
.tokuchou_list dl dd span.highLight {
	background-color: #CCECFD;
	color: #3556A9;
	font-weight: bold;
}
.tokuchou_list dl dd p {
	padding: 0;
}
.tokuchou_list dl dd.row {
	margin: 0;
}
/* 特長パターン2 */
.tokuchou2 strong, .tokuchou2 span {
	color: #F08B0C;/* #456dd1*/
}
/* 広告バナー */
.Bannerlink_wrap {
	margin-top: 2.5rem;
	clear: both;
}
/*▼ページに表示する注意書き*/
/*ページが移転した、などの一番レベルの高い注意書き 設置場所：ページ毎のメインバナーの上*/
#notesLv01 {
	font-size: 15px;
	color: #333333;
	background-color: #FAFAFA;
	border: #FF3333 3px solid;
	padding: 10px 5px 10px 5px;
	text-align: center;
	margin: 15px 15px 15px 15px;
}
/*ページを自動転送する、などの二番レベルの高い注意書き 設置場所：ページ毎のメインバナーの上*/
#notesLv02 {
	font-size: 15px;
	color: #333333;
	background-color: #FAFAFA;
	border: #90ee90 3px solid;
	padding: 10px 5px 10px 5px;
	text-align: center;
	margin: 15px 15px 15px 15px;
}
/*必ず見せたいが、致命的で無い。コンテンツの一番上に表示したい注意書き。　IRの問い合わせは専用フォームでなど*/
#notesLv03 {
	font-size: 15px;
	color: #333333;
	background-color: #EDEDED;
	padding: 5px;
	text-align: center;
	margin: 0px 0px 30px 0px;
}
/*▲ページに表示する注意書き*/

.Bannerlink_wrap img:hover {
	opacity: 0.7;
} /*画像バナーのマウスオーバー時の設定*/
.main_contents .CatalogBTBox, .main_contents .ContactBTBox, .main_contents .SeihinBTBox, .main_contents .MangaBTBox, .main_contents .KakakuBTBox {
	margin: 0px auto 1.25rem;
	display: inline-block;
	width: 100%;
	text-align: center;
}
.main_contents .CatalogBTText, .main_contents .ContactBTText, .main_contents .SeihinBTText, .main_contents .MangaBTText, .main_contents .KakakuBTText {
	width: 279px;
	padding: 0px;
	margin: 0px auto;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}
.main_contents .CatalogBTText a, .main_contents .ContactBTText a, .main_contents .MangaBTText a, .main_contents .KakakuBTText a {
	display: block;
	padding: 0px 0px 0px 12px;
	color: #FFFFFF;
	line-height: 1.2rem;
	background-repeat: no-repeat;
	-webkit-box-sizing: content-box !important;
	box-sizing: content-box !important;
}
.main_contents .MangaBTText a {
	color: #3F1000;
	line-height: 1.2rem;
}
.main_contents .SeihinBTText a {
	display: block;
	font-weight: normal;
	text-align: center;
	font-size: 10px;
	padding: 5px 0px 5px 12px;
	color: #FFFFFF;
	line-height: 1.0rem;
	background-repeat: no-repeat;
	-webkit-box-sizing: content-box !important;
	box-sizing: content-box !important;
}
.main_contents .SeihinBTText span {
	color: #FFFFFF;
}
.main_contents .SeihinBTText span.seihinText {
	font-weight: bold;
	font-size: 25px;
	color: #FFFFFF;
}
.main_contents .SeihinBTText span.seihinText_small18px {
	font-size: 18px;
}
.main_contents .SeihinBTText span.seihinTextsub {
	font-size: 12px;
	color: #FFFFFF;
}
.main_contents .CatalogBTText a {
	background-image: url(../images/commo_iPhonePortrate_catalogdllbt_off_140908.png);
}
.main_contents .ContactBTText a {
	background-image: url(../images/commo_iPhonePortrate_contactbt_off_140908.png);
}
.main_contents .SeihinBTText a {
	background-image: url(../images/commo_iPhonePortrate_seihinbt_141031.png);
}
.main_contents .MangaBTText a {
	background-image: url(../../common_img/commo_manga_off_150202.png);
}
.main_contents .KakakuBTText a {
	background-image: url(../images/commo_iPhonePortrate_seihinbt_141031.png);
}
.main_contents .CatalogBTText a:hover, .main_contents .ContactBTText a:hover, .main_contents .SeihinBTText a:hover, .main_contents .MangaBTText a:hover, .main_contents .KakakuBTText a:hover {
	opacity: 0.7;
}

.main_contents .kakomi{
	width:97%;
	margin:auto auto;
	padding: 5px;
	border: 1px solid #ccc;
}


/*----- Contactarea ----- */
#ContactArea {
	/*border-top:#BDBDBD 4px double;
	border-bottom:#BDBDBD 4px double;*/
	padding:1rem 0rem;
}
#ContactAreaBottom {
	margin-top: 70px;
	padding:1rem 0rem;
	/*background-color:rgba(237,237,237,1.00);*//*#f4f7fe*/
	/*background-size: cover;*/
}
#ContactArea p,#ContactAreaBottom p{
	width:60%;
	margin: 0 auto 0rem auto;
	padding: 30px 0 20px 0;
	text-align:center;
	font-size: 1rem;
	color:#888888;
}
#ContactArea a,#ContactAreaBottom a{
	display: block;
	text-decoration: none;
	width: 100%;
	padding:3rem 1rem;
	border: #486FD1 0px solid;
	border-radius: 10px;
	margin: 0px auto;
	text-align: center;
	font-size:1.7rem !important;
	font-weight:bold!important;
	line-height: normal;
	background-color:var(--color-Button-toiawase-Main);
	color:#FFFFFF;
	box-shadow: 2px 2px 3px 0 #999999;
	-moz-box-shadow: 2px 2px 3px 0 #999999;
	-webkit-box-shadow: 2px 2px 3px 0 #999999;
}
#ContactArea a{
	background-image: url(../../images/buttonBG_Arrow_white.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 100%;
}
#ContactAreaBottom a{
	background-image: url(../../images/buttonBG_Arrow_white.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 100%;
}

#ContactArea a:hover,#ContactAreaBottom a:hover{
	opacity: 0.8;
	border: #486FD1 0px solid;
	text-shadow: 1px 1px 3px #999999;
	transition: all .5s;
	
}

/*■■■■■■■■■■■■■■■*/
/*文書整形フォーマット*/
/*■■■■■■■■■■■■■■■*/
.text_bold{
	font-weight: bold;
}
.text_white{
	color:white;
}
.text_red{
	color:red;
}
.text_red_itfor{
	color:#FF2323;
}
.main_contents .fontsize50per{
	font-size:50%;
	line-height: normal;
}
.main_contents .fontsize60per{
	font-size:60%;
	line-height: normal;
}
.main_contents .fontsize70per{
	font-size:70%;
	line-height: normal;
}
.main_contents .fontsize75per{
	font-size:75%;
	line-height: normal;
}
.main_contents .fontsize80per{
	font-size:80%;
	line-height: normal;
}
.main_contents .fontsize85per{
	font-size:85%;
	line-height: normal;
}
.main_contents .fontsize90per{
	font-size:90%;
	line-height: normal;
}
.main_contents .fontsize95per{
	font-size:95%;
	line-height: normal;
}
.main_contents .fontsize100per{
	font-size:100%;
	line-height: normal;
}
.main_contents .fontsize110per{
	font-size:110%;
	line-height: normal;
}
.main_contents .fontsize120per{
	font-size:120%;
	line-height: normal;
}
.main_contents .fontsize130per{
	font-size:130%;
	line-height: normal;
}
.main_contents .fontsize140per{
	font-size:140%;
	line-height: normal;
}
.main_contents .fontsize150per{
	font-size:150%;
	line-height: normal;
}
.main_contents .fontsize160per{
	font-size:160%;
	line-height: normal;
}
.main_contents .fontsize170per{
	font-size:170%;
	line-height: normal;
}
.main_contents .fontsize180per{
	font-size:180%;
	line-height: normal;
}
.main_contents .fontsize190per{
	font-size:190%;
	line-height: normal;
}
.main_contents .fontsize200per{
	font-size:200%;
	line-height: normal;
}
.main_contents .lineheight1_5rem{
	line-height: 1.5rem;
}

.main_contents .image100per{
	width: 100%;
}
.main_contents .image_center{
	text-align: center;
	margin: 2rem 0px 2rem 0px;
}
.main_contents .kakomi{
	width:97%;
	margin:auto auto;
	padding: 5px;
	border: 1px solid #ccc;
}
.main_contents .marginBottom-15px {
	margin-bottom: 15px !important;
}
.main_contents .marginBottom-20px {
	margin-bottom: 20px !important;
}
.main_contents .marginBottom-25px {
	margin-bottom: 25px !important;
}
.main_contents .marginBottom-30px {
	margin-bottom: 30px !important;
}
.main_contents .marginBottom-35px {
	margin-bottom: 35px !important;
}
.main_contents .marginBottom-40px {
	margin-bottom: 40px !important;
}
.main_contents .marginBottom-45px {
	margin-bottom: 45px !important;
}
.main_contents .marginBottom-50px {
	margin-bottom: 50px !important;
}
.main_contents .marginBottom-55px {
	margin-bottom: 55px !important;
}
.main_contents .marginBottom-60px {
	margin-bottom: 60px !important;
}
.main_contents .marginBottom-65px {
	margin-bottom: 65px !important;
}
.main_contents .marginBottom-70px {
	margin-bottom: 70px !important;
}
.main_contents .point_row_margin {
	margin-bottom: 20px !important;
}
.textbox_shadow {
	padding: 15px;
	background: #fff;
	border: 1px #ccc solid;
	box-shadow: 0 2px 3px 0 #ddd;
	-moz-box-shadow: 0 2px 3px 0 #ddd;
	-webkit-box-shadow: 0 2px 3px 0 #ddd;
}
.main_contents table {
	border-collapse: collapse;	
}
.tableFormatType00{
	border-collapse: collapse;
}
.tableFormatType00 th{
	background-color: #EDEDED;
}

/*汎用ボタン*/
.button{/*　Foundatinのbuttonクラスに追加するかたち*/
	box-shadow: 2px 2px 3px 0 #999999;
}
a.button_normal{
	display: inline-block;
	color:#444444;
	font-weight: normal;
	font-size:0.8rem;
	padding:5px 25px;
	line-height:inherit;
	width: 100%;
	height: 100%;
	border-color:#CDCDCD;
	border-width: 1px 1px 1px 1px;
	border-style:solid;
	background-image: url(../../images/buttonBG_Arrow_white100.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 100%;
	background-color:var(--color-Button-itforYellow);
	text-align: center;
	border-radius: 5px;
	box-shadow: 1px 1px 1px 0px #DDDDDD;
}
a.button_normal:hover{
	color:#444444;
	opacity: 0.8;
	transition: all .2s;
}

/*▼マンガ関連：マンガ一覧表用設定*/
.main_contents #mangaListMidasi {
	margin: 0px 0px 15px 0px;
}
/*.main_contents #mangaListMidasi {background-image:url(../../mangadata/mangalist_midasi.png);width:705px;height:24px;margin:0px auto;padding:50px 0px 50px 180px;}*/
.main_contents #mangaList {
	margin: 0px auto 0px auto;
}
.main_contents #mangaList .mailmagLsit_zigyouText {
	clear: left;
	background-color: #666666;
	color: #FFFFFF;
	padding: 5px 5px 5px 15px;
	font-size: 15px;
	font-weight: bold;
}
.main_contents #mangaList .ThumnailBlock {
	display: none;
}
.main_contents #mangaList .mangaList_box {
	margin-left: 0px;
}
.main_contents #mangaList .mangaList_box .mangalist_koukaiDate {
	float: left;
	border-bottom: #999999 1px solid;
	padding: 5px 5px;
}
.main_contents #mangaList .mangaList_box .mangalist_title {
	border-bottom: #999999 1px solid;
	padding: 5px 5px;
	font-weight: bold;
}
.main_contents #mangaList .mangaList_box .mangalist_title {
	border-bottom: #999999 1px solid;
	padding: 5px 5px;
}
.main_contents #mangaList .mangaList_box .mangalist_title div:first-of-type {
	font-size: 13px;
	line-height: normal;
	font-weight: normal;
}
.main_contents #mangaList .mangaList_box .mangalist_title .manga_title {
	font-weight: bold;
}
.main_contents #mangaList .mangaList_box .mangalist_title a {
	text-decoration: none;
}
.main_contents #mangaList .mangaList_box .mangalist_title a:hover {
	text-decoration: underline;
}
/*▲マンガ関連：マンガ一覧表用設定*/

/*▼マンガ関連：mainBox内　マンガページ用*/
/*コンテンツ部分*/
.main_contents .MangaContetsBox {
	margin: 0px 0px 30px 0px;
	text-align: center;
}
/*メニュー*/
.main_contents .MangaContetsBox .mangaPageLink {
	margin: 15px 0px 15px 0px;
	text-align: right;
}
.main_contents .MangaContetsBox .mangaPageLink div.zigyouTop a {
	display: block;
	float: right;
	padding: 5px 0px;
	margin: 0px 0px 15px 0px;
	border: #ADADAD 0px solid;
	background-color: #FFFFFF;
	font-weight: normal;
}
.main_contents .MangaContetsBox .mangaPageLink ol {
	margin: 0px;
	padding: 0px;
	clear: both;
}
.main_contents .MangaContetsBox .mangaPageLink li {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 13px;
}
.main_contents .MangaContetsBox .mangaPageLink li a {
	display: block;
	padding: 0px 0px;
	border: #ADADAD 0px solid;
	background-color: #FFFFFF;
	font-weight: normal;
}
.main_contents .MangaContetsBox .mangaPageLink li.mangaLink_midasi {
	font-weight: bold;
	padding: 0.5em 0em;
}
/*▲マンガ関連：mainBox内　マンガページ用*/

/*▼価格表ページ価格表用*/
.main_contents .kakakuhyou table {
	border-collapse: collapse;
	margin-bottom: 15px;
}
.main_contents .kakakuhyou caption {
	text-align: left;
}
.main_contents .kakakuhyou tr, th, td {
	border: #DDDDDD 1px solid;
}
.main_contents .kakakuhyou th {
}
.main_contents .kakakuhyou td {
}
.main_contents .kakakuhyou td ul {
	margin-left: 1em;
}
.main_contents .kakakuhyou td li {
	display: list-item;
	list-style: outside;
	margin-bottom: 5px;
}
/*▲価格表ページ価格表用*/

/*▼youtube動画の挿入時に囲う　youtube動画の挿入をレスポンシブ化する*/
.main_contents .youtube {position: relative;width: 100%;padding-top: 56.25%;margin-bottom:1rem;}
.main_contents .youtube iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}

.main_contents .youtube_mini {position: relative;padding-top: 56.25%;margin-bottom:1rem;}
.main_contents .youtube_mini iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}
/*▲youtube動画の挿入時に囲う　youtube動画の挿入をレスポンシブ化する*/

/*▼TLS設定対応メッセージ*/
div.tlsCKmsg {
	width: 78%;
	border: #999999 1px solid;
	padding: 10px;
	background-color: #F6F6F6;
	margin: 0px auto 15px auto;
	text-align: center !important;
	background-image: url(../../common_img/encryption_notice.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
div.tlsCKmsg>h5 {
	border: none !important;
	padding: 0px;
	color: #FF6533 !important;
	text-align: center !important;
	margin: 0px 0px 5px 0px !important;
}
div.tlsCKmsg>p {
	font-size: 13px !important;
	margin: 0px !important;
	padding: 0px !important;
}
div.tlsCKmsg>p>span {
	color: #FF6533 !important;
}
div.tlsCKmsg>p.mailAddr_info {
}
div.tlsCKmsg>p>a {
	font-weight: bold !important;
}
div.tlsCKmsg_ft {
	width: 78%;
	border: #999999 1px solid;
	padding: 10px;
	background-color: #F6F6F6;
	margin: 0px auto 15px auto;
	text-align: center !important;
	background-image: url(../../common_img/encryption_notice.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
div.tlsCKmsg_ft br {
	display: none;
}
div.tlsCKmsg_ft>h5 {
	border: none !important;
	padding: 0px;
	color: #FF6533 !important;
	text-align: center !important;
	margin: 0px 0px 5px 0px !important;
}
div.tlsCKmsg_ft>p {
	font-size: 13px !important;
	margin: 0px !important;
	padding: 0px !important;
}
div.tlsCKmsg_ft>p>span {
	color: #FF6533 !important;
}
div.tlsCKmsg_ft>p.mailAddr_info {
}
div.tlsCKmsg_ft>p>a {
	font-weight: bold !important;
}
div.tlsCKmsg_left {
	width: 98%;
	border: #999999 1px solid;
	padding: 10px;
	background-color: #F6F6F6;
	margin: 15px 0px 0px 0px;
	text-align: center !important;
	background-image: url(../../common_img/encryption_notice.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
div.tlsCKmsg_left br {
	display: none;
}
div.tlsCKmsg_left>h5 {
	border: none !important;
	padding: 0px;
	color: #FF6533 !important;
	text-align: center !important;
	margin: 0px 0px 5px 0px !important;
	font-size: 13px;
}
div.tlsCKmsg_left>p {
	font-size: 13px !important;
	margin: 0px !important;
	padding: 0px !important;
}
div.tlsCKmsg_left>p>span {
	color: #FF6533 !important;
}
div.tlsCKmsg_left>p.mailAddr_info {
}
div.tlsCKmsg_left>p>a {
	font-weight: bold !important;
}
/*▲TLS設定対応メッセージ*/

/*スマホメニューで2段落めのインデントを下げる設定*/
ul.off-canvas-list li span a {
	margin-left:1em !important;
}

/*▼事例リスト用CSS*/
/*ページ内リンク*/
.zireiPLink{
	display:list-item;
	list-style-type: disc;
	list-style-position: inherit;
}
#ZireList .seihin_Category{
	margin-bottom: 2rem;
}
#ZireList .LVlist{
	
}
#ZireList .ikkatu{
	text-align: center;
	color:#545454;
	font-size: 0.8rem;
	padding:5px 0px;
	margin:0px;
}
#ZireList .over7MoerOpen{
	font-size: 0.8rem;
	color:#545454;
	clear: both;
	border-color:#C7C7C7;
	border-width: 1px 1px;
	border-style: solid;
	padding:3px;
	text-align: center;
	background-color: #F0F0F0;
	border-radius: 5px;
	margin-bottom: 0.5rem;
}
#ZireList .over7MoerOpen:hover{
	background-color: #F7F7F7;
}
#ZireList .over7MoerOpen.active{
	font-size: 0rem;
}
#ZireList .over7MoerOpen.active:before{
	font-size: 0.8rem;
	content:"隠す▲";
}
#ZireList .download_link{
	margin-bottom: 1.0rem;
}
#ZireList .download_link a{
	display:block;
	color:#444444;
	padding:0.2rem 10px;
	text-align:center;
	border:#EDEDED 1px solid;
	background-color: #FFE290;
	border-radius: 5px;
	box-shadow: 0 2px 3px 0 #ddd;
}
#ZireList .download_link a:before{
	content: url( ../../asp/zirei/zirei_icon.png);
	position : relative ;
	bottom : -0.1em ;
	margin-right : 0.4em ;
}
#ZireList .download_link a:hover{
	background-color:#FFF6AD;
	box-shadow:none;
}
#ZireList .download_link_text{
	display:inline-block;
	text-align: left;
}

#ZireList .kanrenLink{
	text-align: center;
	margin-bottom: 1.0rem;
	font-size: 0.8rem;
}
#ZireList .LVseihin{
	margin-bottom: 0rem;
}
#ZireList .zirei_Cbox{
	background-color: #FFFFFF;
	border:#CDCDCD 1px solid;
	width: 100%;
	padding: 5px;
	margin-bottom: 0.5rem;
	min-height: 9rem;
}
#ZireList .over7{
	display: none;
}

#ZireList .zirei_Cbox h5{
	border:none;
	padding:0px;
	color:#4A4D53;
	text-align: center;
}
#ZireList .zirei_Cbox .summary{
	display:none;
	font-size:0.8rem;
	margin-bottom: 0.5rem;
}
#ZireList .zirei_Cbox .keyword{
	padding: 0.5rem;
	font-size:0.7rem;
	line-height: normal;
	border-top:#CDCDCD 1px solid;
	color:#7D7D7D;
}
/*▲事例リスト用CSS*/

/*▼お悩みセンテンス用ボックス*/
.PointBox-container {
	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;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:space-between;
	background-color:none;
	transition: all .3s;
	margin-bottom: 1.5rem !important;
}
.PointBox-item {
	flex-basis: 250px;
	flex-grow: 1;
	box-sizing:content-box;
	background-color: #FBFBFB;/*#456dd1 _backup2017年7月20日色変更*/
	font-size: 90%;
	margin: 5px 10px;
	padding: 10px;
	color: #666666;/*#EFF6FF _backup20170720　色変更*/
	font-weight: bold;
	transition: all .3s;
	overflow: hidden;
	box-shadow: 0 2px 3px 0 #ddd;
}
.PointBox-item p,.PointBox-item div {
	font-weight:normal;
	margin-bottom: 8px;
}
.PointBox-item > :first-child{
	font-size:1.1rem;
	font-weight: normal;
	line-height: normal;
	color: #F88300;/*#FFF89F　_backup2017/07/20色変更*/
	}
ul.PointBox-container > li>:first-child{
	margin-left:35px;
}
.PointBox-item > :first-child span{
	color:#FFB338;
}
.PointBox-item > :nth-child(2){
	clear: both !important;
}
.PointBox-item >ul > li,.PointBox-item >ol > li{
	font-weight:normal;
	margin-left: 1rem;
}
.PointBox-item img.arrow_down{
	opacity: 0.7;
	width:12%;
	
}
/*　テキストボックスシャドウ、お悩みセンテンスの1マスをボタン化する　指定した要素の子要素を<a>でくくる　*/
.textbox_shadow.boxBecomeBtn,.PointBox-item.boxBecomeBtn{
	padding:0;
}
.textbox_shadow.boxBecomeBtn{
	border-radius: 1.8em;
}
.textbox_shadow.boxBecomeBtn a,.PointBox-item.boxBecomeBtn a{
	display: block;
	text-decoration:none;
	color:#444444;
}
.textbox_shadow.boxBecomeBtn a{
	padding:25px !important;
	
}
.PointBox-item.boxBecomeBtn a{
	padding:13px !important;
}
.textbox_shadow.boxBecomeBtn:hover div,.PointBox-item.boxBecomeBtn:hover div{
	text-decoration: none !important;
}
.textbox_shadow.boxBecomeBtn:hover,.PointBox-item.boxBecomeBtn:hover{
	cursor: pointer;
	opacity: 1;
	background-color: #FFFBE4;
	text-decoration: none !important;
	transition: all 0.8s !important;
}
.textbox_shadow h4:first-of-type:first-child,.textbox_shadow h5:first-of-type:first-child {
	margin-top:0px;
}
	/*お悩みセンテンスに自動的に番号を振る*/
	ul.PointBox-container {
		counter-reset:introList; 
		list-style:none; 
		margin:0;
		padding:0;
	}
	ul.PointBox-container > li{
		list-style:none;
	}
	ul.PointBox-container > li:before{
		counter-increment:introList;
		content: "" counter(introList) "）"; 
		display: inline-block;
		float:left;
		background-color:none;
		border: #5C7DD1 0px solid;
		border-radius: 5px;
		padding:0px 0px;
		font-size:1.2rem;
		font-weight: normal;
		color:#FF8D35;
		margin-bottom: 8px;
		margin-right:  0px;
	}
/*▲お悩みセンテンス用ボックス*/

.tokutyouList dl{
	counter-reset:introList; 
	list-style:none; 
	margin:0;
	padding:0;
	margin-bottom: 2rem;
}
.tokutyouList dl dt{
	list-style:none;
	margin-bottom: 0.5rem;
	padding-bottom: 0.3rem;
	border-bottom: #ADADAD 2px dotted;
}
.tokutyouList dl dt:before{
	counter-increment:introList;
	content: "特長"counter(introList); 
	background: #456dd1;
	display: inline-block;
	width: 5em;
	height: 1.5em;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	margin-right: .3em;
	font-size: 1em; 
	line-height: normal;
}
.tokutyouList dl dd {
	margin-bottom: 2rem;
}

/* ----- footer ----- */
#footer {
	background-color: #f2f4f5;
	padding-top: 15px;
	margin-top: 30px;
	z-index: 0;
	position: relative;
}
#footer ul,#footer p{
	line-height: 1.6rem;
}
#footer .footer_wrap {
	margin-top: 15px;
	z-index: 10;
	position: relative;
}
#footer .footer_wrap p {
	/*font-size: 13px;*/
}

#footer .footercolumns1{
}
#footer .footercolumns2{
}
#footer .footercolumns3{
}
#footer ul{
	margin-left: 0px;
	/*font-size:12px !important;*/
}
#footer .footer_nav,#footer .footer_nav li{
	display: block;
}
#footer .footer_nav li a {
	color: #3A3A3A;
	text-decoration: none;
}
#footer .footer_nav li a:hover {
	text-decoration:underline;
}
#footer .footer_nav li {
	margin-left: 0px;
	padding: 0 0 0 16px;
	background: url(../images/arow02_icon_gray.png) 0 7px no-repeat;
	background-size: 8px 8px;
	/*width: 248px;*/
	/*width: 40%;*/
	margin-left: 1%;
}
#footer .footer_nav li>ul>li {
	margin-left: 0px;
	padding: 0 0 0 0;
	background:none;
	background-size: 10px 10px;
	/*width: 248px;*/
}

#footer li.liBottomMargin{
	margin-bottom: 3em;
}

#footer .footer_nav {
	margin-left: 0;
	padding-top: 0;
}

#footer .footer_banner, #footer .footer_logo, #footer .footer_ssl {
	/*text-align: center;*/
}
#footer .footer_banner {
	margin-bottom: 15px;
}
#footer .footer_banner p {
	margin-bottom: 15px;
}
#footer .footer_banner p a img {
	width: 234px;
}
#footer .footer_logo {
	max-width: 289px;
	margin: 0 auto 1.25rem;
	padding: 5px 0;
	background: #fff;
}
#footer .footer_logo img {
	width: 90px;
}
#footer .footerveri table,#footer .footerveri td{
	text-align: center;
	border:none;
}
#footer .footerveri a{
	color:#3a3a3a;
	text-decoration:none;
	font:normal 10px verdana,sans-serif;
	letter-spacing:.5px;
	text-align:center;
	margin:0px;
	padding:0px;
}
#footer .snslineWrap{
	margin:20px 5% 30px 0px;
	text-align: left;
	text-align: center;
}
#footer .snslineWrap a{
	display: inline-block;
}
#footer .snslineWrap a:first-of-type{
	margin-right: 15px;
}
#footer .snslineWrap img{
	height:40px;
}

#footer .endline {
	background-color: #4a4e53;
}
#footer .endline p {
	text-align: right;
	padding: 5px 0.9375rem 5px 0;
	font-weight: normal;
	font-size: 10px;
	color: #EDEDED;
}
#foot_gotop {
	position: fixed;
	right: 10px;
	bottom: -10px;
	display: none;
	z-index: 10;
}
#foot_gotop a {
	display: block;
	height: 56px;
	width: 55px;
	background: url(../images/pagetop.png) no-repeat center;
	background-size: 55px auto;
	font-size: 0;
	overflow: hidden;
	opacity: 0.7;
}
#foot_gotop a:hover {
	opacity: 1;
}
.voice p.tit {
	background: none repeat scroll 0 0 #456dd1;
	border: 2px solid #89a2e2;
	color: #fff;
	padding: 5px 8px;
}
.voice .ct {
	color: #456dd1;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 15px;
}
.voice dl dt {
	background: none repeat scroll 0 0 #e8edf9;
	margin-bottom: 1em;
	padding: 3px 10px;
}

.newsfeed .morelist {
	text-align:right;
	position:absolute;
	top:6px;
	right:6px;
	display:block;
	background:url(../images/top_arrow_white.gif) no-repeat right;
	padding:3px 12px 2px 4px;
	font-size:10px;
	color:#fff;
	background-color:#466ED1;
}

.newsfeed {
	background-color:#E8EDF9;
	padding-top:10px;
	padding-bottom:5px;
	margin-bottom:10px;
}
.newsfeed h4 {
	position: relative;
	margin-bottom:0;
	border-left:8px solid #456DD1;
	font-size:16px;
	color:#333;
	padding:5px 72px 3px 8px;
}
.newsfeed dl {
	padding:10px 10px 0 10px;
}
.newsfeed dl dt {
	position: relative;
	top: 0;
	left: 0;
	font-weight:normal;
	font-size:12px;
	letter-spacing: -0.04em;
}
.newsfeed dl dd {
	font-size:12px;
}
.newsfeed dl dd span {
	font-size:14px;
	font-weight:bold;
}
.newsfeed dl dd a {
	display:block;
	margin-bottom:10px;
}
.newsfeed dl dd a.more {
	text-align:right;
	background:url(../images/top_arrow_blue.gif) no-repeat right;
	padding-right:15px;
	font-size:14px;
}

/* =========================================================
タブレット表示　min-width 641px
========================================================= */
@media print, screen and (min-width:40.063em) {
main{
	min-height: 40em;
}
#header {
	margin-top: 3px;
}
h1 {
	font-size: 13px;
	margin-bottom: 0;
	line-height: 1.4;
}
h2 {
	font-size: 24px;
	margin-bottom: 1.7rem;
}
h3 {
	font-size: 30px;
	margin: 5.5rem auto 3.5rem auto;
	/*padding: 0;*/
	color: #456dd1;
	font-weight: bold;
	text-shadow: none;
}
h2 span, h3 span {
	font-size: 17px;
}
h4 span{
	display: inline;
}
.sub_title {
	margin-top: 1.7rem;
}
nav.columns {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}
.panel .inline-list li {
	width: 50%;
}
.panel .panel_100Width li{ /*なページ内リンク　通常50%幅のところ、都合で100%幅にする場合*/
	width: 100%;
}

.information dl dt {
	margin-bottom: 3px;
}
.konna_list li div {
	width: 100%;
}
.tokuchou_list dl dd {
	padding: 0 20px;
}
.tokuchou_list dl dd.row p:first-child {
	padding-right: 15px;
}
.tokuchou2 dt {
	background: url(../images/check.png) left top no-repeat;
	background-size: auto 24px;
	padding-left: 35px;
	line-height: 24px;
	margin-top: 25px;
}
.tokuchou2 dt:first-child {
	margin-top: 0;
}
.main_contents .CatalogBTText, .main_contents .ContactBTText, .main_contents .SeihinBTText, .main_contents .MangaBTText, .main_contents .KakakuBTText {
	width: 347px;
}
.main_contents .CatalogBTText a, .main_contents .ContactBTText a, .main_contents .MangaBTText a, .main_contents .KakakuBTText a {
	padding: 0px 0px 0px 15px;
}
.main_contents .SeihinBTText a {
	display: block;
	padding: 5px 0px 5px 0px;
	font-size: 13px;
}
.main_contents .SeihinBTText span.seihinText_small18px {
	font-size: 20px;
}
.main_contents .CatalogBTText a {
	background-image: url(../images/commo_catalogdllbt_140514.png);
}
.main_contents .ContactBTText a {
	background-image: url(../images/common_contactbt_140821.png);
}
.main_contents .KakakuBTText a {
	background-image: url(../images/common_Kakaku.png);
}
.main_contents .SeihinBTText a {
	background-image: url(../images/common_seihinbt.png);
	min-height: 81px;
}
/*▼マンガ関連：マンガ一覧表用設定*/
.main_contents #mangaList .ThumnailBlock {
	display: block;
	float: left;
	border: #999999 0px solid;
	padding: 10px;
	background-color: #FFFFFF;
}
.main_contents #mangaList .ThumnailBlock img {
	width: 150px;
}
.main_contents #mangaList .mangaList_box {
	margin-left: 170px;
}
/*▲マンガ関連：マンガ一覧表用設定*/

/*----- Contactarea ----- */
/*----- Contactarea ----- */
#ContactArea,#ContactAreaBottom {
	
}
#ContactArea a,#ContactAreaBottom a{
	/*background-image: url(../../images/buttonBG_Arrow_white_face.png);*/
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 100%;
}
#ContactAreaBottom{
	/*
	background-image: url(../../images/ContactArea_bottom_BG.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	*/
}
	
#ContactArea p,#ContactAreaBottom p{
	width:70%;
	margin: 0 auto 0rem auto;
	padding: 30px 0 40px 0;
	font-size: 1rem;
	
}
#ContactArea a,#ContactAreaBottom a{
	/*width: 65%;*/
	/*padding:3rem 1rem;*/
	margin: 0px auto;
	font-size:1rem;
	
}
#ContactArea a:hover,#ContactAreaBottom a:hover{
}

#footer .footercolumns1{
	
}
#footer .footercolumns2{
	padding-left: 8%;
}
#footer .footercolumns3{
	padding-left: 8%;
}
#footer ul{
	font-size:12px !important;
}
#footer .footer_banner p {
	display: inline-block;
	margin: 0 10px 15px;
}
	
/*▼導入事例検索*/
#ZireList .download_link{
	margin-bottom: 2rem;
}
/*▲導入事例検索*/
	
}

/* =========================================================
PC表示　min-width 1024px
========================================================= */
@media print, screen and (min-width:64em) {
body {
	font-size: 15px;
}
span.small {
	font-size: 13px;
}
small {
	font-size: 12px;
}
#header .large-4 p {
	margin: 10px 0 0;
}
#header .large-4 p a img {
	width: 90px;
	height: 50px;
}
.breadcrumbs {
	margin: 15px 0;
	height: 20px;
}
/*
iframe.twitter-share-button {
	width: 62px!important;
}
*/
.sns_area #pcshare {
	margin-left: 20px;
}
.information h4 {
	overflow: hidden;
}
.information h4 a {
	float: right;
	margin-top: 3px;
	font-weight: normal;
}
.information dl dt {
	float: left;
	line-height: 19px;
}
.information .information_date {
	width: 140px;
}
.information .new_text {
	padding-top: 19px;
}
.seminar_list dt, .news_list dt {
	width: 246px;
}
.seminar_list dd, .news_list dd {
	padding-left: 256px;
}
.information .article_list {
	margin-top: 0;
	padding-bottom: 0;
}
.article_list dt {
	padding-top: 0;
	border: 0;
}
.article_list dd {
	padding-left: 135px;
}
.article_list dd strong {
	display: inline;
}
.tab-bar {
	background: #333 !important;
}
.top-bar-section ul li a.gnav_menu {
	text-align: center;
}
.side-nav {
	overflow: visible;
	margin-top: 0;
	padding: 0 5px 20px 0;
}
.side-nav li {
	
	padding: 5px 0 10px 5px;
	background: url(../images/arow01_icon.png) 5px 8px no-repeat;
	border-bottom: 1px dotted #666;
	line-height:1.2em !important;
	font-size: 13.5px;
}
.side-nav li a {
	display: block;
	text-decoration: none;
	width: 100%;
	padding-left: 12px;
	color: #282828;
}
.side-nav li a:hover {
	text-decoration:underline;
}
.side-nav li span.current a {
	color: #456dd1;
}
.side-nav li span.Nolink a:hover{
	text-decoration: none;
	cursor:default;
	}
.side-nav li span.SnavIndent a {
	display: block;
	width: 90%;
	margin-top: 5px!important;
	margin-left:1em !important;
	line-height:1.2em !important;
	padding-bottom:4px;
	margin-bottom:4px !important;
	border-bottom: 1px dotted #666;
}

.side-nav li.subnavBana {
		padding:0px;
		background:none;
		border-width:0px;
		width:215px;
		margin:0px 0px 10px 0px;
}

.side-nav li.subnavBana a {
		padding:0px;
}

.side-banner {
	text-align: center;
	margin: 10px 5px 0 0;
}
/*.side-banner:last-child {
	margin-top: 10px;  サイドバナーの下にメッセージを表示すると、Last-child指定では表示崩れを起こすから停止
}*/
.Bannerlink_wrap {
	text-align: center;
}
.main_contents .CatalogBTBox, .main_contents .ContactBTBox, .main_contents .SeihinBTBox, .main_contents .MangaBTBox, .main_contents .KakakuBTBox {
	width: auto;
}
.main_contents .SeihinBTText span.seihinText_small18px {
	font-size: 20px;
}
/*▼マンガ関連：マンガ一覧表用設定*/
.main_contents #mangaListMidasi {
	background-image: url(../../mangadata/mangalist_midasi.png);
	width: 705px;
	height: 24px;
	margin: 0px auto;
	padding: 50px 0px 50px 180px;
}
.main_contents #mangaList {
	width: 700px;
	margin: 0px auto;
}
/*▲マンガ関連：マンガ一覧表用設定*/

/*----- Contactarea ----- */
#ContactArea,#ContactAreaBottom {
	padding:3rem 0rem;
}
#ContactArea p,#ContactAreaBottom p{
	width:58%;
	margin: 0 auto 0rem auto;
	padding: 0px 0 20px 0;
	font-size: 1.1rem;
}
#ContactArea a,#ContactAreaBottom a{
	background-size: auto auto;
}
#ContactArea a,#ContactAreaBottom a{
	width: 80%;
	/*padding:2rem 0rem;*/
	margin: 0px auto;
	font-size:1.2rem;
	border-radius: 10px;
}
#ContactArea a:hover,#ContactAreaBottom a:hover{
}

#footer .footer_banner p {
	margin-bottom: 10px;
}
#footer .footer_nav li {
	/*width: 150px;*/
	/*margin: 0 0 20px;*/
}
#foot_gotop {
	right: 20px;
}

.left_side .newsfeed .morelist {
	top:0;
	padding:3px 6px 2px 4px;
}
.left_side .newsfeed h4 {
	font-size:12px;
	line-height: 1.2em;
	margin: 0;
}

.left_side .newsfeed {
	margin-bottom:10px;
}
.left_side .newsfeed dl {
	margin: 0;
	padding: 5px 10px 0;
}
.left_side .newsfeed dl dt {
	margin: 0 0 5px 0;
}
.left_side .newsfeed dl dd {
	line-height: 1.2em;
	margin: 0;
}
.left_side .newsfeed dl dd a {
	margin: 0;
}
}

/* =========================================================
プリント表示
========================================================= */
@media print {
* {
	box-shadow: none !important;
}
h1, .top-bar-section ul li > a, table th, table td, .breadcrumbs li a {
	font-size: 10px !important;
}
h2, h3 {
	font-size: 16px !important;
}
h4, h5, dl dt {
	font-size: 14px !important;
}
ul, ol, dl, p {
	line-height: 1.3;
}
ul li, ol li, dl dd {
	font-size: 12px!important;
}
p {
	font-size: 12px !important;
}
.header_nav li {
	font-size: 10px;
}
.large-3.columns.show-for-large-up.left_side {
	display: none !important;
}
.right_side {
	width: 100% !important;
}
.top-bar-section {
	height: 45px;
	overflow: hidden;
}
.top-bar-section ul {
	width: 100%;
}
#footer .footer_nav li {
	width: 50%;
	float: left;
	margin-bottom: 10px;
	font-size: 10px;
}
#foot_gotop, .right-off-canvas-menu {
	display: none !important;
}
.footer_banner {
	width: 30% !important;
}
.footer_banner + .large-4 {
	width: 36.333% !important;
	padding: 0 !important;
}
.footer_banner + .large-4 + .large-4 p {
	margin-bottom: 10px !important;
	font-size: 10px !important;
}
/*▼広告バナープリント用設定*/
.Bannerlink_wrap.large-10 {
	width: 100%!important;
}
.main_contents .CatalogBTText, .main_contents .ContactBTText, .main_contents .SeihinBTText, .main_contents .MangaBTText, .main_contents .KakakuBTText {
	width: 317px!important;
}
.Bannerlink_wrap .large-6.small-12 {
	width: 50%!important;
	float: left;
}
.Bannerlink_wrap .large-6.small-12 img {
	width: 317px!important;
}
.print-show {
  display: block !important;
}
#ContactArea a , #ContactAreaBottom a {
	font-size:1rem !important;
}

}
