@charset "UTF-8";
/*
Theme Name: can_badge
Theme URI: http://xeory.jp/
Description: Xeory Base Child Theme
Author: バズ部
Author URI: http://bazubu.com/
Template: xeory_base
Version: 0.1.9
*/


/*----------------------------------------------*/
/*---------------------全体---------------------*/
/*----------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Rammetto+One');

body {
	color: #666;
}

#header #logo {
	margin: 15px;
}

#gnav li a, p, #footer a {
	color: #666;
}

a {
	color: #3384B7;
}

a:hover {
	text-decoration: none;
	opacity: 0.6;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

#header-menu-tog a i {
	color: #3384B7;
}

.content {
	padding: 15px 0;
	background: #FFF6F6;
}

#content {
	background: #FFF6F6;
}

.cat-content, article.post, article.page, article.wp101, article.seo101 {
	border: none;
}

.must {
	color: #EA5858;
}

.hidden {
	display: none;
}

.btn:hover {
	opacity: .7;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.bd_btm {
	border-bottom: 2px solid #FF7B7B;
}

.redbtn {
	background: #EA5858;
    display: inline-block;
    padding: 0.5em 3em;
    text-decoration: none;
    color: #FFF;
    border-bottom: solid 4px #c15b5b;
    border-radius: 3px;
}

.redbtn:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    border-bottom: none;
}

.coloredbg {
	background: #FFF6F6;
}

.catch h3 {
	font-size: 28px;
	font-weight: bold;
}

.catch h1 {
	font-size: 26px;
	font-weight: bold;
}

.catch p {
	font-size: 14px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}



.centre {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.pagetop span {
	background: #EA5858;
}

.pagetop span i {
	margin: 0;
}

h4 {
	font-size: 20px;
	font-weight: bold;
}

i {
	margin-right: 10px;
}

.redtxt {
	color: #EA5858;
}

.bluetxt {
	color: #3384B7;
}

.greentxt {
	color: #1C9D40;
}

.normaltxt {
	font-weight: normal;
}

.boldtxt {
	font-weight: bold;
}


.page-title {
	color: #fff;
    position: relative;
    padding: 10px 30px;
    background: #EA5858;
    font-size: 28px;
    font-weight: bold;
}

.page-title:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #EA5858;
	width: 0;
	height: 0;
}

.post-content h2 {
	position: relative;
	background: #FFF6F6;
	padding: 2px 5px 2px 40px;
	font-size: 20px;
	color: #4D4D4D;
	border-radius: 0 10px 10px 0;
}

.post-content h2:before {
	font-family: FontAwesome;
	content: "\f00c";
	display: inline-block;
	line-height: 40px;
	position: absolute;
	padding: 0em;
	color: white;
	background: #EA5858;
	font-weight: normal;
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	left: -0.35em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	-webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
	        box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
	border-bottom: solid 2px #592121;
}

.post-thumbnail {
	float: none;
	margin: 0 0 30px 0;
}

/* contact form 7を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 70%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}

form.wpcf7-form > p  {
	font-weight: bold;
}

#receipt-address {
	margin-bottom: 40px;
	margin-top: -10px;
}

#zip {
	width: auto;
}

form input[type="submit"], form button {
    background: #3384B7;
    color: #fff;
    border-radius: 3px;
    padding: 15px 45px;
}

.aboutcontainer, .orderflow, .postarea {
	background: #fff;
	padding: 30px 0;
	margin: 30px 0;
}

.breadcrumb li a i, .breadcrumb li a span {
	color: #3384B7;
}

.post-content p.question {
	margin: 1.5em 0 0 0;
	font-weight: bold;
	font-size: 18px;
}

.question i {
	color: #EA5858;
	font-size: 24px;
}

/*---------------ヘッダーメニュースタイリング------------------*/

@media screen and (min-width: 991px) {
#gnav {
	border: none;
}

#gnav-ul * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
#gnav-ul li {
  display: inline-block;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

#gnav li a {
	border-top: none;
	padding: 20px 12px;
	position: relative;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
}

#gnav-ul a:after {
  height: 3px;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color: #EA5858;
  width: 0;
}

#gnav-ul a:after {
  bottom: 0;
  left: 0;
}
#gnav li a:hover,
#gnav-ul li.current-menu-item a {
  color: #EA5858;
  border-top: none;
}
#gnav-ul a:hover:before,
#gnav-ul li.current-menu-item a:before,
#gnav-ul a:hover:after,
#gnav-ul li.current-menu-item a:after {
  width: 100%;
}

}


/*----------------------------------------------*/
/*------------------ヘッダーナビ------------------*/
/*----------------------------------------------*/
#header {
	padding: 5px 0!important;
}

.headerlinks {
	display: inline-block;
	float: right;
	margin: 15px 0;
}

.headerlinks a {
	display: inline-block;
    margin-right: 10px;
}

.headerlinks a img {
	width: 45px;
}

.headerlinks a:last-child {
    background: #FF7B7B;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #FFF;
    border-bottom: solid 4px #c15b5b;
    border-radius: 3px;
}

.headerlinks a:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    border-bottom: none;
}

/*----------------------------------------------*/
/*-------------------ヒーロー--------------------*/
/*----------------------------------------------*/
body.home #content {
	padding: 0;
}

.hero {
	position: relative;
	background: url("https://www.e-anfini.co.jp/canbadge/wp/wp-content/uploads/2018/03/hero3.jpg");
	background-position: top;
	background-size: contain;
	background-repeat: no-repeat;
	height: 50vh;
}

.herocontent {
	display: inline-block;
	position: absolute;
	top: 16%;
	left: 25%;
}

.herocontent h2 {
	font-size: 28px;
	font-weight: bold;
}

.herocontent p {
	margin-bottom: 12px;
}

/*----------------------------------------------*/
/*--------------------投稿----------------------*/
/*----------------------------------------------*/
article.post .post-header {
    padding: 56px 64px 0;
}

article.post .post-content {
	padding: 0 64px 64px 64px;
}

.single article h2 {
    padding: 20px 15px;
    border-left: 10px solid #EA5858;
    background: #F4F4F4;
    font-size: 24px;
    border-radius: 0px;
    border-bottom: 3px solid #D7D7D7;
}

.single article h2::before {
	content: none;
}

.single article h3 {
	border-left: 5px solid #EA5858;
	font-size: 22px;
	padding: 5px 10px;
}

/*----------------------------------------------*/
/*--------------------固定----------------------*/
/*----------------------------------------------*/

/*.page ul.bold li {
	font-weight: bold;
}*/

.page ul.bold li span {
	font-weight: normal;
}

/*----------------------------------------------*/
/*------------------サイドバー--------------------*/
/*----------------------------------------------*/
.sidebarbox {
	background: #fff;
	padding-top: 15px;
	text-align: center;
}
.sideitem {
	display: inline-block;
	margin-bottom: 15px;
	background: #fff;
	text-align: left;
}

.sideitem img {
	width: 50px;
	height: 50px;
	-o-object-fit: contain;
	   object-fit: contain;
	display: inline-block;
}

.sideitem p {
	display: inline-block;
	width: 190px;
	vertical-align: middle;
	font-size: 14px;
	color: #4D4D4D;
}

.sideitem i {
	color: #EA5858;
}

.side-widget ul li {
	text-align: left;
}

.grouplinks {
	margin: 30px 0;
}

.grouplinks a {
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
}

.grouplinks a img {
	width: 100%;
}

.widget_recent_entries a,
.widget_recent_entries a:hover {
	background: none;
}

.widget_recent_entries a:hover {
	color: #EA5858;
	opacity: 1;
}

.widget_recent_entries a:before {
	margin-right: 8px;
    font-family: "FontAwesome";
    content: "\f061";
    font-size: 16px;
    color: #FF7B7B;
}

.side-widget .post-date {
	margin: 0 0 0 58px;
}

.side-widget .side-title {
	font-size: 20px;
}

.side-title-inner:before {
	font-family: "FontAwesome";
	content: "\f09e";
	margin-right: 10px;
}

/*----------------------------------------------*/
/*----------------商品ラインナップ----------------*/
/*----------------------------------------------*/
.products {
	background: #fff;
	padding: 30px 0;
}

.lineup {
	padding: 30px 0;
	text-align: center;
}

.item {
	display: inline-block;
	text-align: center;
	padding: 0;
	width: 150px;
	margin: 10px;
	vertical-align: middle;
	height: 220px;
}

.item:hover,
.itembox:hover {
	-webkit-transform: translateY(-10px);
	    -ms-transform: translateY(-10px);
	        transform: translateY(-10px);
}

.item img {
	width: 100px;
	height: 100px;
	-o-object-fit: contain;
	   object-fit: contain;
}

.item p {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0;
	color: #4D4D4D;
}

/*----------------------------------------------*/
/*-----------------当社のこだわり-----------------*/
/*----------------------------------------------*/
.aboutcontent {
	margin: 30px 0;
	display: inline-block;
	position: relative;
}

.aboutcontent img {
	width: 50%;
	padding: 10px;
	float: left;
}

.abouttxt {
	display: inline-block;
	float: left;
	width: 50%;
	padding: 10px;
	text-align: right;
}

.bigtxt {
	font-size: 40px;
    font-weight: bold;
    line-height: 1em;
}

.abouttxt h4 {
	margin-bottom: 10px;
}

.abouttxt h4, .abouttxt p {
	text-align: left;
}

.abouttxt a {
	margin-top: 10px;
}

/*----------------------------------------------*/
/*----------------------特徴---------------------*/
/*----------------------------------------------*/
.featurecontainer {
	background: #fff;
	padding: 30px 0;
	margin: 30px 0;
}

.featurecontent {
	padding: 10px 0;
}

.featurebox {
	padding: 15px 60px;
}

.fadeIn {
	opacity: 0;
	-webkit-transform: translateY(20px);
	    -ms-transform: translateY(20px);
	        transform: translateY(20px);
	-webkit-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}
_:-ms-fullscreen, :root .fadeIn {
  opacity: 1;  /*IE11*/
}

.fadeInActive {
	opacity: 1;
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
	-webkit-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}

.featurebox h4 {
	font-family: 'Rammetto One', cursive;
	border-bottom: 3px dashed #EA5858;
    margin-bottom: 0.8em;
}

.feature-number {
	color: #EA5858;
    font-size: 30px;
    margin-right: 10px;
}

/*----------------------------------------------*/
/*------------------ご利用の流れ------------------*/
/*----------------------------------------------*/
.flow {
	text-align: center;
	padding: 30px 0;
}

.flowbox {
	width: 30%;
	margin: 10px;
	text-align: center;
	display: inline-block;
}

.flowbox2 {
	-webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.flowbox3 {
	-webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
}

.flowbox img {
	height: 240px;
	-o-object-fit: contain;
	   object-fit: contain;
}

.flowbox h4 {
	margin-top: 10px;
}

.cvbtns {
	overflow: hidden;
	padding: 0 15px;
}

.cvbtns a {
	margin: 20px 0;
	width: 50%;
	float: left;
	padding: 28px;
	font-size: 24px;
	text-align: center;
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    border-radius: 3px;
}

.cvbtns a:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    border-bottom: none;
}

.cvbtns a:first-child {
    background: #3384B7;
    border-bottom: solid 4px #1c4966;
}

.cvbtns a:last-child {
	background: #EA5858;
    border-bottom: solid 4px #c15b5b;
}


/*----------------------------------------------*/
/*--------------------お知らせ--------------------*/
/*----------------------------------------------*/
.postarea .catch {
	padding-left: 30px;
}

.news {
	margin: 30px 0;
	padding: 5% 10%;
}

.news ul li {
	margin-bottom: 15px;
}

.date {
	display: inline-block;
	width: 150px;
}

.post-titles {
	color: #333;
	display: inline-block;
	width: auto;
}

/*---ラベルの新しいcss(08/20)---*/

.cat-labels {
	display: inline-block;
	margin: 0 15px 0 0;
}

.label {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	border-radius: 8px;
	font-size: 12px;
}

.label__qanda {
	background: #1C9D40;
}

.label__blog {
	background: #EA5858;
}

.label__news {
	background: #3384B7;
}

.label__hobby {
	background: #b865cf;
}

@media screen and (max-width: 991px) {
	.cat-labels {
		display: block;
		margin: 5px 0 5px 0;
	}
}


/*----------------------------------------------*/
/*--------------------商品一覧-------------------*/
/*----------------------------------------------*/

.productlist {
	padding: 30px 0px;
	background: #fff;
}

.productlist h2 {
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: bold;
}

.itemsul {
	margin: 30px 0;
}

.itemsul li {
	display: inline-block;
	margin-top: 5px;
}

.itemsul li a {
	color: #fff;
	padding: 5px 10px;
	background: #FF7B7B;
	display: inline-block;
}

.itemlist {
	margin: 30px 0;
}

.itemcontainer {
	padding: 30px 0;
}

.itembox {
	vertical-align: middle;
	height: 150px;
	width: 150px;
	display: inline-block;
	text-align: center;
	margin: 10px;
	color: #333333;
}

.itembox img {
	width: 100px;
	height: 100px;
	-o-object-fit: contain;
	   object-fit: contain;
}

.itembox h3 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
}

.feature {
	margin-top: 20px;
	position: relative;
	background: #ffeded;
	padding: 40px;
}

.feature span {
	position: absolute;
	top: -10px;
	left: -10px;
	font-size: 16px;
	color: #fff;
	background: #EA5858;
	padding: 5px 10px;
	border-radius: 10px;
}

.feature span i {
	font-size: 24px;
}

/*----------------------------------------------*/
/*-------------------商品ページ------------------*/
/*----------------------------------------------*/
.posttitle {
	font-size: 24px;
	font-weight: bold;
}

.itemthumb {
	padding: 30px 0;
	width: 25%;
	float: left;
	text-align: center;
}

.detailsbox {
	display: inline-block;
}

.details {
	width: 75%;
	padding: 30px;
	float: left;
}

.pricechart {
	text-align: center;
	list-style: none;
	margin: 0 auto;
	padding: 30px 0;
	max-width: 1100px;
}

.pricechart li {
	clear: both;
}

.pricechart li div {
	display: block;
	float: left;
}

.charttitle {
	padding: 5px;
	background: #EA5858;
	color: #fff;
	border: 1px solid #fff;
}

.chartbox {
	padding: 5px;
	background: #FFC2C2;
	border: 1px solid #fff;
}

.col1 {
	width: 50%;
}

.col2 {
	width: 50%;
}

.option {
	display: inline-block;
	padding: 30px 0;
	text-align: center;
}

.optiontxt {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	text-align: left;
}

.option img {
	display: inline-block;
	vertical-align: middle;
}

.cvarea {
	padding: 30px 0;
}

.cvarea p {
	padding: 0 25px;
	font-size: 14px;
}

.sample {
	overflow: hidden;
	display: block;
	padding: 30px 0;
	max-width: 700px;
	margin: 0 auto;
}

.samplebox {
	display: inline-block;
	width: 49%;
	padding: 20px;
	vertical-align: top;
}

.samplebox h3 {
	background: #EA5858;
	padding: 5px 10px;
	color: #fff;
	font-size: 18px;
}

.samplebox h3 i {
	font-size: 26px;
	vertical-align: middle;
}

.samplebox img {
	width: 100%;
	height: 210px;
	-o-object-fit: cover;
	   object-fit: cover;
}

.samplebox p {
	font-size: 14px;
	padding: 10px 0;
	line-height: 1.2rem;
}

.itemsList {
	margin: 20px 0;
}
.itemListTitle {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #EA5858;
	padding: 10px;
}
.itemsList ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.itemsList li {
	width: calc(33.3333% - 20px);
	margin: 0 10px 20px 10px;
}
.itemsList a {
	display: flex;
	align-items: center;
	background: #fff;
}
.itemsList h3 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-left: 10px;
}
.itemsList img {
	width: 80px;
	height: 80px;
	object-fit: cover;
}


/*----------------------------------------------*/
/*--------------特定商取引法ページ----------------*/
/*----------------------------------------------*/
.post-content table tbody tr td:first-child {
	width: 25%;
	background: #FFC2C2;
}


.tablehead {
	color: #fff;
	background: #EA5858!important;
	text-align: center;
}

/*----------------------------------------------*/
/*----------------自動見積り--------------------*/
/*----------------------------------------------*/

.container {
	height: 100%;
	margin: 0 auto;
	margin-top: 35px;
	overflow: hidden;
}

th, td {
	vertical-align: top;
}

label {
	display: block;
}

div.main-inner.estimate {
	margin-right: 0px;
	background: #fff;
}

div.main-inner.estimate section.post-content {
	padding: 0px;
}

.content_wrapper {
	padding: 10px;
}

.content_wrapper h3 {
	font-size: 20px;
}

.error {
	border: 2px solid  #FF7B7B;
}

div.number {
	margin: 15px 0px;
}

div.Lft_and_Rgt {
	overflow: hidden;
}

div.left_side, div.right_side {
	float: left;
	width: 48%;
}

div.right_side {
	margin-left: 20px;
}

div.number ul {
	font-size: 0;
	text-align: center;
	padding: 30px 0px;
}

div.number ul.hidden {
	display: none;
}


div.number li {
	display: inline-block;
	width: 200px;
	font-size: 16px;
	margin-top: 15px;
	text-align: left;
}

div.number li label {
	margin-bottom: 3px;
}

div.number input {
	cursor: pointer;
	width: 70%;
	height: 25px;
	vertical-align: text-bottom;
	margin-right: 7px
}

div.accordion h3 {
	background: #3384B7;
	color: #fff;
	padding: 10px;
	cursor: pointer;
}

div.accordion.accessory h3 {
	background: #1C9D40;
}

div.accordion.accessory h3 + div {
	padding: 15px;
}

div.accordion.accessory p {
	margin-bottom: 5px;
}

div.accordion ul,
div.accordion div {
	background: #f0f0f0;
}

div#auto_est {
	text-align: center;
	margin: 60px 0px 40px;
}

div#auto_est button[type="submit"] {
	width: 200px;
	padding: 7px;
	font-size: 16px;
	background: #FF7B7B;
	color: #ffffff;
	border: 1px solid #FF7B7B;
	border-radius: 3px;
	-webkit-box-shadow: 0 4px 0 #F06E6E;
	        box-shadow: 0 4px 0 #F06E6E;
	cursor: pointer;
}

div#auto_est button[type="submit"]:hover {
	opacity: .7;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

div#debuglog {
	width: 100%;
	height: 130px;
	border: 5px solid #FF7B7B;
	padding: 10px;
}

div#debuglog pre {
	padding: 10px;
	letter-spacing: 3px;
}

section#resultArea #resultHead,
section#resultArea #resultBody,
section#resultArea #resultBody .parts {
	overflow: hidden;
}

section#resultArea {
	text-align: center;
	width: 90%;
	margin: 0px auto 100px;
	overflow: hidden;
	padding-bottom:20px;
}

section#resultArea h2 {
	font-size: 28px;
	margin: 20px 0px 10px;
}

section#resultArea #resultHead .side {
	border: 1px solid #A9A9A9;
	background: #D8D8D8;
}

section#resultArea #resultBody .side {
	background: #efefef;
	border: 1px solid #ffffff;
}

section#resultArea #resultBody .parts.result .side {
	letter-spacing: 2px;
	font-size: 16px;
}

section#resultArea #resultBody .parts.result .side.pactitle {
	font-size: 15px;
}


.side {
	float: left;
	width: 20%;
	padding-top: 27px;
	min-height: 80px;
}

.side.combining {
	width: 40%;
  color: #00aa88;
}

.side.fourCol {
	width: 80%;
}

.side.options-head {
    width: 80%;
	font-weight: bold;
}

.side.options-content {
    width: 20%;
	font-weight: bold;
}

.side.txtGreen {
	color: #00aa88;
}

#for_payment {
	font-size: 0;
}

#for_payment h3 + div {
	width: 100%;
	padding: 0px;
}

#for_payment > div > div  {
	display: inline-block;
	width: 50%;
	font-size: 14px;
	vertical-align: top;
	height: auto;
	padding: 15px;
}

#pref {
	line-height: 50px;
}

#pref p, #pref select {
	display: inline-block;
}

#selectWrap {
	display: inline-block;
	position: relative;
}

#selectWrap::after {
	position: absolute;
	content: "\f13a";
	font-family: FontAwesome;
	top: -1px;
	right: 4px;
	color: #aaaaaa;
	font-size: 18px;
	pointer-events: none;
}

#pref_name {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100px;
	padding: 5px 10px;
}


#pay_method {
	display: inline-block;
}

#pay_method p {
	margin: 0px;
	margin-bottom: 5px;

}

#pay_method div {
	font-size: 14px;
}

div.number input[name="plate1"] {
    width: 20px;
    height: auto;
}

div.number input[name="plate2"] {
    width: 20px;
    height: auto;
}

input.radio01 {
	cursor:pointer;
}

div#btns {
	margin-top: 20px;
}

button#order {
	width: 200px;
	padding: 10px;
	font-size: 16px;
	background: #FF7B7B;
	color: #ffffff;
	border: 1px solid #FF7B7B;
	border-radius: 3px;
	-webkit-box-shadow: 0 4px 0 #F06E6E;
	        box-shadow: 0 4px 0 #F06E6E;
	cursor: pointer;
	margin-bottom: 10px;
}

button#reEstimate {
	width: 200px;
	padding: 10px;
	font-size: 16px;
	background: #1485CC;
	color: #ffffff;
	border: 1px solid #1485CC;
	border-radius: 3px;
	-webkit-box-shadow: 0 4px 0 #0774BB;
	        box-shadow: 0 4px 0 #0774BB;
	cursor: pointer;
	margin-left: 10px;
}

@media screen and (max-width: 919px) {
	div.number ul {
		padding-left: 10px;
	}
	div.number li {
		width: 150px;
	}
	div.number input {
		width: 120px;
		margin-right: 3px
	}

	div.number li label {
		font-size: 14px;
	}
}

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

	.container {
		margin-top: 10px;
		overflow: hidden;
	}

	div.left_side, div.right_side {
		float: none;
		width: 100%;
	}

	div.right_side {
		margin-left: 0px;
	}

	#pref {
		line-height: normal;
	}

	.side.first {
		float: none;
		width: 100%;
		padding: 15px 0px 10px;
		min-height: 55px;
		letter-spacing: 1px;
		font-size: 15px;
	}

	.side {
		width: 25%;
		min-height: 68px;
		padding: 20px 0px 0px;
		font-size: 14px;
	}

	.side.combining {
		width: 50%;
		font-size: 13px;
	}

	.side.twoCol {
		width: 50%;
		padding-top: 25px;
	}
	
	.side.options-head {
		width: 50%;
		font-size: 14px;
	}

	.side.options-content {
		width: 50%;
		font-size: 14px;
	}

	button#reEstimate {
		margin-left: 0px;
	}

	#selectWrap::after {
		top: 7px;
		right: 4px;
	}
}

@media screen and (max-width: 368px) {
	div.number li {
    	width: 130px;
	}

	div.number li label {
    	font-size: 12px;
	}

	div.number input {
   		width: 100px;
    	margin-right: 2px;
	}

	#pref p, #pref select {
		display: block;
	}
}

/*----------------------------------------------*/
/*------------------フッター-------------------*/
/*----------------------------------------------*/
.footer-01 {
	background: #D8D8D8;
}

.footer-02 {
	border: none;
	background: #A5A5A5;
}

.footer-02 .footer-copy {
    text-align: center;
    font-size: 14px;
    color: #fff;
    letter-spacing: 2px;
}

.footerbox {
	width: 33%;
	float: left;
	border-left: 2px solid #fff;
	padding-left: 15px;
}

.footertitle {
	color: #4D4D4D;
	display: inline-block;
	border-bottom: 2px solid #FF7B7B;
	line-height: 1.2em;
	margin-bottom: 15px;
}

.footer-01 ul li {
	width: 100%;
	font-size: 14px;
	margin: 0 0 5px 0;
	font-weight: bold;
}

.footerlink:last-child {
	background: #FF7B7B;
	display: inline-block;
	padding: 10px 50px;
	text-decoration: none;
	color: #FFF !important;
	border-bottom: solid 4px #c15b5b;
	border-radius: 3px;
	font-size: 20px;
	margin-top: 15px;
}

.footerlinks a img {
	width: 50px;
}



/*----------------------------------------------*/
/*------------------タブレット-------------------*/
/*----------------------------------------------*/
@media screen and (max-width: 991px) {
/*--------------------全体-----------------------*/
	/* contact form 7を見やすくする */
	input.wpcf7-form-control.wpcf7-text,
	textarea.wpcf7-form-control.wpcf7-textarea {
		width: 100%;
		padding: 8px 15px;
		margin-right: 10px;
		margin-top: 10px;
		border: 1px solid #d0d5d8;
		border-radius: 3px;
	}

	.grouplinks {
		text-align: center;
	}

	.grouplinks a {
		width: 75%;
	}
/*----------------ヘッダーナビ-------------------*/
	.headerlinks {
		display: none;
	}

	#gnav-ul * {
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  -webkit-transition: all 0.35s ease;
	  -o-transition: all 0.35s ease;
	  transition: all 0.35s ease;
	}
	#gnav-ul li {
	  display: inline-block;
	  list-style: outside none none;
	  margin: 0;
	  padding: 0;
	}

	#gnav li a {
		border-top: none;
		padding: 20px 12px;
		position: relative;
	    text-decoration: none;
	    display: inline-block;
	    font-weight: bold;
	    font-size: 13px;
	}

	#gnav-ul a:after {
	  	height: 3px;
	  	position: absolute;
	  	content: '';
	  	-webkit-transition: all 0.35s ease;
	  	-o-transition: all 0.35s ease;
	  	transition: all 0.35s ease;
	  	background-color: #EA5858;
	  	width: 0;
	}

	#gnav-ul a:after {
	  	bottom: 0;
	  	left: 0;
	}
	#gnav-ul li.current-menu-item a {
	  	color: #EA5858;
	  	border-top: none;
	}
	#gnav-ul li.current-menu-item a:after {
	  	width: 100%;
	}

	#gnav ul li {
		width: 100%;
		text-align: center;
	}

/*----------------当社のこだわり------------------*/
	.aboutcontent img {
		width: 100%;
		float: none;
	}

	.abouttxt {
		width: 100%;
		text-align: center;
		float: none;
	}

	.abouttxt h4 {
		position: relative;
		top: 0;
	}

	.abouttxt p {
		position: relative;
		top: 0;
		text-align: left;
	}

	.abouttxt a {
		position: relative;
		top: 0;
		right: 0;
		margin-top: 20px;
	}
	.flowbox h4 {
		font-size: 24px;
	}
}


/*----------------ipad pro-------------------*/
@media screen and (max-width: 1024px) {
/*----------------ご利用の流れ------------------*/
	.flowbox {
		width: 100%;
		margin: 0 0 40px 0;
	}
	.hero {
		height: 45vh;
	}
	.aboutcontent img {
		width: 100%;
	}
	.abouttxt {
		padding: 20px;
		width: 100%;
		text-align: center;
	}
	.itemsList li {
		width: calc(50% - 20px);
	}
}


/*----------------------------------------------*/
/*-------------------スマホ----------------------*/
/*----------------------------------------------*/
@media screen and (max-width: 480px) {
/*-------------------全体-----------------------*/

	#header #logo {
		margin: 5px;
		width: 45%;
	}

	.redbtn {
		padding: 10px 20px;
		font-size: 12px;
		margin-top: 5px;
	}

	.coloredbg, .content {
		padding: 15px 0;
	}

	.catch h1 {
		font-size: 22px;
		margin: 10px 0;
	}

	.catch h3 {
		font-size: 18px;
	}

	.catch p {
		font-size: 10px;
	}

	h4 {
		font-size: 18px;
	}

	article.page .post-header {
		padding: 15px 15px 0 15px!important;
	}

	article.post .post-header {
		padding: 15px;
	}

	article.post .post-title {
		margin: 0;
	}

	.page-title {
		margin: 0;
		padding: 5px 10px;
		font-size: 20px;
	}

	.post-content {
		padding: 15px!important;
	}

	.post-content h2 {
		font-size: 18px;
		padding: 5px 10px;
		border-radius: 10px;
	}

	.post-content h2:before {
		display: none;
	}

	.post-content p {
		font-size: 16px;
		line-height: 30px;
	}

	.featurebox {
		padding: 15px;
	}

	/* contact form 7を見やすくする */
	input.wpcf7-form-control.wpcf7-text,
	textarea.wpcf7-form-control.wpcf7-textarea {
		width: 100%;
		margin-top: 5px;
	}

	form.wpcf7-form p {
		margin-bottom: 10px;
	}

/*-----------------sidebar---------------------*/
.sidebarbox {
	text-align: left;
}
.sideitem {
	margin: 5px 10px;
}
.sideitem p {
	width: auto;
}

/*-------------------hero-----------------------*/

	#header #logo {
		font-size: 18px;
		margin-top: 6px;
	}

	.hero {
		height: 30vh;
	}

	.herocontent {
		top: 18%;
	}

	.herocontent h2 {
		font-size: 18px;
	}

	.herocontent p {
		font-size: 10px;
	}

/*----------------商品ラインナップ-------------------*/
	.lineup {
		padding: 10px 0;
	}

	.item {
		width: 100px;
		padding: 0 10px;
		height: 110px;
		margin: 10px 0;
	}

	.item p {
		font-size: 10px;
	}

	.item img {
		width: 60px;
		height: 60px;
	}

/*----------------当社の特徴-------------------*/
	.aboutcontent {
		margin: 15px 0;
	}

	.aboutcontent img {
		width: 100%;
		float: none;
	}

	.abouttxt {
		width: 100%;
		text-align: center;
		float: none;
	}

	.abouttxt h4 {
		position: relative;
		top: 0;
	}

	.abouttxt p {
		position: relative;
		top: 0;
		text-align: left;
		line-height: 1.25rem;
		font-size: 14px;
	}

	.abouttxt a {
		position: relative;
		top: 0;
		right: 0;
		margin-top: 20px;
	}

/*----------------ご利用の流れ------------------*/
	.flow {
		padding: 15px 0;
	}

	.flowbox2 {
		-webkit-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;
	}

	.flowbox3 {
		-webkit-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;
	}

	.cvbtns {
		margin-bottom: 30px;
	}

	.cvbtns a {
		margin: 5px 0;
		width: 100%;
		float: none;
		padding: 20px;
		font-size: 18px;
	}

/*----------------お知らせ------------------*/
	.news {
		margin: 15px 0;
	}

	.date, .blogcat, .newscat {
		width: 100%;
	}

	.post-titles {
		width: 100%;
		margin-top: 5px;
	}

/*--------------------商品一覧-------------------*/
	.itemsul {
		margin: 15px 0;
	}

	.productlist h2 {
		font-size: 18px;
	}

	.itemsul li a {
		font-size: 10px;
	}

	.itemlist {
		margin: 15px 0;
	}

	.itemcontainer {
		padding: 15px 0;
	}

	.itemcontainer p {
	    font-size: 12px;
	    line-height: 1rem;
	}

	.itemcontainer p i {
    	margin-right: 5px;
	}

	.itembox {
		margin: 0;
		width: 100px;
		height: 120px;
	}

	.itembox img {
		width: 60px;
		height: 60px;
	}

	.itembox h3 {
		font-size: 12px;
	}

	.feature {
		padding: 25px 10px;
	}

	.feature span {
		font-size: 14px;
		top: -17px;
		left: -5px;
	}

	.feature span i {
		font-size: 20px;
	}


/*-------------------商品ページ------------------*/
	.posttitle {
		font-size: 18px;
		margin: 0;
	}

	.itemthumb {
		width: 100%;
		padding: 15px 0;
		float: none;
	}

	.details {
		padding: 15px 0;
		width: 100%;
		float: none;
		font-size: 14px;
		line-height: 1.2rem;
	}

	.pricechart {
		margin-bottom: 20px;
		padding: 15px 0;
	}

	.pricechart li div {
		font-size: 12px;
	}

	.option {
		padding: 15px 0;
	}

	.optiontxt {
		width: 100%;
		font-size: 12px;
		padding: 5px 0;
	}

	.cvarea {
		padding: 15px 0;
	}

	.cvarea p {
		padding: 0 5px;
		font-size: 10px;
	}

	.sample {
		padding: 15px 0;
	}

	.samplebox {
		width: 100%;
		padding: 0 5px;
		margin-bottom: 20px;
	}

	.samplebox img {
		height: 180px;
	}

	.samplebox p {
		font-size: 12px;
		padding: 5px 0;
		line-height: 1rem;
	}

	.itemsList li {
		width: 100%;
	}

/*-------------------特定商取引法ページ------------------*/
	.post-content table {
		white-space: normal;
	}

	.post-content table tbody tr td {
		width: 100%;
		display: inline-block;
	}

	.post-content table tbody tr td:first-child {
		width: 100%;
	}

/*-----------------------フッター-----------------------*/
	.footerbox {
	    width: 100%;
	    float: left;
	    margin: 0 10px 30px 10px;
	}


}