@charset "UTF-8";

/*== RESPONSIVE ====================================================*/
@media screen and (max-width: 670px) {
/*==================================================================*/
/* CSS Document */
html{
	box-sizing: border-box;
}
*, *:before, *:after{
	box-sizing: inherit;
}
body {
	font-size: 12px;
	font-family: Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #333333;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
* {
    box-sizing: border-box;
}
.SP-in-wrap {
    padding-left: 10px;
    padding-right: 10px;
}
.SP-none {
    display: none;
}
.SP-img-wrap {
    text-align: center;
    display: block;
    margin-bottom: 10px;
}
h1,h2,h3,p,ul,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	list-style: none;
}
h1,h2,h3,h4,h5,h6 {
	font-family: '游ゴシック',YuGothic,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
a {
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}
a:link,
a:visited {
	color: #333333;
	text-decoration: none;
}
/*input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
}*/
/*
---------------------------------------------------------
 edit
--------------------------------------------------------- */
.edit {
	padding: 0 0 0.1px;
}
.edit .wb-edit {
    padding: 15px 10px;
    word-break: break-all;
}
.edit .wb-edit:empty {
    padding: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    border: none !important;
    margin: 0 !important;
}

img {
	-moz-user-select : none; /*Firefox*/
	-khtml-user-select : none; /*Safari*/
	-webkit-user-select : none; /*Safari*/
	user-select:none;
	max-width: 100%;
    height: auto !important;
}
img {
    vertical-align: middle;
}

/*
---------------------------------------------------------
 table
--------------------------------------------------------- */
table.table-low, 
table.table-low tbody,
table.table-low tbody tr,
table.table-low tbody td, {
    width: 100%;
    display: block;
}
/*
---------------------------------------------------------
 HTMLeditor
--------------------------------------------------------- */
.HTMLeditor {
    word-break: break-all;
}
.HTMLeditor:after {
  content: "";
  display: block;
  clear: both;
}
.HTMLeditor iframe {
  max-width: 100%;
}
.HTMLeditor .HTMLeditor-table-wrap {
  overflow: auto;
}
.HTMLeditor span.marker {
  background-color: Yellow;
}

.Content-block{
    margin-bottom: 40px;
}
.Title-block {
	border-top: 2px solid #999999;
    border-bottom: 2px solid #999999;
    margin-bottom: 15px;
    text-align: center;
    font-size: 18px;
    line-height: 1.28;
    padding: 6px 10px;
    font-weight: bold;
}

/* ---------------------------------
見えないようにする要素
--------------------------------- */ 
.Footer.sp,
.global-menu-sp,
.blog .main-content.sp,
.products .main-content.sp,
#acMenu,
.sp-menu .sp-logo  {
	display: none!important;
}
/* --------------------------------- 
------------------------------------
sub
------------------------------------
------------------------------------*/

.sub-image .sub-image-bg {
}
.sub-image h2 {

}
.sub-image h2.concept-title img,
.sub-image h2.lesson-title img,
.sub-image h2.item-title img,
.sub-image h2.blog-title img,
.sub-image h2.shop-title img,
.sub-image h2.contact-title img,
.sub-image h2.catalog-title img,
.sub-image h2.order-title img{
	width: 100%;
}


/* --------------------------------- 
------------------------------------
Other
------------------------------------
------------------------------------*/
.Clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.Clearfix {
	/* for ie */
	display: inline-block;
}
/* Hides from IE-mac \*/
*html .Clearfix {
	height: 1%;
}
.Clearfix {
	display: block;
}
/* End hide from IE-mac */

/* --  txt-btn-wrap  --*/
.txt-btn-wrap {
	text-align: center;
}
.txt-btn-wrap:hover {
	background: #666;
}
.txt-btn-wrap a {
    color: #333 !important;
    display: block;
}
.txt-btn-wrap a:hover {
	text-decoration: none;
}

/* --  btn-wrap  --*/
.btn-wrap a {
	display: inline-block;
	text-indent: -9999px;
}
.inner-content {
	margin: 0 auto;
}
/* --  inner-wrap  --*/
.inner-wrap {
	margin: 0px auto;
}
.none {
	display: none;
}

/* --  shadow-element  --*/
.shadow-element {
	box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 6px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 6px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 6px 2px;
}
.shadow-element02 {
	box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 14px 5px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 14px 5px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 14px 5px;
	z-index: 1px;
	position: relative;
}

/* --------------------------------- 
------------------------------------
Wrapper
------------------------------------
------------------------------------*/
.Wrapper {
  width: 100%;
  padding: 0;
}
/* --------------------------------- 
------------------------------------
Header 
------------------------------------
------------------------------------*/
.Header .inner-wrap {
	position: relative;
}
.Header .sp-left-wrap {
    padding: 12px;
}
.Header .left-wrap {
	width: 80%;
    float: left;
}
.Header .left-wrap a {
	display: block;
}
.Header .left-wrap a img {
	width: 50%;
}
.Header .SP-nav-btn {
    width: 11%;
    float: right;
}
.Header .SP-nav-btn img {
    height: 21px !important;
}
.Header .SP-nav-btn a {
    display: block;
    padding: 5px;
}
.Header h1 {
	font-size: 12px;
	padding-top: 10px;
	font-weight: normal;
}
.Header .index-meta-pc h1 {
	display: none;
}
.Header .inquiry-tel {
	padding: 8px 24px;
	color: #444;
	background-color: #FEE8E2;
}
.Header .inquiry-tel span {
	display: inline-block;
	vertical-align: middle;
}
.Header .inquiry-tel .read-txt {
	display: inline-block;
	margin-right:1em;
}
.Header .inquiry-tel .read-info {
    font-size: 16px;
}
/* --  global-menu  --*/
.global-menu {
}
.global-menu .wb-edit{
	margin: 0 auto;
}
.global-menu ul{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    padding-bottom: 10px;
    padding-left: 0;
}
.global-menu li {
	text-align: center;
    border-top: 1px solid #fcdcdc;
    background-color: rgb(254, 254, 254);
    position: relative;
    z-index: 1;
    font-size: 15px;
}
.global-menu li:first-child {
	border-left: 1px solid #E2E2E2;
}
.global-menu li a {
    display: block;
    padding: 11px;
}
.global-menu li a:active {
    background: #FEF4F4;
}
.global-menu li img {
	max-height: 35px;
}
.global-menu li span {
	display: block;
	font-size: 11px;
	letter-spacing: 2px;
	color: #464646;
	margin-top: 2px;
}

/*----- SP-btn-close -----*/
.global-menu .SP-btn-close a {
    padding: 7px 7px 9px 7px;
	background-color: #a51515;
}
.global-menu .SP-btn-close img {
    max-height: 14px;
}
/* --------------------------------- 
------------------------------------
Content
------------------------------------
------------------------------------*/
.Content.Sub{
	margin-bottom:40px;
}
.Content.Sub .inner-wrap {
	font-size: 13px;
	line-height: 1.6;
	position: relative;
}
.breadcrumb {
	position:absolute;
	bottom: 5px;
	left: 0;
}
.wb-sitemap {
  margin: 0 auto;
  background: #f4f4f4;
  padding: 10px;
}
.wb-sitemap ul{
	display:block;
	margin:0 auto;
}
.breadcrumb .wb-sitemap,
.wb-sitemap li {
	display: inline-block;
	padding: 0 3px;
	font-size: 11px;
}
.wb-sitemap li a {
	color: #666666;
}

/* --------------------------------- 
------------------------------------
Alpha 
------------------------------------
------------------------------------*/
.Alpha {
    padding: 0 0 30px;
	font-size: 12px;
	line-height: 1.5;
}
.Alpha .side-anchor-wrap .title-wrap{
	border-bottom: 1px solid #222;
    margin-bottom: 15px;
    padding: 5px 10px;
}
.Alpha .side-anchor-wrap .wb-blog {
	margin-bottom: 26px;
}
.Alpha .wb-blog-date {
	display: block;
	font-size: 11px;
	padding-left: 20px;
}
.side-anchor-wrap .wb-blog-list a,  .side-anchor-wrap .wb-blog-categ-title a,  .side-anchor-wrap .wb-blog-month-title a {
    display: block;
    padding: 10px 20px;
    background: url(/img/arrow.jpg) no-repeat 10px 17px;
    border-bottom: 1px solid #D7D7D7;
	font-size: 14px;
}
.side-anchor-wrap li {}
.side-anchor-wrap li a {
	display: block;
	margin: 0 0 10px;
	padding: 8px 0 8px 26px;
	background: url(/img/arrow.jpg) no-repeat 14px 50%;
	border: 1px solid #D7D7D7;
}
/* --------------------------------- 
------------------------------------
.Beta 
------------------------------------
------------------------------------*/

.Beta .wb-blog-title {
	padding: 5px 11px 3px;
	margin-bottom: 10px;
	background-color: #F3F3F3;;
	font-size: 14px;
	font-weight: bold;
	font-family: '游ゴシック',YuGothic,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.Beta .wb-blog-title a {
	color: #333;
}
.Beta .wb-blog-list {
	padding-left: 10px;
    padding-right: 10px;
	margin-bottom: 30px;
}
.Beta .wb-blog-date {
    font-size: 11px;
    margin-bottom: 5px;
}
.Beta .wb-blog-continue {
	margin-top: 20px;
	padding: 0 12px;
}
.Beta .wb-blog-bottom,  .wb-blog-trackback,  .wb-blog-page .wb-blog-page-separator {
	display: none;
}
.Beta .wb-blog-continue-btn {
	padding: 20px 12px 0px;
	font-size: 12px;
	text-align: right;
}
.Beta .wb-blog-blog .wb-blog-page {
	display: none;
}
.Beta .wb-list-back {
	margin-top: 40px;
	text-align: center;
}
.Beta .wb-list-back a {
	display:inline-block;
	text-indent: -9999px;
	text-align:center;
	height: 34px;
	background: url(/img/btn_blog_detail_back.jpg) no-repeat 0 0;
}
.Beta .wb-blog-categ-title {
    font-size: 17px;
    font-family: '游ゴシック',YuGothic,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-weight: bold;
    padding: 5px 35px 5px 60px;
    margin: 0px 0 15px;
    background: url(../img/icon_mizu_s.png) no-repeat 10px center;
    box-sizing: border-box;
    line-height: 1.15;
    border-bottom: 1px solid #E00717;
}
/* --------------------------------- 
------------------------------------
Pagetop
------------------------------------
------------------------------------*/
.Pagetop {
	position: fixed;
    right: 3%;
    bottom: 20px;
    z-index: 100;
}
.Pagetop a {
    box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 3.5px 1px;
    display: block;
    text-indent: -9999px;
    outline: none;
    width: 50px;
    height: 50px;
    border-radius: 40px;
    background-color: rgba(253, 248, 249, 0.8);
    border: 1px solid #aa4015;
    background-image: url(../img/icon_arrow02.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
/* --------------------------------- 
------------------------------------
Footer
------------------------------------
------------------------------------*/
.Footer {
	padding-top: 30px;
	border-top: 1px solid #ccc;
}
#Index .Footer{
    border-top: 0;
}
.Footer .inner-wrap {
	position: relative;
}
.Footer .footer_company_txt {
	text-align: center;
	margin-bottom: 5px;
}
.Footer .footer_company_txt .wb-edit .footer-img {
    display: none;
}
.Footer .footer_company_map {
	text-align: center;
	margin-bottom:20px;
}
.Footer .footer_company_map .wb-map iframe {
    max-width: 100%;
}
.Footer .inner-wrap .right-wrap table .footer_map{
  padding-left: 15px;
}
.Footer .Copyright {
	margin: 0 auto;
    font-size: 11px;
    clear: both;
    padding: 6px;
    border-top: 1px solid #CCC;
	background-color: #efefef;
    color: #666666;
    text-align: center;
}
.Footer .page-top {
	padding-top: 14px;
	position: absolute;
	top: 0;
	right: 0;
}
.Footer .page-top #sp-menu-bottom {
	display: none;
}
.Footer .map-link {
    padding: 15px 3px;
}
.Footer .map-link a {
    text-decoration: underline;
}

/* --------------------------------- 
------------------------------------
Other
------------------------------------
------------------------------------*/
.Clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.Clearfix {
	/* for ie */
display: inline-block;
}
/* Hides from IE-mac \*/
*html .Clearfix {
	height: 1%;
}
.Clearfix {
	display: block;
}
/* End hide from IE-mac */

/*-----------pair---------*/
.wb-pair {
	box-sizing: border-box;
}
.wb-pair-categ {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.wb-pair-list {
	border-bottom: 1px solid rgb(204, 204, 204);
	display: table;
	table-layout: fixed;
    width: 100%;
}
.wb-pair-list-title, 
.wb-pair-list-body {
	display: table-cell;
	vertical-align: middle;
	padding: 8px;
}
.wb-pair-list-title {
	background-color: #F3F3F3;
    border-right: 1px solid rgb(204, 204, 204);
	font-weight: bold;
	font-family: "游ゴシック",YuGothic,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 14px;
	line-height: 128%;
	width: 20%;
}
.wb-pair-list-body{
	width: 70%;
}
/* --------------------------------- 
------------------------------------
一般のお客様へ／印刷業者様へ
------------------------------------
------------------------------------*/
.top-appeal {
	text-align: center;	
	margin-bottom: 65px;
}
.top-appeal .top-appeal-head {
	font-size: 34px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "メイリオ", Meiryo, serif;
	border-bottom: 4px solid rgb(34, 34, 34);
	line-height: 122%;
	padding-bottom: 6px;
	margin-bottom: 18px;
	font-weight: bold;
}
.top-appeal .top-appeal-txt {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','游ゴシック',YuGothic,Arial,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 15px;
	line-height: 150%;
}
.appeal-box {
	margin-bottom: 42px;
}
.appeal-title {
	padding: 0px;
	font-family: "游ゴシック",YuGothic,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-weight: bold;
	line-height: 170%;
	margin-bottom: 10px;
}
.appeal-point {
    font-size: 16px;
    border-left: 4px solid #222;
    padding: 2px 9px 1px;
}
.appeal-title-txt {
	border-left: 4px solid #CCC;
	padding: 6px 9px 7px;
	font-size: 24px;
}
.appeal-content-txt {
	text-align: justify;
	padding-left: 14px;
	font-size: 14px;
}

/*== RESPONSIVE ====================================================*/
}
/*==================================================================*/

/*== @media ここまで =============================*/
