@charset "utf-8";

/****************************************
		old_page
*****************************************/
#side_menu02 {
	display: none;
}

div#mainBody div.mainContent span.red,
div#mainBody div.subContent span.red {
	color: #AE0000;
}
div#mainBody div.mainContent span.red a {
	color: #AE0000;
}

div#mainBody div.mainContent div.orderBox h4 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

.title_dlBox {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	}
	.title_dlBox.attention {
		font-size: 15px;
		font-size: 1.5rem;
	}
	.title_dlBox span {
		display: block;
		padding: 0 0 4px 10px;
		border-bottom: 1px dotted #CCC;
}

div#mainBody div.subContent .dlBox03 .detailLink ul li {
	text-align:right;
}
div#mainBody div.subContent #h6_shopDetail01,
div#mainBody div.subContent #h6_shopDetail02{
	padding: 12px 10px 0;
	color: #8BB43E;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	border: 1px solid #ABD550;
	border-bottom: none;
}
div#mainBody div.subContent #h6_shopDetail02{
	color: #000;
	border: 1px solid #CCC;
	border-bottom: none;
	}
	div#mainBody div.subContent #h6_shopDetail01 span,
	div#mainBody div.subContent #h6_shopDetail02 span{
		display: block;
		padding-bottom: 7px;
		border-bottom: 1px dotted #CCC;
}
div#mainBody div.subContent #h6_shopDetail02{
	margin-bottom: 0;
}

/****************************************
		Media Query
*****************************************/
@media ( min-width : 768px ) {
		
}
@media ( max-width : 768px ) {
	
	/* 幅100% にしない要素 */
	
	/* 幅100% にする要素 */
	{ width: 100%; }
	
	/* 非表示 にする要素 */
	img.fRight.pc_pnly
	{ display: none; }
	
	#side_menu02
	{ display: block; }
	
	div#mainCopy h2.h2ShopDetail {
		display:block;
		margin:0;
		color:#000;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	}
	div#mainCopy div.ttlBox {
		padding: 0;
	}
	div#mainCopy span.h2Ttl {
		padding:0 0 4px 0;
		color: #545454;
		font-size: 14px;
		font-size: 1.4rem;
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	}
	div#mainCopy p#copyTtl {
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 14px;
		font-size: 1.4rem;
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
		line-height: 1.5em;
		border-top: none;
	}
	
	div#mainTop div#mainImgD{
		width: 100%;
		float: none;
		position: relative;
	}
	div#mainTop div#mainImgD .boxL {
		margin:0;
		width: 100%;
		display: block;
		float: none;
	}
	div#mainTop div#mainImgD .boxR {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 9;
		float: none;
		width: auto;
		padding: 0;
	}
	
	div#mainTop div#topR{
		width: 100%;
		float: none;
		margin-bottom: 10px;
		padding-top:13px;
		background: url(../img/old/frame_balloon01_sp_rt.jpg) right 13px no-repeat;
	}
	div#mainTop #topR .frame01 {
		background: url(../img/old/frame_balloon01_sp_lt.jpg) left top no-repeat;
	}
	div#mainTop #topR .frame01 .frame01B ul {
		padding:0 0 160px 10px;
		background: url(../img/old/frame_balloon01_sp_lb.jpg) left bottom no-repeat;
		}
		div#mainTop #topR .frame01 ul.optionKit {
			background: none;
	}
	div#mainTop #topR .frame01B {
		position: relative;
		margin: 7px 0 0 0;
		padding:0 0 0 0;
		background: url(../img/old/frame_balloon01_sp_rb.jpg) right bottom no-repeat;
	}
	div#mainTop #topR .frame01 .frame01B ul li {
		padding: 0 10px 4px 0;
	}
	div#mainTop #topR .frame01 .optionKit {
		position:absolute;
		left: inherit;
		right:170px;
		bottom:25px;
	}
	div#mainTop #topR ul.optionKit {
	}

	div#mainBody {
		width: 100%;
		padding: 0 0 0 0;
		clear:both;
		overflow:hidden;
		margin: 0 auto 15px;
		background: none;
	}
	div#mainBody div.mainContent {
		width: 100%;
		float: none;
	}
	div#mainBody div.subContent {
		width: 100%;
		float: none;
		padding-top: 15px;
	}

	div#mainBody div.mainContent div.subCntD {
		margin: 0;
		width: 100%;
		overflow:hidden;
	}
	div#mainBody div.mainContent div.subCntD .boxL {
		margin: 0 0 0 0;
		padding: 0 0 12px 0;
		width: auto;
		float: none;
	}
	div#mainBody div.mainContent div.subCntD .boxR {
		margin: 0;
		padding: 0 0 12px 0;
		width: auto;
		float: none;
	}

	div#mainBody div.mainContent div.subCntD .boxL ul,
	div#mainBody div.mainContent div.subCntD .boxR ul {
		position: relative;
		padding-bottom: 12px;
	}
	div#mainBody div.mainContent div.subCntD .boxL .serchIco,
	div#mainBody div.mainContent div.subCntD .boxR .serchIco {
		position: absolute;
		left: 220px;
		bottom: 0;
		z-index: 9;
		margin: 0;
		float: none;
	}
	div#mainBody div.mainContent div.subCntD .boxL p.Ttl,
	div#mainBody div.mainContent div.subCntD .boxR p.Ttl{
		margin: 0 0 9px 0;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: normal;
	}
	div#mainBody div.mainContent div.subCntD .boxL p.Txt,
	div#mainBody div.mainContent div.subCntD .boxR p.Txt{
		font-size: 13px;
		font-size: 1.3rem;
	}

	div#mainBody div.mainContent div.subCnt_shopD01 {
		position: relative;
		width: 100%;
		margin-bottom: 12px;
		background: none;
	}
	div#mainBody div.mainContent div.subCnt_shopD01 h3 {
		margin-bottom: 0;
		padding-bottom: 110px;
	}
	div#mainBody div.mainContent div.subCntD .proBoxTxt {
		margin: 0;
		padding: 0;
		width: 100%;
		float: none;
	}
	div#mainBody div.mainContent div.subCntD .proBoxTxt p.Ttl,
	div#mainBody div.mainContent div.subCntD .proBoxTxt p.Ttl{
		position: absolute;
		left: 170px;
		top: 50px;
		z-index: 9;
		margin: 0;
	}
	div#mainBody div.mainContent div.subCntD .proBoxTxt p.Txt,
	div#mainBody div.mainContent div.subCntD .proBoxTxt p.Txt{
		width: 100%;
		margin-bottom: 0;
		font-size: 13px;
		font-size: 1.3rem;
	}
	div#mainBody div.mainContent div.subCntD .proBoxImg {
		position: absolute;
		left: 0;
		top: 50px;
		z-index: 9;
		margin: 0;
		padding: 0;
		width: 150px;
	}

	div#mainBody div.mainContent div.subCntD02 {
		margin:0 0 15px 0;
		padding:0;
		width: 100%;
		background: url(../img/old/frame_balloon04_sp_lt.gif) left 25px no-repeat;
	}
	div#mainBody div.mainContent div.subCntD02 h3 {
		margin-left: 25px;
		background: url(../img/old/frame_balloon04_sp_rt.gif) right 25px no-repeat;
	}
	div#mainBody div.mainContent div.subCntD02B {
		padding:0 0 0 0;
		width: 100%;
		background: url(../img/old/frame_balloon04_sp_lb.gif) left bottom no-repeat;
		}
		div#mainBody div.mainContent div.subCntD02B div {
			padding: 7px 10px 20px;
			background: url(../img/old/frame_balloon04_sp_rb.gif) right bottom no-repeat;
	}
	div#mainBody div.mainContent div.subCntD02B dl {
		margin: 0;
		padding: 0 10px 10px;
		width: 100%;
	}
	div#mainBody div.mainContent div.subCntD02B dl dt {
		margin: 0 0 4px 0;
		font-size: 14px;
		font-size: 1.4rem;
	}
	div#mainBody div.mainContent div.subCntD02B dl dd.Txt {
		margin:0 0 4px 0;
	}


	div#mainBody div.mainContent div.orderBox .orderMain,
	div#mainBody div.mainContent div.orderBox .orderMainLast {
		width: 100%;
	}
	div#mainBody div.mainContent div.orderBox .boxL {
		background: none;
	}
	div#mainBody div.mainContent div.orderBox .boxL {
		position: relative;
		z-index: 99;
		width: 30%;
		margin: 0;
		padding: 10px 10px 0 0;
	}
	div#mainBody div.mainContent div.orderBox .boxR {
		position: relative;
		z-index: 9;
		float: none;
		width: 100%;
		margin: 0;
		padding: 10px 0 0 30%;
	}
	div#mainBody div.mainContent div.orderBox .boxR ul.topList {
		padding:0 0 10px 0;
		width: auto;
		background: none;
	}
	div#mainBody div.mainContent div.orderBox .boxR li.Ttl {
		width: auto;
		padding-bottom: 67px;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
		float: none;
	}
	div#mainBody div.mainContent div.orderBox .boxR ul.bottomList {
		margin: 0;
		padding: 0;
		width: auto;
	}
	div#mainBody div.mainContent div.orderBox .boxR li.Yen {
		width: auto;
		text-align: right;
		float: left;
		color: #AE0000;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
	}
	div#mainBody div.mainContent div.orderBox .boxR li.Yen span.sp_only {
		display: inline;
		color: #000;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: normal;
	}
	div#mainBody div.mainContent div.orderBox .boxR li.Yen span.sp_only.price {
	}
	div#mainBody div.mainContent div.orderBox .boxR li.Yen span.sp_only.tax {
		font-size: 12px;
		font-size: 1.2rem;
	}
	div#mainBody div.mainContent div.orderBox .boxR li.Yen p {
		margin:3px 0 0 0;
		color: #AE0000;
		font-size: 14px;
		font-size: 1.4rem;
		text-align:right;
	}
	div#mainBody div.mainContent div.orderBox .boxR li.Yen p span.sp_only {
		color: #000;
		float: left;
	}
	div#mainBody div.mainContent div.orderBox .boxR li.quantityBox {
		margin: 0 0 0 15px;
	}
	div#mainBody div.mainContent div.orderBox .boxR ul.bottomList li.point {
		position: absolute;
		bottom: 106px;
		left: 30%;
		z-index: 9;
		margin: 0;
		width: auto;
		float: none;
	}
	div#mainBody div.mainContent div.orderBox .boxR ul.bottomList li.btn {
		float: none;
		margin: 0;
	}


	div#mainBody div.subContent .dlBox02_wrap {
		margin-bottom: 15px;
	}

	div#mainBody div.subContent .dlBox03 { width: 100%;}
	div#mainBody div.subContent .dlBox03 dl {
		width: 100%;
	}
	
	div#mainBody div.subContent .dlBox03 dl dd.imgBox {
		width: 100%;
	}

	div#mainBody div.subContent .dlBox04 {
		width: 100%;
	}

	div#mainBody div.subContent .dlBox02_wrap {
		margin-bottom:40px;
		padding: 0 0 0 10px;
		background:url(../img/old/bg_dlBox02_scroll_sp_lb.gif) left bottom no-repeat;
	}
	div#mainBody div.subContent .dlBox02 {
		padding: 12px 25px 25px 0;
		overflow-y:scroll;
		background:url(../img/old/bg_dlBox02_scroll_sp_rb.gif) right bottom no-repeat;
	}
	div#mainBody div.subContent .dlBox02_wrap .dlBox02 {
		width: 100%;
		margin:0;
	}
	div#mainBody div.subContent .dlBox02 ul {
		margin:0 15px 15px 0;
		padding:0 15px 10px 15px;
		width: 100%;
	}

	div#mainBody div.subContent .dlBox04B {
		width: 100%;
		padding-left: 1px;
		background:url(../img/old/frame_balloon03_sp_lb.gif) no-repeat left bottom;
	}
	div#mainBody div.subContent .dlBox04B div.inner {
		background:url(../img/old/frame_balloon03_sp_rb.gif) no-repeat right bottom;
	}
	div#mainBody div.subContent .prdDetail02,
	div#mainBody div.subContent .prdDetail02Last {
		width: 100%;
	}
	div#mainBody div.subContent .dlBox03 dl dd.imgBox {
		background: none;
	}


}
@media ( max-width : 320px ) {

	div#mainBody div.mainContent div.orderBox .boxR ul.bottomList li.point {
		bottom: 136px;
	}

}