/*
Theme Name: Raboda
Theme URI: http://demo.roadthemes.com/rabodademo/
Author: RoadThemes
Author URI: http://roadthemes.com/
Description:  Raboda is a new WordPress theme for Online Shopping. With this theme, we have 4 different layouts. With drag and drop home page layout manager, we can build many variations of home page layout. We also have ajax cart, product quick view, wishlist, compare, zoom and fancybox to bring into a modern look of website. Some of amazing features like Revolution Slider, Mega Menu, Visual Composer, Product Tabs & Carousel, Contact Form with Google map will makes your website more attractive.
Version: 1.5.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post
Text Domain: roadthemes

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*------------------------------------------------------------------
[Table of contents]

This theme compiles .less files into .css files. Please open "less" folder to see all LESS file.

1. Theme variables
	1.1 Fonts
	1.2 Colors
	1.3 Defined colors
2. Global CSS
	2.1 HTML Elements
	2.2 Front page
	2.3 Carousel buttons
	2.4 WooCommerce onsale label
	2.5 Added to cart popup
	2.6 Quick view
	2.7 Header default
		2.7.1 Top bar
		2.7.2 Mega menu
	2.8 Footer default
	2.9 Google map
	2.10 Content
		2.10.1 WooCommerce notification
		2.10.2 Breadcrumbs
		2.10.3 Shop toolbar
		2.10.4 List view, grid view
		2.10.5 Product details page
		2.10.6 Cart & Checkout
		2.10.7 Full width template
		2.10.8 Blog page
		2.10.9 Contact page
		2.10.10 Default page template
		2.10.11 Error 404 page
		2.10.12 Sidebars
3. Home Blocks
4. Responsive CSS
-------------------------------------------------------------------*/

*{
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:100%;
}

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
	border: none;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 12px;
    line-height: 17px;
    margin: 3px 0 0;
    padding: 0 4px 5px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	line-height: 2;
	color: #757575;
}

h2{
	display: inline-block;
    width: 100%;
    color: #555;
    font-size: 2.0em;
    font-weight: 600;
    padding: 0.4em;
    margin: 0.6em 0;
    border-bottom: 1px solid #DDD;
}

input[type="password"], select{
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 0;
  height: 42px;
  max-width: 100%;
  padding: 0 0 0 10px;
}

#top_search{
	text-align:center;
}
#top_search input{
	width:35rem;
}

#login_form{
	display:block;
	max-width:360px;
	margin:auto;
}

#login_form h2{
	border-bottom: 1px solid #eee;
    font-size: 1.8em;
    text-align: center;
    padding-bottom: 0.4em;
    margin-bottom: 1.0em;
}

#login_form p{
	margin-bottom:0.2em;
}

#login_form input[type="text"],
#login_form input[type="password"]{
	width:100%;
	display:block;
	margin:0.6rem auto 1.6rem auto;
}

#login_form .button{
	float:right;
}

#error_msg{
	display:block;
	width:100%;
	text-align:center;
	color:#E00;
}

#mypage_form .logout_btn{
	margin:1.0em 0 0 1.0em;
}

#mystatus{
	display:table;
	width:640px;
	margin:auto;
}
@media (max-width:639px) {
	#mystatus{
		width:100%;
	}
}

#mypage_form input[type="text"], #mypage_form textarea{
	width:100%;
}

#contreg_form{
	display:flex;
}

#contreg_form #contreg_info{
	display:inline-table;
	width:45%;
	box-sizing:border-box;
}
#contreg_info input[type="text"], #contreg_info textarea{
	width:100%;
}

#contreg_form #contreg_changes{
	display:inline-block;
	width:45%;
	box-sizing:border-box;
	margin-left:5%;
}

#contreg_form #contreg_changes #options{
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	text-align:center;
}

.button{
	cursor:pointer;
}

.addbtn{
	cursor:pointer;
}

#sel_scene{
	display:block;
	width:100%;
	text-align:center;
	padding:0.5rem 0;
}

#sel_scene .sel_btn{
	    margin: 0.5rem 0.1rem;
}

.sel{
	background:#555!important;
}

.scene_box{
	display: inline-block;
    width: 100%;
    padding: 0.8em;
	margin:0.5em 0;
    //border: 1px solid #AAA;
    border-radius: 0.4em;
	box-shadow:0px 0px 8px #AAA;
	background: #EFEFEF;
}

.scene_col{
	display: inline-block;
    width: 100%;
    padding: 0.8em;
    border: 1px solid #DDD;
    border-radius: 6px;
    margin: 0.8em 0;
	line-height: 4em;
	cursor:pointer;
	background:#FFF;
	box-shadow: 2px 2px 6px #aaa;
}
.scene_col:hover{
	background:#FAFAFA;
}

.scene_col span{
	border: 1px solid #BBB;
    background: #EFEFEF;
    border-radius: 4px;
    padding: 0.8em 0.6em;
    margin-right: 1.0em;
}

.scene_col input[type="text"], .scene_col textarea{
	width:100%;
}

.scene_col .del_btn, .scene_box .dels_btn{
	float:right;
}

nini{
	position: relative;
    display: inline-block;
    background: #555;
    color: #FFF;
    margin-left: 0.6em;
    border-radius: 0.4em;
}
nini:before{
	content: "任意";
    display: inline-block;
    padding: 0.1em 0.4em 0.1em 0.4em;
    font-size: 0.8em;
    line-height: 1.0em;
}

hissu{
	position: relative;
    display: inline-block;
    background: #e21f1f;
    color: #FFF;
    margin-left: 0.6em;
    border-radius: 0.4em;
}
hissu:before{
	content: "必須";
    display: inline-block;
    padding: 0.1em 0.4em 0.1em 0.4em;
    font-size: 0.8em;
    line-height: 1.0em;
}

table.userlist th, table th{
	text-align:center;
	background:#DDDDDD;
}

table.userlist td, table td{
	text-align:center;
}

table.userlist tbody tr:nth-child(even) td, table tbody tr:nth-child(even) td{
	background:#FAFAFA;
}

table.userlist tbody tr:hover td{
	background:#fffee2;
}

table.userlist{
	overflow-x:auto;
}

table .nobr{
	white-space:nowrap;
}

.btn_blue{
	color:#FFF;
	background:#417eb5!important;
	transition:1s;
}
.btn_blue:hover{
	background:#333!important;
}

.btn_gray{
	color:#FFF;
	background:#555!important;
	transition:1s;
}
.btn_gray:hover{
	background:#999!important;
}

.stts_blue{
	color:#FFF;
	background:#2089e5;
    display: inline-block;
    padding: 0.1em 0.4em;
    color: #FFF;
    margin: 0 0.2em;
}

.stts_lgray{
	color:#FFF;
	background:#999;
    display: inline-block;
    padding: 0.1em 0.4em;
    color: #FFF;
    margin: 0 0.2em;
}

.stts_gray{
	color:#FFF;
	background:#555;
    display: inline-block;
    padding: 0.1em 0.4em;
    color: #FFF;
    margin: 0 0.2em;
}

.stts_red{
	color:#FFF;
	background:#e21f1f;
    display: inline-block;
    padding: 0.1em 0.4em;
    color: #FFF;
    margin: 0 0.2em;
}

.stts_green{
	color:#FFF;
	background:#1dd366;
    display: inline-block;
    padding: 0.1em 0.4em;
    color: #FFF;
    margin: 0 0.2em;
}

.midoku{
	background: #e21f1f;
    display: inline-block;
    padding: 0.1em 0.4em;
    color: #FFF;
    margin: 0 0.2em;
}

.gicon_s{
	display: inline-block;
    height: 4em;
    width: auto;
}

.light_gray{
	color:#AAA;
}

a[target="blank"]:after,a[target="_blank"]:after{
	position:relative;
	content:"　";
	width:100%;
	height:100%;
	margin-left:0.5em;
	background-image:url("/img/125_arr_hoso.svg");
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center;
}
a[target="blank"].button:after,a[target="_blank"].button:after{
	background-image:url("/img/125_arr_hoso_w.svg");
}

.mordalbox{
	position:fixed;
	display:inline-block;
	background:#FFF;
	width:80%;
	height:80%;
	top:10%;
	left:10%;
	box-sizing:border-box;
	z-index:1001;
	box-shadow:2px 2px 5em #000;
}