@charset "utf-8";

/***** SMP*****/
@media screen and (min-width: 481px) {
	
	.smp_header, .smp_footer{
		display:none;
	}
	
	.smp_mainvisual {
		display:none;
	}
	.smp_thumbnailObj{
		display:none;
	}
	/***** トップランキング *****/
	.smp_rank_tit {
		display:none;
	}

/***** お支払方法 *****/
.price_list_monthly_smp {
	display:none;
}

/***** マイページメニュー *****/
#bodyNavigation.mypagemenu {
	display:none;
}
}

@media screen and (max-width: 480px) {
/*** frame ***/
	
body {
	width: 100%;
	margin: 0;
	overflow:initial!important;
}
		
#pageTop {
	height: auto;
	z-index: 9999!important;
}
#header {
	width:100%;
}
#container {
	min-width: 0;
}
	
#mainContent div.error-msg{
	width:94%;
	margin: 0 auto 6%;
}
	
input[type="text"], input[type="password"], textarea{
	-webkit-appearance: none;
}
	
	.hover a img{
		border: none!important;
	}	
	
	
	
	
	
/***** パンくず ******/
#pankuzu {
    background: url(../img/bg_01.png);
    border-bottom: solid 1px #ccc;
    width: 100%;
    height: 40px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
#pankuzu::-webkit-scrollbar {
 display:none;
}
#pankuzu ul {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: auto;
    text-align: left;
    height: 100%;
    max-width: 100%;
	background: #eee;
}	
#pankuzu ul li {
    float: none;
    width: auto;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
    padding: 0;
    min-width: 100px;
    white-space: nowrap;
	line-height: 40px;
	background: #eee!important;
	position: relative;
}	
#pankuzu ul li a {
	padding: 0 10px 0 25px;
	text-decoration: none;
}	

/* contentをリセット（PCClearfix用） */
#pankuzu ul:after {
	content:none;
}


#pankuzu li:after,
#pankuzu li:before {
    border-left: 15px solid #eee; 
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    content: "";
    position: absolute;
	right: -15px;
	z-index: 999;
}
#pankuzu li::after{
  z-index: 2;
  border-left-color: #b3b3b3;
}
 
#pankuzu li::before{
  border-left-color: #eee;
  right: -14px;
  z-index: 4;
}
#pankuzu li:last-child:after,
#pankuzu li:last-child:before{
	content: normal;
}
#pankuzu li:last-child:before{
	right:-15px!important;
}	
#pankuzu li:first-child a{
	padding-left: 10px;
}	
#pankuzu li:last-child{
	padding:0 10px 0 20px;
}	
	
	
/***** トップへ戻る *****/
#pagetopLink{
	display:none;
}	
	
.page_top {
    position: fixed;
    bottom: 20px;
    right: 10px;
	z-index: 8888;
}
.page_top a {
    background: #1C0D02;
    text-decoration: none;
    color: #fff;
    width: 60px;
	height: 60px;
    text-align: center;
    display: table-cell;
	vertical-align: middle;
    font-size: 18px;
}
.page_top a .fa{
	display: block;
	font-size: 24px;
	margin-bottom: -5px;
}
	
	
#mainContent div.listSctObj .content {
	padding: 28px 1% 24px 1%;
}
#mainContent div.listSctObj .listSctBody {
	margin: 0 auto;
	width: 100%;
}
#mainContent div.listsetObj .lineObj {
	width: 100%;
}
#mainContent div.itemListObj .image img {
	width: 100%;
	height: auto;
}
#mainContent div.pagenaviObj ul {
	margin-right: 2%
}
#mainContent div.pagesortObj p.pagehed {
	clear: both;
	float: left;
	display: block;
}
#mainContent div.pagesortObj ul {
	float: left;
	display: block;
}
#bodyContent #introObj .listCnt {
	width: 100%;
	background: none;
	padding: 0;
}
#bodyContent #introObj .listCnt .blocks {
	padding: 0 0 0 0;
}
#bodyContent #introObj .listCnt .block {
	width: 100%;
	float: none;
	overflow: hidden;
	border-bottom: 1px #555 solid;
}
#bodyContent #introObj .listCnt .block .image {
	width: 120px;
	height: 90px;
	display: block;
	float: left;
	overflow: hidden;
}

#bodyContent #introObj .listCnt .block .image img {
	width: auto;
	height: auto;
}

#bodyContent #introObj .listCnt .block:nth-child(4) .image img {
	width: 220px;
	height: 124px;
	margin-top: -1px;
	margin-left: -66px;
}

#bodyContent #introObj .listCnt .block h4 {
	width: -webkit-calc(100% - 120px);
  width: calc(100% - 120px);
	float: left;
	margin: 0;
	padding: 2% 2% 0 2%;
	box-sizing: border-box;
}
#bodyContent #introObj .listCnt .block p {
  width: -webkit-calc(100% - 120px);
  width: calc(100% - 120px);
	float: left;
	margin: 0;
	padding: 2% 2% 0 2%;
	box-sizing: border-box;
}
#bodyNavigation {
	display: none;
}
#pagetopLink ul {
	width: 98%;
	margin-right: 2%;
}
	
	
/*** フッター ***/	
#bottomLinkObj {
	display: none;
}
#footer{
	display:none;
}
	
	
	
	
/***** トップスライダー *****/
.smp_main_slider li{
	width:100%;
}
.smp_main_slider li img{
	width:100%;
}	
.smp_main_slider .slick-next{
	right:0!important;
}	
.smp_main_slider .slick-prev{
	left: 0!important;
	z-index: 888!important;
}
	
	
/***** トップスライダー２ *****/
.smp_thumbnailObj_slider div img{
	width:100%;
	height: auto;
}

	
	
	
	
	
	
	
	
/***** トップランキング *****/

.smp_rank_tit {
	display:block;
	background:url("../img/top/hed_ranking2.png");
	background-size:cover;
	min-height:180px;
}
.rank_title {
	position:relative;
	top:70%;
	width:100%;
	text-align:center;
	font-weight:bold;
}

/*** detail ***/

#mainContent div.showroomObj {
}
#mainContent div.showroomObj .showroomBody {
	padding: 0;
	width: 100%;
}
#mainContent div.showroomObj .content {
	margin-left: 0;
}
#mainContent div.showroomObj .data {
	width: 100%;
	float: none;
}
#mainContent div.showroomObj .data .image {
	margin-left: 2%;
}
#mainContent div.showroomObj .data p {
	padding: 0 2%;
}
#mainContent div.showroomObj .data th {
	padding: 7px 18px 6px 2%;
}
#mainContent div.showroomObj .data td {
	padding: 7px 2% 6px 0;
}
#mainContent div.showroomObj .map {
	width: 90%;
	margin: 5% auto 0;
	float: none;
	text-align: center;
}
#mainContent div.showroomObj .map iframe {
	width: 100%;
	box-sizing: border-box;
}
#mainContent div.showroomObj .calendar li {
	width: 100%!important;
}
#mainContent div.showroomObj .calendar .hed {
	padding: 0 2%;
}
#mainContent div.showroomObj .calendar .row .box {
	margin: 0 auto 30px;
	width: 80%;
	float: none;
}
#mainContent div.showroomObj .calendar table {
	width: 100%;
}
#mainContent div.showroomObj .calendar td {
	background: url(../img/ukiyoe/bg_table2.png) repeat-x left top;
	background-size: cover;
}
#mainContent div.showroomObj .calendar span.none {
	background: url(../img/ukiyoe/bg_table3.png) repeat-x left top;
	background-size: cover;
}
#mainContent div.showroomObj .calendar .holiday {
	background: url(../img/ukiyoe/bg_table4.png) repeat-x left top;
	background-size: cover;
}
#mainContent div.showroomObj .calendar .eventday {
	background: url(../img/ukiyoe/bg_table5.png) repeat-x left top;
	background-size: cover;
}
#mainContent div.showroomObj h3{
	background-size:contain;
}
#mainContent div.showroomObj .schedule .div1 {
	width: 100%;
	float: none;
}
#mainContent div.showroomObj .schedule .div1 p {
	padding: 0 2%;
}
#mainContent div.showroomObj .schedule .div2 {
	width: 100%;
	float: none;
}
#mainContent div.showroomObj .schedule .div2 p {
	padding: 0 2%;
}
#mainContent div.showroomObj .schedule ul {
	margin: 6px auto 30px;
	padding: 0 2%;
}
#mainContent div.showroomObj .table1 table {
	width: 90%;
	margin: 0 auto;
}
#mainContent div.showroomObj .table2 th {
	padding: 7px 18px 6px 2%;
}
#mainContent div.showroomObj .table2 td {
	padding: 7px 2% 6px 0;
}
#mainContent div.informationObj .informationBody {
	width: 100%;
}
#mainContent div.informationObj .content {
	margin-left: 0px;
}
#mainContent div.informationObj h1 {
	width: 100%;
	margin-bottom: 8%;
}
#mainContent div.informationObj h1 img {
	width: 100%;
	height: auto;
}
#mainContent div.informationObj .row {
    padding: 0 2% 10%;
}
#mainContent div.informationObj p {
    margin-bottom: 6%;
}	
#mainContent div.informationObj .div1 .explan {
	width: 100%;
	float: none;
}
#mainContent div.informationObj .div1 .image {
	width: 60%;
	margin: 0 auto;
	text-align: center;
	float: none;
}
#mainContent div.informationObj .div1 .image img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#mainContent div.informationObj .div2 .explan {
	width: 100%;
	float: none;
}
#mainContent div.informationObj .div2 .image {
	width: 60%;
	margin: 0 auto;
	text-align: center;
	float: none;
}
#mainContent div.informationObj .div2 .image img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#mainContent div.detailObj .hed {
	margin: 0 2% 25px 2%;
}
#mainContent div.detailObj .detailBody {
	width: 100%;
}
#mainContent div.detailObj .content {
	padding-left: 0;
}
#mainContent div.detailObj .images {
	padding-bottom: 15px;
	width: 100%;
	float: none;
}
#mainContent div.detailObj .images .main img {
	width: 100%;
	height: auto;
}
#mainContent div.detailObj .detail {
	padding-bottom: 15px;
	width: 100%;
	float: none;
}
#mainContent div.detailObj .images .thumbnail {
	margin-top: 2%;
	width: 100%;
	overflow: hidden;
}
#mainContent div.detailObj .images .thumbnail .pack {
	margin-right: 2%;
	padding-bottom: 2%;
	width: 31%;
	margin: 1%;
	float: left;
}
#mainContent div.detailObj .images .thumbnail .pack img {
	width: 100%;
	height: auto;
}
#mainContent div.detailObj .explan {
	padding: 0 2%;
}
#mainContent div.detailObj .info th {
	padding-left: 20px;
}
	
#mainContent div.itemListObj div.listset-4column{
	width:100%;
}	
#mainContent div.itemListObj div.listset-4column .pack {
    float: left;
    width: 46%;
    margin: 0 2%;
}	
#mainContent div.itemListObj div.listset-4column .pack img{
	margin-top: 0!important;
}

#mainContent div.detailObj .blogBanner a {
	display: block;
	width: 100%;
	text-align: center;
	}
#mainContent div.detailObj .blogBanner a img {
	width: 80%;
	height: auto;
	display: block;
	margin: 0 auto;
	}

/*** 浮世絵の基礎知識 ***/
#mainContent div.knowledgeObj .knowledgeBody .content {
    padding-bottom: 20%;
    width: 100%;
	height: auto!important;
    background-size: contain;
}	
#mainContent div.knowledgeObj h1 {
    margin: 0 0 4%;
}	
#mainContent div.knowledgeObj h1 img{
	width:100%;
	height: 100%;
}	
#mainContent div.knowledgeObj .section {
    margin-left: 0;
	padding: 0 2%;
}	
#mainContent div.knowledgeObj h3 {
    background: url(../img/ukiyoe/icn_q.png) no-repeat left top;
	margin-bottom: 2%;
    padding: 0 0 0 10%;
	margin: 5% 0 4%;
    height: auto;
    background-size: 8%;
}
#mainContent div.knowledgeObj .answer {
    background: url(../img/ukiyoe/icn_a.png) no-repeat left top;
    padding: 0;
    background-size: 8%;
}
#mainContent div.knowledgeObj h4 {
    margin-bottom: 3%;
	padding-left: 10%;
}
#mainContent div.knowledgeObj #SCT1 {
    padding-bottom: 8%;
}
#mainContent div.knowledgeObj #SCT1 .div1 {
    width: 100%;
    float: none;
}
#mainContent div.knowledgeObj #SCT1 .div2 {
    padding-top: 5%;
    width: 100%;
    float: none;
}
#mainContent div.knowledgeObj #SCT2 {
    background:none;
    padding: 0 2%;
}
#mainContent div.knowledgeObj #SCT2 .div1 {
    padding-top: 0;
    width: 100%;
    float: none;
}	
#mainContent div.knowledgeObj #SCT2 .div2 {
    background: url(../img/ukiyoe/img_knowledge2.png) no-repeat center 12%;
    padding-top: 44%;
    width: 100%;
    float: none;
}	
#mainContent div.knowledgeObj #SCT3 .div1 {
    width: 100%;
    float: none;
}
#mainContent div.knowledgeObj #SCT3 .div2 {
    padding: 10% 0 12%;
    width: 100%;
    float: none;
}	
#mainContent div.knowledgeObj dd {
    margin-right: 2%;
}
#mainContent div.knowledgeObj ul, #mainContent div.knowledgeObj dl {
    margin-top: 5%;
}	
	
	
	
	
	
/* other */

#mainContent div.newsListObj .tableBody {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}
#mainContent div.newsListObj .content {
	position: relative;
	padding-top: 0;
	margin-left: 0;
}
#mainContent div.newsListObj h1 {
    padding:5% 2%;
}
#mainContent div.newsListObj dt {
	padding-left: 2%;
}
#mainContent div.newsListObj dd {
	padding-right: 2%;
}
	
	
	
	
	
	
/*** frame modal ***/
#overlayBox.sp{
	width:100%!important;
}		
#overlayBoxDialog {
	position: relative;
	z-index: 20002;
	top: 30px!important;
	background-color: #fff;
	width: 90%!important;
	height: auto!important;
}

#overlayBoxDialog iframe {
	height:600px!important;
}
#modalContent div.modalNavi{
		padding:3% 4%; 
}
#modalContent div.flowObj, #modalContent div.telfaxObj, #modalContent div.payObj, #modalContent div.deliveryObj, #modalContent div.cancelObj, #modalContent div.questionObj{
	padding:5% 4%;
}
#modalContent div.flowObj img, #modalContent div.telfaxObj img, #modalContent div.payObj img, #modalContent div.deliveryObj img {
    width: 100%;
	margin: 0 auto;
}
	#modalContent div.wrappingObj .sction{
		padding:4%!important;
	}
	#modalContent div.wrappingObj #SCT1 div{
		position:relative;
		right: 0;
		bottom: 0;
	}	
	#modalContent div.wrappingObj div img {
		margin:0 auto;
		width: 100%;
		height: auto;
	}
#modalContent div.wrappingObj #SCT2 .image {
    padding-top: 0;
    float: none;
	width: 70%;
	margin: 0 auto;
}	
#modalContent div.wrappingObj #SCT2 .explan {
    margin-right: 0;
	margin-top: 5%;
}	
#modalContent div.wrappingObj #SCT3 .image {
	padding-left: 0;
	float: none;
	text-align: center;
	overflow: hidden;
}
#modalContent div.wrappingObj #SCT3 .image div {
	width: 50%;
	margin: 0 auto;
	padding: 0;
	float: none;
}
#modalContent div.wrappingObj #SCT4 .pack {
	float: none;
	margin: 0 auto;
}
#modalContent div.wrappingObj #SCT4 img {
	width:70%!important;
	margin: 0 auto;
}
#modalContent div.wrappingObj #SCT5 .explan {
	margin: 5% 0 0;
}
#modalContent div.wrappingObj #SCT5 .image {
	float: none;
	margin: 0 auto;
	width: 70%;
}
	#modalContent div.tablebox table th{
		display:block;
		padding: 4% 0 0;
		border-bottom: none;
	}	
	#modalContent div.tablebox table td	{
		width:100%;
		display:block;
		padding: 4% 0 6%;
	}
	#modalContent div.tablebox table td input.form_text, #modalContent div.tablebox table td input.form_post{
		width:100%;
	}	
	#modalContent div.tablebox table td span.note{
		display:block;
		margin: 3% 0 0;
	}	
	#modalContent div.tablebox table td ul.postcode{
		margin:3% 0 0;
	}	
	.formContent #modalContent {
		padding:0;
	}	
	.formContent #modalContent div.modalNavi{
		margin:0!important;
	}	
	.formContent #modalContent h2.heading-stack{
		margin:4%!important;
	}
	.formContent #modalContent p.headlead{
		margin:4%;
	}	
	.formContent #modalContent div.tablebox{
		padding:4%;
	}	

	
#modalContent div.payObj .row {
    background: none;
}
#modalContent div.payObj .div1, #modalContent div.payObj .div2 {
    width: 100%;
    float: none;
}	
#modalContent div.payObj .div2 dl {
    margin-left: 0;
    margin-top: 20px;
}	
#modalContent div.payObj .section .rightImage {
    padding:3% 0;
    float: none;
}	
#modalContent div.payObj .section .rightImage img {
	width: 70%;
}	
#modalContent div.payObj table {
}	
#modalContent div.payObj table tbody {
    display: none;
}	
#modalContent div.payObj table:before {
    content: ""!important;
    background: url(../img/smp/price_list_monthly.jpg) no-repeat;
    display: block;
    width: 100px;
    height: 100px;
    background-size: contain;
	content:url(../img/smp/price_list_monthly.jpg);
	display: block;
}
	
	
	
	
	
	
	
	
	
	#modalContent .pagetopLink{
		display:none;
		margin:0;
		padding:0;
	}
	
	
	/***** 各ページの画像サムネイル拡大モーダル *****/

	#overlayBoxImage {
		width:100%!important;	
	}

#overlayBoxImage div.sclbox {
	width:90%!important;
}
	
#overlayBoxImage div.sclbox img {
		width:100%!important;
	}
	

	#overlayBoxImage ul li.prev {
	left:0;
}
	
	#overlayBoxImage ul li.next {
	right:0;
}
	
	
	/*** お支払方法 ***/
.price_list_monthly_smp {
	display:block;
	width:100%;
}
 	
.price_list_monthly_smp img {
	width:100%;
	height:auto;
}

.price_list_monthly_pc {
	display:none;
}
	
	
	
	
/*** guide ***/

#mainContent div.tokutyuObj h1 {
	width: 100%;
}
#mainContent div.tokutyuObj h1 img {
	width: 100%;
	height: auto;
}
#mainContent div.tokutyuObj .section {
	margin-left: 0px;
	padding: 40px 2% 40px 2%;
}
#mainContent div.tokutyuObj .tokutyuBody {
	width: 100%;
}
#mainContent div.tokutyuObj .content {
	margin-left: 0;
}
#mainContent div.tokutyuObj .div1 {
	width: 100%;
	float: none;
}
#mainContent div.tokutyuObj .div2 {
	width: 100%;
	float: none;
}
#mainContent div.tableObj .tableBody {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}
#mainContent div.tableObj .content {
	position: relative;
	padding-top: 0;
	margin-left: 0;
}
#mainContent div.tableObj td {
	padding: 4% 2%;
	display: block;
}
#mainContent div.privacyObj .privacyBody {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}
#mainContent div.privacyObj .content {
	position: relative;
	padding-top: 0;
	margin-left: 0;
}
#mainContent div.privacyObj h1 {
	padding: 5% 2%;
	margin: 0;
}
#mainContent div.privacyObj .section{
	padding:0;
}
#mainContent div.privacyObj .content p {
	padding: 0 2% 4%;
}
#mainContent div.privacyObj h2 {
    margin: 4% 2% 3%;
}#mainContent div.privacyObj h2 span {
	position: static;
}
	
#mainContent div.imageObj .imageBody {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}
#mainContent div.imageObj h1 {
	padding: 5% 2%;
	margin: 0;
}
#mainContent div.imageObj .content {
	position: relative;
	padding-top: 0;
	margin-left: 0;
}
#mainContent div.imageObj .content p {
	padding-left: 2%;
	padding-right: 2%;
}
#mainContent div.imageObj .section ul.link {
	margin-top: 6px;
	padding: 0 2%;
}
	
#mainContent div.tableObj h1 {
    padding:5% 2%;
}	
	
#mainContent div.tableObj th {
    padding: 4% 2%;
    display: block;
}	
#mainContent div.privacyObj .section .note {
    margin-top: 1%;
	padding: 0 2% 4%;
}	

	
/*** list ***/

#mainContent .visualObj #visualCnt {
	width: 100%;
}
#mainContent .visualObj #visualCnt h1 {
	width: 100%!important;
	height: 80px!important;
	background-size: contain!important;
	background-position: left!important;
}
#mainContent .visualObj {
	height: auto;
}
#mainContent .visualObj .listCnt {
	width: 100%;
}
#mainContent .visualObj #visualCnt {
	position: relative;
	margin: 0 auto;
	width: 100%;
	text-align: none;
}
#mainContent .visualObj .visualList {
	position: static;
	height: auto;
}
#mainContent .visualObj .visualList a img {
	width: 100%;
	height: auto;
}
#mainContent .visualObj .listCnt .blocks {
	width: 100%;
	padding: 0;
}
#mainContent .visualObj .listCnt .blocks .block {
	width: 21%;
	margin: 20px 2%;
}
#mainContent .visualObj #visualCnt .explain {
	padding: 0 0 0 0;
}
#mainContent .visualObj #visualCnt .explain .p1 {
	width: 100%;
	float: none;
}
#mainContent .visualObj #visualCnt .explain .p2 {
	width: 100%;
	float: none;
}
#mainContent .visualObj #visualCnt .explain {
	padding: 0 3%;
}
#mainContent div.headObj h1 {
	margin-left: 0;
	font-size: 20px;
	font-weight: bold;
}
#mainContent div.giftObj h2 {
	float: none;
	margin-bottom: 20px;
	width: 70%;
}
#mainContent div.giftObj h2 img{
	width:100%;
	height: auto;
}
#mainContent div.giftObj .hed p {
	width: 100%;
	float: none;
}
#mainContent div.giftObj .image {
	width: 80%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	float: none;
}
#mainContent div.giftObj .image img {
	margin: 0 auto;
	width: 100%;
}
#mainContent div.giftObj .detail {
	width: 100%;
	float: none;
}
#mainContent #seasonalListObj div.listSctObj .content {
	padding: 0;
}

/* 海外へ送る */
#mainContent div.headObj .content {
    padding: 5% 2%;
    width: 96%;
}
div.listSctObj .content {
    padding: 0!important;
}	
#mainContent div.giftObj .hed {
    margin-bottom: 10%;
    padding: 0 2%;
}
#mainContent div.listSctObj .listSctBody div.giftObj .image{
	margin-bottom: 10%;
}	
#mainContent div.listSctObj .listSctBody div.giftObj .detail{
	padding: 0 2%;
	width: 96%;
}	
#mainContent div.giftObj .info table{
	width:100%;
}

	
/* 専用額について・海外ギフトいについて */
#modalContent div.detailObj {
    padding: 3%;
}	
#modalContent div.detailObj .images {
    width: 100%;
    float: none;
}	
#modalContent div.detailObj .images .main img, #modalContent div.detailObj .images .thumbnail img {
    margin: 0 auto;
    width: 70%;
    height: auto;
}	
#modalContent div.detailObj .images .thumbnail {
    margin: 10% auto 8%;
    width: 100%;
}
#modalContent div.aboutObj {
    margin: 8% auto 0;
    padding: 10% 3% 0;
}	
#modalContent div.aboutObj .div1, #modalContent div.aboutObj .div2 {
    width: 100%;
    float: none;
	height: auto!important;
}
#modalContent div.aboutObj .div1 .pack {
    padding-right: 0;
    height: auto!important;
}	
	
#modalContent div.aboutObj .image {
    margin: 0 auto 5%;
    float: none;
    width: 70%;
}	
#modalContent div.aboutObj .image img {
    width: 100%;
	height: auto;
}	
#modalContent div.aboutObj .div2 .pack {
    padding-left: 0;
    height: auto!important;
}	
#modalContent div.aboutObj .row {
    margin-bottom: 7%;
}	
#modalContent div.detailObj .detail {
    margin-left: 0;
}
#modalContent div.faqObj {
    padding: 5% 3%!important;
}	
	
	
#modalContent #kaigaiListObj {
    padding: 3%;
}	
#modalContent #kaigaiListObj .pack {
    padding: 0;
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10%;
    height:auto!important;
}
#modalContent #kaigaiListObj .pack .image img {
	width:70%;
	height: auto;
	margin: 0 auto;
}
#modalContent div.faqObj .box {
    border: solid 2px #c8beb2;
    padding: 5% 5% 0;
}	
#modalContent div.faqObj .box dl {
    width: 100%;
    float: none;
}	
#modalContent div.faqObj .box ul {
    width: 100%;
    float: none;
}
#modalContent div.faqObj .box li{
	padding: 4% 0;
	}
#modalContent div.faqObj .box li.web p, #modalContent div.faqObj .box li.mail p{
	background-size:10%;
	padding:0;
}	
#modalContent div.faqObj .box p a{
	padding-left: 15%;
}	
#modalContent div.faqObj .box li.tel p {
    float: none;
    padding: 0 0 0 15%;
    width: 88%;
    height: auto;
    background-size: 10%;
}	
	
	
	
	

/* ギフトランキング */
#mainContent #rankingTopObj .content {
    padding: 8% 0;
    width: 100%;
}
#mainContent #rankingTopObj .hed {
    background: url(../img/icn_rank1.png) no-repeat left 2% top;
    margin: 0;
    padding: 0 3% 4% 16%;
    background-size: 12%;
}
#mainContent #rankingTopObj .row {
    margin: 0;
}	
#mainContent #rankingTopObj .image {
    width: 100%;
    height: auto;
    float: none;
	margin-bottom: 6%;
}	
#mainContent #rankingTopObj .detail {
    width: 96%;
    float: none;
    margin: 0 auto;
}	
#mainContent #rankingOtherObj div.itemListObj div.listset-3column {
    width: 100%;
}	
#mainContent #rankingOtherObj div.itemListObj div.listset-3column .pack {
    width: 100%;
    margin-right: 0;
    padding: 5% 0;
}	
#mainContent #rankingOtherObj .hed {
	background-position: left 2% top!important;
    margin: 0;
    padding: 0 3% 4% 16%!important;
    background-size: 12%!important;
}
#mainContent div.itemListObj .image a{
	margin-top: 0!important;
}	
#mainContent div.itemListObj .image {
    margin-bottom: 3%;
    width: 100%;
	height: auto;
	/*height: auto!important;*/
}	
#mainContent #rankingOtherObj .pack div {
    margin-left: auto;
}
#mainContent #rankingOtherObj div.listsetObj .lineObj {
    width: 100%;
}	
	
	
	
/* 大切な方への贈り物 */	
#A4-5-TOP #mainContent:before{
	display:none!important;
}		
.gift-top-visual {
    padding: 0;
    height: auto;
    background: url(/ukiyo-e/gift/img/main_visual.jpg) no-repeat center right;
    background-size: cover;
}	
.gift-top-visual .catch {
	margin: 0;
    padding:6% 3% 8% 3%;
    width: 100%;
	background: rgba(0,0,0,0.6);
}

.gift-top-visual .catch img {
    width: 70%;
	height: auto;
}
.gift-top-visual .lead {
    padding:0% 3% 6% 3%;
    width: 100%;
	background: rgba(0,0,0,0.6);
}	
.gift-top-peace {
    padding: 0 4% 5%;
	margin-bottom: 10%;
}	
.gift-top-peace .title, .gift-overseas-peace .title {
    margin-bottom: 8%;
}	
.gift-top-peace .title img, .gift-overseas-peace .title img{
	width:100%;
	height: auto;
}	
.gift-top-peace .separate, .gift-overseas-peace .separate {
    margin-bottom: 10%;
    padding-bottom: 0;
}	
.gift-top-peace .peaces .section, .gift-overseas-peace .peaces .section {
    float: none;
    margin-right: 0;
    width: 100%;
	margin-bottom: 10%;
}		
.gift-top-peace .image, .gift-overseas-peace .image {
    margin-bottom: 5%;
}	
.gift-top-peace .image img, .gift-overseas-peace .image img{
    width:100%;
	height: auto;
}	
	
/* 海外ギフト */	
.gift-overseas .inner, .gift-japan-only .inner, .gift-great-man .inner, .gift-japan-calture .inner,
.gift-overseas-peace .inner, .gift-overseas-faq .inner, .gift-overseas-recommend .inner {
    padding: 0!important;
    text-align: left;
    width: 100%!important;
}	
.gift-overseas .inner img, .gift-japan-only .inner img, .gift-great-man .inner img, .gift-japan-calture .inner img,
.gift-overseas-peace .inner img, .gift-overseas-faq .inner img, .gift-overseas-recommend .inner img {
	width:100%;
	height: auto;
}
.gift-overseas {
    height: auto;
    padding: 6% 2% 2% 8%;
}
.gift-overseas h1{
	width: 100%;
	margin: 0 auto;
}

.gift-overseas-recommend .image {
    text-align: center!important;
    display: table-cell!important;
    vertical-align: middle!important;
    width: 50%!important;
}	
.gift-japan-only {
    height: auto;
}	
.gift-japan-only .content {
    padding: 8% 3%!important;
    height: auto!important;
    background: url(/ukiyo-e/gift_overseas/img/bg_japan_only.png) no-repeat top 8px left;
    color: #614431;
    background-size: 20%;
}
.gift-japan-only .title {
	margin: 2% 0 10% 22%;
}	
.gift-japan-only p {
    font-size: 100%;
    line-height: 1.8;
}
.gift-great-man {
    height: auto;
    background: url(/ukiyo-e/gift_overseas/img/bg_gradation01.png) repeat-x 0 0;
	background-size: cover;
}
.gift-great-man .content {
	padding: 5% 3% 8%;
}	
.gift-great-man .title{
	margin: 0 auto 3%;
	width:90%;
}	
.gift-great-man .left {
    font-size:100%;
    float: none;
    width: 100%;
    color: #fff;
	margin-bottom: 5%;
}
.gift-great-man .right {
    float: none;
    width: 100%;
}	
.gift-great-man .right img {
    margin: 0 2%!important; 
    width: 46%!important;
}	
.gift-japan-calture {
    height: auto;
	padding: 5% 3% 8%;
}	
.gift-japan-calture .left{
	float: none;
	width:100%;
	display: table-footer-group;
}
.gift-japan-calture .left img{
	margin-top:5%;
}
.gift-japan-calture .right {
    float: none;
    width: 100%;
	display: table-header-group;
	padding-bottom: 4%;
}	
.gift-japan-calture .title {
    margin-bottom: 5%;
    width: 80%;
}	
.gift-japan-calture .right p {
    font-size: 100%;
}	
	
.gift-overseas-peace {
    padding: 0 4% 5%;
	margin-bottom: 0;
}	
.gift-overseas-peace .peaces {
    display: table;
    margin-bottom: 0;
}	
.gift-overseas-peace .peaces .section {
    display: block;
    padding: 0;
}
.gift-overseas-peace dd {
    font-size: 100%; 
}	
.gift-overseas-peace dd a{
    position: relative;
    margin: 6% auto 0;
    left: 0;
    padding: 3% 0;
}	
	
.gift-overseas-faq {
    padding: 8% 0;
}	
.gift-overseas-faq .title {
    margin-bottom: 5%;
	width: 90%;
}
.gift-overseas-faq .content{
    padding: 0 3%;
}
.gift-overseas-faq .contact li {
    float: none;
    width: 100%;
    height: auto;
}	
.gift-overseas-faq .contact{
	padding:5%;
}	
.gift-overseas-faq .contact li.web a, .gift-overseas-faq .contact li.mail a {
    background-size: 10%;
}
.gift-overseas-faq .contact li a {
    padding-left: 12%;
}	
.gift-overseas-faq .contact li.tel {
    float: none;
    padding-left: 12%;
    margin-top: 1em;
    width: 88%;
    height: auto;
    background-size: 12%;
}	
	
.gift-overseas-recommend {
    padding: 8% 0 0;
}	
.gift-overseas-recommend .title {
    margin-bottom: 5%;
	width: 90%;
}
.gift-overseas-recommend .content {
    padding-left: 0;
}	
.gift-overseas-recommend .items {
    display: block;
}	
.gift-overseas-recommend .pack {
    font-size: 100%;
    display: block;
    padding: 0;
    width: 170px;
    text-align: left; 
    float: left;
    width: 46%;
    margin: 0 2% 4%;
}	
	
	
#mainContent div.mainvisualObj .content {
	margin: 0;
}
#mainContent div.thumbnailObj .thumbnailBody {
	width: 100%;
}
#mainContent div.thumbnailObj .content {
	margin-left: 0;
	width: 100%;
}
#mainContent div.rankingObj .rankingBody {
	width: 100%;
	background: none;
}
#mainContent div.rankingObj .content {
	width: 100%;
	background: none;
}
#mainContent div.rankingObj .hed h3 {
	display: none;
}
#mainContent div.rankingObj .packs {
	width: 100%;
	padding: 4% 0;
}
#mainContent div.rankingObj .pack {
	width: 31%;
	margin: 2% 1%;
}
#mainContent div.rankingObj .image {
	width: 100%;
	position: relative;
	display: table-cell!important;
}
#mainContent div.rankingObj .image img {
	width: 100%;
	height: auto;
}
#mainContent div.rankingObj .pack1 .image:before {
   content: ""!important;
   background: url(../img/smp/icon_ranking_01.png) no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    background-size: contain;
	position: absolute;
	right: 0;
}
#mainContent div.rankingObj .pack2 .image:before {
   content: ""!important;
   background: url(../img/smp/icon_ranking_02.png) no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    background-size: contain;
	position: absolute;
	right: 0;
}
#mainContent div.rankingObj .pack3 .image:before {
   content: ""!important;
   background: url(../img/smp/icon_ranking_03.png) no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    background-size: contain;
	position: absolute;
	right: 0;
}
#mainContent div.rankingObj .pack4 .image:before {
   content: ""!important;
   background: url(../img/smp/icon_ranking_04.png) no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    background-size: contain;
	position: absolute;
	right: 0;
}
#mainContent div.rankingObj .pack5 .image:before {
   content: ""!important;
   background: url(../img/smp/icon_ranking_05.png) no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    background-size: contain;
	position: absolute;
	right: 0;
}
	
	
	
	
	
	
	
#mainContent div.topObj .topBody {
	width: 100%;
}
#mainContent div.topObj .content {
	margin: 0;
}
#mainContent div.kodawariObj .kodawari {
	width: 100%;
	float: none;
}
#mainContent div.kodawariObj .row {
	background: none;
}
#mainContent div.kodawariObj .kodawari .main {
	float: none;
	width: 100%;
}
#mainContent div.kodawariObj .kodawari .main .image {
	width: 100%;
}
#mainContent div.kodawariObj .kodawari .main .image img {
	width: 100%;
	height: auto;
}
#mainContent div.kodawariObj .kodawari .sub {
	float: none;
	width: 100%;
}
#mainContent div.kodawariObj .kodawari .bnr img {
	box-sizing: border-box;
	width: 100%;
	height: auto;
}
#mainContent div.kodawariObj .gift {
	/*width: 100%;
	float: none;*/
	display:none;
}
#mainContent div.kodawariObj .gift img {
	width: 100%;
	height: auto;
}
#mainContent div.selectObj .row {
	width: 100%;
}
#mainContent div.selectObj .pack {
	margin: 0 1% 10px 1%;
/*	height: auto!important;*/
	width: 31%;
	float: left;
}
#mainContent div.selectObj .pack .image {
	background-size: cover!important;
	height: auto!important;
	background-position: center!important;
}
#mainContent div.selectObj .image a {
	background:none!important;
}
#mainContent div.selectObj .pack img {
	width: 100%;
	height: auto;
}
	#mainContent div.selectObj .pack.hover img {
		border: solid 1px #fff!important;
		box-sizing:content-box!important;
	}
#mainContent div.selectSct {
	width: 100%;
	float: none;
}
#mainContent div.selectObj h3 {
	width: 100%;
}
#mainContent div.selectObj h3 img {
	width: 100%;
	height: auto;
}
#mainContent div.keywordObj {
	display: none;
}
#mainContent div.keywordObj h3 {
	width: 100%;
}
#mainContent div.keywordObj h3 img {
	width: 100%;
	height: auto;
}
#mainContent div.anniversaryObj {
	width: 100%;
	border-radius: 0!important;
}
#mainContent div.anniversaryObj .row {
	width: 96%;
	padding: 4% 2%;
}
#mainContent div.anniversaryObj h3 img {
	width: 100%;
	height: auto;
}
#mainContent div.anniversaryObj .pack {
	width: 48%;
	padding: 0;
	margin: 1%;
}	
	#mainContent div.anniversaryObj .pack .image{
		background: none!important;
	}
	#mainContent div.anniversaryObj .image a{
		background:none!important;
	}
	#mainContent div.anniversaryObj .pack.hover img{
    	border: solid 1px #ddd!important;
		box-sizing:content-box!important;
	}	
	#mainContent div.anniversaryObj .hover .image img, #mainContent div.anniversaryObj a:hover img {
		opacity:1!important;
	}

#mainContent div.subSct {
	width: 100%;
	float: none;
}
#mainContent div.subSct img {
	width: 100%;
	height: auto;
}
	
	
	
#A1 #mainContent div.selectObj h3,
#A1 #mainContent div.anniversaryObj h3,	
#A1 #mainContent .sideListObj h3
{
	width: 96%;
	color: #fff;
	padding: 3% 2%;
	font-size: 14px;
	background: #4c352a; /* Old browsers */
background: -moz-linear-gradient(top, #4c352a 0%, #302828 100%);
background: -webkit-linear-gradient(top, #4c352a 0%,#302828 100%);
background: linear-gradient(to bottom, #4c352a 0%,#302828 100%);
}
#A1 #mainContent div.selectObj h3 img,
#A1 #mainContent div.anniversaryObj h3 img,
#A1 #mainContent .sideListObj h3 img	
{
	display: none!important;
}
#A1 #mainContent div.selectObj:nth-child(1) h3:before {
	content: "絵師で選ぶ";
	display: block;
}
#A1 #mainContent div.selectObj:nth-child(2) h3:before {
	content: "シリーズで選ぶ";
	display: block;
}
#A1 #mainContent div.anniversaryObj h3:before{
	content: "お祝いにギフトを贈る";
	display: block;
}
#A1 #mainContent .sideListObj h3:before{
	content: "ギフトランキング";
	display: block;
}	
	
	
	
	
	
/*** login ***/
#bodyContent {
	width: 100%;
	padding: 0!important;
}
#mainContent {
	width: 100%;
}
#mainContent .ttl01 {
	padding-left: 2%;
	padding-right: 2%;
	margin: 5% 0;
}
#mainContent p.headlead {
	padding-left: 2%;
	padding-right: 2%;
}
#mainContent div.loginObj div.member {
	padding-bottom: 47px;
	float: none;
	width: 96%;
	margin: 0 auto 40px;
}
#mainContent div.loginObj div.member-right {
	float: none;
	width: 96%;
	margin: 0 auto;
}
	
#mainContent div.loginObj ul.button {
    padding-bottom: 3%;
    width: 100%;
}
#mainContent div.loginObj div.member ul.reminder{
	width:100%;
}	
#mainContent div.loginObj div.new {
    float: none;
    width: 96%;
    margin: 0 auto 40px;
	padding-bottom:5%;
}	
#mainContent.relogin div.loginObj div.member {
    width: 100%;
}
#mainContent.relogin div.loginObj ul.button {
    width: 100%;
}
#mainContent.relogin div.loginObj div.member ul.reminder {
    width: 100%;
}	
#mainContent.relogin div.loginObj div.member div.tablebox-form table th {
    width: 100%;
}	
#mainContent.relogin div.loginObj div.member div.tablebox-form table td {
    width: 100%;
}
#mainContent.relogin div.loginObj div.member div.tablebox-form table td p.note {
    display: block;
    padding-top: 2%;
}	
#mainContent div.loginObj div.member div.tablebox-form {
    margin-bottom: 12%;
    padding-bottom: 0;
}	
#mainContent.relogin div.loginObj div.member div.tablebox-form table td input[type="text"], #mainContent.relogin div.loginObj div.member div.tablebox-form table td input[type="password"] {
    width: 100%;
}	
	
	
	
/*** regist ***/
#mainContent div.tablebox-form {
	padding-bottom: 0;
	float: none;
	width: 96%;
	margin: 0 auto 0;
}
	
	
	#mainContent div.tablebox-form table th{
		display:block;
		padding: 5% 0 2%;
		width:100%;
		border: none;
	}	
	#mainContent div.tablebox-form table td{
		display:block;
		padding: 0 0 3%;
		width:100%;
	}
	#mainContent div.tablebox-form table td span.note{
		display:block;
		margin-left: 0;
		margin-top: 2%;
	}
	#mainContent input[type="text"].form_adm, #mainContent input[type="password"].form_adm{
		width:100%;
	}	
	
/* 新規登録生年月日 */
#mainContent #entry div.tablebox-form select#birthday_year, 
#mainContent #entry div.tablebox-form select#birthday_month, 
#mainContent #entry div.tablebox-form select#birthday_day {
	width:80%;
	margin:5px 0;
}

/* 利用規約に同意 */
#mainContent div.tablebox-form table td span.agree {
	text-align:center;
	padding:20px 0 8px;
}
	
#mainContent ul.button {
    width: 100%;
    padding-bottom: 6%;
}	

/* 登録するボタン */
#mainContent ul.button li button {
	margin-top:20px!important;
}

#mainContent ul.button li.back button {
	margin-top:0;
}

#mainContent div.tablebox-form table td #street_number, #mainContent div.tablebox-form table td #city{
	width:100%;
}	
	#mainContent input[type="text"].form_post, #mainContent input[type="password"].form_post{
		width:50%;
	}	
	#mainContent input[type="text"].form_text, #mainContent input[type="password"].form_text{
		width:100%;
	}	
	#mainContent input[type="text"].form_id, #mainContent input[type="password"].form_id{
		width:100%;
	}	
	#mainContent div.tablebox-form table td ul.postcode{
		margin:3% 0 0;
	}	
	
	#mainContent h2.heading{
		margin-left:2%;
	}
	#mainContent ul.headlink{
		margin-left:2%;
	}


/*** 会員用メニュー ***/
	#Ncontent .contTab{
	}
	
/***** 法人向け・ギフト *****/	
.content-inner {
    margin: 0 auto;
    padding-left: 0;
    width: 100%;
}		
.content-inner .content-box {
    padding: 0 2%;
}
.cat139-visual {
    margin-bottom: 10px;
    padding: 22% 3%;
    height: auto;
    background: url(/ukiyo-e/img/cat139_bg01.jpg) no-repeat 0 0;
    text-align: center;
    background-size: cover;
}
.cat139-visual img{
	width:70%;
	height: auto;
	margin-top:5px;
	display: block!important;
}
.cat139-visual h1 {
	margin-bottom: 10px;
}
.cat139-contact .title, .cat139-contact .tel {
    margin-bottom: 5%;
}
.cat139-contact .title img, .cat139-contact .tel img{
    width:100%;
	height: auto;
}
.cat139-case h2 img, .cat139-service h2 img, .cat139-flow h2 img {
    display: block;
    width: 80%;
	height: auto;
	margin: 0 auto;
}	
.cat139-case .row {
    display: block;
    width: 100%;
	margin-bottom: 0;
}	
.cat139-case .cel {
    display: block;
    padding-right: 0;
	margin-bottom: 5%;
}
.cat139-case .cel .text {
    height: auto;
}
.cat139-case .cel .inner {
    padding: 2%;
    width: 100%;
}	
.cat139-case .cel .image {
    margin-bottom: 3%;
}
.cat139-case .cel .image img{
	width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}
.cat139-flow .step h3 {
    margin-bottom: 3%;
}
.cat139-flow .step:nth-child(1) h3:before{
    content: ""!important;
    background: url(../img/smp/cat139_step_title01_smp.png) no-repeat;
    display: block;
    width: 100%;
    height:20px;
    background-size: 100%;
}	
.cat139-flow .step:nth-child(2) h3:before{
    content: ""!important;
    background: url(../img/smp/cat139_step_title02_smp.png) no-repeat;
    display: block;
    width: 100%;
    height:20px;
    background-size: 100%;
}	
.cat139-flow .step:nth-child(3) h3:before{
    content: ""!important;
    background: url(../img/smp/cat139_step_title03_smp.png) no-repeat;
    display: block;
    width: 100%;
    height:20px;
    background-size: 100%;
}	
.cat139-flow .step:nth-child(4) h3:before{
    content: ""!important;
    background: url(../img/smp/cat139_step_title04_smp.png) no-repeat;
    display: block;
    width: 100%;
    height:20px;
    background-size: 100%;
}	

	
	
	
	
	
	
.cat139-flow h3 img{
	display: none!important;
}	
.cat139-case {
    margin-top: 10%;
    padding-top: 5%;
}	
.cat139-case h2 {
    margin-bottom: 5%;
}	
.cat139-service {
    margin-top: 10%;
}	
.cat139-service h2 {
    margin-bottom: 5%;
    padding: 5% 0;
}	
.cat139-service .section {
    float: none;
    margin: 0 auto 8%;
    width: 96%;
}
.cat139-service .section:nth-child(4n) {
    margin-right: auto;
}
.cat139-service .image {

    margin-bottom: 4%;
}	
.cat139-service .image img{
	width: 100%;
	height: auto;
}	
.cat139-flow {
    margin: 10% 0;
    padding: 5% 0;
}	
.cat139-flow h2 {
    margin-bottom: 5%;
}	
.cat139-flow .step {
    margin-bottom: 18%;
    padding: 4%;
}	
.cat139-flow .step:before {
    bottom: -50px;
    left: 50%;
    width: 100%;
    margin-left: -50%;
}	
.cat139-flow .attention{
	margin-top: -10%;
}	
.cat139-contact {
    padding: 5%;
    margin-bottom: 10%;
}	


	
/***** 大切な方への贈り物 *****/	
.gift-top-ranking {
	margin: 8% 0;
}
.gift-top-ranking .title img{
	width:100%;
	height: auto;
}

.gift-top-ranking .pack {
    width: 31%;
    margin: 2% 1%;
	border: none;
}		
.gift-top-ranking .pack .image {
    padding: 4%;
    width: 100%;
}	
.gift-top-ranking .pack .image {
	height:auto;
}
.gift-top-ranking .pack .image img{
	height: auto!important;
}
.gift-top-banner01 .section {
    float: none;
    margin-bottom: 6%;
    width: 100%;
}	
.gift-top-banner01 .section img, .gift-top-banner02 img{
    width: 100%;
	height: auto;
}	
.gift-top-banner01 .section:nth-child(2n) {
    margin-left: 0;
}	

.gift-top-banner03 {
		overflow: hidden;
}
.gift-top-banner03 .section {
    float: none;
    margin: 0 0 4% ;
    width: 50%;
	float: left;
}

.gift-top-banner03 .section  img{
	width:100%;
	height: auto;
}
.gift-top-banner03 .section .caption {
	margin-top: 0!important;
	background-color: rgba(0, 0, 0, 1.0)!important;
}

/***** mypage *****/
/* ログアウト */
#mainContent h2.logout-heading {
	padding:0 10px;
}

#mainContent ul.logout-bottom {
	padding:0 10px 50px;
}

/* マイページメニュー */
#bodyNavigation.mypagemenu {
	display:block!important;
	position:relative;
	top:0;
	height:auto;
}

#bodyNavigation.mypagemenu #mainNavigation {
	width:100%;
	height:auto;
}

#bodyNavigation.mypagemenu #mainNavigation .content {
	width:100%;
	left:auto;
	height:auto!important;
	background:#48423F;
}



#bodyNavigation.mypagemenu #mainNavigation .contTab .block dd a {
	padding:14px 9px 14px 9px;
}

/* マイページメニューアコーディオン */
.smp_mypagemenu_switch {
	color:#FFF;
	font-size:15px;
	padding:10px 0;
	text-align:center;
	position:relative;
}

.smp_mypagemenu_switch:after {
	content:'\f107';
	font-family:FontAwesome;
	position:absolute;
	right:20px;
	font-size:24px;
	top: 50%;
  margin-top: -16px;
}

.smp_mypagemenu_switch.active:after {
	content:'\f106';
	font-family:FontAwesome;
	position:absolute;
	right:20px;
}

.smp_mypagemenu_inner {
	display:none;
}




#mainContent div.mypageObj .mypageBody {
    padding: 5% 0 2% 0;
    width: 100%;
}
#mainContent div.mypageObj .content {
    padding: 0 10px;
}	
#mainContent div.mypageObj {
    padding: 0 0 5% 0;
}	

/***** 購入履歴 *****/
#mainContent div.tableObj div.tablebox table {
	width:96%;
	margin:0 auto;
}
#mainContent div.mypageObj .mypageBody .tablebox thead {
	display:none;
}

#mainContent div.mypageObj .mypageBody .tablebox tbody td.name{
	width:100%;
	border-bottom:1px solid #CCC;
}
#mainContent div.mypageObj .mypageBody .tablebox tbody td.name:before{
	content:"お名前："
}
#mainContent div.mypageObj .mypageBody .tablebox tbody td.address {
	width:100%;
	border-bottom:1px solid #CCC;
}
#mainContent div.mypageObj .mypageBody .tablebox tbody td.address:before {
	content:"ご住所：";
}
#mainContent div.mypageObj .mypageBody .tablebox tbody td.tel {
	width:100%;
	border-bottom:1px solid #CCC;
}
#mainContent div.mypageObj .mypageBody .tablebox tbody td.tel:before {
	content:"電話番号：";
}
#mainContent div.mypageObj .mypageBody .tablebox tfoot{
	display:none;
}

#mainContent div.tableObj div.tablebox {
	border:1px solid #CCC;
}

#mainContent div.tablebox table td {
	padding:10px 0 5px;
}

#mainContent div.tablebox table td.date:before {
	content:'▼ご注文日';
  width: 100%;
  display: block;
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: 1px #CCC dotted;	
}

#mainContent div.tablebox table td.id1:before {
	content:'▼注文番号';
  width: 100%;
  display: block;
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: 1px #CCC dotted;	
}

#mainContent div.tablebox table td.id2:before {
	content:'▼配送番号';
  width: 100%;
  display: block;
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: 1px #CCC dotted;	
}

#mainContent div.tablebox table td.items:before {
	content:'▼ご注文内容';
  width: 100%;
  display: block;
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: 1px #CCC dotted;	
}

#mainContent div.tablebox table td.total:before {
	content:'▼合計金額（税込）';
  width: 100%;
  display: block;
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: 1px #CCC solid;	
}


#mainContent div.tablebox table tbody td.total:before {
	content:'小計（税抜）：';
  width: 100%;
  display: inline;
  margin: 5px 0;
  padding: 5px 0;
  border-bottom-style: none;
}

#mainContent div.tablebox table tfoot tr.first-child td.all:before {
	content:'▼';
}

#mainContent div.tablebox table tfoot tr.first-child td.total {
	border-top-style: none !important;
}
#mainContent div.tablebox table tfoot tr.first-child td.total:before {
	content:'';
	margin-top:-44px;
    border-bottom-style: none;
}
#mainContent div.tablebox table tfoot tr.option td.total:before {
	content:'';
	margin: 0;
	padding: 0;
    border-bottom-style: none;
}
#mainContent div.tablebox table tfoot tr.option td.total {
	border-top-style: none !important;
}
#mainContent div.tablebox table tfoot tr.option td div {
	width:48%;
	float:left;
}

#mainContent div.tablebox table tfoot tr.option td.total div {
	margin-top: 20px;
}

#mainContent div.tablebox table td.status:before {
	content:'▼ご注文状況';
  width: 100%;
  display: block;
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: 1px #CCC solid;	
}


#mainContent div.paymentObj div.totalObj dl.t1 dt {
    width: 146px;
}

#mainContent div.confirmObj div.tablebox table tr td ul.reviselink {
	text-align: right;
}

/***** 購入履歴詳細 *****/
	
#M02 #bodyContent {
	width:100%;
}

#M02 #mainContent div.dataObj dl dt {
	padding-left:10px;
	width:20%;
	box-sizing:border-box;
}

#M02 #mainContent div.dataObj dl dd {
	padding-left:10px;
	width:70%;
	box-sizing:border-box;
}
	
#M02 #mainContent div.confirmObj p.status {
	position:relative;
	display:block;
	right:auto;
	top:auto;
  margin: 10px auto;
  width: 96%;
}

#M02 #mainContent div.confirmObj p.status:before {
	content:'発送状況：';
	margin-right:10px;
	font-weight:bold;
	font-size:14px;
}

#M02 #mainContent div.confirmObj p.status img {
	display:inline-block;
	vertical-align:middle;
}

#M02 #mainContent div.incartObj div.tablebox table tr td {
	padding-bottom:5px!important;
}

#M02 #mainContent div.tablebox table td.total:before {
	content:'小計：';
  display: inline-block;
	width:auto;
  margin: 5px 0;
  padding: 5px 0;
  border-bottom:none;	
}

#M02 #mainContent div.tablebox table tfoot td.total:before {
	display:none;
}


/*#M02 #mainContent div.tablebox table td.total:before {
	content:'▼小計（税抜）';
  width: 100%;
  display: block;
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: 1px #CCC solid;	
}
*/

#M02 #mainContent div.confirmObj .frm-body-delivery,
#M02 #mainContent div.confirmObj .frm-body-gift,
#M02 #mainContent div.fottnoteObj {
	padding:15px 5px;
}

#M02 #mainContent div.confirmObj .frm-body-delivery div,
#M02 #mainContent div.confirmObj .frm-body-gift div{
	margin-bottom:10px;
}

#M02 #mainContent div.confirmObj .frm-body-delivery h3,
#M02 #mainContent div.confirmObj .frm-body-gift h3 {
	margin-bottom:5px;
}

#M02 #mainContent div.fottnoteObj h3 {
	padding:0 5px;
	font-size:14px;
}

#M02 #mainContent div.confirmObj div.frm-body-delivery div.address {
	float:none;
	width:100%;
	margin-right:0;
}

#M02 #mainContent div.paymentObj div.noteObj div.pack p.body {
	font-size:14px;
}

#M02 .bottom-link {
  text-align: center;
  margin: 10px 0 20px;
}


/***** ヘッダー *****/
	#mainContent div.mainvisualObj{
		display:none;
	}	
	#mainBanner{
		display:none;
	}	
	#mainContent div.thumbnailObj{
		display:none;
	}
	
	.pc_header .logo, .pc_header .cart, #header .li3{
		display:none;
	}
	.pc_header .content{
		padding:0!important;
	}
	.pc_header .welcome{
		display: block!important;
		padding:2px 5px 2px!important;
		float:none!important;
		text-align:right!important;
	}
	.pc_header .welcome strong {
		margin:0 2px;
	}
	.smp_logo{
		max-width:120px;
		width: 100%;
		float: left;
	}
	.smp_logo a{
		display: block;
	}
	.smp_logo img{
		width: 100%;
	}
	
	.userMemu{
		min-width: 0!important;
		position: absolute;
		right: 0;
		top: 22%;
		float: none!important;
		width: 50%;
		overflow: hidden;
	}
	.userMemu li{
		border-radius: 5px;
		min-width: 60px;
		width:45%;
		font-size: 75%!important;
		padding: 0 5% 0 0!important;
		background: none!important;
	}
	.userMemu li a{
		text-align: center;
		color: #342D27!important;
		font-weight: bold;
		padding: 3% 0 0!important;
		background: #E6E6E6!important;
		display: block;
		width: 100%;
		border-radius: 5px;
	}
	.userMemu li a:before{
		display: block;
		font-family: FontAwesome;
		font-size:20px;
		color: #877543;
		line-height: 1;
		margin: 2px 0;
	}

	.userMemu .li1 a:before{
		content: "\f061";
	}
	.userMemu .li2 a:before{
		content: "\f007";
	}
	.userMemu .li4 a:before{
		content: "\f08b";
	}
	.userMemu .li5 a:before{
		content: "\f2bd";
	}
	
	#header .cart {
		background:none;
		text-shadow:none;
		width:100%;
	}
	#header .cart a{
		padding:0;
	}
	
	#header .lang_link {
		display: none;
	}
	
	#header .cart span {
		left:auto!important;
		right:0;
		top: 0;
		font-size:11px;
		height:14px;
		line-height:14px;
	}
	#header .cart.add span {
		background:none;
		background:#800028;
	}

	#header .cart a:before{
		content: "\f07a";
		font-family: FontAwesome;
		font-size:18px;
		color: #fff;
		vertical-align: middle;
		margin-right: 2px;
	}

	#header .smp_nav_list li {
		white-space: normal;
	}
	
	
	.smp_cart .content:after{
		display: none!important;
	}
	
	.smp_nav{
		/*display: table;*/
		width: 100%;
		background: #5C4C3D;
		border-bottom: 1px solid #95989A;
		border-right: 1px solid #95989A;
		box-sizing: border-box;
		height: 50px;
		position: relative;
		clear: both;
	}

	.smp_nav_btn {
    display: block;
    vertical-align: middle;
    width: 25%;
    border-top: 1px solid #95989A;
    border-left: 1px solid #95989A;
    box-sizing: border-box;
    height: 100%;
    float: left;
		line-height:45px;
		text-align: center;
		position:relative;
}

/*	.smp_nav_btn{
		display: table-cell;
		vertical-align: middle;
		width: 25%;
		border-top: 1px solid #95989A;
		border-left: 1px solid #95989A;
		box-sizing: border-box;
		height: 100%;
	}*/
	.smp_nav_btn a, .smp_nav_switch{
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}
	.smp_nav_btn.guide:before{
		content: "\f02d";
		font-family: FontAwesome;
		font-size:18px;
		color: #fff;
		vertical-align: middle;
		margin-right: 2px;
	}
	.smp_nav_btn.search:before{
		content: "\f002";
		font-family: FontAwesome;
		font-size:18px;
		color: #fff;
		vertical-align: middle;
		margin-right: 2px;
	}	
/*	.smp_nav_btn.smp_cart:before{
		content: "\f07a";
		font-family: FontAwesome;
		font-size:18px;
		color: #fff;
		vertical-align: middle;
		margin-right: 2px;
	}		*/
	.smp_nav_btn.item_list:after{
		content: "\f0da";
		font-family: FontAwesome;
		font-size:18px;
		color: #F28DFF;
		line-height: 1;
		vertical-align: middle;
		margin-left: 2px;
	}
	.smp_nav_switch{
		position: relative;
	}
	.smp_nav_switch.active{
		background: #342D27;
	}		
	.smp_nav_switch .fa{
    	font-family: FontAwesome;
    	font-size: 18px;
	    color: #fff;
	    vertical-align: middle;
	    margin-right: 2px;
	}	
	.smp_nav_switch:after{
		content: "\f107";
		font-family: FontAwesome;
		font-size:18px;
		color: #fff;
		line-height: 1;position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -6px;
	}
	.smp_nav_switch.active:after{
		content: "\f106";
		font-family: FontAwesome;
	}

	.smp_nav_inner{
        width: 100%;
        text-align:left;
        border-left: 1px solid #95989A;
		border-right: 1px solid #95989A;
		box-sizing: border-box;
        position: absolute;
        z-index: 9999;
        left: 50%;
        top: 50px;
        margin-left: -50%;
				overflow-y:scroll;
				height:0!important;
				-webkit-overflow-scrolling:touch;
	}
	.smp_nav_inner h2{
		width:100%;
		background: #342D27;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		padding: 2% 3%;
		border-bottom: 1px solid #95989A;
		box-sizing: border-box;
	}
	.smp_nav_list{
		background:#F4F4F4;
		overflow: hidden;
		float: none!important;
		min-width: 0!important;
	}
	.smp_nav_list li{
		float:none!important;
		width: 100%;
		border-bottom: 1px solid #95989A;
		box-sizing: border-box;
		padding: 3%!important;
		position: relative;
	}
	.smp_nav_list li a{
		color: #342D27!important;
		font-size: 116%!important;
		padding: 0!important;
	}
	.smp_nav_list li:after{
		content: "\f105";
		font-family: FontAwesome;
		font-size:20px;
		color: #342D27;
		line-height: 1;
		position:absolute;
		right:10px;
		top:50%;
		margin-top: -10px;
	}
	.img_smp_nav_list{
		width:20%;
		display: table-cell;
		vertical-align: middle;
	}
	.img_smp_nav_list img{
		width:100%;
	}
	.smp_nav_list li p{
		display:table-cell;
		vertical-align: middle;
		padding-left: 6%;
		width: 74%;
		padding-right: 15%;
	}
	.smp_nav_list_1col{
		background:#F4F4F4;
	}
	.smp_nav_list_1col a{
		display: block;
		width: 100%;
		border-right: 1px solid #95989A;
		border-bottom: 1px solid #95989A;
		box-sizing: border-box;
		padding: 3%;
		position: relative;
		text-decoration: none;
		color: #342D27;
		font-size: 116%!important;
	}
	.smp_nav_list_1col a:after{
		content: "\f105";
		font-family: FontAwesome;
		font-size:20px;
		color: #342D27;
		line-height: 1;
		position:absolute;
		right:10px;
		top:50%;
		margin-top: -10px;
	}
	.btn_close{
		display:block;
		text-align: center;
		background: #000;
		padding: 3% 0;
		color: #fff;
	}
	
	
	/* ナビ展開時背景固定 */
	.no-scroll {
overflow:hidden !important;
height: 100% !important;
width: 100% !important;
	}
	
	
	
	
	/* ギフトランキング */
	.smp_nav_gift_list{
		background:#fff;
	}
	.smp_nav_gift_list .row {
    	width: 100%;
    	display: table;
	}	
	.smp_nav_gift_list .pack {
    	border-top: solid 1px #c3bab0;
    	padding: 3%;
    	cursor: pointer;
		position: relative;
	}
	.smp_nav_gift_list .row .image {
    	width: 75px;
    	display: table-cell;
    	text-align: center;
    	vertical-align: middle;
	}
	.smp_nav_gift_list .image a {
   		background-color: #fff;
    	display: inline-block;
	}	
	.smp_nav_gift_list .outline {
    	padding-top: 21px;
    	padding-left: 12px;
    	display: table-cell;
    	vertical-align: middle;
	}	
	.smp_nav_gift_list .series {
    	font-size: 10px;
    	line-height: 18px;
    	color: #753;
	}	
	.smp_nav_gift_list .item {
    	font-size: 12px;
    	font-weight: bold;
    	line-height: 18px;
	}	
	.smp_nav_gift_list .ctg {
    	margin-top: 4px;
    	font-size: 10px;
    	line-height: 15px;
    	color: #444;
	}
	.smp_nav_gift_list .pack0{
		border-top:none;
	}
	.smp_nav_gift_list .pack0 .outline {
    	background: url(../img/icn_no1.png) no-repeat 12px top;
	}		
	.smp_nav_gift_list .pack1 .outline {
    	background: url(../img/icn_no2.png) no-repeat 12px top;
	}		
	.smp_nav_gift_list .pack2 .outline {
    	background: url(../img/icn_no3.png) no-repeat 12px top;
	}		
	.smp_nav_gift_list .pack3 .outline {
    	background: url(../img/icn_no4.png) no-repeat 12px top;
	}		
	.smp_nav_gift_list .pack4 .outline {
    	background: url(../img/icn_no5.png) no-repeat 12px top;
	}	
	.smp_nav_gift_list .pack:after{
		content: "\f105";
		font-family: FontAwesome;
		font-size:20px;
		color: #342D27;
		line-height: 1;
		position:absolute;
		right:10px;
		top:50%;
		margin-top: -10px;
	}
	
	
	/*** キーワードで選ぶ ***/
	.smp_keyword_switch{
		position: relative;
		background:#000;
		color: #fff;
		font-size: 116%!important;
		padding: 3%;
		box-sizing: border-box;
		border-bottom: 1px solid #95989A;
	}
	.smp_keyword_switch:after{
		content: "\f107";
		font-family: FontAwesome;
		font-size:20px;
		color: #fff;
		line-height: 1;
		position:absolute;
		right:10px;
		top:50%;
		margin-top: -10px;
	}
	.smp_keyword_switch.open:after {
    	content: '\f106';
    	font-family: FontAwesome;
		font-size:20px;
		color: #fff;
		line-height: 1;
		position:absolute;
		right:10px;
		top:50%;
		margin-top: -10px;
	}
	
	/*** 検索 ***/
	.searchObj {
    	background: #5C4C3D;
		width:94%;
		padding: 7px 3%;
		overflow: hidden;
	}
	.searchObj form{
		display: block;
	}
	input#keyword{
		float:left;
		border-radius: 5px;
		border: 1px solid #95989A;
		height: 34px;
		width: 78%;
	}
	.searchObj button{
		height:34px;
		width: auto;
		float: right;
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
	}
	.searchObj button img {
		width:auto;
		height: 100%;
	}
	
	/*** ヘッダー固定 ***/
	.fixed {
    	position: fixed;
   		top: 0;
    	width: 100%;
    	z-index: 10000;
	}
	

	
/***** フッター *****/
	.smp_footer{
		display: block;
		background: url(../img/smp/bg_smp_footer.jpg) repeat-y;
		background-size: cover;
	}
	.smp_footer_bnr{
		width:100%;
	}	
	.smp_footer_bnr a{
		display: block;
	}
	.smp_footer_bnr img{
		width: 100%;
	}
	.smp_footer_contact{
		padding:0 0 5%;
	}
	.smp_footer_contact h3{
		background:#342D27;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		padding: 3% 0;
		margin-bottom: 5%;
	}
	.smp_footer_contact p{
		color: #342D27;
		font-size: 16px;
		padding: 0 5%;
		text-align: left;
	}
	.smp_footer_contact.tel a, .smp_footer_contact.mail a{
		display: block;
		background:#342D27;
		color: #fff;
		font-size: 26px;
		text-align: center;
		border-radius: 10px;
		width: 90%;
		margin: 5% auto 0;
		text-decoration: none;
		padding: 4% 0;
	}
	.smp_footer_contact a:before{
		font-family: FontAwesome;
		font-size:24px;
		color: #fff;
		margin-right: 10px;
	}
	.smp_footer_contact.tel a:before{
		content: "\f095";
	}
	.smp_footer_contact.mail p{
		text-align: center;
	}
	.smp_footer_contact.mail a{
		font-size: 20px;
	}
	.smp_footer_contact.mail a:before{
		content: "\f0e0";
	}
	
	/* フッターお問い合わせ */
.formContent #modalContent {
    padding: 3%;
}	
	
	.smp_footer_link{
		overflow: hidden;
		background: #342D27;
		border-top: 1px solid #95989A;
		border-right: 1px solid #95989A;
		box-sizing: border-box;
	}
	.smp_footer_link li{
		float: left;
		width: 50%;
		text-align: left;
		border-bottom: 1px solid #95989A;
		border-left: 1px solid #95989A;
		box-sizing: border-box;
		position: relative;
	}
	.smp_footer_link li:after{
		content: "\f105";
		font-family: FontAwesome;
		font-size:20px;
		color: #fff;
		line-height: 1;
		position:absolute;
		right:10px;
		top:50%;
		margin-top: -10px;
	}
	.smp_footer_link li.active_lg{
	background: #5c4c3d;
	}
	.smp_footer_link li.active_lg:after{
		content: "";
	}
	.smp_footer_link li a{
		display: block;
		color: #fff;
		font-size: 14px;
		text-decoration: none;
		padding: 8% 6%;
	}
	.smp_footer_link li span{
		display: block;
		color: #fff;
		font-size: 14px;
		text-decoration: none;
		padding: 8% 6%;
	}
	.smp_footer_link li.foundation_link{
		width: 100%;
		text-align: center;
		font-weight: bold;
	}
	.smp_footer_link li.smp_facebook_link {
		width: 100%;
		text-align: center;
		font-weight: bold;
	}
	.smp_footer_link li.smp_facebook_link a {
		padding-top: 4%;
		padding-bottom: 4%;
	} 
	.smp_footer_link li.smp_facebook_link .smp_facebook_icon {
    	background: url(../img/FB-fLogo-Blue-broadcast-2.png) no-repeat left center;
		background-size: contain;
		display: inline;
		margin-right: 5%;
	    margin-left: -24%;
	    padding: 4%;
	} 

	.smp_footer_link li.smp_instagram_link{
		width: 100%;
		text-align: center;
		font-weight: bold;
	}
	.smp_footer_link li.smp_instagram_link a {
		padding-top: 4%;
		padding-bottom: 4%;
	}
	.smp_footer_link li.smp_instagram_link .smp_instagram_icon {
    	background: url(../img/app-icon2.png) no-repeat left center;
		background-size: contain;
		display: inline;
		margin-right: 5%;
	    margin-left: -15%;
	    padding: 4%;
	} 
	.credit{
		background:#fff;
		color: #000;
		padding: 4% 0;
	}	
	
}




/***** cart・regi *****/
@media screen and (min-width: 481px) {
	#smpsideContent{
		display:none;
	}
	#sideContent{
		display:block;
	}
}

@media screen and (max-width: 480px) {
	#sideContent{
		display:none;
	}
	#smpsideContent{
		display:block;
		width: 94%;
		margin: 0 auto;
	}
	
	#P02 #pankuzu {
	    margin-bottom: 0;
	}
	#P02 #mainContent h1{
    	padding: 0;
    	margin: 5% 2%;
		font-size: 18px;
}
#mainContent div.incartObj {
    margin-bottom: 10%;
}	
div.incartObj #mainContent .ttl02 {
    padding: 3% 2%;
    background-size: cover;
}	
#mainContent div.incartObj div.recount {
    padding: 5% 2%;
    width: 96%;
}	
#mainContent div.incartObj div.recount ul {
    display: block;
    margin: 2% 0 0;
}	
	
#smpsideContent div.cartObj {
	background: #eee6dc;
    margin-bottom: 6%;
	border: 1px solid #ccc ;
	border-radius: 5px;
	box-sizing: border-box;
}	
#smpsideContent div.cartObj h5.hed {
    background: url(../img/bg_hed_04.png) repeat-x left top;
    border-bottom: solid 1px #ccc;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 2% 3%;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
}	
#smpsideContent div.cartObj div.carttotal {
    padding: 3% 4% 6%;
    overflow: hidden;
}	
#smpsideContent div.cartObj div.carttotal p.totalhed {
    float: left;
    width: auto;
    padding-top: 2px;
    font-size: 14px;
    font-weight: bold;
}	
#smpsideContent div.cartObj div.carttotal p.totalprice {
    float: right;
    width: auto;
    font-weight: normal;
    text-align: right;
    line-height: 1.5;
    font-size: 12px;
}	
#smpsideContent div.cartObj div.carttotal p.totalprice strong {
    font-size: 16px;
    font-weight: bold;
}	
#smpsideContent div.cartObj ul.button-regi {
    width: 100%;
	padding-bottom: 4%;
}	
#smpsideContent div.cartObj ul.button-regi li {
    padding: 0 0 0 0;
}
#smpsideContent div.cartObj ul.button-regi li a {
    background: url(../img/btn_button_regi.png) no-repeat;
    background-position: 0 0;
    border: none;
    width: 178px;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    font-weight: bold;
    text-shadow: #6d3c28 0px 1px 1px;
    color: #fff;
    overflow: hidden;
    cursor: pointer;
    vertical-align: middle;
    display: block;
    text-decoration: none;
	margin: 0 auto;
	text-align: center;
}	
.row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
	
#smpsideContent  #recentCheckList{
	border: 1px solid #ccc ;
	border-radius: 5px;
	box-sizing: border-box;
	margin-bottom: 6%;
	}
#smpsideContent  #recentCheckList h5.hed {
    background:none;
    padding: 3%;
    font-size: 14px;
    font-weight: bold;
    display: block;
    overflow: hidden;
	height: auto;
	line-height: 1;
}	
#recentCheckList .frm-body {
    background:none;
}	
#recentCheckList div.pack {
    padding: 3%;
}	
#recentCheckList div.pack div.image {
    width: 25%;
}	
#recentCheckList div.pack div.image table {
    width: 100%;
}	
#recentCheckList div.pack p.series {
    margin-left: 30%;
}	
#recentCheckList div.pack p.item {
    margin-left: 30%;
    padding-top: 2%;
}
	#recentCheckList .frm-bottom{
		display:none;
	}	
#mainContent div.incartObj {
    width: 94%;
    margin: 0 auto 10%;
	padding-bottom: 0;
}	
	#mainContent div.incartObj div.tablebox thead{
		display: none;
	}
	#mainContent div.incartObj div.tablebox table tr td{
		display:block;
	}	
	#mainContent div.incartObj div.tablebox table tr td {
    padding: 4% 2% 0!important;
     border-bottom: none; 
    display: block;
    text-align: left!important;
}	
#mainContent div.incartObj div.tablebox table tr td.name {
	border-top: solid 1px #ccc;
	width: 96%;
}
	#mainContent div.incartObj div.tablebox table tr td.other ul{
		overflow:hidden;
		margin-bottom: 6%;
	}	
#mainContent div.incartObj div.tablebox table tr td.other ul li{
	width: 50%;
	float: left;
}	
	
#mainContent div.incartObj div.tablebox table tr td.other select{
	width:100%;
}	

#mainContent div.incartObj div.ttl-gift {
    width: 94%;
    padding: 3%!important;
    background-size: cover;
}	
#mainContent div.incartObj div.setbox {
    width: 100%;
}	
#mainContent div.incartObj div.setbox div.address {
    float: none;
    width: 100%;
}	
#mainContent div.incartObj div.setbox div.address h3 {
    padding: 4% 2%;
    height: auto;
    line-height:1;
    background-image: none;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
}	
#mainContent div.incartObj div.tablebox2 {
    float: none;
    width: 100%;
}	
#mainContent div.incartObj div.tablebox2 table {
    width: 100%;
}	
#mainContent div.incartObj div.formbox {
    padding: 3%;
}
#mainContent div.incartObj div.formbox div.select {
    padding: 2% 0;
}	
#mainContent div.incartObj div.formbox div.select p {
    float: none;
}	
#mainContent div.incartObj div.formbox div.select p label {
	display: block;
}	
#mainContent div.incartObj div.formbox div.select ul li {
    margin-top: 3%;
}	
#mainContent div.incartObj div.formbox div.form div.p2 {
    padding: 3% 0;
    margin-bottom: 0;
}	
#mainContent div.incartObj div.formbox div.form div.p2 div.pack {
    float: none;
    width: 100%;
    padding-bottom: 12px;
    margin-right: 0;
    white-space: nowrap;
}	
#mainContent div.incartObj div.formbox div.form div.p2 div.field-header {
    float: none;
    width: 100%;
    line-height: 1;
    padding: 3% 0 2%;
}
#mainContent div.incartObj div.formbox div.form div.p2 div.field-content {
    float: none;
    width: 100%;
}	
#mainContent div.incartObj div.formbox div.form div.p2 div.field-content select {
    width: 100%;
}
#mainContent div.incartObj div.formbox div.form div.p2 div.field-content input {
    width: 100%;
}	
#mainContent div.incartObj div.formbox div.form div.p3 div.field-header {
    float: none;
    width: 100%;
}	
#mainContent div.incartObj div.formbox div.form div.p3 {
    padding: 3% 0;
}	
#mainContent div.incartObj div.formbox div.form div.p3 div.field-content {
    float: none;
    width: 100%;
}	
#mainContent div.incartObj div.formbox div.form div.p3 label {
    display: block;
}
#mainContent div.incartObj div.formbox div.form div.p4 div.field-content {
    float: none;
    width: 100%;
}	
#mainContent div.incartObj div.formbox div.form div.p4 div.field-header {
    float: none;
    margin-top: 4px;
    line-height: 1.1;
    margin-bottom: 4%;
}	
#mainContent div.incartObj div.formbox div.form div.p4 label {
    display: block;
}	
	
	
	
	
	
	
	
	
	
	
#mainContent div.incartObj div.tablebox table tr td.name:before {
    content: "商品名：";
    margin-right: 2%;
}
#mainContent div.incartObj div.tablebox table tr td.date:before {
    content: "追加日：";
    margin-right: 2%;
}
#mainContent div.incartObj div.tablebox table tr td.price:before {
    content: "価格（税抜）：";
    margin-right: 2%;
}
	
#mainContent div.incartObj div.tablebox table tr td.amount:before {
    content: "数量：";
    margin-right: 2%;
}
	
#mainContent div.recommendList h3{
	background-size:cover;
}	
#mainContent div.recommendList div.itemListObj div.listset-4column .pack {
    width: 46%;
    margin-right: 2%;
}	

	
	
	
	
	
	
	
	
	
	
#mainContent div.oversea-notice {
    padding: 3% 2%;
    width: 90%;
    margin: 0 auto 8%;
}	
#mainContent div.addressObj {
    padding-bottom: 8%;
    float: none;
    width: 96%;
    margin: 0 auto;
}	
#mainContent div.addressObj div.saved div.pack table {
    width: 100%;
}	
#mainContent div.entryObj {
    float: none;
    padding-bottom: 8%;
    width: 94%;
    margin: 0 auto;
}	

#mainContent div.dlbox-form dl {
    width: 96%;
    padding: 4% 2%;
}	
#mainContent input[type="text"], #mainContent input[type="password"] {
    width: 100%;
}	
#mainContent div.dlbox-form dl dd ul.postcode {
    margin: 4% 0 0;
}	
#mainContent div.entryObj ul.button {
    width: 100%;
}	

#mainContent p.headlead {
    margin-bottom: 5%;
}	
#mainContent div.incartObj div.selectbox p.head {
    background: #f4f4f4;
    margin-bottom: 3%;
    padding: 3% 2%;
    height: auto;
    line-height: 1;
	border: 1px solid #ccc ;
	border-radius: 3px;
	box-sizing: border-box;
}	
#mainContent div.incartObj div.selectbox {
    width: 100%;
}
#mainContent div.incartObj div.tablebox p.cardlead-top, #mainContent div.incartObj div.selectbox p.cardlead-top {
    padding: 3% 0;
}		
#mainContent div.incartObj div.selectbox img{
	width: 100%;
	height: auto;
	margin-bottom: 3%;
	}
#mainContent div.incartObj div.selectbox p.cardlead {
    padding: 3% 2%;
    margin-bottom: 0;
}	
#mainContent div.incartObj div.selectbox p.cardlead-top {
    padding: 0 0 3%;
}	
#mainContent div.incartObj ul.button {
    width: 100%;
    padding: 10% 0 0;
}
#mainContent div.incartObj ul.button .back {
    position: relative;
    left: 0;
    top: 0;
	margin: 0 auto 5%;
	display: block;
}	
	
#mainContent h1.ttl-confirm {
    padding: 4% 2%;
    margin-bottom: 0;
}
#mainContent div.orderbuttonObj {
     border: none; 
     border-radius: 0; 
    width: 100%;
    height: auto;
    text-align: center;
    padding: 8% 0;
}	
#mainContent div.orderbutton-top {
    margin-bottom: 5%;
}	
#mainContent div.deliverysetObj {
    float: none;
    width: 100%;
    margin-bottom: 5%;
}	
#mainContent div.confirmObj h2 {
    padding: 3% 2%;
    width: 96%;
	font-size: 12px;
}	
#mainContent div.fottnoteObj {
    width: 94%;
    margin: 0 auto;
}	
#mainContent div.fottnoteObj h3 {
    margin-bottom: 5%;
    padding: 3% 2%;
    font-size: 12px;
}	
#mainContent div.paymentObj {
    float: none;
    width: 94%;
    margin: 0 auto 6%;
}	
	
#mainContent div.paymentObj div.totalObj h2 {
    height: auto;
    line-height: inherit;
    padding: 2% 3%;
}
#mainContent div.paymentObj div.totalObj .frm-body {
    background: #eee8dc;
    padding: 3% 4% 6%;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}	
#mainContent div.paymentObj div.totalObj dl.t1 {
	background: none;
    padding: 0;
}	
#mainContent div.paymentObj div.totalObj dl.t2 {
    padding: 5% 0 0;
}	
#mainContent div.paymentObj div.totalObj .frm-bottom {
	display: none;
}	
	
#mainContent div.paymentObj div.noteObj .frm-top {
	display: none;
}	
#mainContent div.paymentObj div.noteObj .frm-body {
    background: none;
    padding: 2% 0 0 0;
    border: 1px solid #ccc;
    border-radius: 3px;
	box-sizing: border-box;
}	
#mainContent div.paymentObj div.noteObj div.pack {
    background: none;
    padding: 0% 2% 5%;
    margin-bottom: 5%;
    border-bottom: 1px solid #ccc;
}
#mainContent div.paymentObj div.noteObj div.last-child {
	border-bottom: none;
}	
#mainContent div.paymentObj div.noteObj .frm-bottom {
    display: none;
}	
#mainContent div.paymentObj div.noteObj div.pack div.ryoshu-form {
    margin: 5% 0 0;
    padding: 6%;
    box-sizing: border-box;
    border: 6px solid #f5f5f5;
}
#mainContent div.orderbutton-bottom {
    margin-bottom: 0;
}	
	
#mainContent p.headlead-finish {
    margin-bottom: 8%;
    padding: 0 2%;
}	
#mainContent ul.headlink-comp {
    margin-bottom: 8%;
}	
#mainContent ul.headlink-comp li {
    float: left;
    width: 50%;
     margin-right: 0; 
    text-align: center;
}	
#mainContent p.headlead-comp {
    padding: 10% 2% 2%;
}	
	
	
	
/***** カートページ（購入画面） *****/

#step ul {
	padding:0;
	background:none;
	width:98%;
    height: 24px;
	margin:0 auto;
}

#step li {
	width:20%;
	font-size:9px;
	background:#5C4C3D;
	text-shadow:none;
	padding-top:5px;
	padding-bottom:5px;
	color:#CCC;
  border-right: 1px #888 solid;
  box-sizing: border-box;
}

#step li.current {
	font-size:9px;
	background:#B29E88;
	text-shadow:none;
}

#step6 ul {
	padding:0;
	background:none;
	width:98%;
    height: 34px;
	margin:0 auto;
}

#step6 li {
	width: 16.6%;
	font-size:9px;
	background:#5C4C3D;
	text-shadow:none;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:4px;
	padding-right:4px;
	color:#CCC;
    border-right: 1px #888 solid;
    box-sizing: border-box;
    height: 41px;
}

#step6 li span.smp_br {
	display:block;
}

.cardlead-top img {
	width: 100%;
}


#step6 li.current {
	font-size:9px;
	background:#B29E88;
	text-shadow:none;
}
	

/***** カート確認画面 *****/
#mainContent div.addressObj div.saved div.pack table td.t1 {
	width:100%;
	display:block;
}

#mainContent div.addressObj div.saved div.pack table td.t1 .revisebutton ul {
  margin: 10px 0;
}

#mainContent div.addressObj div.saved div.pack table td.t1 .revisebutton li {
	text-align: center;
  margin: 10px;
}

#mainContent div.addressObj div.saved div.pack table td.t2 {
	width:100%;
	display:block;
}

#mainContent div.addressObj div.saved div.pack table td.t2 ul {
	width:100%;
	display:block;
}

#mainContent div.addressObj div.saved div.pack table td.t2 ul li a {
	margin:0 auto;
}


/* 複数の登録先 */
#mainContent div.incartObj ul.modalbutton li {
    position: relative;
    right: initial;
    top: initial;
    margin: 10px 0 20px;
}

#mainContent div.incartObj div.tablebox table tr td.amount ul.button {
	width:100%;
}

#mainContent ul.button li {
	margin:0;
}

/*** 注文内容最終確認 ***/
#mainContent div.orderbuttonObj ul {
	top:0;
}



/*** 注文内容確認 ***/
#mainContent div.confirmObj div.tablebox table tr td ul.reviselink li {
    position: relative;
    right: initial;
    top: initial;
    margin: 10px 0 20px;
}


	
/***** コダワリの浮世絵 *****/
#mainContent div.ukiyoeHeadObj {
    position: relative;
	background: none!important;
	height: auto;
    padding: 0; 
    background-size: cover;
}	
#mainContent div.ukiyoeHeadObj .ukiyoeHeadBody {
    background: url(../img/ukiyoe/img_main.jpg) no-repeat top -8px left;
    width: 100%; 
    height: auto; 
    text-align: left;
    background-size: 120%;
}	
#mainContent div.ukiyoeHeadObj .content {
    margin-left: 0;
    padding: 0;
}	
#B1-1 #mainContent div.ukiyoeHeadObj p {
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-align: left;
    padding: 24% 3% 3% 3%;
}	
#mainContent div.ukiyoeHeadObj p br {
	display: none;
}
#mainContent div.ukiyoeHeadObj .content div{
	position:static;
	top: 0;
}	
	
#mainContent div.ukiyoeHeadObj .ukiyoeHeadBody img{
	width:100%;
	height: auto;
}	
#mainContent div.ukiyoeObj .ukiyoeTab .content{
	width:100%;
}
#mainContent div.ukiyoeObj .ukiyoeTab ul{
	height:auto;
}		
#mainContent div.ukiyoeObj .ukiyoeTab li {
    float: left;
    width: 50%!important;
	border-top: 1px solid #fff;
	box-sizing: border-box;
}
#mainContent div.ukiyoeObj .ukiyoeTab li:nth-child(-n + 2) {
	border-top: none;
}
#mainContent div.ukiyoeObj .ukiyoeTab li:nth-child(even) a {
	border-right: none;
}
	
#mainContent div.ukiyoeObj .ukiyoeTab a{
	text-decoration:none;
	color: #fff;
	padding: 8% 2%;
	text-align: center;
	border-right: 1px solid #fff;
}	
#mainContent div.ukiyoeObj .ukiyoeTab a.current {
    border-top: none;
    color: #FFF;
    font-weight: bold;
    background-image: url(../img/ukiyoe/bg_tab.png);
    background-repeat: repeat-x;
    background-position: 0 -52px;
}	
#mainContent div.ukiyoeObj .ukiyoeTab span{
	display: inline;
	font-size: 12px;
}	
		
#mainContent div.ukiyoeObj .ukiyoeTab ul{
	margin-left:0;
}
#mainContent div.ukiyoeObj .ukiyoeBody{
	width:100%;
}	
#mainContent div.ukiyoeObj .ukiyoeBody .content{
	margin-left:0;
}	
	
#B1-1 #mainContent div.ukiyoeObj .ukiyoeBody h2 {
    margin: 5% 0 12%;
}	
#B1-1 #mainContent div.ukiyoeObj .ukiyoeBody h2 img{
	width:63%;
	height: auto;
}	
#B1-1 div.ukiyoeObj #SCT1 .row {
    background: url(../img/ukiyoe/pht_1_sct1.png) no-repeat top right;
    background-size: 34%;
    padding: 5% 3%;
}
#B1-1 div.ukiyoeObj #SCT2 .row{
    background: url(../img/ukiyoe/pht_1_sct2.png) no-repeat top 8px right;
    background-size: 34%;
    padding: 5% 3%;
}	
#B1-1 div.ukiyoeObj #SCT3 .row {
    background: url(../img/ukiyoe/pht_1_sct3.png) no-repeat top 8px right;
    background-size: 34%;
    padding: 5% 3%;
}	
#B1-1 div.ukiyoeObj #SCT4 .row {
    padding: 5% 3%;
}
#B1-1 div.ukiyoeObj #SCT4 .div1{
	width:100%;
	float: none;
}		
#B1-1 div.ukiyoeObj #SCT4 h3{
	margin-bottom:4%;
}	
#B1-1 div.ukiyoeObj #SCT4 .div1 h3 img{
	width:60%;
	height: auto;
}	
#B1-1 div.ukiyoeObj #SCT4 .div2 {
    width: 100%;
    float: none;
	margin-top: 8%;
}
#B1-1 div.ukiyoeObj #SCT4 .div2 h3 img{
	width:80%;
	height: auto;
}	
	
/*** 熟練の職人たち ***/
#B1-4 div.ukiyoeObj img{
	width:100%;
	height: auto;
}
#B1-4 #mainContent div.ukiyoeObj .ukiyoeBody .section{
	position:relative;
}
#B1-4 #mainContent div.ukiyoeObj .ukiyoeBody h2{
	width: 20%;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}	
#B1-4 div.ukiyoeObj h2 img {
    position: static;
    right: 0;
    top: 0;
}
#B1-4 div.ukiyoeObj #SCT1 .row {
    padding: 5% 3% 42%;
	background-size:contain;
}
#B1-4 #mainContent div.ukiyoeObj .ukiyoeBody h1 {
    width: 80%;
    margin: 0 auto 4%;
}
#B1-4 div.ukiyoeObj #SCT1 p{
	text-align:left;
}
#B1-4 div.ukiyoeObj #SCT2 .row {
    background: url(../img/ukiyoe/pht_4_sct2.png) no-repeat bottom center;
    padding: 5% 3% 64%;
	background-size: 45%;
}	
#B1-4 div.ukiyoeObj #SCT3 .row {
    background: url(../img/ukiyoe/pht_4_sct3.png) no-repeat bottom center;
    padding: 5% 3% 68%;
	background-size: 45%;
}	
#B1-4 div.ukiyoeObj #SCT4 .row {
    background: url(../img/ukiyoe/pht_4_sct4.png) no-repeat bottom center;
    padding: 5% 3% 66%;
	background-size: 45%;
}	
#B1-4 div.ukiyoeObj #SCT6 .row {
    background: url(../img/ukiyoe/pht_4_sct6.png) no-repeat bottom center;
    padding: 5% 3% 66%;
	background-size: 45%;
}	
#B1-4 #mainContent div.rearingObj .rearingBody{
	width:100%;
}	
#B1-4 #mainContent div.rearingObj .content {
    background: url(../img/ukiyoe/lin_sct.png) no-repeat center top;
    padding: 0;
    margin-left: 0;
}	
#B1-4 #mainContent div.rearingObj .content img {
	width: 100%;
	height: auto;
}	
#B1-4 #mainContent div.rearingObj .row {
    background: none;
	padding: 8% 3% 6%;
}	
#B1-4 #mainContent div.rearingObj .image {
    margin-right: 5%;
    float: left;
	width: 35%;
}	
#B1-4 #mainContent div.rearingObj .hed {
    margin-right: 0;
    padding-top: 0;
    width: 60%;
    float: right;
}	
#B1-4 #mainContent div.rearingObj p {
    margin-top: 4%;
    font-size: 12px;
    line-height: 20px;
}	
#B1-4 #mainContent div.rearingObj .link {
    width: 100%;
    float: none;
	clear: both;
}	
#B1-4 #mainContent div.rearingObj dl {
    margin-left: 0;
    padding: 6% 0 0;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
}	
	
/*** 手作業による製作工程 ***/
#B1-2 #mainContent div.ukiyoeObj .ukiyoeBody img{
	width:100%;
	height: auto;
	}	
#B1-2 div.ukiyoeObj #SCT1 .row {
    padding: 8% 0;
}	
#B1-2 #mainContent div.ukiyoeObj .ukiyoeBody h1 {
    width: 80%;
    margin: 0 auto 4%;
}
#B1-2 div.ukiyoeObj #SCT1 p {
    margin-bottom: 0;
    text-align: left;
	padding: 0 3%;
}	
#B1-2 div.ukiyoeObj #SCT1 p br{
	display: none;
}
#B1-2 div.ukiyoeObj #SCT1 ul {
    background: none;
    padding: 6% 0 0;
}	
#B1-2 div.ukiyoeObj #SCT1 .li1 {
    width: 100%;
    float: none;
	margin-bottom: 8%;
}	
#B1-2 div.ukiyoeObj #SCT1 .li2 {
    width: 100%;
    float: none;
}
#B1-2 div.ukiyoeObj #SCT1 li p{
	margin:5% auto 0;
}		
#B1-2 div.ukiyoeObj #SCT3 .row, #B1-2 div.ukiyoeObj #SCT2 .row {
    padding: 5% 3%;
}	
#B1-2 div.ukiyoeObj #SCT3 .div1, #B1-2 div.ukiyoeObj #SCT2 .div1 {
    width: 100%;
    float: none;
}
#B1-2 div.ukiyoeObj #SCT3 h2, #B1-2 div.ukiyoeObj #SCT2 h2 {
    margin-bottom: 5%;
    width: 30%;
}
#B1-2 div.ukiyoeObj #SCT4 dt br, #B1-2 div.ukiyoeObj #SCT3 dt br, #B1-2 div.ukiyoeObj #SCT2 dt br {
	display:none;
}	
#B1-2 div.ukiyoeObj #SCT2 ul{
	margin:4% 0 10%;
}	
#B1-2 div.ukiyoeObj #SCT3 .div2, #B1-2 div.ukiyoeObj #SCT2 .div2 {
    position: relative;
    width: 100%;
    float: none;
}	
#B1-2 div.ukiyoeObj #SCT3 .sliderObj, #B1-2 div.ukiyoeObj #SCT2 .sliderObj{
	margin:0;
}		
#B1-2 #mainContent div.ukiyoeObj .ukiyoeBody .sliderObj .bx-wrapper,
#B1-2 #mainContent div.ukiyoeObj .ukiyoeBody .sliderObj .bx-window,
	#B1-2 #mainContent div.ukiyoeObj .ukiyoeBody .sliderObj .bx-child{
	width: 300px!important;
		margin: 0 auto;
}
#B1-2 #mainContent div.ukiyoeObj .ukiyoeBody .sliderObj img{
	width:100%;
	height: auto;
}	
#B1-2 #mainContent div.ukiyoeObj .ukiyoeBody .sliderObj .bx-wrapper .bx-pager{
	width: 100%;
	top: 60%;
}
/*#B1-2 div.ukiyoeObj .bx-prev,
#B1-2 div.ukiyoeObj .bx-next{
	display:none!important;
}	*/

div.ukiyoeObj .bx-prev {
	left:5px;
}

div.ukiyoeObj .bx-next {
	right:5px;
	left:auto;
}

div.ukiyoeObj .bx-prev {
top:60px;
}

div.ukiyoeObj .bx-next {
top:60px;
}

	
#B1-2 div.ukiyoeObj #SCT4{
	margin-left:0;
	padding-bottom: 6%;
}	
#B1-2 div.ukiyoeObj #SCT4 .row{
	padding:5% 3%;
}	
#B1-2 div.ukiyoeObj #SCT4 dl {
    position: static;
    left: 0;
    top: 0;
    width: 100%;
}	






/*** 厳選された素材・道具 ***/
#B1-3 #mainContent div.ukiyoeObj img {
    width: 100%;
    height: auto;
}
#mainContent div.ukiyoeObj .ukiyoeBody h1{
	width:80%;
	margin: 0 auto 4%;
}
#B1-3 #mainContent div.ukiyoeObj .ukiyoeBody .content {
    margin-left: 0;
}

#B1-3 #mainContent div.ukiyoeObj .ukiyoeBody p {
	text-align: left;
	clear:both;
}
#B1-3 div.ukiyoeObj #SCT1 .row {
    padding: 8% 3%;
}
#B1-3 div.ukiyoeObj #SCT2 .row {
    background: url(../img/ukiyoe/pht_3_sct2.png) no-repeat;
    padding: 34% 3% 5%;
    background-size: 60%;
}
#B1-3 div.ukiyoeObj #SCT2 .row h3 {
    width: 45%;
	margin: 2% 0 8%;
}
#B1-3 div.ukiyoeObj #SCT3 .row {
    background: url(../img/ukiyoe/pht_3_sct3.png) no-repeat top 15px right 10px;
    padding: 8% 3% 4%;
    margin-top: 0;
    background-size: 40%;
}
#B1-3 div.ukiyoeObj #SCT3 .row h3 {
    width: 45%;
	margin: 2% 0 13%;
}
#B1-3 div.ukiyoeObj #SCT4 .row {
    background: url(../img/ukiyoe/pht_3_sct4.png) no-repeat top 0 right 5px;
    padding: 4% 3% 8%;
    background-size: 40%;
}
#B1-3 div.ukiyoeObj #SCT4 .row h3 {
    width: 52%;
	margin: 10% 0 22%;
}
#B1-3 div.ukiyoeObj #SCT5 .row {
    background: url(../img/ukiyoe/pht_3_sct5.png) no-repeat top -25px left;
    padding: 0 3% 10%;
    background-size: 40%;
}
#B1-3 div.ukiyoeObj #SCT5 h3 {
    margin-top: 40%;
    margin-bottom: 8%;
    float: right;
    width: 60%;
}
#B1-3 div.ukiyoeObj #SCT6 .row {
    background: url(../img/ukiyoe/pht_3_sct6.png) no-repeat top left;
    padding: 0 3% 5%;
    background-size: 45%;
    overflow: hidden;
}
#B1-3 div.ukiyoeObj #SCT6 h3 {
	width:45%;
    margin-bottom: 10%;
    margin-top: 0;
    float: right;
}	
	
#B1-3 div.ukiyoeObj #SCT7 .row {
    background: url(../img/ukiyoe/pht_3_sct7.png) no-repeat top left;
    background-size: 55%;
    padding: 70% 3% 8%;
}
#B1-3 div.ukiyoeObj #SCT7 .row h3 {
    margin-bottom: 8%;
    width: 60%;
}
#B1-3 div.ukiyoeObj #SCT8 .row {
    background: url(../img/ukiyoe/pht_3_sct8.png) no-repeat top 8px left;
    background-size: 40%;
    padding: 5% 3%;
}	
#B1-3 div.ukiyoeObj #SCT8 .row h3 {
    margin-bottom: 8%;
	margin-left: auto;
    width: 55%;
}
	


/*-----------------------------------------------------

 商品ページ調整

 -------------------------------------------------- *****/
 
 /* メインビジュアルの高さ調整 */
 #mainContent .visualObj #visualCnt {
	 padding-top:10px;
	 padding-bottom:10px;
 }
 
 #mainContent .visualObj #mainVisual img {
	 width:auto!important;
	 height:100%!important;
	 top:0!important;
	 left:-600px!important;
 }
 
 #mainContent .visualObj {
	 height:auto!important;
 }
 
 #mainContent .visualObj #visualCnt h1 {
	 margin-bottom:10px;
	 width:96%!important;
	 margin-left:1%;
 }
 

/* 上部ページナビ */
#mainContent div.pagenavi-top {
	padding:10px;
}

/* 下部ページナビ */
#mainContent div.pagenavi-bottom {
	padding:10px;
}

/* 言語切り替え */
/*** フッター ***/	
.half_li {
	width: 50%!important;
	box-sizing: border-box!important;
	float: left!important;
	text-align: center!important;
}
	
}


@media screen and (max-width:320px) {
	.smp_rank_tit {
	min-height:auto;
}
}