@charset "utf-8";

/************************************************
 import css
************************************************ */

body {
	min-width: 0;
}
/*====================================================
////id
====================================================*/
body #container {
	display: flex;
		flex-wrap: wrap;
	margin: auto;
	position: relative;
	width: 94% !important;
	    max-width: 1200px !important;
			min-width: 0 !important;
}
#container #main_column {
	flex: 1;
	padding: 0 0 0 50px;
}
.linkBtn:link ,
.linkBtn:after {
	color: #fff;
}
#main_column p {
	margin: 0;
}
#main_column td {
	vertical-align: middle;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	#container #main_column {
		padding: 0 0 30px 0;
	}
}

@media screen and (max-width:500px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}


/*====================================================
////id leftcolumn
====================================================*/
.LC_Page_Index #leftcolumn {
	margin-top: 80px;
}
#container .side_column .block_outer {
	margin-bottom: 30px;
}
#login_area h2, #search_area h2, #calender_area h2, #cart_area h2, #cart h2, #category_area h2 {
	color: #16902e;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0;
}
#leftcolumn .btn input {
	font-size: 1.4rem;
}
#leftcolumn .btn a {
	padding-bottom: 1px;
}
#leftcolumn .mini {
	font-size: .8em;
}

#calender_area table .month {
	background: #f6f9f0;
	color: #16902e;
	font-weight: bold;
}
#calender_area p.information {
	font-size: 1.2rem;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
	#leftcolumn {
		display: none;
	}
	.LC_Page_Index #main_column.colnum2, .plg_Raku2_LC_Page_Products_List #main_column.colnum2, .plg_Raku2_LC_Page_Products_CategoryList, .plg_Raku2_LC_Page_Products_ProductsList #main_column.colnum2, .plg_Raku2_LC_Page_Products_Detail #main_column.colnum2 {
		padding: 0;
	}
}

@media screen and (max-width:500px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}


/*====================================================
////id topcolumn
====================================================*/
#topcolumn {
	background: transparent;
}
#topcolumn #title .headBox {
	padding-bottom: 0;
}
#topcolumn #title:before {
	display: none;
	/* left: -50vw;
	right: -50vw;
	width: 200vw; */
}

#topcolumn #nav {
	margin-bottom: 40px;
}
#topcolumn #nav:before {
	background: url('https://okinawabiken.jp/wp-content/themes/okinawabiken/img/bg-green.png');
	content: '';
	margin: auto;
	position: absolute;
		bottom: 0;
		left: -50vw;
	width: 150vw;
	height: 100%;
	z-index: -1;
}
.LC_Page_Index #topcolumn #nav:before {
	height: calc(100% + 150px);
}
#topcolumn #nav .innerBox {
	padding: 20px 0;
}
#topcolumn #nav li {
	flex-grow: 1;
	padding: 5px 7px;
}
#topcolumn #nav a {
	background: #fff;
	border: solid 1px #90c31f;
	border-radius: 30px;
	color: #16902e;
	display: block;
	line-height: 1;
	padding: 4px 20px 6px;
	text-align: center;
}
#topcolumn #nav a:hover {
	background: #fafff0;
	opacity: 1;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	.LC_Page_Index #topcolumn #nav:before {
		height: calc(100% + 100px);
	}
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#topcolumn {
		width: 100%;
	}
}
/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
	.LC_Page_Index #topcolumn #nav:before {
		height: calc(100% + 100px);
	}
}

@media screen and (min-width:1200px) {
}
@media screen and (min-width:1400px) {
	#topcolumn #title {
		margin-left: -50px;
		width: 1300px;
	}
}
@media screen and (min-width:1500px) {
	#topcolumn #title {
		margin-left: -100px;
		width: 1400px;
	}
}
@media screen and (min-width:1650px) {
	#topcolumn #title {
		margin-left: -200px;
		width: 1600px;
	}
}


/*====================================================
////id 商品リスト
====================================================*/
#recommend_area .block_body, #main_column .recommend_list .block_body, #main_column .ranking_list .block_body, #main_column .history_list .block_body, #whobought_area .product_item {
	margin: 0 -8px;
	width: calc(100% + 16px);
}
#main_column #recommend_area .product_item, #main_column .recommend_list .product_item, #main_column .ranking_list .product_item, #main_column .history_list .product_item, #whobought_area .product_item {
	padding: 10px 8px !important;
	width: 25%;
}
#recommend_area .block_body h3, #main_column .recommend_list .block_body h3, #main_column .ranking_list .block_body h3, #main_column .history_list .block_body h3, #whobought_area .product_item h3 {
	font-size: 1.6rem;
	font-weight: bold;
}
#main_column .ranking_list p[class^="icon_rank-"] {
	display: flex;
		align-items: center;
		justify-content: center;
	font-size: 18px;
	line-height: 1;
	padding-top: 5px;
	width: 30px;
	height: 30px;
}
.productContents .sale_price {
	font-size: 1.3rem;
}
.productContents span.price {
	color: inherit;
	font-weight: normal;
}
.productContents span.price span {
	font-size: 1.7rem;
	font-weight: bold;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	#main_column #recommend_area .product_item, #main_column .recommend_list .product_item, #main_column .ranking_list .product_item, #main_column .history_list .product_item, #whobought_area .product_item {
		width: 50%;
	}
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:900px) and (max-width:959px) {
	#main_column #recommend_area .product_item, #main_column .recommend_list .product_item, #main_column .ranking_list .product_item, #main_column .history_list .product_item, #whobought_area .product_item {
		width: calc(100% / 3);
	}
}

@media screen and (min-width:769px) and (max-width:900px) {
	#main_column #recommend_area .product_item, #main_column .recommend_list .product_item, #main_column .ranking_list .product_item, #main_column .history_list .product_item, #whobought_area .product_item {
		width: 50%;
	}
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id 共通
====================================================*/
h2.title,
h2.icon_deco {
	border-bottom: none !important;
	font-weight: bold !important;
  padding-top: 55px !important;
  text-align: center;
  position: relative;
}
#main_column h2.title {
	font-size: 2.8rem;
}
h2.title:before,
h2.icon_deco:before {
    background: url('https://okinawabiken.jp/wp-content/themes/okinawabiken/img/head_deco-2.png') no-repeat center / contain;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 50px;
    height: 50px;
}
#main_column .sub_area h3, #undercolumn_login .login_area h3, #undercolumn_shopping h3, #undercolumn_cart h3 {
	font-size: 2.8rem;
}
#main_column input[type="submit"] ,
#main_column input[type="button"] {
	border-radius: 8px;
	font-size: 1.1em;
	line-height: 1.2;
	padding: 18px 10px 15px;
}

input[type="checkbox"] + label ,
input[type="radio"] + label {
	margin-right: 1em;
	padding-left: 25px;
	position: relative;
}
input[type="checkbox"] + label:before {
	position: absolute;
	content: '';
	width: 15px;
	height: 15px;
	border: solid 1px;
	border-radius: 3px;
	border-color: rgba(83, 37, 15, 0.2);;
	top: 2px;
	left: 0px;
	background: #fff;
	transition: .2s all;
}
input[type="checkbox"] + label:after {
	position: absolute;
	content: '';
	width: 11px;
	height: 7px;
	border: solid;
	border-width: 0 0 3px 3px;
	border-color: transparent transparent #e9545d #e9545d;
	transform: rotate(-45deg);
	top: 0;
	left: 3px;
	opacity: 0;
	transition: .2s all;
}
input[type="checkbox"]:checked + label:after {
	opacity: 1;
}
input[type="radio"] + label:before {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    border: solid 1px;
    border-radius: 100%;
    border-color: #ccc;
    top: 0;
    left: 0px;
    /* background: #fff; */
    transition: .2s all;
}
input[type="radio"] + label:after {
    position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    opacity: 0;
    transition: .2s all;
}
input[type="radio"]:checked + label:after {
    opacity: 1;
    background: #e9545d;
}

input[type="checkbox"] {
    display: none;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id パンくず
====================================================*/
.raku2_breadcrumbs {
	font-size: 1.2rem;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id 一覧キーワード検索
====================================================*/
form#search_form #search_keyword_area {
	background: #f6f9f0;
}
form#search_form #search_keyword_area h3 {
	background: transparent;
	color: #16902e;
	cursor: pointer;
	margin-bottom: 0;
	padding: 0;
}
form#search_form #search_keyword_top {
	display: flex;
	flex-wrap: wrap;
	margin: 10px -5px 0;
	width: calc(100% + 10px);
}
form#search_form #search_keyword_top input#search_kw {
	flex: 1;
	margin: 5px;
}
form#search_form #search_keyword_top select {
	flex: none;
	height: auto;
	margin: 5px;
}
form#search_form #search_keyword_top input#btn_kwd_search {
	border-radius: 10px;
	height: auto;
	margin: 5px;
	padding: 10px;
	width: 80px;
}
form#search_form #search_price_area input#btn_price_search {
	height: auto;
}
form#search_form #search_price_area input#btn_price_search {
	padding: 8px;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id 並び順
====================================================*/
.pagenumber_area .change {
	font-size: 1.4rem;
}
.pagenumber_area .change select {
	margin-left: 10px;
	width: auto;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id 一覧
====================================================*/
#main_column nav {
	display: none;
}
form[name^="product_"] {
	padding: 10px;
	width: calc(100% / 3 - 5px);
}
div.listrightbloc .pricebox {
	text-align: right;
}
.pagenumber_area {
	display: flex;
		align-items: center;
		flex-direction: row-reverse;
		flex-wrap: wrap;
		justify-content: space-between;
}
.pagenumber_area .navi {
	width: auto;
}
.pagenumber_area:after {
	display: none;
}

table.layout_orderlist th {
	background: transparent;
	color: #16902e;
}
table.layout_orderlist td {
	vertical-align: middle;
}
table.layout_orderlist td.raku2_list_product_name {
	font-size: 1.5rem;
	text-align: left;
}
table.layout_orderlist dl.sale_price dd span, table.layout_orderlist dl.first_price dd span {
	font-size: 1.2em;
}

.mailmag_regist_area label {
	margin-right: 1.5em;
}
.mailmag_regist_area label input {
	-webkit-appearance: auto;
	   -moz-appearance: auto;
	        appearance: auto;
	display: inherit;
	margin-right: .5em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (max-width:580px) {
	form[name^="product_"] {
		width: calc(50% - 5px);
	}
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
	form[name^="product_"] {
		width: calc(50% - 5px);
	}
}

@media screen and (min-width:1200px) {
	form[name^="product_"] {
		width: calc(25% - 5px);
	}
}

/*====================================================
////id 商品詳細
====================================================*/
#detail_type_a #ins_display_caption_pc {
	margin-bottom: 30px;
}
#main_column.colnum2 div#detailleftbloc {
	width: 50%;
}
#detailarea .photo, #detailarea .sub_photo {
	left: 0;
	margin: 0;
	width: 100%;
		max-width: none;
}
#detailarea .photo img, #detailarea .sub_photo img {
	border: none;
}
#main_column.colnum2 #detailrightbloc {
	width: 50%;
	padding-left: 30px;
}
#detailarea h2 {
	border: none;
	color: #16902e;
	font-size: 2.4rem;
	margin-top: 0;
}
#detailarea .product_code {
	border: none;
	font-size: 1.4rem;
	padding: 5px 0;
}
#detailarea .normal_price {
	margin-bottom: 0;
}
#detailarea .normal_price dt {
	font-size: .8em;
}
#detailarea .normal_price dd {}
#detailarea .deliv_fee .not_include {
	font-size: 1.4rem;
	line-height: 1.2;
	padding: 5px 15px 2px;
}
#notes_price p {
	margin: 0;
}
#detailarea .cart_area {
	background: #f6f9f0;
	border: none;
	width: 100%;
		min-width: 0;
}
#detailarea .quantity {
	margin: 0;
}
#detailarea .cartin {
	margin: 0;
	width: 100%;
}
#cartbtn_default div:first-child {
	margin: 10px 0 0 0;
}
#detailarea .cartin_btn #cartbtn_default {
	display: block;
}
#detailarea .cartin_btn a {
	display: block;
}
#detailarea .cartin_btn a #cart {
	width: 100%;
}
#fixed_link {
	display: none;
}
#fancybox-overlay, #fancybox-wrap {
	z-index: 99999 !important;
}
#fancybox-content {
	background: #fff;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	#main_column.colnum2 div#detailleftbloc {
		float: none;
		width: 100%;
	}
	#main_column.colnum2 #detailrightbloc {
		padding: 30px 0 0;
		float: none;
		width: 100%;
	}
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
	#main_column.colnum2 div#detailleftbloc {
		float: none;
		width: 100%;
	}
	#main_column.colnum2 #detailrightbloc {
		padding: 30px 0 0;
		float: none;
		width: 100%;
	}
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id カートの中
====================================================*/
.ico_teiki img {
	margin: 0 5px 5px 0;
	width: 60px;
}
div#undercolumn_cart .order_item .listdetail small {
	font-size: .8em;
}
div#undercolumn_cart table td {
	vertical-align: middle;
}
#undercolumn_cart .btn_area.btn_type_def ul {
	justify-content: space-between;
	width: 100%;
		max-width: 700px;
}
#undercolumn_cart .btn_area.btn_type_def li {
	margin: 5px 0;
	width: calc(50% - 10px);
}
#undercolumn_cart .btn_area.btn_type_def li a ,
#undercolumn_cart .btn_area.btn_type_def li input {
	border-radius: 8px;
	line-height: 1.2;
	margin: 0;
	padding: 18px 10px 15px;
	width: 100%;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id 商品購入
====================================================*/
.login_area .btn_area.btn_type_def li a {
	border-radius: 8px;
	line-height: 1.2;
	padding: 18px 10px 15px;
}
#container .login_area dl.formlist dt {
	padding-top: 10px;
	width: 150px;
}
#undercolumn_shopping td input {
	display: inherit;
	-webkit-appearance: auto;
	   -moz-appearance: auto;
	        appearance: auto;
}

#gmo_card_input_area th {
	font-size: 1.5rem;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id 会員登録
====================================================*/
#main_column input ,
#main_column select {
	width: auto;
}
.LC_Page_Entry #complete_area .message,
.LC_Page_Entry #undercolumn_entry .message {
	margin-top: 40px;
}
.LC_Page_Entry td img {
	width: 70px;
	margin: 0
}
.btn_area.btn_type_def li a {
	border-radius: 8px;
	font-size: 1.1em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}


/*====================================================
////id マイページ
====================================================*/
#main_column #mypagecolumn {
	margin: 0 0 50px;
}
ul#mypage_nav {
	background: transparent;
	display: flex;
		flex-wrap: wrap;
}
ul#mypage_nav li {
	flex-grow: 1;
	text-align: center;
}
ul#mypage_nav.nav_list_style li a {
	background: transparent;
	color: #16902e;
	padding: 0 10px;
}
#mypagecolumn .customer_img {
	width: 100px;
}
#customer_info .customer_detail #account_info {
	margin: 20px -10px;
	width: calc(100% + 20px);
}
#customer_info .customer_detail #account_info .account_change_bloc {
	flex: 1;
	margin: 0;
	min-width: 0;
	padding: 10px;
}
#customer_info .customer_detail #account_info .account_change_bloc h3 {
	font-size: 1.1em !important;
}

#mycontents_area[class^="customer_"] #search_keyword_top input#search_kw {
	height: auto;
}
#mycontents_area #search_order_date img {
	display: inline-block;
	margin: 0;
}
#mycontents_area[class^="customer_"] #search_keyword_top input#btn_sales_search {
	padding: 10px 20px;
}

.login_memory {
	margin-top: .5em;
}

#mypagecolumn #btn_kwd_search {
	border: solid 1px #ccc;
	margin-left: 10px;
	padding: 10px 20px;
}

.step li:before,
.step li:after {
	bottom: -15px;
}
dl.relative_cat dt {
    display: none;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id フッター
====================================================*/
.LC_Page_Index #gotoTop {
	display: none;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}

/*====================================================
////プライバシポリシー
====================================================*/
.policy {
    text-align: left;
    margin-bottom: 2.5em;
}
p.policyTi {
    font-weight: bold;
    color: #16902e;
}