@charset "shift_jis";
/* CSS Document */

/*--------------------------------
            ‘S‘̐ݒθ
--------------------------------*/

* {
	margin:0;
	padding:0;
	border:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: "ƒƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS ProN W3", "Hiragino Kaku Gothic ProN", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif, arial, verdana;
	text-align:center;
	position:relative;
	line-height:1.2em;
	background:#dfb515;
}
a {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
a:hover {
	text-decoration: none;
}
#contents {
	max-width:780px;
	margin:0.5em auto;
	font-family:"Ÿΰ–Ύ’©", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "‚l‚r –Ύ’©", serif, Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ƒƒCƒŠƒI", Meiryo, "ŸΰƒSƒVƒbƒN", "Yu Gothic", "ŸΰƒSƒVƒbƒN‘Μ", "YuGothic", "ƒqƒ‰ƒMƒmŠpƒS ProN W3", "Hiragino Kaku Gothic ProN", "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
/*--------------------------------
            ‘ΎŽšƒtƒHƒ“ƒg
--------------------------------*/
.luckiest {
	font-family: 'Luckiest Guy', cursive;
	font-size: 1.3em;
	line-height: 1.3;
	display: inline-block;
	padding: 2px 2px 0 2px;
}
/*--------------------------------
            ƒwƒbƒ_[Šι‹ΖƒƒS
--------------------------------*/
.head_logo {
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	background-color: #FFFFFF;
	margin-bottom: 1em;
}
.logo {
	display: inline-block;
	height: 44px;
}
a.logo-link {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.co-name {
	display: inline-block;
	height: 44px;
	vertical-align: top;
	padding: 15px 0 0 0;
}
/*--------------------------------
            ƒ^ƒCƒgƒ‹
--------------------------------*/
h1 {
	margin: 0;
	padding: 0;
}
.sub-title {
	background-color: #272521;
	color: #FFF;
	padding: 0.7em 0 0.5em 0;
	margin: 0 0 0.5em 0;
	text-align: center;
	font-weight: normal;
	font-size: 1.6em;
}
.comment {
	padding: 0 0 1em;
	line-height: 1.5;
}
/*--------------------------------
         ƒAƒ“ƒJ[ƒŠƒ“ƒNƒ{ƒ^ƒ“
--------------------------------*/
.top-btn {
	margin: 0;
	padding: 0;
	text-align: right;
	padding: 1em 0;
}
.top-btn-link {
	display: inline-block;
	text-align: center;
	background-color: #FFF;
	color: #272521;
	border: 2px solid #272521;
	padding: 3px 10px;
	margin: 0 0 0 auto;
	font-size: 0.8em;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
/*--------------------------------
            item
--------------------------------*/
.itemlist {
	width: 100%;
	padding-bottom:0.5em;
	text-align: left;
}
.item {
	display: inline-block;
	width: 23.5%;
	height: auto;
	margin: 0 0.6% 2.3% 0;
	background-color: #FFF;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	position: relative;
	text-align:center;
}
.item:hover {
	box-shadow: 8px 8px 10px 8px rgba(0,0,0,0.1);
}
.item:nth-child(4n) {
	margin: 0 0 2% 0;
}
a.item-link {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.item-series {
	display: inline-block;
	width: 30%;
	padding: 6px 0 4px 0;
	background-color: rgba(219,51,37,0.9);
	color: #FFF;
	font-size: .85em;
	position: absolute;
	top: -0.8em;
	left: -0.3em;
	width: 3.8em;
	height: 3.8em;
	border-radius: 50%;
	padding-top: 1.3em;
}
.item-series.epson {
	background-color: #00399D;
}
.left-area {
	display: inline-block;
	width: 46%;
	height: auto;
}
img.item-image {
	width: 100%;
	height: auto;
}
.right-area {
	display: inline-block;
	width: 48%;
	font-size: 0.75em;
	vertical-align: top;
	padding: 8px 0 0 0;
}
.item-name {
	display: inline-block;
	width: 100%;
	font-size: 1.13em;
	line-height: 1.5;
}
.item .price {
	display: inline-block;
	padding-top: 0.3em;
	font-family: 'Luckiest Guy', cursive;
	color: #ce0f17;
	font-size: 2.2em;
}
.item .price .tax {
	font-family: "ƒƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS ProN W3", "Hiragino Kaku Gothic ProN", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif, arial, verdana;
	font-size: 0.4em;
}
.bottom-area {
	display: inline-block;
	width: 100%;
	font-size: 0.85em;
	margin-bottom: 0.4em;
}
.bottom-area-right {
	display: inline-block;
	width: 45%;
	margin-right: .1%;
	background-color: #eeca06;
	color: #000000;
	padding: 7px 0 1px;
	line-height: 1.5;
	font-family: "ƒƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS ProN W3", "Hiragino Kaku Gothic ProN", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif, arial, verdana;
}
.bottom-area-left {
	display: inline-block;
	width: 45%;
	background-color: #0288e5;
	color: #ffffff;
	padding: 2px 0;
	font-family: "ƒƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS ProN W3", "Hiragino Kaku Gothic ProN", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif, arial, verdana;
}
/*-------------------------------
 ƒƒjƒ…[
---------------------------------*/
#contents .cate-menu-box {
	padding: 0;
}
#contents .cate-menu {
	list-style: none;
}
#contents .cate-menu li {
	display: inline-block;
	width: 18%;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: 80% auto;
	background-position: center 10px;
	border-radius: 5%;
	-webkit-border-radius: 5%;
	-moz-border-radius: 5%;
	border: 0;
	margin-right: 0.6%;
	font-size: 0.95em;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
#contents .cate-menu li:last-child {
	margin-right: 0;
}
#contents .cate-menu li:hover {
	box-shadow: 8px 8px 10px 8px rgba(0,0,0,0.1);
}
#contents .cate-menu li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 85% 0 8% 0;
	color: #000000;
}
#contents .cate-menu .list01 {
	background-image: url(/contents/sp/jprint/img/post/menu03.png);
}
#contents .cate-menu .list02 {
	background-image: url(/contents/sp/jprint/img/post/menu01.png);
}
#contents .cate-menu .list03 {
	background-image: url(/contents/sp/jprint/img/post/menu02.png);
}
#contents .cate-menu .list04 {
	background-image: url(/contents/sp/jprint/img/post/menu05.png);
}
#contents .cate-menu .list05 {
	background-image: url(/contents/sp/jprint/img/post/menu07.png);
}
/*-------------------------------
 ƒƒjƒ…[2—ρ
---------------------------------*/
#contents .cate-menu-box-2 {
	padding: 0;
}
#contents .cate-menu-2 {
	list-style: none;
}
#contents .cate-menu-2 li {
	display: inline-block;
	width: 48.5%;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: 30% auto;
	background-position: left 10px;
	border-radius: 3%;
	-webkit-border-radius: 3%;
	-moz-border-radius: 3%;
	border: 0;
	margin-right: 0.3%;
	font-size: 1.1em;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
#contents .cate-menu-2 li:last-child {
	margin-right: 0;
}
#contents .cate-menu-2 li:hover {
	box-shadow: 8px 8px 10px 8px rgba(0,0,0,0.1);
}
#contents .cate-menu-2 li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 14% 0 14% 10%;
	color: #000000;
}
#contents .cate-menu-2 .list11 {
	background-image: url(//direct.sanwa.co.jp/images/goods/JP-MTRT12HK_FT2.JPG);
}
#contents .cate-menu-2 .list12 {
	background-image: url(/contents/sp/jprint/img/post/menu05.png);
}
/*-------------------------------
 ‰ρ—V
---------------------------------*/
.kaiyu100 {
	display:inline-block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	max-width:100%;
   border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
	}
.kaiyu50 {
	display:inline-block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	max-width:45%;
	}

.kaiyu100:hover , .kaiyu50:hover {
	box-shadow: 8px 8px 10px 8px rgba(0,0,0,0.1);
}
.kaiyu-link {
	border:0;
	max-width:100%;
	}
.foot-kaiyu {
    border-top: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
	margin:2em auto;
}
/*-------------------------------
 top‚Φ–ί‚ι
---------------------------------*/
.goto_top {
	clear: both;
	padding: 10px 5px 10px 0;
	text-align: right;
}
.goto_top {
	position: fixed;
	bottom: 20px;
	right: 10px;
	font-size: 70%;
	Opacity: 0.8;
}
.goto_top a {
	background: #0174DF;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
.goto_top a:hover {
	text-decoration: none;
	background: #58ACFA;
}
/* ƒpƒ“‚­‚ΈƒŠƒXƒg */
#itemDetailMap {
	margin: 10px 0 0 0;
	padding: 0 0 10px!important;
	text-align: left!important;
	font-size:14px !important;
}
#itemDetailMap ol li {
	background: url("/images/parts/ico_pankuzu_gt.gif") no-repeat scroll right center transparent;
	margin: 0 5px 0 0;
	padding: 0 10px 0 0;
	display: inline;
	list-style: none;
}
#itemDetailMap ol li a {
	color: #3333cc;
}
#itemDetailMap ol li.lastLink {
	background: none;
}


/*--------------------------------------------PC—p--------------------------------------------*/

@media(min-width:740px) {
/*--------------------------------
            ƒtƒbƒ^[
--------------------------------*/
#contents #footer {
	background-size: 9px;
	padding: 50px 0 20px 0;
	text-align: center;
}
#contents #footer * {
	color: #000;
	line-height: 2.5;
	letter-spacing: 0.15em;
}
#contents dl {
	list-style: none;
	display: inline-block;
	width: 100%;
	height: 3.7em;
}
#contents dl.info {
	width: 65%;
}
#contents dl.name dt {
	list-style: none;
	display: inline-block;
	width: 40%;
	font-size: 1.4em;
}
#contents dl.info dt {
	list-style: none;
	display: inline-block;
	width: 10%;
	font-size: 0.8em;
}
#contents dl dt a {
	border: 0;
}
#contents dl.name dd {
	list-style: none;
	display: inline-block;
	width: 6%;
}
#contents dl.info dd {
	list-style: none;
	display: inline-block;
	width: 80%;
	font-size: 0.8em;
}
#contents dl dt img {
	width: 1.3em;
	height: auto;
	padding-right: 10px;
}
#contents dl dd img {
	width: 2em;
	height: 2em;
}
#contents ul.infomenu {
	list-style: none;
	display: inline-block;
	width: 90%;
	height: 7.5em;
	border-top: 1px dashed #999999;
	padding: 1.1em;
}
#contents ul.infomenu li {
	font-size: 0.8em;
	list-style: none;
	display: inline-block;
	width: 200px;
}
#contents ul.footernav {
	letter-spacing: -.40em;
	text-align: center;
	width: 100%;
	padding: 10px 0;
	display: inline-block;
	list-style-type: disc;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0;
	border: 0;
}
#contents ul.footernav li {
	letter-spacing: normal;
	display: inline-block;
	font-size: 0.7em;
	line-height: 1.0;
	padding: 0 5px;
	border-right: 1px #666 solid;
}
#contents #footer p.copyright {
	font-size: 0.9em;
}
}
 @media(max-width:740px) {
#contents {
	width:100%;
}
#top-head .inner {
	max-width: 740px;
}
h1 {
	max-width:100%;
	vertical-align:middle;
}
h1 img {
	max-width:100%;
	vertical-align:middle;
}
/*--------------------------------
            ƒ^ƒCƒgƒ‹
--------------------------------*/
.sub-title {
	margin: 0.9em 0 0.5em 0;
	font-size: 1.2em;
	line-height: 1.4
}
#contents #content_search_box h3 {
	background-color: #272521 !important;
	font-size: 1.3em !important;
}
/*--------------------------------
            item
--------------------------------*/
.itemlist {
	width: 100%;
}
.item {
	width: 48%;
	margin: 0 0.1% 2% 0;
}
.item:nth-child(4n) {
	margin: 0 0.1% 2% 0;
}
.item:nth-child(2n) {
	margin: 0 0 0 0;
}
/*-------------------------------
 ƒƒjƒ…[
---------------------------------*/
#contents .cate-menu li {
	display: inline-block;
	width: 48%;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: 60% auto;
	background-position: center 10px;
	border-radius: 5%;
	-webkit-border-radius: 5%;
	-moz-border-radius: 5%;
	border: 0;
	margin-right: 0.8%;
	margin-bottom: 1em;
	font-size: 0.8em;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
#contents .cate-menu li:nth-child(2n) {
	margin-right: 0;
}
#contents .cate-menu li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 65% 0 8% 0;
	color: #000000;
}
/*--------------------------------
            ƒtƒbƒ^[
--------------------------------*/
#contents #footer {
	padding: 1em;
	text-align: center;
}
#contents #footer * {
	color: #000;
	line-height: 2.8;
	letter-spacing: 0.15em;
}
#contents dl {
	list-style: none;
	display: inline-block;
	width: 100%;
	height: 7em;
}
#contents dl.info {
	width: 100%;
}
#contents dl.name dt {
	list-style: none;
	display: inline-block;
	width: 100%;
	font-size: 1.4em;
}
#contents dl.info dt {
	list-style: none;
	display: inline-block;
	width: 100%;
	font-size: 0.8em;
}
#contents dl dt a {
	border: 0;
}
#contents dl.name dd {
	list-style: none;
	display: inline-block;
	width: 8%;
}
#contents dl.info dd {
	list-style: none;
	display: inline-block;
	width: 100%;
	font-size: 0.8em;
}
#contents dl dt img {
	width: 1.3em;
	height: auto;
	padding-right: 10px;
}
#contents dl dd img {
	width: 2em;
	height: 2em;
}
#contents ul.infomenu {
	list-style: none;
	display: inline-block;
	width: 100%;
	height: 7.5em;
	border-top: 1px dashed #999999;
	padding: 1.1em;
}
#contents ul.infomenu li {
	font-size: 0.8em;
	list-style: none;
	display: inline-block;
	width: 200px;
}
#contents ul.footernav {
	letter-spacing: -.40em;
	text-align: center;
	width: 100%;
	padding: 35px 0 0 0;
	display: inline-block;
	list-style-type: disc;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0;
	border: 0;
}
#contents ul.footernav li {
	letter-spacing: normal;
	display: inline-block;
	font-size: 0.7em;
	line-height: 1.0;
	padding: 0 5px;
	border-right: 1px #666 solid;
}
#contents #footer p.copyright {
	font-size: 0.9em;
}
/*--------------------------------
            ƒwƒbƒ_[Šι‹ΖƒƒS
--------------------------------*/
.head_logo {
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	background-color: #FFFFFF;
	margin-bottom: 1em;
}
.logo {
	display: inline-block;
	height: 44px;
}
a.logo-link {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.co-name {
	display: none;
}
}


/*--------------------------------------------ƒ^ƒuƒŒƒbƒg—p--------------------------------------------*/
@media(max-width:739px) {
}





/*--------------------------------------------ƒXƒ}ƒz—p--------------------------------------------*/
@media(max-width:370px) {
/*--------------------------------
            ƒtƒbƒ^[
--------------------------------*/
#contents #footer {
	padding: 1em;
	text-align: center;
}
#contents #footer * {
	color: #000;
	line-height: 2.5;
	letter-spacing: 0.15em;
}
#contents dl {
	list-style: none;
	display: inline-block;
	width: 100%;
	height: 8em;
}
#contents dl.info {
	width: 100%;
}
#contents dl.name dt {
	list-style: none;
	display: inline-block;
	width: 100%;
	font-size: 1.4em;
}
#contents dl.info dt {
	list-style: none;
	display: inline-block;
	width: 100%;
	font-size: 0.8em;
}
#contents dl dt a {
	border: 0;
}
#contents dl.name dd {
	list-style: none;
	display: inline-block;
	width: 8%;
}
#contents dl.info dd {
	list-style: none;
	display: inline-block;
	width: 100%;
	font-size: 0.8em;
}
#contents dl dt img {
	width: 1.3em;
	height: auto;
	padding-right: 10px;
}
#contents dl dd img {
	width: 2em;
	height: 2em;
}
#contents ul.infomenu {
	list-style: none;
	display: inline-block;
	width: 100%;
	height: 7.5em;
	border-top: 1px dashed #999999;
	padding: 1.1em;
}
#contents ul.infomenu li {
	font-size: 0.8em;
	list-style: none;
	display: inline-block;
	width: 200px;
}
#contents ul.footernav {
	letter-spacing: -.40em;
	text-align: center;
	width: 100%;
	padding: 10px 0;
	display: inline-block;
	list-style-type: disc;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0;
	border: 0;
}
#contents ul.footernav li {
	letter-spacing: normal;
	display: inline-block;
	font-size: 0.7em;
	line-height: 1.0;
	padding: 0 5px;
	border-right: 1px #666 solid;
}
#contents #footer p.copyright {
	font-size: 0.9em;
}
}
/*--------------------------------------------‹€’Κ--------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/  
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/*--------------------------------------------------
	general class
--------------------------------------------------*/
/* margin, padding */
.mt0 {
	margin-top:0 !important;
}
.mt1 {
	margin-top:1em !important;
}
.mt2 {
	margin-top:2em !important;
}
.mt3 {
	margin-top:3em !important;
}
.mt10 {
	margin-top:10px !important;
}
.mt20 {
	margin-top:20px !important;
}
.mt30 {
	margin-top:30px !important;
}
.mb0 {
	margin-bottom:0 !important;
}
.mb1 {
	margin-bottom:1em !important;
}
.mb2 {
	margin-bottom:2em !important;
}
.mb3 {
	margin-bottom:3em !important;
}
.mb10 {
	margin-bottom:10px !important;
}
.mb20 {
	margin-bottom:20px !important;
}
.mb30 {
	margin-bottom:30px !important;
}
.pt0 {
	padding-top:0 !important;
}
.pt1 {
	padding-top:1em !important;
}
.pt2 {
	padding-top:2em !important;
}
.pt3 {
	padding-top:3em !important;
}
.pt10 {
	padding-top:10px !important;
}
.pt20 {
	padding-top:20px !important;
}
.pt30 {
	padding-top:30px !important;
}
.pb0 {
	padding-bottom:0 !important;
}
.pb1 {
	padding-bottom:1em !important;
}
.pb2 {
	padding-bottom:2em !important;
}
.pbt3 {
	padding-bottom:3em !important;
}
.pb10 {
	padding-bottom:10px !important;
}
.pb20 {
	padding-bottom:20px !important;
}
.pb30 {
	padding-bottom:30px !important;
}
/* width */
.wid100 {
	width:100%;
}
.wid95 {
	width:95%;
}
.wid90 {
	width:90%;
}
.wid85 {
	width:85%;
}
.wid80 {
	width:80%;
}
.wid75 {
	width:75%;
}
.wid70 {
	width:70%;
}
.wid65 {
	width:65%;
}
.wid60 {
	width:60%;
}
.wid55 {
	width:55%;
}
.wid50 {
	width:50%;
}
.wid45 {
	width:45%;
}
.wid40 {
	width:40%;
}
.wid35 {
	width:35%;
}
.wid30 {
	width:30%;
}
.wid25 {
	width:25%;
}
.wid20 {
	width:20%;
}
.wid15 {
	width:15%;
}
.wid10 {
	width:10%;
}
.wid5 {
	width:5%;
}


/* End hide from IE-mac */