@charset "utf-8";

/*-------------------------------------------------------------------
　common
-------------------------------------------------------------------*/
#wrapper{
	width:100%;
	margin:0 0 100px 0;
	overflow: hidden;
}

#wrapper img{
	width:100%;
	height:auto;
	backface-visibility:hidden;
}

#wrapper a:hover img{
	opacity:0.8;
}

.content{
	width: 1000px;
	margin: 80px auto 0;
	overflow: hidden;
	clear: both;
}

.view_pc{display:block;}
.view_sp{display:none;}

.view_pc767{display:block;}
.view_sp767{display:none;}

.mg-T20{margin-top: 20px;}
.mg-T40{margin-top: 40px;}
.mg-B0{margin-bottom: 0 !important;}

/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
.content{width:90%;}
.view_pc{display:none;}
.view_sp{display:block;}
}

/* ---- sp 767-------------- */
@media only screen and (max-width:767px){
.content{margin: 50px auto 0;}
.view_pc767{display:none;}
.view_sp767{display:block;}
}

/* ---- sp 480-------------- */
@media only screen and (max-width:480px){
.content{margin: 30px auto 0;}
}


/*-------------------------------------------------------------------
　pageVisual
-------------------------------------------------------------------*/
.pageVisual{
	width:100%;
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	margin-top: 80px;
}

.pageVisual h3{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	-webkit-text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
	-moz-text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
	-ms-text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
	text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.serviceBg{background-image: url(../images/business_bg.jpg);}
.riceBg{background-image: url(../images/rice_bg.jpg);}
.tonerBg{background-image: url(../images/toner_bg.jpg);}
.flyBg{background-image: url("../images/dr_fry_bg.jpg");}
.recoBg{background-image: url("../images/recommended_bg.jpg");}
.companyBg{background-image: url(../images/company_bg.jpg);}
.contBg{background-image: url(../images/company_bg.jpg);}


/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
.pageVisual{height: 300px;}
}

/* ---- 920px -------------- */
@media only screen and (max-width:920px){
.pageVisual{margin-top: 50px;}
}


/* ---- sp 767-------------- */
@media only screen and (max-width:767px){
.pageVisual{height: 270px;margin-top: 50px;}
.pageVisual h3{font-size: 30px;}
.pageVisual h3 span{font-size: 15px;}
}

/* ---- sp 480-------------- */
@media only screen and (max-width:480px){
.pageVisual{height: 200px;}
}


/*-------------------------------------------------------------------
　title
-------------------------------------------------------------------*/
.mainTitle{
	font-family: 'Noto Sans JP', sans-serif;
	display: flex;
	align-items: center;
	text-align: center;
	font-size: 68px;
	color: #99C7E7;
	font-weight: bold;
	line-height: 1;
	letter-spacing: -0.03em;
}

.mainTitle::before,
.mainTitle::after{
	content:"";
	flex-grow: 1;
	border-bottom: 1px solid #99C7E7;
}

.mainTitle::before{
	margin-right: 30px;
	padding-left: 15px;
}

.mainTitle::after{
	margin-left: 30px;
	padding-right: 15px;
}

.mainTitle_sm{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	text-align: center;
	color: #99C7E7;
	margin-bottom: 30px;
}

.subTit{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 25px;
	color: #1D4692;
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
}

/* ---- sp 767-------------- */
@media only screen and (max-width:767px){
.mainTitle{
	font-size: 40px;
}

.subTit{
	font-size: 22px;
	line-height: 1.5;
	margin-bottom: 30px;
}
}

/* ---- sp 480-------------- */
@media only screen and (max-width:480px){
.mainTitle{
	font-size: 20px;
}

.mainTitle_sm{
	font-size: 14px;
	margin-bottom: 20px;
}

.subTit{
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 30px;
}
}


/*-------------------------------------------------------------------
　service
-------------------------------------------------------------------*/
.service_Box{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

.service_Box:last-of-type{
	margin-bottom: 0;
	border-bottom: 0px solid #CCCCCC;
	padding-bottom: 0;
}

.ser_ph{width: 40%;}
.ser_det{width: 55%;}

.ser_det h3{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #1D4692;
	margin-bottom: 10px;
}

.under{
  background: linear-gradient(transparent 60%, #CDE4F3 60%);
}

.ser_det h4{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	color: #006619;
	margin: 10px 0 0px;
}

.font_sm{
	font-size: 14px;
	margin-top: 10px;
}


/* ---- sp 767-------------- */
@media only screen and (max-width:767px){
.service_Box{
	flex-direction: column;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

.ser_ph{width: 100%; margin-bottom: 20px;}
.ser_det{width: 100%;}

.ser_det h3{
	font-size: 22px;
	margin-bottom: 10px;
	text-align: center;
}
}

/* ---- sp 480-------------- */
@media only screen and (max-width:480px){
.ser_det h3{
	font-size: 18px;
}
}


/*-------------------------------------------------------------------
　product　商品紹介
-------------------------------------------------------------------*/
.product_mi{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
	line-height: 1.6;
}

.product_mainTit{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	padding: 10px 10px;
	line-height: 1.6;
}

.product_mainTit span{
	font-size: 20px;
	font-weight: normal;
}

.orange_bg{background:#FF8000;}
.blue_bg{background: #1D4692;}
.blue_bg_sub{background: #CDE4F3; color: #1D4692;}
.green_bg{background: #006600;}
.yellow_bg{background: #F1C512;}

.pro_txC{
	text-align: center;
	margin-top: 30px;
}

.pro_txL{
	margin-top: 30px;
}

.product_wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
	margin-bottom: -5%;
	align-items: stretch;
}

.productBox{
	display: flex;
	flex-direction: column;
	width: 31%;
	margin: 0 3.5% 5% 0;
	border:0px solid #CCC;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1.6;
}

.productBox:nth-child(3n){
	margin: 0 0% 5% 0;
}

.productBox h4{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 10px 0;
}

.pri{
	margin-top: auto;
	padding-top: 1em;
}

dl.column1{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	box-sizing: border-box;
}

dl.column1 dt{
	width:52%;
	border-style:dashed;
	border-color:#666666;
	border-width:0 0 1px 0;
	padding:1px 0 1px 2%;
	box-sizing:border-box;
}

dl.column1 dd{
	width:44%;
	border-style:dashed;
	border-color:#666666;
	border-width:0 0 1px 0;
	padding:1px 2% 1px 0;
	text-align:right;
	box-sizing:border-box;
}

dl.column1 dt:last-of-type,
dl.column1 dd:last-of-type{
	border-width:0 0 1px 0;
}

.rice_priBox{
	margin: 10px 0 0;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #D90000;
}

.rice_priBox span.pri_sm{
	font-size: 14px;
}

#kikan_wrap{
	display: flex;
	align-items: center;
	font-size: 16px;
	margin-top: 40px;
}

#kikan{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	padding: 2px 30px;
	background: #F1048A;
	margin-right: 15px;
	border-radius: 5px;
}

.item_Box{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 50px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.item_Box:last-of-type{
	margin-bottom: 0;
	border-bottom: 0px solid #CCCCCC;
	padding-bottom: 0;
}

.item_ph{width: 40%;}
.item_det{width: 55%;}

.item_det h3{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #1D4692;
	margin-bottom: 10px;
	line-height: 1.5;
}

.item_det h4{
	font-weight: bold;
	margin-bottom: 10px;
}

ul.pcList{
	margin:0 0 15px 20px;
	padding: 0;
}

ul.pcList li{
	list-style: disc;
}

.pc_pri{font-size: 20px;color: #D90000;}
.pc_pri span{font-size: 16px;}

#tokuten p{
	margin-top: 30px;
}

ol.list_decimal{
	margin:0 0 15px 20px;
	padding: 0;
}

ol.list_decimal li{
	list-style: decimal;
}

.shiyoTx{
	margin-bottom: 15px;
}

dl.shiyo{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	box-sizing: border-box;
	margin-bottom: 15px;
}

dl.shiyo dt{
	width:24%;
	padding:0px 0 0px 2%;
	box-sizing:border-box;
}

dl.shiyo dd{
	width:72%;
	padding:0px 2% 0px 0;
	box-sizing:border-box;
}

.itemPop{
	width: 100%;
	margin-top: 20px;
}


/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
dl.column1 dt{
	width:44%;
	border-style:dashed;
	border-color:#666666;
	border-width:0 0 1px 0;
	padding:1px 0 1px 2%;
	box-sizing:border-box;
}

dl.column1 dd{
	width:52%;
	border-style:dashed;
	border-color:#666666;
	border-width:0 0 1px 0;
	padding:1px 2% 1px 0;
	text-align:right;
	box-sizing:border-box;
}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
.product_mi{
	font-size: 22px;
	text-align: center;
	margin-bottom: 30px;
}

.product_mainTit{
	font-size: 22px;
	padding: 10px 10px
}

.product_mainTit span{
	font-size: 18px;
}

.product_wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	align-items: flex-start;
	flex-direction: column;
}

.productBox{
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 0 0% 30px 0;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1.6;
}

.productBox:nth-child(3n){
	margin: 0 0% 30px 0;
}

dl.column1{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	box-sizing: border-box;
}

.item_Box{
	flex-direction: column;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.item_ph{width: 100%; margin-bottom: 20px;}
.item_det{width: 100%;}

.item_det h3{
	font-size: 22px;
	margin-bottom: 10px;
	text-align: center;
}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
.product_mi{
	font-size: 18px;
	text-align: left;
	margin-bottom: 30px;
}

.product_mainTit{
	font-size: 18px;
	padding: 10px 10px;
}

.product_mainTit span{
	font-size: 14px;
}

.pro_txC{
	text-align: left;
	margin-top: 30px;
}

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

#kikan_wrap{
	display: flex;
	align-items: center;
	font-size: 16px;
	margin-top: 20px;
	flex-direction: column;
}

#kikan{
	font-size: 18px;
	padding: 2px 30px;
	margin-right: 0px;
	margin-bottom: 10px;
	border-radius: 5px;
}

dl.shiyo{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	box-sizing: border-box;
	margin-bottom: 15px;
	flex-direction: column;
	line-height: 1.4;
}

dl.shiyo dt{
	width:100%;
	padding:5px 0 0px 0%;
	font-weight: bold;
}

dl.shiyo dd{
	width:100%;
	padding:0px 0% 5px 0;
	border-style:dashed;
	border-color:#666666;
	border-width:0 0 1px 0;
}
}


/*-------------------------------------------------------------------
　中古PC　RPC
-------------------------------------------------------------------*/
.rpc01{margin: 40px 0;}

ul#rpcMerit{
	display: flex;
	justify-content: space-between;
	margin: 40px 0;
}

ul#rpcMerit li{
	list-style: none;
	width: 30%;
}

.rpcText{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}

.rpcText span{
	font-size: 24px;
	color: #F1048A;
}

ul#rpcPri{
	display: flex;
	justify-content: space-between;
	margin: 40px 0 30px;
}

ul#rpcPri li{
	list-style: none;
}

.rpcBtn{
	font-family: 'Noto Sans JP', sans-serif;
	width: 300px;
	margin: 0 auto 20px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
}

.rpcBtn a{
	display: block;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	padding: 15px 5px 18px;
	border-radius: 15px;
	background: #59C0C1;
}

.rpcBtn a:hover{
	background: #42B4B5;
}

.survey_wrap{
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.surveyBox{
	width: 31%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.surveyBox h4{
	width: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	text-align: center;
	padding: 12px 0px;
	background: #E8EEFA;
	margin-bottom: 30px;
	border-radius: 50px;
}

.survey_img{
	width: 80%;
	margin: 0 auto 20px;
}

ul.surveyList li{
	list-style-type: disc;
	margin-left: 20px;
}

.review_wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: top;
	border:0px solid red;
	box-sizing: border-box;
}

.reviewBox{
	width: 48%;
	padding: 20px 20px;
	display: flex;
	justify-content: space-between;
	background: #DCECDD;
	border-top:7px solid #067046;
	box-sizing: border-box;
}

.review_ph{
	width: 30%;
	text-align: center;
}

.review_ph img{
margin-bottom: 10px;
}

.review_tx{
	width: 65%;
}

.reviewBox:not(:nth-child(2n+2)) {
  margin-right: 4%;
}

.reviewBox:nth-child(n+3) {
  margin-top: 40px;
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
.rpc01{margin: 15px 0;}

.rpcText{
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
}

.rpcText span{
	font-size: 20px;
}

ul#rpcMerit{
	flex-direction: column;
	margin: 40px 0;
}

ul#rpcMerit li{
	list-style: none;
	width: 70%;
	margin: 0 auto 30px;
}

ul#rpcMerit li:last-child{
	margin-bottom: 0;
}

ul#rpcPri{
	flex-direction: column;
	margin: 40px 0 30px;
}

.survey_wrap{
	flex-direction: column;
	margin-top: 40px;
}

.surveyBox{
	width: 100%;
	margin-bottom: 30px;
}

.surveyBox h4{
	width: 70%;
	padding: 12px 0px;
	margin-bottom: 30px;
}

.survey_img{
	width: 60%;
	margin: 0 auto 20px;
}

.review_wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: top;
}

.reviewBox{
	width: 100%;
	padding: 20px 20px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.review_ph{
	width: 30%;
	text-align: center;
}

.review_ph img{
margin-bottom: 10px;
}

.review_tx{
	width: 65%;
}

.reviewBox:not(:nth-child(2n+2)) {margin-right: 0%;}
.reviewBox:nth-child(n+3) {margin-top: 0px;}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
.rpc01{margin: 15px 0;}

.rpcText{
	font-size: 15px;
	line-height: 1.5;
	text-align: left;
	margin-top: 30px;
}

.rpcText span{
	font-size: 18px;
}

ul#rpcMerit{
	flex-direction: column;
	margin: 30px 0;
}

ul#rpcMerit li{
	width: 80%;
	margin: 0 auto 30px;
}

ul#rpcPri{
	margin: 20px 0 20px;
}

ul#rpcPri li{
	width: 100%;
	margin: 0 auto;
}

.rpcBtn{
	width: 80%;
	margin: 0 auto;
	font-size: 15px;
	line-height: 1.4;
}

.rpcBtn a{
	display: block;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	padding: 15px 5px 18px;
	border-radius: 15px;
	background: #59C0C1;
	margin-bottom: 30px;
}

.survey_wrap{
	margin-top: 30px;
}

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

.surveyBox h4{
	width: 80%;
	padding: 12px 0px;
	margin-bottom: 20px;
}

.survey_img{
	width: 70%;
	margin: 0 auto 20px;
}

.reviewBox{
	width: 100%;
	padding: 20px 30px;
	flex-direction: column;
	margin-bottom: 30px;
}

.review_ph{
	width: 50%;
	text-align: center;
	margin: 0 auto 20px;
}

.review_tx{
	width: 100%;
}
}

/*-------------------------------------------------------------------
　company
-------------------------------------------------------------------*/
#company_tx{
	width: 75%;
	margin: 0 auto;
}

#com_logo{
	width: 350px;
	margin: 30px auto 0;
}

.com_dlBtn{
	width: 300px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
}

.com_dlBtn a{
	display: block;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	margin: 50px auto 0;
	padding: 10px 20px;
	border-radius: 5px;
	background: #244894;
}

.com_dlBtn a:hover{background: #2E5CBD;}

.comTB {
	width: 100%;
	border: 0px solid #CCC;
	border-collapse: collapse;
	border-spacing: 0;
	margin:30px auto 0;
	box-sizing: border-box;
}

.comTB th {
	width: 240px;
	font-weight: bold;
	padding: 15px 30px 15px 30px;
	border-width: 2px 0px 2px 0px;
	border-style: solid;
	border-color: #CACACA;
	background-color: #F9F9F9;
	text-align: left;
	box-sizing: border-box;
}

.comTB td {
	padding: 15px 20px 15px 30px;
	border-width:2px 0px 2px 0px;
	border-style:solid;
	border-color: #DDDDDD;
	text-align:left;
	box-sizing: border-box;
}

ul.comList{
	margin: 0;
}

ul.comList li{
	list-style-type: disc;
	margin-left: 1em;
	margin-bottom: 15px;
	line-height: 1.5;
}

ul.comList li:last-child{
	list-style-type: disc;
	margin-left: 1em;
	margin-bottom: 0;
}


/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
#company_tx{width: 85%;}

.comTB th {
	width: 20%;
	font-weight: bold;
	padding: 15px 20px 15px 20px;
	border-width: 2px 0px 2px 0px;
	border-style: solid;
	border-color: #CACACA;
	background-color: #F9F9F9;
	text-align: left;
	box-sizing: border-box;
}

.comTB td {
	padding: 15px 20px 15px 20px;
	border-width:2px 0px 2px 0px;
	border-style:solid;
	border-color: #DDDDDD;
	text-align:left;
	box-sizing: border-box;
}
}

/* ---- sp 767-------------- */
@media only screen and (max-width:767px){
#company_tx{width: 95%;}

#com_logo{
	width: 65%;
	margin: 30px auto 0;
}

.com_dlBtn{
	width: 75%;
	font-size: 20px;
}

.com_dlBtn a{
	margin: 50px auto 80px;
	padding: 15px 20px;
}

.comTB {
	border-bottom: 1px solid #CACACA;;
}

.comTB th {
	display: block;
	width: 100%;
	font-size: 16px;
	padding: 10px 15px 10px 15px;
	border-width: 1px 0px 1px 0px;
	text-align: center;
}

.comTB td {
	display: block;
	width: 100%;
	padding: 15px 15px 15px 15px;
	border-width:0px 0px 0px 0px;
}
}

/* ---- sp 480-------------- */
@media only screen and (max-width:480px){
.com_dlBtn{
	width: 95%;
	font-size: 18px;
}

.com_dlBtn a{
	margin: 50px auto 80px;
	padding: 15px 10px;
}
}

/*-------------------------------------------------------------------
　contact
-------------------------------------------------------------------*/
.contTit{
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	font-size: 40px;
	color: #99C7E7;
	font-weight: bold;
	letter-spacing: -0.03em;
	margin-bottom: 30px;
}

.contactTx{
	text-align: center;
	margin-bottom: 20px;
}

.thaksTx{
	margin-bottom: 60px;
}

/* ---- sp 767-------------- */
@media only screen and (max-width:767px){
.contactTx{
	text-align: left;
}
}


/*-------------------------------------------------------------------
　BONX
-------------------------------------------------------------------*/
.bonx_Base{
	margin: 80px auto 0;
	border:0px solid #000;
}

.bonx_mainTit{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	padding: 10px 10px;
	line-height: 1.6;
	background: #1D4692;
	margin-bottom: 30px;
}

.bonxTit{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #1D4692;
	margin-bottom: 10px;
}

.bonx_flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 80px;
}

.bonx_ph{width: 40%;}
.bonx_det{width: 55%;}

.bonxImg80{
	width: 80%;
	margin: 50px auto;
}

ul.bonx_feature{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}

ul.bonx_feature li{
	width: 48%;
	display: flex;
	justify-content: space-between;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #CCC;
	padding: 20px 0;
}

.featureImg{
	width: 80px;
}

.featureDet{
	width: 380px
}

.featureDet h4{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}

.featureDet h4 span{
	display: block;
	color: #1D4692;
	line-height: 1.2;
	margin-top: 5px;
}

.earphone ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.earphone ul li{
	width: 31%;
}

.earphonePh{
	width: 60%;
	margin: 0 auto 20px;
}

.earphone ul li h4{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	background: #E8EEFA;
	border-radius: 50px;
	padding: 5px 0 10px;
}

.earphone ul li h4 span{
	display: block;
	font-size: 16px;
	margin-top: -10px;
}

.earphoneList ul{
	flex-direction: column;
	margin:0 0 10px 20px;
}

.earphoneList ul li{
	width: 100%;
	list-style-type: disc;
}

.youtube{
  position:relative;
  width:100%;
  padding-top:56.25%;
}

.youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width: 100% !important;
  height: 100% !important;
}

.demoBox{
	display: flex;
	justify-content: space-between;
}

.demo_ph{width: 40%;}
.demo_det{width: 55%;}

.dl_Btn{
	width: 300px;
	margin-top: 20px;
}

.dl_Btn a{
	display: block;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	padding: 10px 10px;
	border-radius: 5px;
	background: #244894;
}

.dl_Btn a:hover{
	background: #2E5CBD;
}

/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
.featureImg{width: 20%;}
.featureDet{width: 75%}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
.bonx_Base{
	margin: 50px auto 0;
}

.bonx_mainTit{
	font-size: 22px;
	padding: 10px 10px
}

.bonx_flex{
	flex-direction: column;
	margin-bottom: 50px;
}

.bonxTit{
	font-size: 22px;
	margin-bottom: 10px;
	text-align: center;
}

.bonx_ph{width: 80%; margin: 0 auto 20px;}
.bonx_det{width: 100%;}

.bonxImg80{
	width: 90%;
	margin: 40px auto 0;
}

ul.bonx_feature{
	flex-direction: column;
	margin-top: 30px;
}

ul.bonx_feature li{
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #CCC;
	padding: 20px 0;
}

.earphone ul{
	flex-direction: column;
}

.earphone ul li{
	width: 100%;
	margin-bottom: 50px;
}

.earphone ul li:last-child{
	width: 100%;
	margin-bottom: 10px;
}

.earphonePh{
	width: 40%;
	margin: 0 auto 20px;
}

.earphoneList ul li{
	width: 100%;
	list-style-type: disc;
	margin-bottom: 0;
}

.demoBox{
	flex-direction: column;
}

.demo_ph{width: 100%;margin-bottom: 20px;}
.demo_det{width: 100%;}

.dl_Btn{
	width: 300px;
	margin: 20px auto 0;
}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
.bonx_Base{
	margin: 30px auto 0;
}

.bonx_mainTit{
	font-size: 16px;
	padding: 10px 10px;
	margin-bottom: 20px;
}

.bonxTit{
	font-size: 18px;
}

.bonx_flex{
	margin-bottom: 30px;
}

.bonxImg80{
	width: 90%;
	margin: 30px auto 0;
}

.featureDet h4{
	font-size: 16px;
	margin-bottom: 15px;
}

.earphone ul li h4{
	font-size: 17px;
	margin-bottom: 20px;
	padding: 2px 0 5px;
}

.earphone ul li h4 span{
	display: block;
	font-size: 16px;
	margin-top: -5px;
}

.dl_Btn{
	width: 85%;
	margin: 35px auto 0;
}

.dl_Btn a{
	padding: 15px 10px;
}
}


/*-------------------------------------------------------------------
　トナー販売
-------------------------------------------------------------------*/
.toner_flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 40px 0 80px;
}

.toner_ph{width: 40%;}
.toner_det{width: 55%;}

.tonerTit{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #1D4692;
	margin-bottom: 10px;
	line-height: 1.4;
}

.tonerBa{
	margin-top: 25px;
	width: 80%;
}

.toner_about_wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: top;
	box-sizing: border-box;
}

.tonerBox{
	width: 48%;
	padding: 20px 30px 30px;
	background: #E6EDFB;
	border-top:7px solid #1D4692;
	box-sizing: border-box;
}

.tonerBox h4{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #1D4692;
	margin-bottom: 10px;
}

.tonerBox:not(:nth-child(2n+2)) {
  margin-right: 4%;
}

.tonerBox:nth-child(n+3) {
  margin-top: 40px;
}

.toner_notes{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 30px 0 5px;
	color: #D90000;
}

/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
.toner_flex{
	align-items: flex-start;
}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
.toner_flex{
	flex-direction: column;
	margin-bottom: 15px 0 50px;
}

.tonerTit{
	font-size: 22px;
	margin-bottom: 10px;
	text-align: center;
}

.toner_ph{width: 100%; margin: 0 auto 20px;}
.toner_det{width: 100%;}

.tonerBa{
	margin-top: 25px;
	margin-bottom: 30px;
	width: 100%;
}


.toner_about_wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: top;
}

.tonerBox{
	width: 100%;
	padding: 20px 30px 30px;
	margin-bottom: 50px;
}

.tonerBox:last-child{margin-bottom: 0;}

.tonerBox h4{
	font-size: 22px;
	margin-bottom: 10px;
}

.tonerBox:not(:nth-child(2n+2)) {margin-right: 0%;}
.tonerBox:nth-child(n+3) {margin-top: 0;}

.toner_notes{
	font-size: 16px;
	margin: 30px 0 5px;
}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
.tonerTit{font-size: 18px;}

.toner_flex{
	margin-bottom: 40px;
}

.tonerBox{
	width: 100%;
	padding: 20px 25px 30px;
}

.tonerBox h4{font-size: 18px;}
}


/*-------------------------------------------------------------------
　ドクターフライ
-------------------------------------------------------------------*/
.fly_flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 40px 0 80px;
}

.fly_ph{width: 40%;}
.fly_det{width: 55%;}

.fly_flex h3{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #FF9226;
	margin-bottom: 10px;
	line-height: 1.4;
}

.flyTx{
	font-weight: bold;
	color: #D90000;
	text-decoration: underline;
}

ul.fly_feature{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}

ul.fly_feature li{
	width: 48%;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #CCC;
	padding: 20px 0;
}

ul.fly_feature li h4{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	color: #FF9226;
	font-size: 20px;
	margin-bottom: 10px;
}

ul.fly_feature li h4 span{
	background: linear-gradient(transparent 60%, #FFE4CA 60%);
}

.moisture_wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: top;
	margin-top: 40px;
	box-sizing: border-box;
}

.moistureBox{
	width: 31%;
	box-sizing: border-box;
	margin-bottom: 3.5%;
	border: 1px solid #FFC184;
}

.moistureBox:not(:nth-child(3n+3)) {margin-right: 3.5%;}

.moistureBox h4{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 20px;
	color: #FF9326;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
	background: #FFE9D4;
}

.moistureBox p{
	padding: 20px 20px;
}

ul.moistureTx{
	margin-top: 0px;
	padding-left: 20px;
}

ul.moistureTx li{
	list-style: disc;
	margin-bottom: 5px;
}

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

.fly_pricePh{
	width: 500px;
	height: auto;
	margin: 0 auto;
	border-radius: 15px;
}

.fly_pricePh img{border-radius: 10px;}

.fly_priceTx{
	margin-top: 20px;
	text-align: center;
}

.fly_priceTx h4{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 10px;
}

.fly_priceTx h4 span{font-size: 15px;}

ul.fly_recipe{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;
}

ul.fly_recipe li{
	width: 48%;
	margin-bottom: 30px;
}

ul.fly_recipe li h4{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	text-align: center;
	color: #FF9226;
	font-size: 20px;
	padding: 5px 0;
	margin-bottom: 20px;
	border:1px solid #FF9226;
}

.fly_youtube_wrap{
	width: 800px;
	margin: 30px auto 0;
}

.fly_youtube{
  position:relative;
  width:100%;
  padding-top:56.25%;
}

.fly_youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width: 100% !important;
  height: 100% !important;
}

/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
.fly_flex{
	align-items: flex-start;
}

.fly_youtube_wrap{
	width: 100%;
	margin: 30px auto 0;
}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
.fly_flex{
	flex-direction: column;
	margin-bottom: 15px 0 50px;
}

.fly_flex h3{
	font-size: 22px;
	margin-bottom: 10px;
	text-align: center;
}

.fly_ph{width: 100%; margin: 0 auto 20px;}
.fly_det{width: 100%;}

ul.fly_feature{
	flex-direction: column;
	margin-top: 30px;
}

ul.fly_feature li{
	width: 100%;
	padding: 20px 0;
}

ul.fly_feature li h4{
	font-size: 20px;
	margin-bottom: 10px;
}

.moisture_wrap{margin-top: 30px;}

.moistureBox{
	width: 48%;
	margin-bottom: 4%;
}

.moistureBox:not(:nth-child(3n+3)) {margin-right: 0%;}
.moistureBox:not(:nth-child(2n+2)) {margin-right: 4%;}

ul.moistureTx{
	margin-top: 10px;
}

.fly_pricePh{
	width: 100%;
}

ul.fly_recipe{
	flex-direction: column;
	margin-top: 30px;
}

ul.fly_recipe li{
	width: 100%;
	margin-bottom: 20px;
}

ul.fly_recipe li h4{
	margin-bottom: 20px;
}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
.fly_flex{margin-bottom: 40px;}
.fly_flex h3{font-size: 18px;}

ul.fly_feature li h4{font-size: 18px;margin-bottom: 10px;}

.moisture_wrap{
	flex-direction: column;
	margin-top: 30px;
}

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

.moistureBox h4{
	font-size: 18px;
	line-height: 1.4;
}

.moistureBox:not(:nth-child(2n+2)) {margin-right: 0%;}
.moistureBox:last-child{margin-bottom: 0;}

ul.moistureTx{margin-top: 25px;}

.fly_priceTx h4{
	font-size: 18px;
	margin-bottom: 10px;
}

.fly_priceTx h4 span{font-size: 15px;}

ul.fly_recipe li h4{
	font-size: 18px;
}

.fly_youtube_wrap{
	margin: 20px auto 0;
}
}


/*-------------------------------------------------------------------
　今月のおすすめ
-------------------------------------------------------------------*/
.popTx{
	text-align: center;
	margin-bottom: 20px;
}

.pop_wrap{
	display: flex;
	justify-content: space-around;
}

.pop_box{
	width: 47%;
	text-align: center;
}

.pop_box img{
	border:1px solid #CCC;
	box-sizing: border-box;
	margin-bottom: 20px;
}

ul.back_number{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: top;
	margin: 40px 0 0 0;
	border:0px solid red;
	box-sizing: border-box;
}

ul.back_number li{
	width: 15%;
	font-size: 20px;
	text-align: center;
	box-sizing: border-box;
	border:0px solid #000;
}

ul.back_number li:not(:nth-child(6n+6)) {
  margin-right: 2%;
}

ul.back_number li:nth-child(n+7) {
  margin-top: 20px;
}

ul.back_number li a{
	display: block;
	text-decoration: none;
	background: #EEE;
	color: #000;
	border-radius: 10px;
	padding: 10px 0;
}

ul.back_number li a:hover{
	background: #E5E5E5;
}

/* ---- 1024px ------------- */
@media only screen and (max-width:1024px){
.pop_box{
	width: 47%;
	text-align: left;
}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
.pop_wrap{
	flex-direction: column;
}

.pop_box{
	width: 100%;
	margin-bottom: 50px;
	text-align: center;
}

.pop_box:last-child{margin-bottom: 0;}

ul.back_number li{width: 22%;}
ul.back_number li:not(:nth-child(6n+6)) {margin-right: 0%;}
ul.back_number li:nth-child(n+7) {margin-top: 0;}
ul.back_number li:not(:nth-child(4n+4)) {margin-right: 4%;}
ul.back_number li:nth-child(n+5) {margin-top: 4%;}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
.pop_box{
	width: 100%;
	margin-bottom: 50px;
	text-align: left;
}

ul.back_number li{width: 30%;}
ul.back_number li:not(:nth-child(4n+4)) {margin-right: 0;}
ul.back_number li:nth-child(n+5) {margin-top: 0;}
ul.back_number li:not(:nth-child(3n+3)) {margin-right: 5%;}
ul.back_number li:nth-child(n+4) {margin-top: 5%;}
}