@charset "utf-8";
/* CSS Document */

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


/* =====================================
	 base (min-width: 980px)
===================================== */
/* tableStyle */

.table {
	width: 100%;
	display: table;
	border-bottom: 1px solid #E0E0E0;
}
.table .thead {
	display: table-header-group;
}
.table ol {
	display: table-row;
	margin: 0;
}
.table ol li {
	display: table-cell;
	padding: 0.8em 1em;
	text-align: center;
	background: #f0f0f0;
	border-right: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	overflow-x:hidden;
}
.table ol li:first-child {
	border-left: 1px solid #E0E0E0;
}
.table .tbody {
	display: table-row-group;
}
.table .tbody .tr {
	display: table-row;
	margin: 0;
}
.table .tbody a.tr {
	background-image:none;
}

.table .tbody .tr > div {
	display: table-cell;
	padding: 0.7em 1em;
	text-align: center;
	border-right: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	overflow-x:hidden;
}
.table .tbody a.tr > div {
	position: static;
	padding: 0.7em 1em;
}
.table .tbody .tr > div:first-child {
	border-left: 1px solid #E0E0E0;
}
.table .tbody .tr > div.price {
	text-align: right;
}

.table .tbody dl.tr dt,
.table .tbody dl.tr dd {
	display: table-cell;
	padding: 0.7em 1em;
	text-align: center;
	border-right: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	vertical-align: top;
	text-align: left;
}
.table .tbody dl.tr dt {
	background: #f0f0f0;
	border-left: 1px solid #E0E0E0;
	font-weight: normal;
}

.table .tr div.bt_delete a,
.table .tr div.bt_edit a {
	font-size: 12px;
	font-size: 1.2rem;
	display: inline;
	background: none !important;
	padding: 0;
	color: #333;
	border-radius: 0;
}
.table .tr div.bt_delete a:hover,
.table .tr div.bt_edit a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}


/* 他 */
.pc {
	display: block;
}
.pctb {
	display: block;
}
.sp {
	display: none;
}
p {
	line-height: 1.4;
}
dl dt, dl dd {
	line-height: 1.4;
}


/* =====================================
	 layout base (min-width: 980px)
===================================== */

#contents {
	width: 980px;
}
article {
	border-bottom: none;
}
.pagetop {
	width: 980px;
}

#bottom_column,
#fotter_column {
	width: 980px;
	margin-bottom: 2em;
	display:table;
}

#fotter_column .colL {
	width: 66%;
	display:table-cell;
	vertical-align: top;
	padding-bottom: 1.2em;
}
#fotter_column .colR {
	width: 33%;
	display:table-cell;
	border-top: none;
	border-left: 1px solid #49a8bc;
	vertical-align: top;
}

#fotter_column .column {
	width: 47%;
	float: left;
}
#fotter_column .column:last-child {
	float: right;
}

/* message */

.message {
	padding: 2em;
}
/* =====================================
	 header (min-width: 980px)
===================================== */
header {
	width: 100%;
/*	height: 167px; */
}

header .inner {
	width: 980px;
	padding: 0;
}

h1.logo {
	padding: 20px 10px 20px 0;
	float: left;
}

header .top .desc {
	width: 980px;
	margin: 0 auto;
}

/* header_utility */
header .topdesc {
	padding: 10px 0;
	float: left;
}

header .header_logo {
	padding: 10px 0;
	float: left;
	width: 45%;
}

header .header_utility {
	padding-top: 0;
	float: right;
	width: 55%;
}


header nav ul li span.btn {
}


header .popup {
	right: 0;
}
header .popup button {
	line-height: 1.2;
	font-size: 1.3rem;
}


header .global_nav {
	width: 980px;
}

header .global_nav ul li#gnav1 a, 
header .global_nav ul li#gnav3 a {
	line-height: 50px;
	padding: 0;
}

header .global_nav ul li span:before {
  content: "";
}


/* recommend_area */
#recommend_area h2,
.product_area h2 {
	padding: 0.25em 0;
	font-size: 24px;
	font-size: 2.4rem;
}



/* =====================================
	 footer (min-width: 980px)
===================================== */
footer .inner {
	width: 980px;
}

/* =====================================
	 aside (min-width: 980px)
===================================== */

/* category */

#categorytree li ul {
	display: block;
}



/* search area */
#search_area .search_word input {
	width: 70%;
}



/* search area カラー */
.searchlist ul.papc8 {
	padding-top: 5px;
	padding-left: 9px;
}
.searchlist ul.papc8 li {
	width: 15%;
}


/* 検索結果 */
#search_result .title {
	float: left;
	width: 13%;
}

#search_result .search_condition {
	float: left;
	width: 65%;
}




/* =====================================
	 contents (min-width: 980px)
===================================== */
/* --- topicpath --- */
/* --- option_area --- */
#topicpath, #option_area {
	width: 980px;
}


/*	TOP 
------------------------------------- */

/* main_visual */

.main_visual {
	padding: 1.3em 0;
}
.main_visual .inner {
	width: 980px;
	margin: 0 auto;
}
.main_visual .flex-direction-nav a {
	margin: -52px 0 0;
}
.main_visual img {
	width: auto;
	max-width: 100%;
}
.main_visual .flex-control-nav {
	display: block;
}

/* newslist */



/*	PRODUCT LIST 
------------------------------------- */
.list_area {
	width: 22.3%;
}

.list_area h3 {
	font-size: 16px;
	font-size: 1.6rem;
}

.list_area:nth-child(3n){
	margin-right: 1.5%;
}
.list_area:nth-child(4n){
	margin-right: 0;
}


#bestpurchase_area .list_area {
	width: 17.2%;
}
#bestpurchase_area .list_area .listphoto {
	width: 125px;
}



/*	PRODUCT DETAIL 
------------------------------------- */

/* detailphoto */
#detailphotoblock {
	width: 42%;
	float: left;
}
#detailphotoblock .slides li img {
	width: 300px;
}

#detailphotoblock .flex-direction-nav a {top: 11em;}

#detailphotoblock .flex-control-thumbs {
	max-width: 304px;
	margin: 0 auto;
}

#detailphotoblock .flex-next {
    right: 5px;
}
#detailphotoblock .flex-prev {
    left: 5px;
}

#detailarea {
	width: 48%;
	float: right;
	padding-top: 0;
}
#detailarea .product_detail {
	float: none;
	width: 100%;
}

#detailarea .cartarea_wrap {
	float: none;
	width: 100%;
	margin-bottom: 2em;
}
#sub_area {
	clear: both;
}


#detailarea .product_detail .main_comment {
	border-top: 1px solid #ccc;
}


.review_bloc p {
	width: 50%;
	float: left;
}

#review_bloc_area .review_bloc p {
	width: 60%;
}
#review_bloc_area .review_bloc .review_btn {
	width: 35%;
}

/*	MYPAGE 
------------------------------------- */

#mynavi_area #mypage_nav ul li {
	float: left;
	width: 20%;
	text-align: center;
}
#mypage_nav ul li:nth-of-type(1) {border-bottom: none;}
#mypage_nav ul li:nth-of-type(2) {border-bottom: none; border-right: 1px solid #fff}
#mypage_nav ul li:nth-of-type(5) {border-right: none;}

.tbody .tr > div:before,
.tbody .tr > div:after{ display: none;}


/* cartin table */

.formBox .cartinarea .tr > div {
	display: table-cell;
	padding: 0.5em 1em;
	vertical-align: middle;
	
}
.formBox .cartinarea .tr .item {
	width: 51%;
	overflow: auto;
	padding-top: 0.5em;
	border-bottom: none;
}
.formBox .cartinarea .tr .item .photo {
	margin-bottom: 0.5em;
}
.formBox .cartinarea .tr .item p {
	padding-top: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
}

.formBox .cartinarea .tr .itemtype {
	text-align: center;
	padding: 0.5em 1em;
	width: 19%;
	border-right: 1px solid #E0E0E0;
	background: #fff;
}
.formBox .cartinarea .tr .account {
	padding: 0.5em 1em;
	width: 10%;
	border-right: 1px solid #E0E0E0;
	background: #fff;
}
.formBox .cartinarea .tr .price {
	padding: 0.5em 1em;
 	width: 20%;
	background: #fff;
}
.formBox .cartinarea .tr .shipping {
	padding: 0.5em 1em;
	background: #fff;
}
.formBox .cartinarea .tr .shipping select {
	margin: 0;
}


.formBox .total_area {
	padding: 0;
	border: none;
	background: #fff;
	display: table;
	width: 100%;
}
.formBox .total_area dl {
	overflow: hidden;
	margin-bottom: 0;
	border-bottom: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
}
.formBox .total_area dl dt,
.formBox .total_area dl dd {
	display: block;
	padding: 0.5em 1em;
	border-left: 1px solid #E0E0E0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.formBox .total_area dl dt {
	float: left;
	text-align: right;
	width: 80%;
	background: #f0f0f0;
}
.formBox .total_area dl dd {
	float: left;
	width: 20%;
	text-align: right;
}

/* member_table */
.member_table .tbody dl.tr dd {
	width: 68%;
	vertical-align: middle;
}

/* delivery_table */

.formBox #delivery_table .tbody .tr {
	position: static;
}
.formBox .heading_table {
	background: #f0f0f0;
	font-weight: normal;
	width: 100%;
	padding: 0.8em 1em;
	margin: 0;
	border: 1px solid #E0E0E0;
	border-bottom: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.formBox #delivery_table .tr > div {
	vertical-align: middle;
}
.formBox #delivery_table .tr > div a:link {text-decoration: underline;}
.formBox #delivery_table .tr > div a:visited {text-decoration: underline;}
.formBox #delivery_table .tr > div a:hover {text-decoration: none;}
.formBox #delivery_table .tr > div a:active {text-decoration: underline;}

.formBox #delivery_table .tr div.address {
	text-align: left;
	padding-right: 1em;
}
.formBox #delivery_table .tr div.bt_edit,
.formBox #delivery_table .tr div.bt_delete {
	position: static;
}
.formBox #delivery_table .tr > div:nth-of-type(1){
	font-weight: normal;
}

/*	MYPAGE HISTORY  
------------------------------------- */

#history_table .tbody .tr > div:last-of-type { display: table-cell; }


/*	MYPAGE HISTORY DETAIL
------------------------------------- */

/*FAQの左右*/
#mycontents_area .qa_left,#mycontents_area .qa_right {
	width:48%;
}
#mycontents_area .qa_left {
	float: left;
}
#mycontents_area .qa_right {
	float: right;
}


#mycontents_area .cartinarea .tr .item {
	padding-top: 0.5em;
}

.formBox #mail_deliv a.tr > div {
	padding: 0.5em 0.8em !important;
	text-align: left;
}

.formBox #mail_deliv a.tr .maildate,
.formBox #mail_deliv a.tr .mailtype {
	white-space: nowrap;
}


/*	MYPAGE FAVORITE 
------------------------------------- */

.formBox #favorite_table .tr {
	overflow: auto;
	position: static;
	border-radius: none !important;
}
.formBox #favorite_table .tr > div {
	vertical-align: middle;
	padding-bottom: 0;
}
.formBox #favorite_table .tr .bt_delete {
	position: static;
	padding-bottom: 1em;
}
.formBox #favorite_table .tr .bt_delete a:link { text-decoration: underline;}
.formBox #favorite_table .tr .bt_delete a:visited { text-decoration: underline;}
.formBox #favorite_table .tr .bt_delete a:hover { text-decoration: none;}
.formBox #favorite_table .tr .bt_delete a:active { text-decoration: underline;}



/*	CART 
------------------------------------- */

#undercolumn_cart .cartinarea .tr {
	position: static;
}
#undercolumn_cart .cartinarea .tr .item {
	padding-top: 0.5em;
}
#undercolumn_cart .cartinarea .tr .item p {
	padding-right: 1em;
}
#undercolumn_cart .cartinarea .tr .account {
	float: none;
	display: table-cell;
	position: static;
	width: 19%;
	padding: 0.5em 1em;
}
#undercolumn_cart .cartinarea .tr .price {
	float: none;
	display: table-cell;
}
#undercolumn_cart .cartinarea .tr .bt_delete {
	position: static;
	width: 10%;
}
#undercolumn_cart .cartinarea .tr .bt_delete a:link { text-decoration: underline;}
#undercolumn_cart .cartinarea .tr .bt_delete a:visited { text-decoration: underline;}
#undercolumn_cart .cartinarea .tr .bt_delete a:hover { text-decoration: none;}
#undercolumn_cart .cartinarea .tr .bt_delete a:active { text-decoration: underline;}

#undercolumn_cart .cartinarea .tr .account .amount {
	display: block;
	margin: 0 auto;
}
#undercolumn_cart .total_area {
	border-top: none;
}

/*	LOGIN 
------------------------------------- */

#undercolumn .loginareaBox {
	margin-bottom: 2em;
}
#undercolumn .loginareaBox ul li div {
	text-align: left;
}
#undercolumn .loginareaBox ul li div.th {
	display: table-cell !important;
	vertical-align: middle;
	background: #f0f0f0;
	width: 25%;
}
#undercolumn .loginareaBox ul li div .pc {
	display: inline;
	vertical-align: middle;
	margin-left: 0.5em;
}
#undercolumn .loginareaBox ul li input {
    width: 75%;
}
#undercolumn .loginareaBox ul li div label {
	vertical-align: middle;
}
#undercolumn .login_area .inputbox .btn_area p {
    width: 50%;
}
#undercolumn .login_area .complete_area input {
	width: 45%;
}

/*	SHOPPING 
------------------------------------- */

/* flow_area */

#undercolumn_shopping .flow_area ol li {
	line-height: 17px;
}

/* payment table */

#undercolumn_shopping .payment_table .tr > div:first-child {
	position: static;
	width: 10%;
	margin-top: 0;
}
#undercolumn_shopping .payment_table .tr > div:nth-of-type(2) {
	padding: 1em;
	text-align: left;
}

/* delivery_table */

#undercolumn_shopping #delivery_table .tr > div:first-child {
	position: static;
}
#undercolumn_shopping #delivery_table .tr > div:nth-of-type(2) {
	font-weight: normal;
	padding: 1em;
}
#undercolumn_shopping #delivery_table .tr div.address {
	padding-left: 1em;
}
#undercolumn_shopping #delivery_table .tr:first-child div.bt_edit,
#undercolumn_shopping #delivery_table .tr:first-child div.bt_delete {
	display: table-cell;
}

/* multiple_table */

#undercolumn_shopping #multiple_table .tr .item {
	width: auto;
	float: none;
}
#undercolumn_shopping #multiple_table .tr .account2 {
	width: auto;
	float: none;
}

/* delivdate_table */

#undercolumn_shopping #delivdate_table .tr > div:first-of-type {
	font-weight: normal;
}
#undercolumn_shopping #delivdate_table .tbody .tr > div {
	vertical-align: middle;
	background: none;
	border-radius: 0;
}
#undercolumn_shopping #delivdate_table .tbody .tr .delivadd {
	text-align: left;
	width: 40%;
}
#undercolumn_shopping #delivdate_table .tbody .tr .delivdate,
#undercolumn_shopping #delivdate_table .tbody .tr .delivtime {
	position: static;
	padding-left: 1em;
}

/* confirm_table */

#undercolumn_shopping #confirm_table .tr div.item {
	width: 70%;
}
#undercolumn_shopping #confirm_table .tr .account {
	float: none;
	display: table-cell;
	position: static;
	width: 19%;
	padding: 0.5em 1em;
}
#undercolumn_shopping #confirm_table .tr .price {
	float: none;
	display: table-cell;
}
#undercolumn_shopping #confirm_table .tr > div:nth-of-type(2) {
    float: none;
    width: auto;
	background: none;
}

/* point_confirm */

#undercolumn_shopping .point_confirm dt {
	float: none;
	width: 30%;
	display: table-cell;
}
#undercolumn_shopping .point_confirm dd {
	float: none;
	display: table-cell;
	width: auto;
}

/* deliv_confirm */

#undercolumn_shopping #deliv_confirm dt {
	width: 30%;
}
#undercolumn_shopping #deliv_confirm dt:after {
	content:"";
}

/* payment_confirm */

#undercolumn_shopping #payment_confirm dt {
	display: table-cell !important;
	width: 30%;
}
#undercolumn_shopping #payment_confirm dt:after {
	content:"";
}
#undercolumn_shopping #payment_confirm dd {
	display: table-cell !important;
}

/* order */

.order .tbody dl.tr dd {
	min-width: 70%;
}

/* voice */

.voice .tbody dl.tr dd {
	min-width: 70%;
}
.voice .tbody dl.tr dd input[type="text"]{
	width: 70%;
}

/* entry */

#undercolumn .kiyaku p {
	height: 500px;
	overflow-y: auto;
}

/* guide */

#undercolumn #guide .table .tr > div {
	vertical-align: top;
	text-align: left;
}
#undercolumn #guide .table .tr .th {
	font-weight: normal;
}



/* simulator */
ul.simulate_box li {
	width: 32%;
	margin-right: 2% !important;
}
ul.simulate_box li:nth-child(3n) {
	margin-right: 0 !important;
}

ul.simulate_box li label {
	min-height: 180px;
}

.simulate_img {
	height: 550px;
}



#simulate_cart .listphoto {
	float: left;
}


/* .slideShow
------------------------- */
.slideShow .mainView {
	height: 403px;
}

.slideShow .thumbNail ul li {
	width: 11.62%;
	padding: 3px;
/*	width: 11.6%; */
}

.slideShow .top_content {
/*	height: 415px; */
/*	background: #F00 url(../img/top/top_title_pctb.jpg) 0 15% no-repeat; */
}

.slideShow .top_button {
	bottom: 10%;
}

.slideShow .button05 a {
	font-size: 16px;
	font-size: 1.6rem;
	padding-left: 25px;
}


/* MitubaStudio 20190717 */
#sub_title5_01,
#sub_title5_01 .subtext {
	height: auto !important;
	overflow: auto !important;
}
#sub_title5_01 .youtube iframe {
	height: 95% !important;
	overflow: auto !important;
}
#sub_title5,
#sub_title5 .subtext,
#sub_title5 .youtube iframe {
	height: 0 !important;
	overflow: hidden !important;
}


}