@charset "utf-8";

/************************************************
 各ページコンテンツ用
************************************************ */

/* ==============================================
▼テーブル・レスポンシブ
=============================================== */
.tab_resp table {
	width:100%;
}
.tab_resp th{
	text-align:center;
	padding:10px;
}
.tab_resp td{
	vertical-align:top;
	padding:10px;
}
.tab_resp td span.pcnone,
.tab_resp th span.pcnone {
	display:none;
}



@media only screen and (max-width: 459px) {


.product_table th{
	text-align:center;
	font-weight:bold;
}



.tab_resp table,
.tab_resp table tbody,
.tab_resp table tr {
	display:block;
	border:none;
}
.tab_resp thead {
	display:none;
}
.tab_resp tr.sphone_none {
	display:none;
}
.tab_resp th,
.tab_resp td{
	display:list-item;
	border:none;
	padding:5px;
	font-weight:bold;
	list-style-type: none;
}
.tab_resp th{
	list-style-type: none;
	background-color:#eee;
	color:#333;
}
.tab_resp td {
	text-align:left;
}
.tab_resp td span.pcnone,
.tab_resp th span.pcnone {
	display: inline;
	font-weight:normal;
}
.tab_resp td a.btn {
	margin-bottom:15px;
	padding:5px 0;
	color:#333;
	display:block;
	width:100%;
	text-align:center;
	background: #eee;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.tab_resp td a.btn_inline {
	padding:5px 20px;
	color:#333;
	text-align:center;
	background: #eee;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
}

/* ==============================================
▼ CKeditor
=============================================== */
#detailarea .main_comment img {
	clear:both;
	max-width:98%;
	margin:1%;
}
/*テーブル共通*/
#detailarea .main_comment table th,
#detailarea .main_comment table td {
	vertical-align:top;
}
#detailarea .main_comment table.no_border,
#detailarea .main_comment table.no_border th,
#detailarea .main_comment table.no_border td {
	border:none;
}
/*テーブルセルに画像を配置したとき*/
#detailarea .main_comment table.image {
	table-layout:fixed;
}
#detailarea .main_comment table.image th,
#detailarea .main_comment table.image td {
	display:block;
}
#detailarea .main_comment table.image img {
	clear: none;
	max-width:100%;
	margin:0;
}
@media only screen and (min-width: 459px) {
/*テーブルセルに画像を配置したとき*/
#detailarea .main_comment table.image th,
#detailarea .main_comment table.image td {
	display: table-cell;
}
}
/*テーブルのレスポンシブ*/
@media only screen and (max-width: 459px) {
#detailarea .main_comment table.responsive,
#detailarea .main_comment table.responsive tbody,
#detailarea .main_comment table.responsive tr {
	display:block;
}
#detailarea .main_comment table.responsive th,
#detailarea .main_comment table.responsive td {
	display:list-item;
}
}

/* ==============================================
▼当サイトについて
=============================================== */



#undercolumn_aboutus {
	margin-bottom:20px;
}
div#undercolumn_aboutus #text1 {
	margin-bottom:15px;
}
div#undercolumn_aboutus .controller{
	margin-bottom:0;
	padding:1em;
	background: #f5f5f5;
	color: #333;
	border:#CCC 1px solid;
	border-bottom:none;
}
div#undercolumn_aboutus .controller #pointb {
	display:block;
	padding-top:5px;
}
div#undercolumn_aboutus .controller input{
	width:12em;
	margin-right:1em;
}
div#undercolumn_aboutus .container{
	border:1px solid #ccc;
	background:url(../img/background/loading.gif) 200px 100px no-repeat;
}
div#undercolumn_aboutus #map{
	width:100%;
	height:300px;
}
div#undercolumn_aboutus #panel{
	display:block;
	width:98%;
	padding:0 1%;
	overflow:auto;
	background: #f7f7f7;
	color:#333;
	margin-bottom:-20px;
}
div#undercolumn_aboutus #panel table {
	border:none;
}
#panel .adp-placemark{
	background: #eee;
	border:none;
	color:#333;
	font-weight:bold;
}
#panel .adp-summary{
	text-align:right;
}
#panel .adp-directions tr {
	color:#333;
}
#panel .adp-directions tr:hover{
	background: #333;
	color:#fff;
}
#panel .adp-directions td{
	padding:0.5em 0;
	border:dotted #fff;
	border-width:1px 0;
}
#panel .adp-directions b{
	font-weight:normal;
	color: #F00;
}
#panel .adp-directions .adp-distance{
	font-weight:bold;
}
#panel .adp-legal{
	text-align:right;
	color:#fff;
}

div#undercolumn_aboutus br.clear{
	clear:left;
	font-size:0;
}
div#undercolumn_aboutus #hyoji {
	padding:2px 5px 0 5px;
	background-color:#FFF;
	border:#333 1px solid;
	cursor:pointer;
	color:#333;
}
div#undercolumn_aboutus #hyoji:hover {
	background-color: #F90;
}
@media only screen and (min-width: 459px) {
	div#undercolumn_aboutus .controller #pointb {
		display: inline;
		padding-top:0;
	}
	div#undercolumn_aboutus #map{
		float:left;
		width:75%;
		height:400px;
	}
	div#undercolumn_aboutus #panel{
		margin-left:75%;
		width:23%;
		height:400px;
	}
}


/* ナビ
----------------------------------------------- */
#mynavi_area {
    width: 100%;
}

#mynavi_area .mynavi_list {
    width: 100%;
}
#mynavi_area .mynavi_list li {
    float: left;
	text-align:center;
}
#mynavi_area .mynavi_list li.left,
#mynavi_area .mynavi_list li.right {
	width:50%;
}
#mynavi_area .mynavi_list li.left100,
#mynavi_area .mynavi_list li.right100 {
	width:100%;
}
#mynavi_area .mynavi_list li.br {
	clear:both;
}
#mynavi_area .mynavi_list li a {
	display:block;
	padding:5px 15px;
	margin-right:1px;
	margin-bottom:1px;
	background-color:#eee;
}
#mynavi_area .mynavi_list li a:hover {
	background-color:#ddd;
}
#mynavi_area .point_announce {
    margin-bottom: 30px;
    padding: 10px;
    border: solid 1px #ccc;
    background-color: #f7f7f7;
}
#mynavi_area .point_announce p {
    padding-left: 20px;
    background: url('../img/icon/ico_point.gif') no-repeat left top ;
}

@media only screen and (min-width: 459px) {
#mynavi_area {
    width: 98%;
}
#mynavi_area .mynavi_list li {
    margin: 0 15px 5px 0;
    padding-left: 15px;
    float: left;
    background: url(../img/icon/ico_down.png) no-repeat left ;
    font-size: 120%;
	text-align:left;
}
#mynavi_area .mynavi_list li.left,
#mynavi_area .mynavi_list li.right {
	width: auto;
}
#mynavi_area .mynavi_list li.left100,
#mynavi_area .mynavi_list li.right100 {
	width:auto;
}
#mynavi_area .mynavi_list li.br {
	clear: none;
}
#mynavi_area .mynavi_list li a {
	display: inline;
	padding:0;
	margin-right:0;
	margin-bottom:0;
	background: none;
}
#mynavi_area .mynavi_list li a:hover {
	background: none;
}
}
@media only screen and (min-width: 459px) {
#mynavi_area {
    width: 100%;
}
}

/* 購入履歴一覧/詳細
----------------------------------------------- */
div#mycontents_area div.mycondition_area {
    margin: 0 auto 20px 0;
    padding: 10px;
    border: solid 1px #ccc;
    background: #f9f9f9;
}
div#mycontents_area div.mycondition_area p {
    float: left;
}
div#mycontents_area div.mycondition_area .btn {
    width: 40%;
    margin-top: 15px;
    float: right;
}

.add_address {
    margin-bottom: 20px;
}
#mycontents_area #coupon_area {
	margin-bottom:20px;
}
@media only screen and (max-width: 459px) {
.tab_resp th.history_name {
	background-color:#f5f5f5;
	color:#333;
}
.tab_resp th.history{
	text-align:left !important;
}
}

/* 会員登録内容変更/退会
----------------------------------------------- */
div#mycontents_area .message_area {
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

div#mycontents_area .message_area p {
    margin-bottom: 20px;
}

/* ==============================================
▼会員登録
=============================================== */
div#undercolumn_entry {
    width: 1000px;
	margin:		0 auto;
}

div#undercolumn_entry .kiyaku_text {
    margin: 20px auto;
    padding: 10px;
    border: solid 1px #ccc;
    width: 94%;
    background: #fff;
}

.frame {
	width:		95%;
	margin:		0 auto;
	padding:	0;
	position:	relative; /* 相対位置指定 */
}

.logo {
	padding-bottom:4%;
	padding-right:5%;
	width:		50%;
}
.tel {
	width:		40%;
}


/* ==============================================
▼ログイン
=============================================== */
div#undercolumn_login {
    margin: 0 auto;
    width: 100%;
}
div#undercolumn_login .login_area {
    margin-bottom: 30px;
}
div#undercolumn_login .login_area .formlist {
	margin-bottom:15px;
}
div#undercolumn_login .login_area .inputbox {
	padding:10px;
}
div#undercolumn_login .login_area .inputbox .btn_area {
    margin-bottom:10px;
}


/* ==============================================
▼エラー
=============================================== */
div#undercolumn_error .message_area {
    width: 80%;
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

div#undercolumn_error .message_area .error {
    padding: 120px 0;
}


/* ==============================================
▼商品一覧・商品詳細パンくずリスト
=============================================== */
#pankuzu {
	margin-bottom:5px;
	font-size:120%;
}
#pankuzu #topicpath li {
	display:inline;
}
#pankuzu #topicpath li a {
	background:url(../img/icon/ico_arrow_07.gif) no-repeat right center;
	padding-right:12px;
}

/* ==============================================
▼商品一覧
=============================================== */
/* ページ送り
----------------------------------------------- */

.pagecond_area {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #ccc;
}

.pagenumber_area .navi {
    width: 100%;
    text-align: center;
	font-size:130%;
	margin-top:10px;
	margin-bottom:5px;
}

.pagenumber_area a {
   	border: solid 1px #ccc;
   	padding:5px 3px
}

@media only screen and (max-width: 459px) {/*スマホの場合*/
	.pagenumber_area .navi {
		margin-top:7%;
		margin-bottom:5%;
		font-size:140%;
	}

	.pagenumber_area a {
	   	border: solid 1px #ccc;
	   	padding:2% 1.9%
	}
	
	#ten_over {
		font-size:80% !important;
		padding:2.9% 0.2%
	}
}

.pagenumber_area .navi li {
    display: inline;

}
.pagenumber_area .change {
    float: right;
    text-align: right;
    white-space: nowrap;
    margin-top:10px;
}
/* ▼class/SC_PageNavi.php のclass要素*/
.page_now {
	border:#CCC 1px solid;
	color:#000;
	background-color:#eee;
	padding:0 4px;
}
.page_number {
	border:#CCC 1px solid;
	background-color:#fff;
	padding:0 4px;
}
.page_next, .page_before {
	border-bottom:#CCC 1px solid;
}

/* ▼並び順・表示件数*/
.pagenumber_area .change .box01,
.pagenumber_area .change .box02,
.pagenumber_area .change .box03,
.pagenumber_area .change .box04 {
	float:left;
	position:relative;
	z-index:1;
}
.pagenumber_area .change .box01,
.pagenumber_area .change .box03 {
	border:#999 1px solid;
	border-right:none;
	height:18px;
	padding:2px 4px 0 4px;
	margin-left:5px;
	background-color:#f7f7f7;
}

@media only screen and (min-width: 459px) {
.pagenumber_area {
    padding-bottom: 10px;
}
.pagenumber_area .navi {
	clear:none;
	top:0;
}
.page_now,
.page_number,
.page_next,
.page_before {
	font-size:110%;
}
}

/* 商品説明/表示/非表示
----------------------------------------------- */
.list_comment_show {
	display:none;
}
@media only screen and (min-width: 459px) {
.list_comment_show {
	display:block;
	font-size:120%;
	margin-bottom:15px;
	height:20px;
	line-height:1.8em;
	padding-left:30px;
	padding-bottom:2px;
	color:#333;
	background: url(../img/button/select-icons_1.png) 0 -119px no-repeat;
	cursor:pointer;
	border:none;
	border-bottom:#666 1px dotted;
}
.list_comment_show:hover {
	color: #999;
	background: url(../img/button/select-icons_1.png) 0 -170px no-repeat;
}
.list_comment_hide {
	color:#999;
	background: url(../img/button/select-icons_1.png) 0 -19px no-repeat;
	border:none;
	border-top:#999 1px dotted;
}
.list_comment_hide:hover {
	color: #333;
	background: url(../img/button/select-icons_1.png) 0 -69px no-repeat;
}
.listrightbloc .listcomment_on {
	display:none;
}
}

/* レイアウト
----------------------------------------------- */
.list_area {
	//margin-bottom:20px;
	//padding-bottom:20px;
	width:100%;
	//border-bottom:#eee 1px solid;
}
.listphoto {
	//float: left;
	padding-bottom:0px;
	margin-bottom:0px;
	width:100%;
}
.listrightbloc {
	//float: right;
	width:100%;
	margin-left:2%;
}
div.list_left {
    	width: 48%;
	float:left;
	margin-right:2%;
}
div.list_right {
   	width: 48%;
	float:left;
}


@media only screen and (min-width: 459px) {
	div.list_area {
		border-bottom: none;
		padding-bottom:0;
		margin:0 auto;
	}
	div.list_left {
	    width: 19.0%;
		/*float:left;*/
		margin-right:0.5%;
		margin-left:0.5%;
	}

	#list_category_image {
		margin-bottom:10px;
	}
	.listphoto,
	.listrightbloc {
		float:none;
		width:100%;
	}
}

/* 商品情報 各種設定
----------------------------------------------- */
/* カテゴリ画像 */
#list_category_image img {
	max-width:100%;
}

/* 画像 */
div.listphoto {
	text-align:center;
	position:relative;
}
div.listphoto img {
	max-width:96%;
	border:1px solid #CCC;
	padding:1%;
}
/* NEWアイコン自動表示 */
div.listphoto .new_icon {
	position:absolute;
	top:1px; /*位置調整*/
	left:1px; /*位置調整*/
}
div.listphoto .new_icon img.new {
	border:none;
}

/*売り切れアイコン自動表示 */
div.listphoto .soldout_icon {
	position:absolute;
	top:40%; /*位置調整*/
	width:100%;
}
div.listphoto .soldout_icon img.soldout {
	border:none;
}

/* 商品ステータス */
div.listrightbloc ul.status_icon {
    width: 100%;
	margin-bottom:5px;
}
div.listrightbloc ul.status_icon li.image {
    margin-right: 5px;
    float: left;
}
div.listrightbloc ul.status_icon li.text {
	font-size:85%;
    margin-right:2px;
	margin-bottom:2px;
	padding:1px 2px;
    float: left;
	color:#333;
}
div.listrightbloc ul.status_icon li#status1 {
	background: #FFD1BB;
}
div.listrightbloc ul.status_icon li#status2 {
	background: #FFD2E9;
}
div.listrightbloc ul.status_icon li#status3 {
	background: #FAA;
}
div.listrightbloc ul.status_icon li#status4 {
	background:#E2F2FA;
}
div.listrightbloc ul.status_icon li#status5 {
	background:#D7E8CA;
}

/* 商品名 */
div.listrightbloc h3 {
    font-weight: normal;
    font-size: 110%;
}

/* コメント */
div.listrightbloc .listcomment,
div.listrightbloc .listcomment_on {
	display:none;
}
.listcomment_sphone {
	clear:both;
	display: block;
    margin: 0 0 10px 0;
    text-align: left;
}

/* 商品詳細を見る */
div.listrightbloc .btn_area {
    margin-bottom: 10px;
}

/* 価格 */
div.listrightbloc .pricebox {
    margin: 0 0 10px 0;
}

/* 買い物カゴ */
div.listrightbloc .cart_area {
	display:none;
}

/* 規格 */
div.listrightbloc .classlist {
    margin: 0 5px 10px 10px;
    padding-bottom: 10px;
	border-bottom:#CCC 1px dotted;
}
div.listrightbloc .classlist dl {
    width: 100%;
}
div.listrightbloc .classlist dt {
    vertical-align: top;
}
div.listrightbloc .classlist dd {
    padding-bottom: 10px;
}
div.listrightbloc .classlist dd p.attention {
    margin-top: 5px;
}

/* 期間限定販売 */
div.listrightbloc .arrival_endsell {
	display:none;
}
.list_area .arrival_endsell_sphone {
	clear:both;
	padding:5px;
	background-color: #F3F3F3;
	font-weight:bold;
}
.list_area .arrival_endsell_sphone span {
	color:#F00;
}

/* カゴに入れる */
div.listrightbloc .cartin {
    margin: 0;
}
div.listrightbloc .cartin .quantity {
    width: 70%;
    float :left;
    text-align: right;
	margin-bottom:10px;
}
div.listrightbloc .cartin .quantity .box {
    width: 30%;
}
div.listrightbloc .cartin_btn {
	clear:both;
	margin-bottom:10px;
}

@media only screen and (min-width: 459px) {
/* コメント */
div.listrightbloc .listcomment,
div.listrightbloc .listcomment_on {
	display:block;
    margin: 0 0 10px 0;
    text-align: left;
}
.listcomment_sphone {
	display:none;
}
/* 期間限定販売 */
div.listrightbloc .arrival_endsell {
	clear:both;
	display:block;
	padding:5px;
	background-color: #F3F3F3;
	font-weight:bold;
}
div.listrightbloc .arrival_endsell span {
	color:#F00;
}
.list_area .arrival_endsell_sphone {
	display:none;
}
}

@media only screen and (min-width: 459px) {

/* コメント */
div.listrightbloc .listcomment {
	display:block;
}
div.listrightbloc .listcomment_on {
	display:none;
}
.listcomment_sphone {
	display:none;
}

/* 買い物カゴ */
div.listrightbloc .cart_area {
	display:block;
    background-color: #f5f5f5;
    width: 100%;
	padding-top:10px;
	border:#CCC 1px solid;
}
div.listrightbloc .cart_area .cartbtn {
	padding:10px;
}

/* 規格 */
div.listrightbloc .classlist {
    margin: 0 5px 10px 10px;
    padding-bottom: 10px;
	border-bottom:#CCC 1px dotted;
}
div.listrightbloc .classlist dl {
    width: 100%;
}
div.listrightbloc .classlist dt {
    vertical-align: top;
}
div.listrightbloc .classlist dd {
    padding-bottom: 10px;
}
div.listrightbloc .classlist dd p.attention {
    margin-top: 5px;
}

/* 期間限定販売 */
div.listrightbloc .arrival_endsell {
	padding:5px;
	background:none;
	font-weight:bold;
}
div.listrightbloc .arrival_endsell span {
	color:#F30;
}

/* カゴに入れる */
div.listrightbloc .cartin {
    margin: 0;
}
div.listrightbloc .cartin .quantity {
    width: 70%;
    float :left;
    text-align: right;
	margin-bottom:10px;
}
div.listrightbloc .cartin .quantity .box {
    width: 30%;
}
div.listrightbloc .cartin_btn {
	clear:both;
	margin-bottom:10px;
}
}

/* ==============================================
▼商品詳細
=============================================== */
/* レイアウト

    tplファイルのマークアップが同じ項目
        * 1カラム時
        * 2カラム時
        * 3カラム時

----------------------------------------------- */
#detailarea {
    margin-bottom: 20px;
    width: 100%;
}

/* レイアウト
----------------------------------------------- */
#detailphotobloc {
    width: 100%;
}
#detailrightbloc {
    width: 100%;
}
#detailarea .underbloc {
	margin-bottom:20px;
}

@media only screen and (min-width: 459px) {
#detailphotobloc {
    width: 49%;
    float: left;
}
#detailrightbloc {
    width: 49%;
    float: right;
}
}

/* 商品情報 各種設定
----------------------------------------------- */
/*パンくずリスト*/
#detailarea #pankuzu li#name {
	clear: none;
	display: inline;
	font-size:100%;
	margin:0;
	padding:0;
	background: none ;
	border: none;
}

/* 画像 */


#detailphotobloc .photo img {
	max-width:100%;
}
#detailphotobloc .photo .mini {
	margin-bottom:15px;
}

/* NEWアイコン自動表示 */
#detailphotobloc {
	position:relative;
}
#detailphotobloc .new_icon {
	position:absolute;
	top:0; /*位置調整*/
	left:0; /*位置調整*/
	z-index:1;
}
#detailphotobloc .new_icon img.new {
	border:none;
}

/* 商品ステータス */
ul.detail_status_icon {
    width: 100%;
	margin-bottom:10px;
}
ul.detail_status_icon li.image {
    margin-right: 5px;
    float: left;
}
ul.detail_status_icon li.text {
	font-size:100%;
    margin-right: 3px;
	margin-bottom:3px;
	padding:1px 4px;
    float: left;
	color:#333;
}
ul.detail_status_icon li#status1 {
	background: #FFD1BB;
}
ul.detail_status_icon li#status2 {
	background: #FFD2E9;
}
ul.detail_status_icon li#status3 {
	background: #FAA;
}
ul.detail_status_icon li#status4 {
	background:#E2F2FA;
}
ul.detail_status_icon li#status5 {
	background:#D7E8CA;
}

/* 商品コード */
.detail_product_code dt,
.detail_product_code dd {
    display: inline;
}

/* 商品名 */
h2.detail_product_name {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    color: #634E42;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
    font-weight: normal;
    font-size: 160%;
}
.sphone h2.detail_product_name {
	padding:0;
	background:none;
}

/* 通常価格 */
.detail_normal_price dt,
.detail_normal_price dd {
    display: inline;
}

/* 販売価格 */
.detail_sale_price dt,
.detail_sale_price dd {
    display: inline;
}

/* ポイント */
.detail_point dt,
.detail_point dd {
    display: inline;
}

/* 線 */
#detailarea .underline {
	height:1px;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}
#detailarea .sphone .underline {
    padding:0;
    background:none;
}

/* 詳細-メインコメント */
#detailarea .main_comment {
	padding-top:15px;
    margin-bottom: 15px;
}
#detailarea .main_comment img {
	margin:0 5px;
	margin-bottom:10px;
}

/* 追加商品情報 */
.detail_product_head {
	clear:both;
	margin-bottom:15px;
}
.detail_product_head .head_name {
	margin-bottom:5px;
}
.detail_product_head .head_name span {
	padding:0 5px;
	color:#333;
	border-bottom:#333 1px dashed;
}
.detail_product_head .head_content {
	padding-left:5px;
	margin-bottom:10px;
}

/* メーカー */
#detailrightbloc .maker dt,
#detailrightbloc .maker dd {
    display: inline;
}

/* メーカーURL */
#detailrightbloc .comment1 dt,
#detailrightbloc .comment1 dd {
    display: inline;
}


/* Googleマップボタン */
#detailrightbloc .detail_map_button {
	clear:both;
	margin-bottom:10px;
	padding-bottom:10px;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}
#detailrightbloc .detail_map_button div {
	background:url(../img/icon/ico_arrow_00.png) 0 3px no-repeat;
	padding-left:10px;
}



/* QRコード */
.qrcode_detail {
	display:none;
}
@media only screen and (min-width: 459px) {
.qrcode_detail {
	display:block;
	position:relative;
	margin:15px 0;
	min-height:111px;
}
.qrcode_detail .qrcode_box {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	border:1px solid #CCC;
}
.qrcode_detail .qrcode {
}
.qrcode_detail .text {
	min-height:100px;
	padding-left:120px;
	background:url(../img/common/img_mobile.png) no-repeat right bottom;
}
}


/* ============================
   PC・サブ画像｜detail_pc_sub.tpl
   PC・規格画像｜detail_pc_class.tpl
/* =========================== */

#detail_pc_sub1_area {
	width:100%;
	margin:10px 0;
}
#detail_pc_sub1_area #title {
	margin-bottom:5px;
	border-left:5px solid #666;
	padding-left:5px;
}
#detail_pc_sub1_area li.line6 {
	float:left;
	width:10%;
	margin-right:1%;
}
#detail_pc_sub1_area li img {
	max-width:96%;
	padding:1%;
	border:#CCC 1px solid;
	background:#FFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#detail_pc_sub1_area li img:hover {
	border:#999 1px solid;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#detail_pc_sub1_area li p {
	font-size:85%;
	letter-spacing:0;
	line-height:1.2em;
	margin-bottom:5px;
}

#detail_pc_class1_area {
	width:100%;
	margin:10px 0;
}
#detail_pc_class1_area #title {
	margin-bottom:5px;
	border-left:5px solid #666;
	padding-left:5px;
}
#detail_pc_class1_area li.line6 {
	float:left;
	width:15%;
	margin-right:1.5%;
}
#detail_pc_class1_area li img {
	max-width:96%;
	padding:1%;
	border:#CCC 1px solid;
	background:#FFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#detail_pc_class1_area li img:hover {
	border:#999 1px solid;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#detail_pc_class1_area li p {
	font-size:85%;
	letter-spacing:0;
	line-height:1.2em;
	margin-bottom:5px;
}

/*スライド表示（サブ画像）*/
#detail_pc_sub2_area {
	margin-bottom:15px;
}
#detail_pc_sub2_area #title {
	margin-bottom:5px;
	border-left:5px solid #666;
	padding-left:5px;
}
#detail_pc_sub2_area #carousel_area {
	position:relative;
	padding:0 4%;
	overflow:hidden;
}
#detail_pc_sub2_area #carousel_pc_sub2_area {
	display:none;
}
#detail_pc_sub2_area #carousel_pc_sub2_area .item {
	float:left;
	margin:0 3px;
}
#detail_pc_sub2_area #carousel_pc_sub2_area .item img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1px;
	background-color:#FFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#detail_pc_sub2_area #carousel_pc_sub2_area .item img:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#detail_pc_sub2_prev {
	position:absolute;
	top:0;
	left:0;
	width:4%;
	height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:10px 15px;
}
#detail_pc_sub2_next {
	position:absolute;
	top:0;
	right:0;
	width:4%;
	height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:10px 15px;
}
#detail_pc_sub2_prev:hover {
	background: url(../img/button/gui-prev.png) no-repeat center center #eee;
	background-size:10px 15px;
}
#detail_pc_sub2_next:hover {
	background: url(../img/button/gui-next.png) no-repeat center center #eee;
	background-size:10px 15px;
}

/*スライド表示（規格画像）*/
#detail_pc_class2_area {
	margin-bottom:0;
}
#detail_pc_class2_area #title {
	margin-bottom:5px;
	border-left:5px solid #666;
	padding-left:5px;
}
#detail_pc_class2_area #carousel_area {
	position:relative;
	padding:0 4%;
	overflow:hidden;
}
#detail_pc_class2_area #carousel_pc_class2_area {
	display:none;
}
#detail_pc_class2_area #carousel_pc_class2_area .item {
	float:left;
	margin:0 3px;
}
#detail_pc_class2_area #carousel_pc_class2_area .item img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1px;
	background-color:#FFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#detail_pc_class2_area #carousel_pc_class2_area .item img:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#detail_pc_class2_prev {
	position:absolute;
	top:0;
	left:0;
	width:4%;
	height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:10px 15px;
}
#detail_pc_class2_next {
	position:absolute;
	top:0;
	right:0;
	width:4%;
	height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:10px 15px;
}
#detail_pc_class2_prev:hover {
	background: url(../img/button/gui-prev.png) no-repeat center center #eee;
	background-size:10px 15px;
}
#detail_pc_class2_next:hover {
	background: url(../img/button/gui-next.png) no-repeat center center #eee;
	background-size:10px 15px;
}

/* ============================
   PC用　カゴに入れる
   detail_pc_cart.tpl
/* =========================== */
#detailarea .cart_area {
    background-color: #fff;
	margin-bottom:20px;
}

/* マトリクス表示 */
#detail_classtable table {
	margin:0 0 15px 0;
}
#detail_classtable table td {
	padding:5px;
}
#detail_classtable .normal_price {
	text-decoration:line-through;
}
#detailarea #detail_class_no table,
#detailarea #detail_class_no td {
	border:none;
}

/* プルダウン表示 */
#detailarea .classlist {
	padding:10px;
}
#detailarea .classlist .clear {
    margin-bottom: 10px;
}
#detailarea .classlist ul li {
    vertical-align: top;
    float: left;
}

/* 数量 */
#detailarea .quantity {
	text-align:center;
}
#detailarea .quantity dt,
#detailarea .quantity dd {
    display: inline;
}

/* 期間限定販売 */
#detailarea .arrival_endsell {
	padding:10px;
	background-color: #F3F3F3;
	font-weight:bold;
}
#detailarea .arrival_endsell span {
	color:#F00;
}

/* ============================
   スマホ用　カゴに入れる
   detail_sphone_cart.tpl
/* =========================== */
.sphone_cart_area {
	background:#f7f7f7;
	padding:10px 0;
	margin-bottom:15px;
}
.sphone_cart_area .classlist_box {
	margin-bottom:15px;
}
.sphone_cart_area .classlist_box li {
	display:block;
}

/* ============================
   ボタン｜PC・スマホ共通　カゴに入れる・お気に入り
/* =========================== */
#detailarea .cartin {
	margin-top:10px;
	padding-bottom:10px;
}	
#detailarea .cartin_btn {
	width:50%;
	margin:0 auto;
	text-align:center;
}
#detailarea .cartin_btn_half {
	width:49%;
	float:left;
	text-align:right;
}
#detailarea .cartin_btn .button,
#detailarea .cartin_btn_half .button {
	padding:7px 0;
	color:#333;
	width:90%;
	background: #f7f7f7;
	border: 1px solid #666;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor:pointer;
}

#detailarea .cartin_btn .buy_button{
	margin-top:15px;
	padding:7px 0;
	color:#333;
	width:95%;
	height:80px;
	font-size: 150%;
	background: #f7f7f7;
	border: 1px solid #666;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor:pointer;
}


#detailarea .cartin_btn .button:hover,
#detailarea .cartin_btn_half .button:hover {
	background: #ddd;
}
#detailarea .favorite_btn {
	width:49%;
	float:right;
	text-align:left;
}
#detailarea .favorite_btn .button {
	padding:7px 0;
	color:#333;
	width:90%;
	background: #f7f7f7;
	border: 1px solid #666;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor:pointer;
}
#detailarea .favorite_btn .button:hover {
	background: #ddd;
}

/* ============================
   スマホ｜商品詳細メイン画像スライド　detail_sphone_image.tpl
/* =========================== */
#sphone_photoblock {
    width: 100%;
    background-color: #ffffff;
    text-align: center;
    -webkit-box-shadow: 1px 5px 5px #ccc;
    -moz-box-shadow: 1px 5px 5px #ccc;
    position: relative;
}
#sphone_photoblock div.moveWrap {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
}
#sphone_photoblock ul.moveWrapBG {
    width: 100%;
    height: auto;
    visibility: hidden;
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
}
#sphone_photoblock li {
    width: 200px;
}
#sphone_photoblock div.slideMask {
    position: absolute;
    top: 0;
    left: 0;
    /*border:4px #FFF solid;*/
    -webkit-box-sizing: border-box;
    margin-right: 0!important;
}
#sphone_photoblock div.moveWrap>ul.move {
    margin: 0;
    padding: 0;
    position: relative;
    left: 0;
    top: 0;
    list-style: none;
    width: 2000px;
    -webkit-transition: all 0.6s ease-in-out;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition-duration: 400ms;
    -webkit-transition-property: -webkit-transform;
    margin: 0;
    padding: 0;
    display: none;
}
#sphone_photoblock div.moveWrap>ul.move li.slideUnit {
    margin: 0px;
    padding: 0;
    float: left;
    list-style: none;
    text-align: center;
    -webkit-box-sizing: border-box;
}
#sphone_photoblock li.slideUnit>div {
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    -webkit-box-sizing: border-box;
}

.flickSlideContainer {
}

#sphone_photoblock div.flickSlideBottom {
    width: 100%;
}
#sphone_photoblock div.flickSlideBottom div.bottomLeft,
#sphone_photoblock div.flickSlideBottom div.bottomRight {
    padding: 0 10px;
    display: table-cell;
    vertical-align: middle;
}
#sphone_photoblock div.flickSlideBottom div.bottomRight {
    font-size: 24px;
    font-weight: bold;
    color: #7F7F7F;
    background-color: transparent;
    right: 5px;
    top: 100px;
    position: absolute;
}
#sphone_photoblock div.flickSlideBottom div.bottomLeft {
    font-size: 24px;
    font-weight: bold;
    color: #7F7F7F;
    background-color: transparent;
    left: 5px;
    top: 100px;
    position: absolute;
}
#sphone_photoblock div.flickSlideBottom div.bottomLeft:after {
    font-size: 12px;
    padding: 5px;
    text-align: left;
    display: table-cell;
}
#sphone_photoblock div.flickSlideBottom div.bottomLeft:before {
    padding: 5px;
    text-align: left;
    display: table-cell;
}
#sphone_photoblock div.flickSlideBottom div.bottomRight:before {
    font-size: 12px;
    padding: 5px;
    text-align: right;
    display: table-cell;
}
#sphone_photoblock div.flickSlideBottom div.bottomRight:after {
    padding: 5px;
    text-align: right;
    display: table-cell;
}
#sphone_photoblock div.flickSlideBottom ul.slidePager {
    display: block;
    width: auto;
    text-align: center;
    margin: 0 auto;;
    padding: 0;
}
#sphone_photoblock div.flickSlideBottom ul.slidePager li.slidePagerPointer {
    font-size: 11px;
    width: 6px;
    height: 6px;
    margin: 0 6px 10px 6px;
    display: inline-block;
    background-color: #CCC;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
#sphone_photoblock div.flickSlideBottom ul.slidePager li.slidePagerPointer.active {
    background-color: #333;
}

/* ============================
   サブ情報
/* =========================== */
#detailsub_slide {
	display:none;
}
#pc_none_sub_area {
    margin-bottom: 20px;
}
@media only screen and (min-width: 459px) {
#pc_none_sub_area {
	display:none;
}
#detailsub_slide {
	display:block;
    margin-bottom: 25px;
}
}

/* サブ情報・スライド */
#detailsub_slide #carousel_area {
	position: relative;
}
#detailsub_slide #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#detailsub_slide #carousel_detailsub {
	display:none;
}
#detailsub_slide #carousel_detailsub .item {
	float: left;
	position: relative;
}
#detailsub_slide #carousel_detailsub .image_area {
	width:38%;
	float:left;
}
#detailsub_slide #carousel_detailsub .comment_area {
	width:60%;
	float:right;
}
#detailsub_slide #carousel_detailsub .image_area img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1px;
	background-color:#FFF;
}
#detailsub_slide #carousel_detailsub .comment_area .title {
	font-size:120%;
	background-color:#eee;
	border-left:10px solid #CCC;
	padding:5px 10px;
	margin-bottom:10px;
}
#prev_detailsub {
	position:absolute;
	top:0;
	left: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:15px 25px;
}
#next_detailsub {
	position:absolute;
	top:0;
	right: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:15px 25px;
}
#prev_detailsub:hover {
	background: url(../img/button/gui-prev_on.png) no-repeat center center;
	background-size:15px 25px;
}
#next_detailsub:hover {
	background: url(../img/button/gui-next_on.png) no-repeat center center;
	background-size:15px 25px;
}
@media only screen and (min-width: 459px) {
#detailsub_slide #wrapper {
	width: 92%;
	left: 4%;
}
#prev_detailsub {
	width:4%;
}
#next_detailsub {
	width:4%;
}
}

/* サブ情報・スライド 使用しない*/
.sub_area .sphone_none {
	display:none;
}
@media only screen and (min-width: 459px) {
.sub_area .sphone_none {
	display: block;
}
.sub_area .pc_none {
	display:none;
}
}
.sub_area {
    margin-bottom: 20px;
    width: 100%;
}
.sub_area .title {
	font-size:120%;
	background-color:#eee;
	border-left:10px solid #CCC;
	padding:5px 10px;
	margin-bottom:10px;
}
.sub_area .subtext {
	width:57%;
	float:left;
}
.sub_area .subphotoimg {
	width:40%;
	float:right;
	margin-right:1%;
}
.sub_area .subphotoimg img {
	padding:1.5%;
	border:#CCC 1px solid;
	background-color:#FFF;
	max-width:95%;
}

/* YouTube */
#detailarea #detail_youtube {
}
#detailarea .embed-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	width: 100%;
	margin-bottom:15px;
}
#detailarea .embed-container iframe,
#detailarea .embed-container object,
#detailarea .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* お客様の声
----------------------------------------------- */
div#customervoice_area {
    clear: both;
    margin-bottom: 30px;
}

div#customervoice_area h2 {
    margin-bottom: 20px;
    padding: 6px 0 8px 10px;
    border-top: solid 1px #f90;
    background: url('../img/background/bg_tit_sub_01.jpg') repeat-x left bottom;
}

div#customervoice_area .review_bloc {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f6f6f6;
}

div#customervoice_area .review_bloc p {
    padding-top: 3px;
    margin-right: 10px;
    float: left;
}

div#customervoice_area ul li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}

div#customervoice_area .voicetitle {
    margin-bottom: 5px;
    color: #333;
    font-weight: bold;
}

div#customervoice_area .voicedate {
    margin-bottom: 10px;
}


/* 関連商品
----------------------------------------------- */
#whobought_area {
    clear: both;
	margin-bottom:25px;
}
#whobought_area .whobought_title {
	margin-bottom:10px;
	border-left:10px #999 solid;
	padding:5px 0 5px 10px;
	background-color:#eee;
	font-size:120%;
}
div#whobought_area .product_item {
	clear:both;
	width:100%;
}
div#whobought_area .product_item .productImage {
	float:left;
	width:50%;
}
div#whobought_area .product_item .productContents {
	float:right;
	width:48%;
}
div#whobought_area .product_item .productImage img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	margin-bottom:10px;
}
div#whobought_area .product_item .productContents h3 {
	font-weight:normal;
	margin-bottom:5px;
}
@media only screen and (min-width: 459px) {
/* 5列横並び */
div#whobought_area .product_item_left {
	width:19%;
	margin-right:1%;
}
div#whobought_area .product_item_right {
	width:20%;
}
div#whobought_area .product_item {
	float:left;
	clear:none;
}
div#whobought_area .product_item .productImage {
	margin-bottom:5px;
	float:none;
	width:100%;
}
div#whobought_area .product_item .productContents {
	float:none;
	width:100%;
}
div#whobought_area .product_item .productImage img {
	margin-bottom:0;
}
div#whobought_area .clear {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:#999 1px dotted;
}
/* 2列横並び */
div#whobought_area #pattern2 .product_item_left {
	width:48%;
	float:left;
}
div#whobought_area #pattern2 .product_item_right {
	width:48%;
	float:right;
}
div#whobought_area #pattern2 .product_item .productImage {
	float:left;
	width:49%;
}
div#whobought_area #pattern2 .product_item .productContents {
	float:right;
	width:49%;
}

}

/* ***********************************************
▼カートの中
/*********************************************** */
/* 現在のカゴの中
----------------------------------------------- */
div#undercolumn_cart .point_announce {
    padding: 20px;
    margin-bottom: 20px;
    border: solid 1px #ccc;
    background: #f7f7f7;
    font-size: 120%;
    text-align: left;
    line-height: 140%;
}
div#undercolumn_cart .totalmoney_area {
    margin-bottom: 20px;
}

div#undercolumn_cart p {
    margin: 10px 5px;
}

div#undercolumn ul#quantity_level li {
    padding: 3px;
    display: inline;
}

div#undercolumn .empty {
    text-align: left;
}

div.form_area {
    margin-bottom: 30px;
}

/*商品をすべて削除ボタン */
#undercolumn_cart #deleteall {
	margin-bottom:10px;
	text-align:right;
}
#undercolumn_cart #deleteall a {
	color:#333;
	background: #f7f7f7;
	border: 1px solid #666;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:3px 10px;
}
#undercolumn_cart #deleteall a:hover {
	background: #ddd;
}

#undercolumn_cart .tab_resp table td {
	vertical-align:middle;
}
#undercolumn_cart .tab_resp table td .suryo {
	margin-bottom:10px;
	font-weight:bold;
}
#undercolumn_cart .tab_resp th.name {
	text-align:left;
	background-color:#eee;
}
#undercolumn_cart .tab_resp td.kei {
	padding-bottom:30px;
}
#undercolumn_cart .tab_resp th.align {
	text-align:left;
}

@media only screen and (min-width: 459px) {
#undercolumn_cart .tab_resp th.name {
	background-color:#FFF;
}
#undercolumn_cart .tab_resp td.kei {
	padding-bottom:0;
}
#undercolumn_cart .tab_resp th.align {
	text-align:right;
}
}

/* ***********************************************
▼購入手続き
/*********************************************** */

#undercolumn_shopping {
	margin-bottom:20px;
}

/* ステップ
----------------------------------------------- */
#undercolumn_shopping #shopping_stage_step,
#undercolumn_customer #shopping_stage_step {
	color: #9A9A9A;
	margin-bottom:10px;
}
#undercolumn_shopping #shopping_stage_step .step,
#undercolumn_customer #shopping_stage_step .step {
	float:left;
	width:20%;
	margin-right:5%;
	padding-right:2%;
	background:url(../img/button/btn_arrow_on.png) no-repeat center right;
}
#undercolumn_shopping #shopping_stage_step .step_4,
#undercolumn_customer #shopping_stage_step .step_4 {
	float:left;
	width:19%;
}
#undercolumn_shopping #shopping_stage_step .active,
#undercolumn_customer #shopping_stage_step .active {
	color:#333;
	font-weight:bold;
}

@media only screen and (min-width: 459px) {
#undercolumn_shopping #shopping_stage_step .step,
#undercolumn_customer #shopping_stage_step .step {
	margin-right:5%;
	padding-right:2%;
}
}

/* お届け先の指定
----------------------------------------------- */
#address_area {
    margin-bottom: 10px;
    width: 100%;
}
#address_area .information {
    width: 100%;
}
#undercolumn_shopping .information {
    margin-bottom: 15px;
}
#address_area .add_multiple {
    padding: 15px 2%;
    border: 1px solid #ccc;
    width: 94%;
	margin:0 auto;
	margin-bottom:20px;
    color: #555;
    background: #f7f7f7;
    text-align: center;
}
#address_area .add_multiple p {
    margin-bottom: 10px;
}
#address_area p.addbtn {
    font-weight: bold;
    font-size: 10px;
}
#undercolumn_shopping .tab_resp table.delive tr {
	margin-bottom:20px;
}
#undercolumn_shopping .tab_resp table.delive td {
	background-color:#f7f7f7;
}
#undercolumn_shopping .tab_resp a.delete {
	display:block;
	margin-top:-15px;
}

@media only screen and (min-width: 459px) {
#address_area .information {
    width: 65%;
    float: left;
}
#address_area .add_multiple {
    float: right;
    width: 28%;
	margin-bottom:0;
}
#undercolumn_shopping .tab_resp table.delive tr {
	margin-bottom:0;
}
#undercolumn_shopping .tab_resp table.delive td {
	background-color:#fff;
}
#undercolumn_shopping .tab_resp a.delete {
	display: inline;
	margin-top:0;
}
}

/* お支払い方法・お届け時間等の指定
----------------------------------------------- */
div#undercolumn_shopping .pay_area {
    margin: 0 auto 30px;
    width: 100%;
}
div#undercolumn_shopping .pay_area02 {
    margin: 40px auto 30px auto;
}
div#undercolumn_shopping .pay_area02 .txtarea {
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
    width: 99%;
    height: 150px;
}
div#undercolumn_shopping .pay_area02 .select-msg {
    margin-bottom: 10px;
}
div#undercolumn_shopping .point_area {
    margin: 40px auto 0 auto;
}
div#undercolumn_shopping .point_area .point_announce {
    padding: 20px;
    border: 1px solid #ccc;
}
div#undercolumn_shopping .point_area p {
    margin-bottom: 20px;
}
div#undercolumn_shopping .point_area .point_announce li {
    margin-bottom: 5px;
}
div#undercolumn_shopping table.payment a.sphone_none {
	display:none;
}
div#undercolumn_shopping .delivdate span {
	display:block;
	margin-bottom:10px;
}

@media only screen and (min-width: 459px) {
div#undercolumn_shopping table.payment a.sphone_none {
	display: inline;
}
div#undercolumn_shopping table.payment a.pc_none {
	display:none;
}
div#undercolumn_shopping .delivdate span {
	display:inline;
	margin-bottom:0;
}
}

/* 入力内容のご確認
----------------------------------------------- */
div#undercolumn_shopping .tab_resp table.confirm td {
	vertical-align:middle;
}
div#undercolumn_shopping .tab_resp table.confirm td.kei {
	padding-bottom:20px;
}
div#undercolumn_shopping .tab_resp table.confirm th.align {
	text-align:left;
}

@media only screen and (min-width: 459px) {
div#undercolumn_shopping .tab_resp table.confirm td.kei {
	padding-bottom:0;
}
div#undercolumn_shopping .tab_resp table.confirm th.align {
	text-align:right;
}
}

/* 会員登録をしないで購入
----------------------------------------------- */
#undercolumn_customer {
	margin-bottom:30px;
}


/* ==============================================
▼検索結果
=============================================== */
p.condition_area {
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #333;
    width: 566px;
}

/* ==============================================
▼FAQ
=============================================== */
/*レイアウト*/
div#undercolumn_faq {
	margin-bottom:20px;
}
div#undercolumn_faq #list_area {
	width:100%;
	margin-bottom:15px;
}
div#undercolumn_faq #faq_area {
	width:100%;
}
@media only screen and (min-width: 459px) {
div#undercolumn_faq #list_area {
	float:left;
	width:25%;
	background-color:#fff;
	padding:20px 10px;
	border:1px solid #CCC;
}
div#undercolumn_faq #faq_area {
	float:right;
	width:70%;
}
}

/*#list_area*/
div#undercolumn_faq #list_area .box {
	margin-bottom:20px;
}
div#undercolumn_faq #list_area .title {
	border-bottom:#999 1px dotted;
}
div#undercolumn_faq #list_area .title a {
	color:#333;
}
div#undercolumn_faq #list_area .title a:hover {
	color:#999;
}
div#undercolumn_faq #list_area .space {
	margin-bottom:10px;
}
div#undercolumn_faq #list_area .list {
	clear:both;
	background: url(../img/icon/ico_q.png) no-repeat 0 3px;
	-moz-background-size:10px 10px;
	background-size:10px 10px;
	padding-left:14px;
	margin:0 0 10px 5px;
}

/*faq_area*/
div#undercolumn_faq #faq_area {
}
div#undercolumn_faq #faq_area .category_title {
    font-size:120%;
    margin-bottom:10px;
	padding-bottom:2px;
	border-bottom:#999 1px dotted;
}
div#undercolumn_faq #faq_area .content_area {
	margin-bottom:10px;
}
div#undercolumn_faq #faq_area .content {
}
div#undercolumn_faq #faq_area .content .faq_question {
	color:#333;
	background: url(../img/icon/ico_q.png) no-repeat 0 3px;
	-moz-background-size:10px 10px;
	background-size:10px 10px;
	padding-left:14px;
	font-weight:bold;
}
div#undercolumn_faq #faq_area .content .faq_answer {
	background: url(../img/icon/ico_a.png) no-repeat 0 14px;
	-moz-background-size:10px 10px;
	background-size:10px 10px;
	padding:10px 0 10px 14px;
}

/* ==============================================
▼お問い合わせ
=============================================== */
/* 共通 */
#undercolumn_contact {
	margin-bottom:30px;
}
#undercolumn_contact .boxmax {
	width:99%;
}
/* 共通 */

#undercolumn_contact .box380 {
	width:100%;
}
#undercolumn_contact input.box120 {
	display:block;
	width:100%;
	margin-bottom:10px;
}
#undercolumn_contact p.top a,
#undercolumn_contact p.top span {
	display:block;
}



/*  PC・タブレット向けのスタイル：980px */
@media only screen and (min-width: 459px) {


	#undercolumn_contact .box380 {
		width:380px;
	}
	#undercolumn_contact input.box120 {
		display: inline;
		width:120px;
		margin-bottom:0;
	}
	#undercolumn_contact p.top a,
	#undercolumn_contact p.top span {
		display:inline;
	}
}
/*  PC・タブレット向けのスタイル：980px */

/* 吹き出しvalid用 */

div.baloon {
   font-size: 11px;
   color: #900;
   position: absolute;
   padding-left: 5px;
   background: url("../img/ajax/baloon.gif") no-repeat top left;
   z-index: 1;
}

div.baloon a {
   color: blue;
   text-decoration: none;
   padding: 2px;
   margin-right: 2px;
}

div.baloon a:hover {
   background-color: #eef;
}

div.baloon div {
   background: url("../img/ajax/baloon_right.gif") no-repeat top right;
   padding: 7px 7px 14px 0;
   white-space: nowrap;
}


.regist_th{
	font-size:150%;
}

/*確認ページへ*/
.enrty_confirm {
	color:#333;
	background: #f7f7f7;
	border: 1px solid #666;
	width: 50%;
	margin:0 auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
	font-size:180%;
	height:80px;
}


@media only screen and (max-width: 736px) {
	div#undercolumn_entry {
	    width: 100%;
		margin:		0 auto;
	}
	.step {
	    width: 32%;
	}
	.regist_th{
		font-size:120%;
	}
	
	.logo {
		width:		95%;
	}
	.tel {
	width:		80%;
	}

	/*確認ページへ*/
	.enrty_confirm {
		font-size:150%;
		width: 80%;
		height:50%;
	}
	
	div#undercolumn_entry .kiyaku_text {
    margin: 20px auto;
    //padding: 5px;
    border: solid 1px #ccc;
    width: 90%;
    background: #fff;
}

}