@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;
}

/*パディング*/
.pad2{
	padding:2%;
}
.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;
}
.mt100{
	margin-top:100px;
}
.mt120{
	margin-top:120px;
}
.mt150{
	margin-top:150px;
}
.mt200{
	margin-top:150px;
}

.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%; 
}


/*各商品カテゴリーのイメージ画像と文言*/
.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: #ffb400;
}

.cate_fly a {
    padding: 5px 30px;
    background: #ffb400;
    color: #fff;
    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: #ffb400;
    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;
}*/
/*目次青パターン　ここまで*/








/*リンクボタン*/
.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;
}





@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;
	}
	
	.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%; 
	}
	
	
	.wsize2216{
	font-size: 16px;
	}
	
	.itemword{
	font-size: 10px;
	}
	
	.linkbutton1{
    width: 96%;
	}
	.linkbutton1 a{
    width: 100%;
	box-sizing: border-box;
	}
	
}