@charset "utf-8";
/* CSS Document */

.main_pc_img{
	display: block;
}
.main_sp_img{
	display: none;
}

.pcbr{
	display:block;
}
.spbr{
	display: none;
}


/*蛍光ペン風黄色*/
.under_flu_yellow{
	background: linear-gradient(transparent 60%, #ffb 40%);
}






.size1{
	font-size: 25px;
}
.size2{
	font-size: 36px;
}

.newwordbase{
	font-family: 'Yu Gothic UI','Meiryo UI',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	line-height: 1.8;
	font-weight: 500;
	letter-spacing: 0.11em;
}

.textcenter{
	text-align: center;
}

.titlecate{
	text-align: left;
}

/*パディング*/
.pad1{
	padding:1%;
}
.pad2{
	padding:2%;
}
.pad2200{
	padding:2% 2% 0 0;
}
.pad04{
	padding: 0 4%;
}
.pad36{
	padding:3% 6%;
	
}

.bsbx{
	box-sizing: border-box;
}


/*マージントップ*/
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mt40{
	margin-top:40px;
}
.mt50{
	margin-top:50px;
}
.mt60{
	margin-top:60px;
}
.mt70{
	margin-top:70px;
}
.mt80{
	margin-top:80px;
}
.mt100{
	margin-top:100px;
}
.mt120{
	margin-top:120px;
}
.mt150{
	margin-top:150px;
}
.mt200{
	margin-top:150px;
}

/*マージンボトム*/
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}


.wsize18{
	font-size: 18px;
}
.wsize20{
	font-size: 20px;
}
.wsize2216{
	font-size: 22px;
}




/*テキスト下のアンダー線*/
.textunder{
	border-bottom:2px dashed #333;
	padding-bottom:4px;
}



/*題*/
.subject{
	width:400px; 
	margin: 0 auto;
}


/*フレックスボックス32*/
.item32_flex{
	display: flex;
	flex-flow: row wrap;
}
.item32_flex div{
	width:33%; 
}
/*フレックスボックス21*/
.item21_flex{
	display: flex;
	flex-flow: row wrap;
}
.item21_flex p{
	width:50%; 
}
/*フレックスボックス4列*/
.item25_flex{
	display: flex;
	flex-flow: row wrap;
}
.item25_flex div{
	width:25%; 
}

/*商品画像3列*/
.item33_flex{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:20px;
}
.item33_img img{
    width:100%;
    height:auto;
    display:block;
}




/*各商品カテゴリーのイメージ画像と文言*/
.item21_flex_cate{
	display: flex;
	flex-flow: row wrap;
	width: 100%;
}
.tcatein .limg{
	width: 34%;
}
.tcatein .rw{
	width: 66%;
	box-sizing: border-box;
}
.itemword{
	color:#333!important;
}
.itemdetail a{
	text-decoration-line: none;
}

.item32_flex div a p figure figcaption:hover{
	opacity:0.7!important;
}
.item32_flex div a p:hover{
	opacity:0.7!important;
}




/*/////////////////////////////
	目次
/////////////////////////////*/
/*.cate_fly_wrap{
	margin:30px 0;
}

.cate_fly_wrap p {
    font-size: 16px;
    font-weight: bold;
    color: #666666;
}

.cate_fly a {
    padding: 5px 30px;
    background: #fff;
    color: dimgray;
    display: inline-block;
    text-decoration: none;
    border-radius: 5px;
    border: 0.5px solid dimgray;
    box-sizing: border-box;
    margin-bottom: 5px;
}

.cate_fly a:hover{
	color: #fff;
    background: #6E6E6E;
}*/



/*目次白パターン　ここから*/
.cate_fly_wrap{
	margin:30px 0;
}

.cate_fly_wrap p {
    font-size: 16px;
    font-weight: bold;
    color: #00afcc;
}

.cate_fly a {
    padding: 5px 30px;
    background: #00afcc;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-radius: 5px;
    border: 0.5px solid #00afcc;
    box-sizing: border-box;
    margin-bottom: 5px;
}

.cate_fly a:hover{
	color: #00afcc;
    background: #fff;
}
/*目次白パターン　ここまで*/






/*目次オレンジパターン　ここから*/
/*.cate_fly_wrap{
	margin:30px 0;
}

.cate_fly_wrap p {
    font-size: 16px;
    font-weight: bold;
    color: #ffb400;
}

.cate_fly a {
    padding: 5px 30px;
    background: #fff;
    color: #ffb400;
    display: inline-block;
    text-decoration: none;
    border-radius: 5px;
    border: 0.5px solid #ffb400;
    box-sizing: border-box;
    margin-bottom: 5px;
}

.cate_fly a:hover{
	color: #fff;
    background: #ffb400;
}*/
/*目次オレンジパターン　ここまで*/



/*目次青パターン　ここから*/
/*.cate_fly_wrap{
	margin:30px 0;
}

.cate_fly_wrap p {
    font-size: 16px;
    font-weight: bold;
    color: #005ec7;
}

.cate_fly a {
    padding: 5px 30px;
    background: #fff;
    color: #005ec7;
    display: inline-block;
    text-decoration: none;
    border-radius: 5px;
    border: 0.5px solid #005ec7;
    box-sizing: border-box;
    margin-bottom: 5px;
}

.cate_fly a:hover{
	color: #fff;
    background: #005ec7;
}*/
/*目次青パターン　ここまで*/








/*TOP文章+横バナーリンク　ここから*/
.TOP_p-banner{
	display: flex;
}
.TOP_p-W70{
	width: 70%;
}
.TOP_p-W65{
	width: 65%;
}
.TOP_p-SP{
	width: 100%;
	font-size:13px;
}
.TOP_banner-W30{
	width: 30%;
	margin:10px 0 0 10px;
}
.TOP_banner-W35{
	width: 35%;
	margin:10px 0 0 10px;
}
.TOP_banner-img{
	display: flex;
	width: 100%;
}
.TOP_banner-aL{
	width: 96%;
	min-width:90px;
}
.TOP_banner-aR{
	width: 96%;
	min-width:90px;
	text-align:right;
}
.TOP_banner-aC{
	width: 96%;
	min-width:90px;
	margin-bottom: 5px;
}
/*TOP文章+横バナーリンク　ここまで*/

/*TOP文章の下側-バナーリンク　ここから*/
.selfcheck-banner{
	width: 35%;
	min-width: 280px;
}
/*TOP文章の下側-バナーリンク　ここまで*/



/*カテゴリタイトル　ここから*/
.category-title{
	font-size:36px;
	font-weight: 600;
	position:relative;
	padding-left:36px;
	/*color:#ea6182;*/
	color:#00afcc;
}
.category-title::before{
	content:"";
	position:absolute;
	left:0;
	top:10px;

	width:30px;
	height:30px;

	background-color:#00afcc;

	-webkit-mask-image:url(../images/icn_entry01.png);
	mask-image:url(../images/icn_entry01.png);

	-webkit-mask-size:contain;
	mask-size:contain;

	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;

	-webkit-mask-position:center;
	mask-position:center;
}
.category-title-line{
	height:6px;
	background-image:radial-gradient(circle, #00afcc 2px, transparent 2px);
	background-size:11.5px 6.5px;
	background-repeat:repeat-x;
}
@media only screen and (max-width:600px){

.category-title{
	font-size:28px;
}
.category-title::before{
	font-size:28px;
	top:5px;
}
}
.category-title2{
	font-size:24px;
	font-weight:600;
	margin-bottom:5px;
	padding:0 10px 0 8px;
	display:inline-block;
	border-bottom:solid 3px #00afcc;
	position:relative;
}
.category-title2 {
	display: inline-block;
	border-bottom: solid 3px #9AE9F9;
	position: relative;
}

.category-title2:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: -3px;
	width: 40px;
	border-bottom: solid 3px #00afcc;
}
.category-title3{
	font-size:24px;
	font-weight:600;
	margin-bottom:5px;
	padding:0 10px 0 8px;
	display:inline-block;
	border-bottom:solid 3px #9ba99d;
	position:relative;
}
.category-title3 {
	display: inline-block;
	border-bottom: solid 3px #cdd0ce;
	position: relative;
}

.category-title3:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: -3px;
	width: 40px;
	border-bottom: solid 3px #9ba99d;
}
/*カテゴリイトル　ここまで*/

/* 商品ごとのタイトルデザイン */
.s-title {
	position: relative;
	padding-left: 25px;
	display: inline-block;
	padding-light:5px;
	font-size:28px;
	font-weight: 600;
	color:#333;
}
.s-title:before {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 15px transparent;
	border-bottom: solid 15px #9ba99d;
}
.s-title:after {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 10px;
	width: 100%;
	border-bottom: solid 2px #9ba99d;
}
@media only screen and (max-width:600px){

.s-title {
	font-size:24px;
}

}
/* 商品ごとのタイトルデザイン */


/* 商品枠作成 */
.pen-flex{
	display:flex;
}

.pen-mainimg{
	width:50%;
}

.pen-mainimg img{
	width:100%;
	display:block;
}

.pen-right{
	width:50%;
}

.pen-subimg{
	display:flex;
}

.pen-subimg img{
	width:50%;
	display:block;
}

/*
.point-box{
	border:1px solid #666;
	margin:0 10px;
}
*/
.point-box p{
	padding:0 10px;
	font-size:14px;
	font-weight:600;
	line-height:1.5;
}
.point-box span{
	color:#666;
	font-weight:500;
}
.pen-price{
	padding:0 10px;
	font-size:16px;
	font-weight:600;
}
.pen-price-3column{
	font-size:16px;
	font-weight:600;
}
.price{
	color:#D23E3E;
	font-size:22px;
	font-weight:700;
}
.price-3column{
	color:#D23E3E;
	font-size:22px;
	font-weight:700;
}
.tax{
	color:#D23E3E;
	font-weight:700;
}
.tax-3column{
	color:#D23E3E;
	font-weight:700;
}
.mt-PC80-SP60{
		margin-top:80px;
	}

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

	.pen-flex{
		flex-direction:column;
	}

	.pen-mainimg{
		width:100%;
	}

	.pen-right{
		width:100%;
	}
	.mt-PC80-SP60{
		margin-top:60px;
	}
	.pen-price-3column{
	font-size:14px;
	}
	.tax-3column{
	font-size:14px;
	}
	.price-3column{
	font-size:20px;
	}

}
/* 商品枠作成 */


/*リンクボタン*/
.linkbutton1{
	margin: 0 auto;
    width: 420px;
}
.linkbutton1 a{
	color: #005ec7;
    background-color: #fff;
	display: inline-block;
    width: 100%;
    padding: 10px 0;
    border: 2px solid #005ec7;
    transition-duration: 0.3s;
    text-decoration: none;
    text-align: center;
    border-radius: 50px;
}
.linkbutton1 a:hover{
	color: #fff;
	background-color: #005ec7;
}
/*リンクボタン*/


/*リンクボタン-詳しくはこちら-緑色*/
/*.penkatu_kuwashikuha{
	margin:0 auto 15px auto;
	padding:0;
	width:90%;
	coloe:#3A8826 !important;
	text-align:center;
}
.penkatu_kuwashikuha a{
	display:inline-block;
	width:100%;
	padding:8px 0;
	border:2px solid #3A8826;
	color:#3A8826 !important;
	background-color:#fff;
	text-align:center;
	transition-duration:0.2s;
	border-radius:20px;
	box-sizing:border-box;
	text-decoration:none;
}
.penkatu_kuwashikuha a:hover{
	background-color:#3A8826;
	color:#fff !important;
}*/
/*リンクボタン-詳しくはこちら-緑色*/


/*リンクボタン-詳しくはこちら-水色*/
.penkatu_kuwashikuha{
	margin:0 auto 15px auto;
	padding:0;
	width:90%;
	coloe:#00afcc !important;
	text-align:center;
}
.penkatu_kuwashikuha a{
	display:inline-block;
	width:100%;
	padding:8px 0;
	border:2px solid #00afcc;
	color:#00afcc !important;
	background-color:#fff;
	text-align:center;
	transition-duration:0.2s;
	border-radius:20px;
	box-sizing:border-box;
	text-decoration:none;
	font-weight:600;
}
.penkatu_kuwashikuha a:hover{
	background-color:#00afcc;
	color:#fff !important;
}
/*リンクボタン-詳しくはこちら-水色*/

/*カテゴリタイトル右下リンク-カテゴリ一覧はこちら*/
.category-title-RBa{
	text-align: right;
	font-weight: 700;
}
.category-title-RBa a{
	text-decoration:none;
	color:#005ec7 !important;
}
.category-title-RBa a:hover{
	opacity: 0.5;
}
/*カテゴリタイトル右下リンク-カテゴリ一覧はこちら*/


/*制作実績関連*/
.jisseki-title{
	font-size:15px;
	font-weight:700;
	line-height: 1.8;
}
.jisseki-p{
	font-size:13px;
	line-height: 1.6;
}
.jisseki-a{
	font-size:15px;
	font-weight:700;
	color:#3A8826;
	text-decoration-line: none !important;
}
.jisseki-a:hover{
	opacity: 0.5;
}



/*260520-FAQ*/
#guide #faq dl{
	margin: 0;
	padding: 10px 10px;
	background: url(https://www.naire110.com/images/contents/icn_q.png) no-repeat left 20px top 20px;
	background-size: 24px;
	border-top:solid 2px #E3E2DD;
}
#guide #faq dl:last-child{
	border-bottom:solid 2px #E3E2DD;
}
#guide #faq dt{
	background: url(https://www.naire110.com/images/contents/icn_plus.png) no-repeat right 10px top 13px;
	background-size: 20px;
	padding: 12px 40px 10px 50px;
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}
#guide #faq dt:hover{
	opacity: 0.5;
}
#guide #faq dd{
	display: none;
}
#guide #faq dd{
	background: url(../images/contents/icn_a.png) no-repeat left 10px top 10px;
	background-size: 24px;
	padding: 10px 50px;
}
#guide #faq dt.active{
	background: url(../images/contents/icn_minus.png) no-repeat right 10px top 13px;
	background-size: 20px;
}
.faq-category-1{
	padding:20px 10px 10px 20px;
	font-size: 24px;
	font-weight: bold;
	color: #888;
}
.faq-category-2{
	padding:80px 10px 10px 20px;
	font-size: 24px;
	font-weight: bold;
	color: #888;
	border-top:solid 2px #E3E2DD;
}
.faq-category-bold::first-letter{
	color:#17B4B3;
}

@media only screen and (max-width: 600px){
	#guide #faq dl{
		padding: 5px 5px;
		background: url(../images/contents/icn_q.png) no-repeat left 10px top 17px;
		background-size: 14px;
	}
	#guide #faq dt{
		background: url(../images/contents/icn_plus.png) no-repeat right 10px top 13px;
		background-size: 10px;
		padding: 10px 40px 10px 30px;
		font-size: 14px;
	}
	#guide #faq dd{
		background: url(../images/contents/icn_a.png) no-repeat left 5px top 10px;
		background-size: 14px;
		padding: 5px 30px;
	}
	#guide #faq dt.active{
		background: url(../images/contents/icn_minus.png) no-repeat right 10px top 13px;
		background-size: 12px;
	}
	.faq-category-1{
		padding:20px 5px 5px 10px;
		font-size: 22px;
		font-weight: bold;
		color: #888;
	}
	.faq-category-2{
		padding:80px 5px 5px 10px;
		font-size: 22px;
		font-weight: bold;
		color: #888;
		border-top:solid 2px #E3E2DD;
	}
	
}
/*260520-FAQ*/







@media only screen and (max-width: 1100px){
	.item42_flex p{
	width:33%;
	}
	/*.titlecate{
	text-align: center;*/	
}
	




@media only screen and (max-width: 600px) {
	.main_pc_img{
		display: none;
	}
	.main_sp_img{
		display: block;
	}
	.TOP_p-W65{
		display: block;
		width: 100%;
	}
	
	.pcbr{
	display:none;
	}
	
	.spbr{
	display:block;
	}
	
	.size1{
	font-size: 18px;
	}
	.size2{
	font-size: 22px;
	}
	
	.titlecate{
	text-align: center;
	}
	
	.tcatein .limg{
	width: 100%;
	}
	.tcatein .limg img{
	margin:0 auto;
	}
	.tcatein .rw{
	width: 100%;
	box-sizing: border-box;
	}
	
	/*題*/
	.subject{
	width:260px; 
	}
	
	.item32_flex div{
	width:50%;
	}
	.item21_flex p{
	width:100%; 
	}
	.item25_flex div{
	width:50%;
	}
	
	/*商品画像3列*/
	.item33_flex{
	grid-template-columns:repeat(2, 1fr);
	}
	
	
	.wsize2216{
	font-size: 16px;
	}
	
	.itemword{
	font-size: 10px;
	}
	
	.linkbutton1{
    width: 96%;
	}
	.linkbutton1 a{
    width: 100%;
	box-sizing: border-box;
	}
	
	/*TOP文章の下側-バナーリンク　ここから*/
	.selfcheck-banner{
	width: 50%;
	min-width: 300px;
	}
	/*TOP文章の下側-バナーリンク　ここまで*/
}