/*
Theme Name:     CUOCE theme
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

p{margin-bottom: 10px !important;}
.small{font-size: 0.8em;}
.big{font-size: 1.2em;}

/*  パンくずリスト  */
.breadcrumbs{
	font-size: 0.8em;
	color: #666;
}
.current-item br{
	display: none;
}

/*  ==========================
 *     header
 * =======================  */
.n_btn a{
	display: block;
	background: #FF9600;
	color: #fff !important;
}
.n_btn a:hover{
	background: #FFB85A !important;
}
/*  HERO  */
.title_cuoce{color: #FF9600 !important;}
/*  ==========================
 *     新着情報
 * =======================  */
.news_list li{
	padding: 8px 0;
	border-bottom: dotted 1px #ccc;
}
.news_list li:last-child{border: 0;}
.news_list .news_date{margin-right: 8px;}
.news_list .cat{display: none;}
.news_list .news_title{margin-right: 8px;}
.news_list .add_New{color: #ED1C24;}
@media screen and (max-width: 480px){
	.news_list .news_date{
		display:block;
		width: 100%;
	}
}
/*  ==========================
 *     EDR
 * =======================  */
.feature-list ul{
	display: flex;
	justify-content: space-between !important;
	width: 100%;
}
.feature-list ul li{
	padding: 8px !important;
	margin-bottom: 10px !important;
	width: 48%;
	box-sizing: border-box;
	text-align: center !important;
	border: 1px solid #CFA74E;
	color: #CFA74E;
}
@media screen and (max-width: 768px){
	.feature-list ul{display: block !important;}
	.feature-list ul li{width: 100% !important;}
}

/*  ==========================
 *    商品詳細
 * =======================  */

dl.spec{
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
dl.spec dt,
dl.spec dd{
	padding: 8px;
	margin-bottom: 5px;
	box-sizing: border-box;
	vertical-align: middle;
	font-size: 0.8em;
}
dl.spec dt{
	padding-right: 0;
	width: 27%;
	background: #eee;
}
dl.spec dd{
	width: 70%;
}
dl.spec dd ul{
	padding-left: 0;
}
dl.spec dd ul li{
	padding: 4px 0;
	padding-left: 0;
	border-bottom: 1px dotted #ccc;
}
dl.spec dd ul li:last-child{border: none;}

dl.functions{
	display: flex;
	flex-wrap: wrap;
}
dl.functions dt,
dl.functions dd{
	padding: 8px;
	margin-bottom: 5px;
	box-sizing: border-box;
	vertical-align: middle;	
	border-bottom: 1px dotted #ddd;
}
dl.functions dt{
	width: 20%;
	font-weight: bold;
}
dl.functions dd{
	width: 80%;
}
@media screen and (max-width: 480px){
	dl.functions dt{width: 35%;}
	dl.functions dd{width: 65%;}
}

/*  ================================
 *     FORM
 * ==============================  */
.required{
	color: #ED1C24;
	font-size: 0.7em;
}
.grecaptcha-badge { visibility: hidden; }

/* -- div#contents-maker-news ----------------------------------------------------------------------- */
div#contents-maker-news{
	max-height: 300px;
	overflow-y: scroll;
}
div#contents-maker-news * {
	margin: 0;
	padding: 0;
	box-sizing: content-box;
}

div#contents-maker-news div.cm-box {
	padding: 10px 0;
	border-bottom: 1px dotted #333333;
}
div#contents-maker-news div.cm-box:last-of-type{
	border-bottom: none;
}
div#contents-maker-news dl dt {
	font-weight: bold;
	margin: 0 0 3px;
}