@charset "UTF-8";
/*
Theme Name: takihara
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns

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.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

Bundled block pattern images:
Abstract Background by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-background-0SRRVNMKBX
Abstract Waves by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-waves-0KREGLTZQ3
Abstract Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-bokeh-P4KVZBMQ6L
Colorful Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/colorful-bokeh-VN4G84GL8H*/

html {
    font-size: 62.5%;
    min-width: 320px;
    width: 100%;
	scroll-behavior: smooth;
}

body {
    color: #333;
    font-family: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 1rem;
    width: 100%;
	padding-top: 10px;
}

img{
	vertical-align: bottom;
}

.wrap{
	width: 1200px;
	padding: 0 10px; 
	margin: auto;
}

section,article{
	margin-bottom: 40px;
}

a{
	color: #143558;
}

a:hover{
	opacity: 0.7;
}

/*--header--*/
header .wrap{
	display: flex;
	margin-bottom: 10px;
}

header .logo{
	margin-right: 10px;
}

header .head_box{
	margin-right: 10px;
}

header .head_box p.head_box_txt{
	font-size: 1.4rem;
	margin-bottom: 10px;
	color: #666;
}

header .head_box ul{
	display: flex;
}

header .head_box ul li{
	border: 1px solid #ccc;
	padding: 3px 5px;
	font-weight: bold;
	font-size: 1.4rem;
	padding-left: 38px;
	margin-right: 10px;
}

header .head_box ul li:last-child{
	margin-right: 0;
}

header .head_box ul li p{
	font-size: 1.6rem;
	color: #143558;
	display: block;
}

header .head_box ul li:nth-child(1){
	background: url(images/common/head_box_img1.png) no-repeat;
	background-position: 5px center;
	
}

header .head_box ul li:nth-child(2){
	background: url(images/common/head_box_img2.png) no-repeat;
	background-position: 5px center;
}

header .head_box ul li:nth-child(3){
	background: url(images/common/head_box_img3.png) no-repeat;
	background-position: 5px center;
}

header .head_box ul li:nth-child(4){
	background: url(images/common/head_box_img4.png) no-repeat;
	background-position: 5px center;
}

header .head_info ul li:nth-child(1) a{
	display: block;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 8px 5px;
	width: 275px;
	padding-left: 55px;
	background: url(images/common/head_info_ind1.png) no-repeat,#FF6900;
	box-shadow: 0px 3px 14px -6px rgba(0,0,0,0.5);
	background-position: 25px center;
	position: relative;
	z-index: 2;
	margin-bottom: 7px;
}

header .head_info ul li:nth-child(1) a:hover{
	opacity: 0.8;
}

header .head_info ul li:nth-child(2) a{
	display: block;
	color: #FF6900;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 5px;
	width: 275px;
	padding-left: 55px;
	background: url(images/common/head_info_ind2.png) no-repeat,#fff;
	background-position: 25px center;
}
header .head_info ul li:nth-child(2) a:hover{
	opacity: 0.8;
}

header nav{
	width: 100%;
	height: 60px;
	background: #143558;
}

header nav ul {
	display: flex;
	width: 1200px;
	margin: auto;
	padding: 0 10px;
}

header nav ul li{
	width: 100%;
	background: rgb(20,53,88);
	background: linear-gradient(90deg, rgba(20,53,88,1) 0%, rgba(20,53,88,1) 100%);
}

header nav ul li a{
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
	height: 60px;
	display: flex;
	align-items: center;
	padding-left: 60px;
}



header nav ul li:nth-child(1) a{
	background: url(images/common/nav_ind1.png) no-repeat;
	background-position: 10px center;
}

header nav ul li:nth-child(1) a:hover{
	background: url(images/common/nav_ind1_on.png) no-repeat,#e8ebf6;
	background-position: 10px center;
	opacity: 1;
}

header nav ul li:nth-child(1) a.on_menu{
	background: url(images/common/nav_ind1_on.png) no-repeat,#e8ebf6;
	background-position: 10px center;
	opacity: 1;
}

header nav ul li:nth-child(2) a{
	background: url(images/common/nav_ind2.png) no-repeat;
	background-position: 10px center;
}

header nav ul li:nth-child(2) a:hover{
	background: url(images/common/nav_ind2_on.png) no-repeat,#e8ebf6;
	background-position: 10px center;
	opacity: 1;
}

header nav ul li:nth-child(3) a{
	background: url(images/common/nav_ind3.png) no-repeat;
	background-position: 10px center;
}
header nav ul li:nth-child(3) a:hover{
	background: url(images/common/nav_ind3_on.png) no-repeat,#e8ebf6;
	background-position: 10px center;
	opacity: 1;
}

header nav ul li:nth-child(4) a{
	background: url(images/common/nav_ind4.png) no-repeat;
	background-position: 10px center;
}
header nav ul li:nth-child(4) a:hover{
	background: url(images/common/nav_ind4_on.png) no-repeat,#e8ebf6;
	background-position: 10px center;
	opacity: 1;
}


header nav ul li:nth-child(5) a{
	background: url(images/common/nav_ind5.png) no-repeat;
	background-position: 10px center;
}

header nav ul li:nth-child(5) a:hover{
	background: url(images/common/nav_ind5_on.png) no-repeat,#e8ebf6;
	background-position: 10px center;
	opacity: 1;
}


header nav ul li .on_menu{
	color: #143558;
	background: #fff;
}

header nav ul li a:hover{
	color: #143558;
}


#breadcrumbs{
	font-size: 1.4rem;
	margin: 20px 0 0;
}

/*--topスライダー--*/

.top_slider{
	margin-top: 10px;
	max-height: 500px;
}

.top_slider .slider_img{
	margin: 0 5px;
}

.top_slider div img{
	width: 100%;
}
 .slick-dots li button::before {
    font-size: 12px!important;
    color: #143558!important;
   }
 .slick-dots li.slick-active button::before{
	color: #143558!important;
	opacity: 1!important;
}

.wrap.contents{
	display: flex;
	flex-direction: row-reverse;
	padding-top: 20px;
}

/*--コンテンツ--*/
.main_contents{
	width: 100%;
	margin-left: 10px;
}
.top_contents{
	width: 1200px;
}

.top_tit{
	font-size: 2rem;
	font-weight: bold;
	line-height: 50px;
	background: #f1f3fa;
	position: relative;
}

.top_tit h2{
	display: inline;
	padding-left: 10px;
}

.top_tit .more_btn{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
	right: 10px;
	font-size: 1.6rem;
	color: #fff;
	background: #143558;
	line-height: 1;
	padding: 8px 10px;
}

.js-scrollable{
	display: flex;
}

/*--item_category--*/

.item_category{
	margin-bottom: 40px;
}


.item_category table{
	width: 100%;
}

.item_category tr:nth-child(even){
	background: #fafafa;
}
.item_category th{
	font-weight: bold;
	font-size: 1.4rem;
	text-align: center;
	padding-bottom: 5px;
}

.item_category td{
	border: 1px solid #ccc;
	font-size: 1.4rem;
	padding: 10px 5px;
	vertical-align: middle;
}



.item_category tr td:nth-child(1){
	width: 25%;
}

.item_category tr td:nth-child(2){
	width: 10px;
	word-break: break-all;
width: 15%;
}

.item_category tr td:nth-child(4){
	width: 15%;
}

.item_category tr td:nth-child(5){
	width: 30%;
}





.item_category td.item_category a{
	display: block;
}

.item_category td.item_category a:after{
	content: "/";
	margin: 0 5px;
	display: inline-block;
	color: #999;
}

.item_category td.item_category a:last-child::after{
	display: none;
}

.item_category .name{
	width: 23%;
}

.item_category td img{
	width: 48px;
	height: auto;
}

.item_category .pic{
	background: url(images/common/item_category_nopic.png) no-repeat;
	background-position: center;
	text-align: center;
}

.item_category .price{
	color: red;
	font-weight: bold;
	text-align: center;
	width: 12%;
}

.item_category .price span{
	color: #FF6900;
	display: block;
	width: 84px;
}


.manufacturer span:nth-child(1){
	display: none;
}

.item_category .item_link{
	width: 13%;
}

.item_category .item_link a{
	background: #143558;
	color: #fff;
	padding: 10px;
	font-weight: bold;
	display: block;
	width: 100px;
text-align: center;
}
.item_category h1{
font-size: 2.8rem;
font-weight: bold;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}

.posts{
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 20px;
}

.posts p{
	font-size: 1.8rem;
	display: inline-block;
	margin: 0 5px;
}

.page-numbers li{
	font-size: 1.6rem;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0 5px;
	
}

.page-numbers{
	margin-top: 20px;
	display: flex;
	justify-content: center;
}

.page-numbers .page-numbers{
	margin-top: 0!important;
}

.posts span{
	font-size: 1.4rem;
	font-weight: normal;
}

.screen-reader-text{
	display: none;
}

.item_category tr td:nth-child(1){
    width: 40% !important;
}
.item_category tr td:nth-child(2),
.item_category tr td:nth-child(3),
.item_category tr td:nth-child(4),
.item_category tr td:nth-child(5),
.item_category tr td:nth-child(6) {
    width: 12% !important;
}

/*--サイドバー--*/
.sidebar{
	width: 320px;
	padding-bottom: 40px;
}

.sidebar .sidebar_bnr{
	padding-bottom: 30px;
}

.sidebar .sidebar_bnr li{
	margin-bottom: 10px;
}

.sidebar .sidebar_bnr li img{
	width: 100%;
}

.sidebar .sidebar_nav li{
	border-bottom: 1px solid #ccc;
	font-size: 1.6rem;
	padding: 10px 0;
	position: relative;
}

.sidebar .sidebar_nav li div{
	padding-left: 5px;
	padding-right: 20px;
	line-height: 1.3;
}

.sidebar .sidebar_nav li a{
	color: #333;
	display: flex;
	align-items: center;
}

.sidebar .sidebar_nav li span{
	display: block;
	padding-left: 5px;
}

.sidebar .sidebar_nav li img{
	width: 50px;
	height: 50px;
}

.sidebar .sidebar_nav li:after{
	content: ">";
	display: block;
	font-weight: bold;
	color: #b9b9b9;
	position: absolute;
	top: 35%;
	transform: scale(0.5, 1);
	right: 5px;
	font-size: 2.4rem;
}

/*--TOP検索--*/
.serch_tit{
	text-align: center;
	font-weight: bold;
	font-size: 2.8rem;
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}

.serch_tit span{
	z-index: 1;
	padding: 0 20px;
	background: #fff;
	position: relative;
}


.serch_tit:before{
	content: "";
	height: 3px;
	width: 100%;
	background: #143558;
	position: absolute;
	z-index: 1;
	top: 15px;
	display: block;
}

.top_serch form{
	display: flex;
}

.top_serch input{
	border: 1px solid #999;
	padding: 10px;
	width: 86%;
	font-size: 1.6rem;
	margin-right: 10px;
}

.top_serch button{
	font-size: 2rem;
	color: #fff;
	background: #143558;
	padding: 10px;
	font-weight: bold;
	width: 14%;
	text-align: center;
}

.top_serch button img{
	margin-right: 10px;
}

.top_serch_word{
	display: flex;
	font-size: 1.6rem;
	margin-top: 10px;
}

.top_serch_word p{
	width: 120px;
}

.top_serch_word ul{
	display: flex;
	flex-wrap: wrap;
}

.top_serch_word ul li{
	margin: 0 5px 5px;
}

.top_serch_word ul li:after{
	content: "｜";
	color: #ccc;
	display: inline;
}

.top_serch_word ul li:last-child:after{
	display: none;
}

/*--TOP新着ニュース--*/

.top_news ul li{
	border-bottom: 1px solid #ccc;
	padding: 10px;
	font-size: 1.6rem;
}

.top_news ul li .date{
	font-weight: bold;
	display: inline;
	margin-right: 10px;
	color: #666;
}

.top_news ul li .category{
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 16px;
	display: inline-block;
	width: 100px;
	text-align: center;
	font-weight: bold;
	margin-right: 10px;
}

.top_news ul li .new_item{
	color: #f6641d;
}

.top_news ul li .info{
	color: #143558;
}

.top_news ul li span{
	color: #666;
}

.top_category ul{
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

.top_category ul li{
	width: 23.9%;
	margin: 7px;
	margin-bottom: 15px;
	box-shadow: 3px 3px 14px 0px rgba(0,0,0,0.15);

	padding: 10px;
}
.top_category ul li a{
	display: flex;
	align-items: center;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #333;
	font-weight: bold;
}
.top_category ul li img{
	width: 60px;
	height: 60px;
	margin-right: 10px;
}

.top_category ul li:nth-child(3n){
	margin-right: 0;
}

.top_category {
	display: block;
}

.top_manufacturer .box{
	background: #f3f3f3;
	padding: 10px;
	margin-top: 10px;
}

.top_manufacturer .box ul{
	background: #fff;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
}

.top_manufacturer .box ul li{
	background: #fff;
	width:25%;
	font-size: 1.4rem;
	font-weight: bold;
}

.top_manufacturer .box ul li a{
	padding: 5px;
	color: #333;
	position: relative;
	padding-left: 15px;
	display: block;
	line-height: 1.3;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-weight: normal;
}

 

.top_manufacturer .box ul li a:before{
	content: ">";
	display: inline-block;
	color: #143558;
	position: absolute;
	top: 2px;
	left: 0;
	line-height: 1.5;
}

/*--投稿--*/
.entry-title{
	font-size: 2.4rem;
	font-weight: bold;
	border-left: 6px solid #143558;
	padding: 5px 5px 5px 10px;
	margin-bottom: 15px;
}

.entry-content{
	font-size: 1.6rem;
}

.entry-content p{
	margin-bottom: 1.6rem;
	line-height: 1.5;
}

/*--商品詳細--*/

.item .slider .slider_img{
	margin: 0 5px;
}
.item .slick-track{
	width: 280px;
	height: 280px;
}

.item .slick-track a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.item .slider .slider_img img{
	width: 100%;
	height: auto;
}

.item h1{
	font-size: 2.8rem;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.item　.item_dlist{
	width: 100%;
}

.item .item_dlist {
	font-size: 1.6rem;
	width: 100%;
	margin-bottom: 40px;
	display: block;
	overflow: auto;
}

.item .item_dlist dt{
	width:calc(30% - 5px);
	
	
	float: left;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
	padding-left: 10px;
}

.item .item_dlist dd{
	width: 70%;
	border-bottom: 1px solid #ccc;;
	padding: 20px 0;
	float: left;
}

.slick-box.type_img .slide{
	padding: 0;
	background-color: #EAE6E5;
	border: 1px solid #ffffff;
	border-right: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	position: relative;
}
.slick-box.type_img .titles{
	display: inline-block;
	padding: 10px 15px;
	font-size: 125%;
	font-weight: bold;
	letter-spacing: 1pt;
	text-align: center;
	background-color: rgba(255,255,255,0.8);
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.slick-box.type_img .image{
	margin-bottom: 0;
	line-height: 0;
}
/* 前／次の矢印の設定 */
.slick-box.type_img.arrows{
	position: relative;
}
.slick-box.type_img.arrows .prev{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 30px;
	height: 30px;
	background-color: #143558;
	background-image: url(images/common/anchor-prev.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 7px auto;
	z-index: 1;
}
.slick-box.type_img.arrows .next{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 30px;
	height: 30px;
	background-color: #143558;
	background-image: url(images/common/anchor-next.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 7px auto;
	z-index: 1;
}


.lb-number{
	display: none!important;
}

.item .item_manufacturer span:first-child{
	display: none;
}

.item .item_category a:first-child:after{
	content: "/";
	color: #999;
	margin: 0 5px 0;
}

.item .movie{
	position: relative;
width: 100%;/*横幅いっぱいにwidthを指定*/
height:0px;/*高さはpaddingで指定するため0*/
padding-top: 56.25%;/*高さを指定（padding-bottomでも同様)*/
	
}

.item .movie iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.item .entry-title{
	margin-bottom: 10px;
}

.item .price .red{
	color: red;
}

.form_btn{
	text-align: center;
	width: 100%;
	margin-bottom: 40px;
}

.form_btn img{
	box-shadow: 0px 3px 14px -6px rgba(0,0,0,0.5);
}

.form_btn p{
	font-weight: bold;
	font-size: 2rem;
	margin-bottom: 20px;
	display: block;
}

.item .option p{
	font-size: 1.6rem;
	line-height: 1.5;
	margin-left: 15px;
}

.item .flow div{
	display: flex;
	margin-top: 20px;
	font-size: 1.6rem;
	align-items: center;
	justify-content: center;
	line-height: 1.5;
	border-top: 1px dotted #999;
	padding-top: 20px;
	
}

.item .flow div img{
	width: 80px;
	margin-right: 10px;
}

.item .noitem{
	font-size: 1.6rem;
	margin: 20px 0;
	font-weight: bold;
}

/*--検索--*/
.search .page-content p{
	font-size: 1.6rem;
	margin-bottom: 40px;
}

.search_tag ul{
	display: flex;
	flex-wrap: wrap;
}

.search_tag li{
	margin-left: 10px;
	border: 1px solid #ccc;
	border-radius: 20px;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 10px 15px;
	margin-bottom: 10px;
}

.search_tag li a{
	color: #666;
}

/*--よくある質問--*/

.faq .faq_list li{
	background: #f3f3f3;
	padding: 0 10px 10px;
}

.faq .faq_list li:first-child{
	padding: 10px;
}

.faq .faq_list li .faq-title a{
	color: #333;
	font-size: 1.8rem;

}

.faq .faq_list li .faq-title {
		position: relative;
	padding-left: 50px;
}

.faq .faq_list li .faq-title:before{
	content: "Q";
	display: inline-block;
	color: #fff;
	background: #143558;
	font-weight: bold;
	padding: 5px 8px;
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 1.8rem;
	line-height: 1.3;
}
.faq .top_tit{
	margin-bottom: 20px;
}

.faq .faq-title{
	background: #fff;
	display: block;
	padding: 15px;
	line-height: 1.3;
}





.faq .entry-title{
	border-left: none;
	position: relative;
	padding-left: 45px;
	line-height: 1.3;
	padding-top: 0;
	margin-bottom: 20px;
}

.faq .entry-title:before{
	content: "Q";
	display: inline-block;
	color: #fff;
	background: #143558;
	font-weight: bold;
	padding: 5px 8px;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1.8rem;
	line-height: 1.3;
}

.faq .entry-content{
	border-left: none;
	position: relative;
	padding-left: 45px;
	line-height: 1.5;
}

.faq .entry-content:before{
	content: "A";
	display: inline-block;
	color: #fff;
	background: #f0196a;
	font-weight: bold;
	padding: 5px 8px;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1.8rem;
	line-height: 1.3;
}

.top_faq ul{
	padding: 10px;
	background: #f3f3f3;
}

.top_faq ul li{
	padding: 10px;
	background: #fff;
	margin-bottom: 10px;
}

.top_faq ul li:last-child{
	margin-bottom: 0;
}

.top_faq .more_btn{
	background: #f3f3f3;
	text-align: center;
	overflow: auto;
	padding-bottom: 15px;
}

.top_faq .more_btn a{
	color: #fff;
	background: #143558;
	font-size: 1.6rem;
	padding: 5px 10px;
	line-height: 1.5;
	font-weight: bold;
	display: table;
	margin: auto;
	
} 
/*--選ばれる4つの理由--*/

.reason .mein_img{
	width: 100%;
	margin-bottom: 20px;
}

.reason strong{
	font-size: 1.8rem;
	text-align: center;
	display: block;
	margin: 0 0 20px;
	line-height: 1.5;
}

.reason nav{
	margin-bottom: 40px;
}

.reason nav ul{
	display: flex;
	justify-content: center;
}

.reason nav ul li{
	background: #f1f3fa;
	padding: 10px 20px;
	font-size: 1.8rem;
	margin: 0 10px;
	width: 28%;
	position: relative;
	text-align: center;
}

.reason nav ul li a:after{
	content: "▼";
	margin-left: 10px;
	display: inline-block;
	font-size: 1.6rem;
	color: #333;
	
}

.reason .box{
	display: flex;
	flex-direction: row-reverse;
}

.reason .box img{
	width: 360px;
}

.reason .box .lbox{
	width: 100%;
	margin-right: 20px;
	
}

.entry-stitle{
	font-size: 2rem;
	font-weight: bold;
	border-bottom: 2px solid #143558;
	padding-bottom: 5px;
	margin-bottom: 20px;
	
}

/*--ご利用ガイド--*/
.guide nav{
	margin-bottom: 40px;
}

.guide nav ul{
	display: flex;
	justify-content: center;
}
.guide nav ul li{
	background: #f1f3fa;
	padding: 10px 20px;
	font-size: 1.8rem;
	margin: 0 10px;
	width: 28%;
	position: relative;
	text-align: center;
}

.guide nav ul li a:after{
	content: "▼";
	margin-left: 10px;
	display: inline-block;
	font-size: 1.6rem;
	color: #333;
}

.guide .mein_img{
	margin-bottom: 40px;
	width: 100%;
}

.guide .item_list{
    background: #f3f3f3;
    padding: 10px;
    margin-top: 10px;
}

	.guide .item_list .box1 {
    background: #fff;
    padding: 20px;
    flex-wrap: wrap;
}

.guide .item_list h3{
	text-align: center;
	font-size: 2.0rem;
	color: #143558;
	margin-bottom: 20px;
}

.guide .item_list .item_category{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.guide .item_list .item_category li {
    margin-left: 10px;
    border: 1px solid #ccc;
    border-radius: 20px;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 10px 15px;
    margin-bottom: 10px;
}

.guide .item_list .item_category li a{
	color: #666;
}

.guide .item_list .box2{
	display: flex;
	margin-top: 10px;
}

.guide .item_list .box2 li a{
	font-size: 1.6rem;
	color: #666;
	line-height: 1.5;
	position: relative;
	padding-left: 1.5rem;
}

.guide .item_list .box2 li a:before{
	content: "▶";
	color: #ccc;
	display: inline-block;
	margin-right: 5px;
	position: absolute;
	font-size: 1rem;
	top: 0.3rem;
	left: 0;
}

.guide .item_list .box2 .lb{
	margin-right: 10px;
	width: 100%;
	background: #fff;
	padding: 20px;
}

.guide .item_list .box2 .rb{
	width: 100%;
	background: #fff;
	padding: 20px;

}

/*--おすすめ商品--*/

 .recomend ul{
	display: flex;
}

 .recomend ul li{
	padding: 10px;
	box-shadow: 3px 3px 14px 0px rgba(0,0,0,0.15);
	width: 100%;
	margin-right: 15px;
	margin-top: 20px;
	font-size: 1.4rem;
	max-width: 222px;
}

.recomend ul li:last-child{
	margin-right: 0;
}

.recomend ul li a{
	display: block;
}

.recomend ul li .item_img a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 185px;
	height: 200px;
}

 .recomend ul li img{
	width: 100%;
	margin-bottom: 10px;
	height: auto;
}

.recomend ul li .manufacturer{
	font-weight: bold;
	color: #143558;
}


.recomend ul li .code a{
	font-weight: bold;
	color: #666;
}


.recomend ul li .title a{
	color: #666;
}

.top_recomend.recomend ul{

		flex-wrap: wrap;
}

.top_recomend.recomend ul li:nth-child(4n){
	margin-right: 0;
}

/*--会社概要--*/

.company dt{
	float: left;
	margin-bottom: 25px;
	line-height: 1.5;
	padding-left: 10px;
}

.company dd{
	margin-left: 22%;
	margin-bottom: 30px;
	line-height: 1.5;
	position: relative;
	border-left: 1px solid #CCC;
	padding-left: 20px;
}

.company dd p{
	margin-bottom: 1rem;
}

.company dd p:last-child{
	margin-bottom: 0;
}

.company dd ol{
	list-style: decimal;
	margin-left: 20px;
}

.company dd ol li{
	margin-bottom: 10px;
}
/*--特定商取引法に基づく表記--*/

.tradelaw th,.tradelaw td{
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 1.6rem;
	font-weight: normal;
}

.tradelaw th{
	background: #f1f3fa;
}

/*--プライバシーポリシー--*/
.privacy_area .privacy_title{
	font-size: 1.8rem;
	font-weight: bold;
	color: #143558;
	margin-bottom: 20px;
}

.privacy_area .privacy_subtitle{
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 5px;
}

.privacy_area .content{
	margin-bottom: 40px;
}

.privacy_area ol{
	list-style: decimal;
	margin-left: 40px;
	margin-bottom: 10px;
}

.privacy_area ol li{
	margin-bottom: 5px;
}

/*--お問い合わせ--*/

.contact input,.contact textarea{
	border: 1px solid #ccc;
	padding: 5px;
	width: 100%;
}

.contact .radio input{
	width: inherit;
}

.mwform-radio-field label{
	display: flex;
}

.contact .radio .mwform-radio-field{
	display: block;
	margin-left: 0;
	margin-bottom: 10px;
}

.contact dl{
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 20px;
	margin-bottom: 20px;
	display: flex;
}

.contact dl dt{
	width: 30%;
	font-weight: bold;
}

.contact dl dt span{
	display: table;
	font-weight: normal;
	padding: 5px;
	margin-top: 10px;
	font-size: 0.9rem;
	border-radius: 3px;
}

.contact dl dt span.required{
	background: #fff;
	color: #e13e3e;
	border: 1px solid #e13e3e;
}

.contact dl dt span.optional{
	background: #fff;
	color: #143558;
	border: 1px solid #143558;
}

.contact dl dd{
	padding-left: 20px;
	width: 100%;
}

.contact .contact-button-area{
	display: flex;
	justify-content: center;
}

.contact .contact-button-area .btn2,.contact .contact-button-area .back{
	background: #f1f3fa;
-webkit-box-shadow: 0px 3px 0px #B2C4E7;
box-shadow: 0px 3px 0px #B2C4E7;
color: #0051D3;
font-weight: bold;
height: 60px;
font-size: 1.8rem;
	padding:  0 40px;
	margin: 0 10px;
	
	width: auto;
	border: none;
	display: flex;
align-items: center;
}

.contact .contact-button-area .btn2:hover,.contact .contact-button-area .back:hover{
	opacity: 0.8;
}

.contact .form_list{
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
	margin-top: 40px;
	border-bottom: 2px solid #143558;
	width: 100%;
}

.contact .form_list li{
	width: 30%;
	background: #143558;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	font-weight: bold;
	font-size: 2rem;
	border-radius: 10px 10px 0px 0px;
}

.contact h1{
	font-size: 2.8rem;
font-weight: bold;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}


.contact .form_list li a{
	display: flex;
	width: 100%;
	height: 100%;
	background: #f1f3fa;
	justify-content: center;
	align-items: center;
	color: #143558;
	font-size: 1.6rem;
	border-radius: 10px 10px 0px 0px;
}

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

.contact .form_list{
	margin-top: 20px;
	border-bottom: 2px solid #ffffff;
	font-size: 1.4rem;
}

.contact .form_list li{
	font-size: 1.6rem;
}
.contact .form_list li a{
	font-size: 1.6rem;
	background: #f1f3fa!important;
	color: #143558!important;
}
	
}

.contact .mwform-file-delete{
	font-size: 1.6rem;
	color: #143558;
	display: inline-block;

}

.contact .file li{
	margin-bottom: 20px;
}

.contact .file li:last-child{
	margin-bottom: 0;
}

.contact .file li input{
	border: none;
	width: inherit;
	
}

/*--FAX--*/

.fax{
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #ccc;
}

.fax_box{
	display: flex;
}

.fax a{
	width: 40%;
}

.fax a img{
	width: 100%;
}

.fax .box{
	width: 60%;
	padding-left: 20px;
}

.fax .box h3{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 20px;
}

.fax .box .fax_nun{
	border: 1px solid #ccc;
	font-size: 3rem;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	margin-bottom: 20px;
}

.fax .box .fax_nun span{
	background: #143558;
	color: #fff;
	font-size: 2rem;
	height: 100%;
	display: block;
	padding: 5px;
	margin-bottom: 10px;
}

.fax p{
	margin-bottom: 10px;
}

.fax p.km{
	color: #666;
	font-size: 1.5rem;
	margin-bottom: 40px;
}

.fax .btn_box{
	display: flex;
	justify-content: center;
}

.fax .btn_box a{
		background: #f1f3fa;
-webkit-box-shadow: 0px 3px 0px #B2C4E7;
box-shadow: 0px 3px 0px #B2C4E7;
color: #0051D3;
font-weight: bold;
height: 60px;
font-size: 1.8rem;
	padding:  0 40px;
	margin: 0 10px;
	
	width: auto;
	border: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}


/*--フッター--*/
footer .foot_box1,footer .foot_box2 {
	display: flex;
	margin-bottom: 20px;
}

footer .foot_box1 li{
	width: 100%;
	border: 1px solid #ccc;
	margin-right: 20px;
	padding: 20px 10px 10px;
	font-size: 1.4rem;
	line-height: 1.5
}

footer .foot_box1 li .stit{
	font-size: 1.8rem;
	font-weight: bold;
	color: #143558;
	text-align: center;
	margin: 20px 0;
}

footer .foot_box1 li:last-child{
	margin-right: 0;
}

footer .foot_box1 li img{
	width: 60px;
	height: 60px;
	display: block;
	margin: auto;
}

footer .foot_box2 li{
		width: 100%;
	border: 1px solid #ccc;
	margin-right: 20px;
	padding: 0 0 10px;
	font-size: 1.4rem;
	line-height: 1.5;
}

footer .foot_box2 li:last-child{
	margin-right: 0;
}

footer .foot_box2 li .stit{
	color: #fff;
	text-align: center;
	font-size: 1.8rem;
	background: #143558;
	padding: 6px 0;
	font-weight: bold;
	margin-bottom: 20px;
}

footer .foot_box2 li p{
	padding: 0 10px 10px;
}

footer .foot_box2 li img{
	width: 100px;
	display: block;
	margin: 0 auto 20px;
}

footer .foot_box2 li:nth-child(2){
	text-align: center;
}

footer .foot_box2 li:nth-child(2) .txt1{
	color: #143558;
}

footer .foot_box2 li:nth-child(2) .txt2{
	color: #f6641d;
	font-size: 1.8rem;
	font-weight: bold;
}

footer .foot_box2 p span{
	color:#f6641d
}

footer .foot_box3{
	background: #f1f3fa;
	padding: 40px 0;
}

footer .foot_box3 strong{
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	display: block;
	margin:  0 auto 20px;
}

footer .foot_box3 strong span{
	font-size: 3.6rem;
	color: #143558;
}

footer .foot_box3 ul{
	display: flex;
}

footer .foot_box3 ul li{
	background: #fff;
	width: 100%;
	margin-right: 20px;
	border: 1px solid #ccc;
	display: flex;
	padding: 15px 10px;
	font-size: 1.4rem;
	letter-spacing: -0.5px;
}

footer .foot_box3 ul li img{
	margin-right: 10px;
	width: 114px;
	height: auto;
	
}

footer .foot_box3 ul li:last-child{
	margin-right: 0;
}

footer .foot_box3 ul li .stit{
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

footer .foot_box3 ul li:nth-child(1){
	border-top:4px solid #1dace0;
}

footer .foot_box3 ul li:nth-child(2){
	border-top:4px solid #06c286;
}

footer .foot_box3 ul li:nth-child(3){
	border-top:4px solid #af59d4;
}

footer .foot_box3 ul li:nth-child(1) .stit{
	border-bottom:1px solid #1dace0;
}

footer .foot_box3 ul li:nth-child(2) .stit{
	border-bottom:1px solid #06c286;
}

footer .foot_box3 ul li:nth-child(3) .stit{
	margin-bottom: 0;
}


footer .foot_box3 ul li .center{
	text-align: center;
}

footer .foot_box3 ul li a{
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
}

footer .foot_box3 ul li:nth-child(1) a{
	border: 1px solid #1dace0;
	color: #1dace0;
	background: url(images/common/foot_info1_btn.png) no-repeat;
	background-position: 5px center;
	padding: 8px 5px 8px 30px;
	display: inline-block;
	margin: 10px auto 0;
	box-shadow: 0px 2px 12px -6px rgba(0,0,0,0.5);
}

footer .foot_box3 ul li:nth-child(2) a{
	border: 1px solid #06c286;
	color: #06c286;
	background: url(images/common/foot_info2_btn.png) no-repeat;
	background-position: 5px center;
	padding: 8px 5px 8px 30px;
	display: inline-block;
	margin: 10px auto 0;
	box-shadow: 0px 2px 12px -6px rgba(0,0,0,0.5);
}

footer .foot_box3 ul li:nth-child(3) .box{
	background: #af59d4;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
}

footer .foot_box3 ul li .tel_box{
	width: 100%;
}

footer .foot_box3 ul li:nth-child(3) a{
	font-size: 2.9rem;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
}

footer .foot_box3 ul li:nth-child(3) .tel_txt{
	text-align: center;
	font-size: 1.4rem;
}

footer .foot_box3 .txt{
	margin-top: 10px;
	text-align: center;
	font-size: 1.4rem;
}

footer .foot_box4{
	background: url(images/common/foot_bg.jpg) no-repeat;
	background-size:cover;
	background-position: top center;
	padding: 40px 0;
}

footer .foot_box4 .wrap{
	display: flex;
}

footer .foot_box4 .wrap .stit{
	color: #fff;
	font-size: 2rem;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #fff;
	position: relative;
	padding-left: 20px;

}

footer .foot_box4 .wrap .stit:before{
	content: ">";
	font-size: 2rem;
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
	transform: scale(0.8, 1);
	position: absolute;
	top: -2px;;
	left: 0;
}

footer .foot_box4 ul{
	margin-left: 5px;
}

footer .foot_box4 li{
	margin-bottom: 8px;
	position: relative;
	padding-left: 15px;
}

footer .foot_box4 li:before{
	content: ">";
	font-size: 1.6rem;
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
	transform: scale(0.8, 1);
	position: absolute;
	top: -2px;;
	color: #fff;
	left: 0;
}

footer .foot_box4 .item_title{
	background: hsla(0,0%,100%,0.20);
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px;
	display: inline-block;
	margin-bottom: 10px;

	
}

footer .foot_box4 li a{
	color: #fff;
	font-size: 1.6rem;
}

footer .foot_box4 .box1,footer .foot_box4 .box2{
	margin-right: 20px;
}

footer .foot_box4 .box1,footer .foot_box4 .box2,footer .foot_box4 .box3{
	width: 100%;
}

footer .cr{
	padding: 20px;
	text-align: center;
	background: #143558;
	font-size: 1.3rem;
	color: #fff;
}
.sp_foot_menu{
	display: none;
}


/*--mobile--*/


.sp_menu{
	display: none;
}


.more_btn_sp{
	display: none;
}

.reset_btn{
	text-align: right;
	cursor: default;
}

.csf-searchform-row__select-wraper--parent-category{
	margin-right: 20px;
}

.csf-form-wrapper{
	background: #f3f3f3!important;
}



.csf-searchform-maker {

    margin-right: 0;
}

.csf-searchform-row__select-wraper--initial {

    margin-right: 20px;
}

.csf-searchform select {
    padding-right: 27px;
}

.csf-searchform-row__select-wraper--initial {
    flex: 0 1 31%;
}

.csf-searchform-maker {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
}

.material-icons{
	font-size: 20px;
}

.csf-searchform-submit .material-icons {
    margin-top: 5px;
}

.csf-searchform-category {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33%;
    flex: 1 1 34%;
}

.home .breadcrumb{
	display: none;
}

.breadcrumb {
	width: 1200px;
	padding: 0 10px; 
	margin: 20px auto 0;
}

.breadcrumb ul{
	display: flex;
}

.breadcrumb ul li{
	font-size: 1.6rem;
	display: flex;
	align-items: center;
}

.breadcrumb ul li:after{
	display: inline-block;
	content: ">";
	color: #999;
	margin: 0 5px;
}
.breadcrumb ul li:last-child:after{
	display: none;
}

.breadcrumb ul li a{
	display: flex;
	align-items: center;
	}

.page_lp .stxt,.page_lp_repair .stxt{
	text-align: center;
	margin-bottom: 20px;
}

.page_lp .stxt h2,.page_lp_repair .stxt h2{
	font-size: 3.4rem;
	border-bottom: 2px solid #143558;
	margin-bottom: 5px;
	text-align: center;
	display: inline;
	line-height: 1.5;
	font-weight: bold;
	
}
.page_lp .stxt h2 span,.page_lp_repair .stxt h2 span{
padding-top: .4em;
    background-position: top left -2px;
    background-repeat: repeat-x;
    background-size: 1.0em .3em;
    background-image: radial-gradient(.15em .15em at center center,orange,orange 100%,transparent);
}
	
.page_lp #sec1 p{
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.5;
}

.page_lp #sec1 ul{
	display: flex;
	margin-top: 40px;
}

.page_lp #sec1 ul li{
	border: 1px solid #ccc;
	padding: 40px 10px;
	text-align: center;
	margin-right: 10px;
	width: 100%;
}
	
.page_lp #sec1 ul li:last-child{
	margin-right: 0;
}

.page_lp #sec1 ul li img{
	width: 110px;
	margin-bottom: 20px;
}

.page_lp #sec1 ul li .txt{
	font-size: 24px;
	color: #143558;
}

.page_lp .form_btn,.page_lp_repair .form_btn{
	margin-bottom: 60px;
}

.page_lp section,.page_lp_repair section{
	margin-bottom: 80px;
}

.page_lp .form_btn p ,.page_lp_repair .form_btn p{
	font-size: 2.4rem;
}
.page_lp .form_btn span ,.page_lp_repair .form_btn span{
	color: #ff0000;
	font-size: 3.6rem;
}

.page_lp #sec2{
	text-align: center;
}

.page_lp #sec2 p{
	text-align: center;
	font-size: 2.7rem;
}

.page_lp #sec2 p{
	text-align: center;
	font-size: 2.7rem;
	margin-bottom: 30px;
}

.page_lp #sec2 ul{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.page_lp #sec2 ul li{
	width: 55%;
	text-align: left;
	font-size: 2.3rem;
	font-weight: bold;
	margin-bottom: 20px;
}

.page_lp #sec2 ul li:nth-child(odd){
	width: 45%;
}
 
.page_lp #sec2 ul li:before{
	content: "";
	display: inline-block;
	width: 33px;
	height: 24px;
	background: url(images/buy/check.png) no-repeat;
}

.page_lp #sec2 strong{
	font-size: 3.4rem;
	color: #143558;
	font-weight: bold;
}


.page_lp #sec3 ul li{
	display: flex;
	margin-bottom: 20px;
}

.page_lp #sec3 ul li img{
	margin-right: 10px;
}

.page_lp #sec3 ul li:nth-child(even){
	flex-direction: row-reverse;
	
}

.page_lp #sec3 ul li:nth-child(even) img{
	margin-left: 10px;
}

.page_lp #sec3 ul li div{
	text-align: center;
	width: 100%;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}

.page_lp #sec3 ul li div h3{
	font-size: 2rem;
	color: #143558;
	width: 100%;
	font-weight: bold;
	margin-bottom: 10px;
}

.page_lp #sec3 ul li div p{
	font-size: 1.6rem;
	margin-bottom: 20px;
	line-height: 1.5;
	text-align: left;
}

.page_lp #sec4 ul{
	display: flex;
	justify-content: space-between;
	padding: 0 40px;
}



.page_lp #sec4 ul li{
	text-align: center;
	margin: 0 10px;
}

.page_lp #sec4 ul li img{
	margin-bottom: 20px;
}

.page_lp #sec4 ul li h3{
	font-size: 2.3rem;
	color: #143558;
	font-weight: bold;
	margin-bottom: 10px;
}

.page_lp #sec4 ul li p{
	font-size: 1.6rem;
	line-height: 1.5;
}


.page_lp #sec7 ul li{
	display: flex;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #f3f3f3;
	
}

.page_lp #sec7 ul li img{
	margin-right: 10px;
	height: 100%;
}

.page_lp #sec7 ul li div .tit{
	font-weight: bold;
	font-size: 2rem;
	margin-bottom: 5px;
}

.page_lp #sec7 ul li div .item{
	color: #666;
	font-size: 1.6rem;
	margin-bottom: 5px;
}

.page_lp #sec7 ul li div p{
	font-size: 1.6rem;
	line-height: 1.5;
}

.page_lp .mw_wp_form,.page_lp_repair .mw_wp_form{
	padding-top: 40px;
}

.page_lp_repair #sec1 .txt{
	background: #143558;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width: 100%;
	padding: 5px ;
	font-size: 2.8rem;
	margin-bottom: 40px;
	
	
}

.page_lp_repair #sec1 .check{
	display: flex;
	flex-wrap: wrap;
	padding: 10px 0 20px;
}

.page_lp_repair #sec1 .check li{
	width: 50%;
	text-align: left;
	font-size: 2.3rem;
	font-weight: bold;
	margin-bottom: 20px;
}

.page_lp_repair #sec1 .check li:nth-child(5n){
	width: 100%;
}

.page_lp_repair #sec1 .check li:before{
	content: "";
	display: inline-block;
	width: 33px;
	height: 24px;
	background: url(images/buy/check.png) no-repeat;
}

.page_lp_repair #sec1 strong{
	font-size: 3.4rem;
	color: #143558;
	font-weight: bold;
	display: block;
	text-align: center;
	padding-bottom: 40px;
}

.page_lp_repair #sec1 .box{
	border: 5px solid #e2e2e2;
	padding: 30px 20px 20px;
	text-align: center;
}

.page_lp_repair #sec1 .box h3{
	color: #143558;
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 20px;
}

.page_lp_repair #sec1 .box ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.page_lp_repair #sec1 .box ul li{
	padding: 5px 10px;
	border-radius: 30px;
	border: 1px solid #ccc;
	margin: 0 5px;
	font-size: 2rem;
	margin-bottom: 10px;
}


.page_lp_repair #sec2 .txt{
	font-weight: bold;
	font-size: 2.4rem;
	text-align: center;
	margin-bottom: 20px;
}

.page_lp_repair #sec2 ul li{
	display: flex;
	margin-bottom: 20px;
}

.page_lp_repair #sec2 ul li img{
	margin-right: 10px;
}

.page_lp_repair #sec2 ul li:nth-child(odd){
	flex-direction: row-reverse;
	
}

.page_lp_repair #sec2 ul li:nth-child(odd) img{
	margin-left: 10px;
	margin-right: 0;
}

.page_lp_repair #sec2 ul li div{
	text-align: center;
	width: 100%;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}

.page_lp_repair #sec2 ul li div h3{
	font-size: 2rem;
	color: #143558;
	width: 100%;
	font-weight: bold;
	margin-bottom: 10px;
}

.page_lp_repair #sec2 ul li div p{
	font-size: 1.6rem;
	margin-bottom: 20px;
	line-height: 1.5;
	text-align: left;
}


.spon{
	display: none;
	
}


.scrollbox {
	width: 100%;                /* 横幅を200pxに指定 */
	height: 300px;               /* 横幅を200pxに指定 */
	border: 1px solid #143558;      /* わかりやすくボーダーを引く */
	overflow-y: scroll;          /* 縦方向にスクロール可能にする */
	font-size: 1.3rem;
	line-height: 1.5;
	padding: 15px;
}

.scrollbox h3{
	font-weight: bold;
	font-size: 1.6rem;
	padding-top: 10px;
	border-bottom: 1px dashed #143558;
	padding-bottom: 5px;
}
.scrollbox span{
	color: #f0196a;
}

/*--会社概要--*/
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #143558;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #143558;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
	padding-top: 10px;
}
.companyflex {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}
.companyflex div:nth-child(1){
 	width: 40%;
 	padding-right: 20px;
}
.companyflex img {
	width: 100%;
	height:auto;
  }
  @media only screen and (max-width: 480px) {
	.companyflex {
		display:block;
	}
	.companyflex div:nth-child(1){
		width: 100%;
		padding-right: 0px;
   }
   .companyflex img {
	text-align: center;
	width: 80%;
	margin: auto;
   }
  }

  /*タブ切り替え全体のスタイル*/
.tabs {
	margin-top: 50px;
	padding-bottom: 40px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	width: 100%;
	margin: 0 auto;}
  
  /*タブのスタイル*/
  .tab_item {
	width: calc(100%/2);
	height: 50px;
	border-bottom: 3px solid #143558;
	background-color: #d9d9d9;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
  }
  .tab_item:hover {
	opacity: 0.75;
  }
  
  /*ラジオボタンを全て消す*/
  input[name="tab_item"] {
	display: none;
  }
  
  /*タブ切り替えの中身のスタイル*/
  .tab_content {
	display: none;
	padding: 40px 40px 0;
	clear: both;
	overflow: hidden;
  }
  
  
  /*選択されているタブのコンテンツのみを表示*/
  #all:checked ~ #all_content,
  #programming:checked ~ #programming_content,
  #design:checked ~ #design_content {
	display: block;
  }
  
  /*選択されているタブのスタイルを変える*/
  .tabs input:checked + .tab_item {
	background-color: #143558;
	color: #fff;
  }

/*顕微鏡LP*/
.page_lp_repair #sec5 p{
	font-size: 1.5rem;
	line-height: 2.5rem;
}

.page_lp_repair #sec5 p.midashi{
	background: #FBCF00;
	color: #143558;
	font-size: 1.5rem;
	text-align: center;
	padding: 5px;
	max-width: 200px;
	font-weight: bold;
	margin: auto;
}
  .page_lp_repair #sec5 h1{
	background: #143558;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width: 100%;
	padding: 20px ;
	font-size: 2.8rem;
	margin-bottom: 30px;
}
.page_lp_repair #sec5 h2{
	color: #143558;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

.page_lp_repair #sec5 h2 span{
	color: #FF6B00;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	line-height: 200%;
}

.page_lp_repair #sec5 p.txtcenter{
	text-align: center;
}
/*flex1*/
.page_lp_repair #sec5 .flex1{
	display: -webkit-flex;
    display: flex;
	width: 100%;
	margin: 20px 0px;
}
.page_lp_repair #sec5 .flex1 div:nth-child(1){
	width: 65%;
	padding: 10px;
}
.page_lp_repair #sec5 .flex1 img{
	width: 100%;
}
.page_lp_repair #sec5 .flex1 h4{
	font-size: 1.8rem;
	color: #143558;
	border-bottom: 2px solid #143558;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 15px;
}
.page_lp_repair #sec5 .flex1 p{
	font-size: 1.5rem;
	margin-bottom: 30px;
}
.page_lp_repair #sec5 .flex1 span{
	font-size: 2rem;
	font-weight: bold;
	background: linear-gradient(transparent 50%, #F7D664 50%);
}

@media only screen and (max-width: 480px) {
	.page_lp_repair #sec5 .flex1{
		display: block;}
	.page_lp_repair #sec5 .flex1 div:nth-child(1){
		width: 100%;
		padding: 10px;
	}
	.page_lp_repair #sec5 .flex1 div img{
		width: 100%;
	}
}

/*flex2*/
.page_lp_repair #sec5 .flex2{
	display: -webkit-flex;
    display: flex;
	width: 100%;
	margin: 30px 0px;
	padding: 10px;
	border: solid 2px #143558;
	margin-top: -20px;
	margin-bottom: 40px;
}
.page_lp_repair #sec5 .flex2 img{
	max-width: 150px;
	text-align: center;
}
.page_lp_repair #sec5 .flex2 div{
	width: 25%;
	padding: 10px;
}
.flex2midashi{
	text-align: center;
}
.flex2midashi img{
	text-align: center;
	max-width: 100px;
}
@media only screen and (max-width: 480px) {
	.page_lp_repair #sec5 .flex2{
		flex-wrap:wrap;}
	.page_lp_repair #sec5 .flex2 div{
		width: 50%;
		padding: 5px;
	}
}
/*flex3*/
.page_lp_repair #sec5 .flex3{
	display: -webkit-flex;
    display: flex;
	width: 100%;
	margin: 20px 0px;
}
.page_lp_repair #sec5 .flex3 div:nth-child(2){
	width: 65%;
	padding: 10px;
}
.page_lp_repair #sec5 .flex3 img{
	width: 100%;
}
.page_lp_repair #sec5 .flex3 h4{
	font-size: 1.8rem;
	color: #143558;
	border-bottom: 2px solid #143558;
	font-weight: bold;
	margin-bottom: 15px;
}
.page_lp_repair #sec5 .flex3 p{
	font-size: 1.5rem;
	margin-bottom: 30px;
}
.page_lp_repair #sec5 .flex3 span{
	font-size: 2rem;
	font-weight: bold;
	background: linear-gradient(transparent 50%, #F7D664 50%);
}
@media only screen and (max-width: 480px) {
	.page_lp_repair #sec5 .flex3{
		display: block;}
	.page_lp_repair #sec5 .flex3 div:nth-child(2){
		width: 100%;
	}
	.page_lp_repair #sec5 .flex3 div img{
		width: 100%;
	}
}

.page_lp_repair #sec5 h3.obimidashi{
	background: #143558;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width: 100%;
	padding: 10px ;
	font-size: 2.4rem;
	margin-bottom: 30px;
	margin-top: 50px;
}
.page_lp_repair #sec5 .movie {
    position: relative;
    width: 100%;
    height: 0px;
    padding-top: 56.25%;
	margin-top: 20px;
	margin-bottom: 40px;
}
.page_lp_repair #sec5 .movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media only screen and (max-width: 480px) {
	.page_lp_repair #sec5 .flex3{
		display: block;}
}
/*flex4*/
.page_lp_repair #sec5 .flex4{
	display: -webkit-flex;
    display: flex;
	width: 100%;
	margin: 20px 0px;
}
.page_lp_repair #sec5 .flex4 div{
	width: 50%;
	padding: 10px;
}
.page_lp_repair #sec5 .flex4 p {
	color: #143558;
	font-weight: bold;
	font-size: 2.2rem;
}
.page_lp_repair #sec5 .flex4 span {
	background: #143558;
	padding: 10px;
	color: #ffffff;
	font-size: 3rem;
	font-weight: bold;
	margin-right: 20px;
}
.page_lp_repair #sec5 .flex4 img {
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 480px) {
	.page_lp_repair #sec5 .flex4{
		display: block;}
	.page_lp_repair #sec5 .flex4 div{
		width: 100%;
	}
	.page_lp_repair #sec5 .flex4 div img{
		width: 100%;
	}
}


.page_lp_repair #sec5 p.no_midashi {
	color: #143558;
	font-weight: bold;
	font-size: 2.2rem;
	margin-bottom: 20px;
}
.page_lp_repair #sec5 p.no_midashi span {
	background: #143558;
	padding: 10px;
	color: #ffffff;
	font-size: 3rem;
	font-weight: bold;
	margin-right: 20px;
}
@media only screen and (max-width: 480px) {
	.page_lp_repair #sec5 p.no_midashi {
		font-size: 1.8rem;
	}
	.page_lp_repair #sec5 p.no_midashi span {
		margin-right: 10px;
	}
}

/*flex5*/
.page_lp_repair #sec5 .flex5{
	display: -webkit-flex;
    display: flex;
	width: 100%;
	margin: 20px 0px;
}
.page_lp_repair #sec5 .flex5 div{
	width: 33%;
	padding: 10px;
}
.page_lp_repair #sec5 .flex5 img {
	width: 100%;
	height: auto;
}

ul.jirei {
	background: #F3FAFF;
	padding: 30px ;
}
ul.jirei li{
	text-align: left;
	font-size: 1.5rem;
	line-height: 2.5rem;
}
@media only screen and (max-width: 480px) {
	.page_lp_repair #sec5 .flex5{
		display: block;}
		.page_lp_repair #sec5 .flex5 div{
		width: 100%;
	}
	.page_lp_repair #sec5 .flex5 div img{
		width: 100%;
	}
	ul.jirei {
		padding: 10px ;
	}
}

.page_lp_repair #sec5 .contactarea{
	margin: 40px 0px;
	text-align: center;
}

.page_lp_repair #sec5 .contactarea p.orange{
	color: #FF6B00;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.page_lp_repair #sec5 .contactarea p.marker{
	color: #000000;
	font-size: 2rem;
	font-weight: bold;
}
.page_lp_repair #sec5 .contactarea p.marker span{
	font-size: 2rem;
	font-weight: bold;
	background: linear-gradient(transparent 50%, #F7D664 50%);
}

#sec5 p.marker span{
	font-size: 2rem;
	font-weight: bold;
	background: linear-gradient(transparent 50%, #F7D664 50%);
}

.page_lp_repair #sec5 .repairflow{
	background: #F3FAFF;
	padding: 30px ;
}

.page_lp_repair #sec5 .repairflow dl{
	background: #ffffff;
	display: -webkit-flex;
    display: flex;
}
.page_lp_repair #sec5 .repairflow dt{
	text-align: center;
	background: #143558;
	padding: 20px;
	color: #ffffff;
	margin-right: 20px;
	width: 10%;
}
.page_lp_repair #sec5 .repairflow dt span{
	font-size: 3rem;
	font-weight: bold;
}
.page_lp_repair #sec5 .repairflow dd{
	padding: 20px;
}

.page_lp_repair #sec5 .repairflow p.repairflow_m{
	color: #143558;
	font-weight: bold;
	font-size: 1.8rem;
}

@media only screen and (max-width: 480px) {
	.page_lp_repair #sec5 .repairflow{
		padding: 5px ;
	}
	.page_lp_repair #sec5 .repairflow dt{
		padding: 10px 5px;
		margin-right: 5px;
		width: 15%;
	}
	.page_lp_repair #sec5 .repairflow dd{
		padding: 10px;
	}
}
.page_lp_repair #sec5 div.tcenter {
	place-items: center;
}
.page_lp_repair #sec5 p.triangle {
	background: #143558;
	height: calc(60px / 2);
  	width: 100px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
  }

ul.tokki {
	background: #F5F5F5;
	padding: 30px ;
}
ul.tokki li{
	text-align: left;
	font-size: 1.5rem;
	line-height: 2.5rem;
}
li.tokkimidashi{
	color: #143558;
	font-size: 1.5rem;
	font-weight: bold;
}

/*ボタン*/

.page_lp_repair #sec5 .form_btn{
	margin-top: 20px;
}
.page_lp_repair #sec5 .btn,
.page_lp_repair #sec5 a.btn{
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 10rem;
  background: #FF6B00;
}
a.btn--red.btn--cubic {
	border-bottom: 5px solid #FF6B00;
  }
  
  a.btn--red.btn--cubic:hover {
	margin-top: 3px;
	border-bottom: 2px solid #FF6B00;
  }
  
  a.btn--radius {
	border-radius: 100vh;
  }
  
  .fa-position-right {
	position: absolute;
	top: calc(50% - .5em);
	right: 1rem;
  }
  @media only screen and (max-width: 480px) {
	.page_lp_repair #sec5 .btn,
.page_lp_repair #sec5 a.btn,
.page_lp_repair #sec5 button.btn {
	width: 100%;
	position: relative;
	left:1px;
	height: auto;
	padding: 1.5rem 1rem;
  }
}

/*クリーニングLP*/
.page_lp_repair #sec5 p.txtcenter{
	text-align: center;
}
.page_lp_repair #sec5 p.txtcenter span{
	color: #000000;
	font-size: 2rem;
	font-weight: bold;
	background: linear-gradient(transparent 50%, #F7D664 50%);
}
.lp_img{
	text-align: center;
}
.lp_img img{
	max-width: 100%;
}
.page_lp_repair #sec5 h3.linedashi{
	border-bottom: 3px solid #143558;
	color: #143558;
	font-weight: bold;
	text-align: left;
	width: 100%;
	padding: 10px ;
	font-size: 1.8rem;
	margin-bottom: 30px;
	margin-top: 50px;
}

.page_lp_repair #sec5 h3.obimidashi img{
	height: 50px;
	width: auto;
}


/*flex1_cleaning*/
.page_lp_repair #sec5 .flex1_cleaning{
	display: -webkit-flex;
    display: flex;
	width: 100%;
	margin: 20px 0px;
}
.page_lp_repair #sec5 .flex1_cleaning div:nth-child(1){
	width: 85%;
	padding: 10px;
}
.page_lp_repair #sec5 .flex1_cleaning img{
	width: 100%;
}
#sec5 h4{
	font-size: 1.8rem;
	color: #143558;
	border-bottom: 2px solid #143558;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 15px;
}
.page_lp_repair #sec5 .flex1_cleaning h4 span{
	background: #143558;
	color: #fff;
	padding: 10px;
	line-height: 200%;
	padding-top: 20px;
	position: relative;
	top:10px;
	margin-right: 10px;
}
.page_lp_repair #sec5 .flex1_cleaning h4 strong{
	color: #fff;
	font-size: 3.5rem;
	line-height: 200%;
}
.page_lp_repair #sec5 .flex1_cleaning p{
	font-size: 1.5rem;
	margin-bottom: 30px;
}
.page_lp_repair #sec5 .flex1_cleaning span{
	font-size: 2rem;
	font-weight: bold;
	background: linear-gradient(transparent 50%, #F7D664 50%);
}

@media only screen and (max-width: 480px) {
	.page_lp_repair #sec5 .flex1_cleaning{
		display: block;}
	.page_lp_repair #sec5 .flex1_cleaning div:nth-child(1){
		width: 100%;
		padding: 10px;
	}
	.page_lp_repair #sec5 .flex1_cleaning div img{
		width: 100%;
	}
}
.flex1_cleaning li{
	font-size: 1.5rem;
	line-height: 200%;
}
.flex1_cleaning li:before{
    content: url("images/cleaning/check.png");  /*画像のURL*/
    margin-right:10px;  /*画像右の余白*/
    position:relative;
    top:5px;      /*上からの位置*/
    left:0;       /*左からの位置*/
	height: 25px;
}

/*flex2_cleaning*/
.page_lp_repair #sec5 .flex2_cleaning{
	display: -webkit-flex;
    display: flex;
	width: 100%;
	margin: 30px 0px;
	padding: 10px;
	border: solid 2px #143558;
	margin-top: -20px;
	margin-bottom: 40px;
	flex-wrap:wrap;
	text-align: center;
}
.page_lp_repair #sec5 .flex2_cleaning img{
	height: 100px;
	text-align: center;
	margin: auto;
}
.page_lp_repair #sec5 .flex2_cleaning div{
	width: 33%;
	padding: 10px;
}
.flex2_cleaning_midashi{
	text-align: center;
}
.flex2_cleaning_midashi img{
	text-align: center;
	max-width: 250px;
}
@media only screen and (max-width: 480px) {
	.page_lp_repair #sec5 .flex2_cleaning{
		flex-wrap:wrap;}
	.page_lp_repair #sec5 .flex2_cleaning div{
		width: 50%;
		padding: 5px;
	}
}



/*flex3_cleaning*/
.page_lp_repair #sec5 .flex3_cleaning{
	display: -webkit-flex;
    display: flex;
	width: 100%;
	margin: 20px 0px;
}
.page_lp_repair #sec5 .flex3_cleaning div:nth-child(1){
	width: 50%;
	padding: 10px;
}
.page_lp_repair #sec5 .flex3_cleaning img{
	width: 100%;
}
.page_lp_repair #sec5 .flex3_cleaning span{
	color: #000000;
	font-size: 1.7rem;
	font-weight: bold;
	background: linear-gradient(transparent 50%, #F7D664 50%);
}
@media only screen and (max-width: 480px) {
	.page_lp_repair #sec5 .flex3_cleaning{
		display: block;}
	.page_lp_repair #sec5 .flex3_cleaning div:nth-child(1){
		width: 100%;
		padding: 10px;
	}
	.page_lp_repair #sec5 .flex3_cleaning div img{
		width: 100%;
	}
}

/*買取LP*/
.flex_buypoint {
	display: -webkit-flex;
    display: flex;
	width: 100%;
	column-gap: 10px;
	margin-bottom: 20px;
}

.flex_buypoint li{
	border:  1px solid #143558;
	padding: 10px;
	width: 33%;
	margin-bottom: 20px;
}
.flex_buypoint li img{
	width: 100%;
}
.flex_buypoint li h3 {
	padding: 10px;
	color: #143558;
	font-weight: bold;
	text-align: center;
	border-bottom:solid 3px #143558;
	font-size: 2rem!important;
}
@media only screen and (max-width: 480px) {
	.flex_buypoint {
		display: block;
	}
	.flex_buypoint li{
		width: 100%;
	}
}
h2.buy_h2 {
	color: #000000!important;
	font-size: 2.5rem!important;
	font-weight: bold;
	margin-top: 30px;
}
h2.buy_h2 span{
	color: #000000!important;
	font-size: 3rem!important;
	background: linear-gradient(transparent 50%, #F7D664 50%);
}
.flex_buysupport {
	display: -webkit-flex;
    display: flex;
	width: 100%;
	column-gap: 10px;
	margin-bottom: 20px;
}

.flex_buysupport div:nth-child(1){
	background: #143558;
	padding: 10px;
	text-align: center;
	width: 200px;
	margin-right: 30px;
}
.flex_buysupport div:nth-child(1) p{
	color: #fff!important;
}
.flex_buysupport div:nth-child(1) strong{
	font-size: 4rem;
}

.flex_buysupport dt{
	font-size: 1.8rem;
	margin-bottom: 10px;
	color: #143558;
}
.flex_buysupport dd {
	font-size: 1.2rem!important;
	line-height: 170%;
}
.flex_buysupport dd span{
	color: #000000!important;
	font-size: 1.5rem!important;
	font-weight: bold;
	background: linear-gradient(transparent 50%, #F7D664 50%);
}

@media only screen and (max-width: 480px) {
	.flex_buysupport div:nth-child(1){
		background: #143558;
		padding: 10px;
		text-align: center;
		width: 100px;
		margin-right: 15px;
	}
	.flex_buysupport div:nth-child(1) strong{
		font-size: 3rem;
	}
}

p.kyoucyou {
	text-align: center;
}
.kyoucyou span{
	font-weight: bold;
	color: #FF6B00;
	font-size: 1.8rem;
}
ul.flex_buylist {
	display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}
.flex_buylist li{
	width: 23%;
	margin: 5px;
	border: 1px solid #143558;
	color: #143558;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	padding: 15px 10px;
}

.flex_buylist li img {
	width: 90%;
}
@media only screen and (max-width: 480px) {
	.flex_buylist li{
		width: 47%;
	}
}

h4.linemidashi{
	border-bottom: 2px solid #143558;
	font-size: 1.8rem;
	color: #143558;
	font-weight: bold;
	padding: 5px;
	line-height: 200%;
	}
h4.linemidashi img{
	height: 50px;
	width: auto;
	padding-right: 20px;
}
table.buylist_table {
	width: 100%;
}
.buylist_table th{
	background: #D7EBF8;
	color: #143558;
	font-weight: bold;
	font-size: 1.3rem;
	padding: 5px;
}
.buylist_table td{
	font-size: 1.3rem;
	padding: 10px;
	border-bottom: 1px solid #D7EBF8;
}

.buylist_table th:nth-child(1){
	width: 50%;
}
.buylist_table th:nth-child(2){
	width: 10%;
}
.buylist_table th:nth-child(3){
	width: 20%;
}
.buylist_table th:nth-child(4){
	width: 20%;
}
.buylist_table td:nth-child(4){
	width: 20%;
	text-align: right;
	font-weight: bold;
}

@media only screen and (max-width: 480px) {
	.buylist_table th:nth-child(1){
		width: 40%;
	}
	.buylist_table th:nth-child(2){
		width: 10%;
	}
	.buylist_table th:nth-child(3){
		width: 20%;
	}
	.buylist_table th:nth-child(4){
		width: 30%;
	}
	.buylist_table td:nth-child(4){
		width: 30%;
		text-align: right;
		font-weight: bold;
	}
}

.buymarker {
	display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}
.buymarker li{
	width: 18%;
	padding: 5px;
	text-align: center;
	font-size: 1.3rem;
}

.buymarker li img{
	width: 100%;
}
@media only screen and (max-width: 480px) {
	.buymarker li{
		width: 32%;
	}
}

.flex_buypoint2 {
	display: -webkit-flex;
    display: flex;
	width: 100%;
	column-gap: 10px;
	margin-bottom: 20px;
	text-align: center;
}

.flex_buypoint2 li{
	padding: 10px;
	width: 33%;
	margin-bottom: 20px;
}
.flex_buypoint2 li img{
	width: 80%;
}
.flex_buypoint2 li h3 {
	padding: 10px;
	color: #143558;
	font-weight: bold;
	text-align: center;
	border-bottom:solid 3px #143558;
	font-size: 2rem!important;
}
@media only screen and (max-width: 480px) {
	.flex_buypoint2 {
		display: block;
		text-align: center;
	}
	.flex_buypoint2 li{
		width: 100%;
		padding: 0px;
	}
	.flex_buypoint2 li img{
		width: 70%;
	}
}
.page_lp_repair #sec2 ul.site_list li {
	display: block;
	text-align: left;
}

/*フローティングボタン（お問い合わせ）*/
.floating-bg {
	position: fixed;
	bottom: 50px;
	right: 0;
	margin: 15px 20px;
	padding: 10px;
	background-color: #143558;
	border-radius: 10px;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15);
	width: 220px;
	height: 110px;
	z-index: 1000;
	}
	.floating-banner1
	{ position: fixed; right: 40px; bottom: 80px; z-index: 9999; display: block; background-color: #f6641d; /* バナー背景色 */
	padding: 10px; /* バナー内部の余白 */ border-radius: 40px;width: 180px;text-align: center;z-index: 2000;}
	.floating-banner1 a{
		color: #ffffff!important;
		font-size: 12px!important;
		font-weight: bold!important;
	}

	.floating-banner2 a,.floating-banner3 a,.floating-banner4 a{
		color: #ffffff!important;
		font-size: 13px!important;
		font-weight: bold!important;
	}

	.floating-bg p.floatingtxt {
		letter-spacing: normal;
		font-size: 13px!important;
		font-weight: bold;
		color: #ffffff!important;
		margin-bottom: -10px;
		padding-top: 10px;
	}
	button.meter-banner-close {
    font-weight: bold!important;
	font-size: 2rem!important;
    position: absolute;
    top: -10px;
    right: 0px!important;
    z-index: 99999!important;
    padding: 4px 8px!important;
    border: none;
    background-color: #f8f8f8;
    border-radius: 25px;
    cursor: pointer!important;
    -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%)!important;
    box-shadow: 0 0 7px rgb(0 0 0 / 40%)!important;
	}

/*TOPへ戻るボタン*/
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 10px;
    bottom: 5px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
	box-shadow: 0 4px 6px rgb(0 0 0 / 30%);
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
}

@media (hover: hover) and (pointer: fine) {
    .pagetop:hover, .pagetop:hover .pagetop__arrow {
        border-color: #3293e7;
    }
}

@media only screen and (max-width: 480px) {
	.pagetop {
    right: 10px;
    bottom: 70px;
}
}

/*一覧を見るボタン*/
.buyichiran_btn{
	text-align: right;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
}
a.buyichiran_btnClick{
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 10rem;
  background: #05355B;
}