@charset "utf-8";
/* Q＆A　―よくあるお問い合わせ―（header） */
#qa {  
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
	position: relative;
    max-width: 1200px; height: 60px; margin: 0 auto 20px; padding: 15px 0 5px;
    border-bottom: dotted 3px #ff4d00; 
	font-size: 21px;}

#qa  > * { padding: 0 10px;}

#qa img { width: 220px; vertical-align: bottom;}


@media screen and (max-width:699px){
	#qa {  
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		text-align: center;
		font-size: 18px;}

	#qa > * { width: 100%;}

    #qa img { display: inline; width: 200px;}
	
	#qa strong { padding: 10px 0 0;}
}

/**========================================**/
/* カラム */
main { margin: 0 auto 50px; padding: 0 20px;}
section { float: right; width: 75.8%;}
aside { float: left; width: 20.5%}

@media screen and (max-width:999px){
	section { width: 72%;}
	aside { width: 26%}
}

@media screen and (max-width:799px){
	section { width: 67%;}
	aside { width: 30%}
}

@media screen and (max-width:699px){
	section,
	aside { float: none; width: 100%}
}

/* サイドバー */
aside #category-qa {
    margin: 0 0 30px;
    border: solid 1px #959595;
    border-radius: 10px;} 
    
aside strong {
    display: block;
	margin: 0 0 10px; padding: 8px;
	border-bottom: solid 1px #959595; border-radius: 10px 10px 0 0;
    background: #FFEFDB;
	color: #454545; font-size: 12px; line-height: 1.5em;}

aside ul{ padding: 0 5px 5px;}

aside li{
	padding: 3px 10px 3px 20px;
	background: url(../images/icon-arrow_r.png) 2px 9px no-repeat;}
	
/* パンクズリスト */
#pankuzu { max-width: 1200px; margin: 0 auto 20px; padding: 0;}
  
/**============================================================================================**/

/**============================================================================================**/
/* Q&Aアーカイブ（カスタム投稿） */
#archive { font-size: 0;}
#archive .dis-ilblk {box-sizing: border-box; width: 50%; margin: 0 0 70px; font-size: 14px;}
#archive .dis-ilblk:nth-child(odd) {padding: 0 20px 0 0;}
#archive .dis-ilblk:nth-child(even) {padding: 0 0 0 20px;}

@media screen and (max-width:599px){
    #archive .dis-ilblk:nth-child(odd),
    #archive .dis-ilblk:nth-child(even) {padding: 0;}
}

#archive .dis-ilblk strong {
    display: block; position: relative;
    padding: 0 0 10px 44px; border-bottom: solid 2px #000;
    font-size: 18px; font-weight: 600; line-height: 1.0em;}

#archive .dis-ilblk strong:before {
    display: block; position: absolute; bottom: 6px; left: 5px;
    width: 31px; height: 28px;}

@media screen and (max-width:810px){
    #archive .dis-ilblk strong {font-size: 16px;}
}
@media screen and (max-width:760px){
    #archive .dis-ilblk strong {font-size: 14px; padding: 0 0 10px 32px;}
    #archive .dis-ilblk strong:before {left: 0;}
}

#archive .dis-ilblk:nth-child(1) strong:before {content: url("../images/icon-qa-cat01.png");}
#archive .dis-ilblk:nth-child(2) strong:before {content: url("../images/icon-qa-cat02.png");}
#archive .dis-ilblk:nth-child(3) strong:before {content: url("../images/icon-qa-cat03.png");}
#archive .dis-ilblk:nth-child(4) strong:before {content: url("../images/icon-qa-cat04.png");}
#archive .dis-ilblk:nth-child(5) strong:before {content: url("../images/icon-qa-cat05.png");}
#archive .dis-ilblk:nth-child(6) strong:before {content: url("../images/icon-qa-cat06.png");}

#archive .dis-ilblk ul {list-style: disc; margin: 0; padding: 0 0 0 25px; font-size: 14px; line-height: 1.5em;}
#archive .dis-ilblk li { margin: 15px 0 0;}

/*  一覧を見る */
#archive .dis-ilblk .dis-blk.ta_r {margin: 10px 0 0; color: #555; text-decoration: underline}

@media screen and (max-width:599px){
    #archive .dis-ilblk {width: 100%;}
}

/* 解決できない方はこちらから問い合わせください。 */
.mainmail a {
    display: block; position: relative;
    margin: 0 0 30px; padding: 10px 46px 10px 6px; 
    border-radius: 8px; background:#006CD0; 
    color:#fff; font-size: 14px; font-weight: bold; line-height: 1.3em; text-decoration: none;}

.mainmail a::before {
    content: url("../images/icon-arrow_r-wh.png");
    display:block; position: absolute; top: 50%; right: 6px;
    width: 30px; height: 30px; margin: -15px 0 0;}

/**========================================**/
/* Q&Aカテゴリー（カスタム投稿） */
#category .title{
    position: relative;
    margin: 0 0 25px; padding: 0 0 10px 42px;
    border-bottom: dotted 2px #000; background: none;
    font-size: 18px; font-weight: bold; line-height: 1.3em;}
    
#category .title::before {
    content: url(../images/icon-q_rd.png);
    position: absolute; top: -4px; left: 8px;}
    
    
#category .excerpt { 
    position: relative;
    padding: 0 8px;
    line-height: 1.8em;}
	
#category .excerpt::before {
    content: '';
    display: block; float: left;
    width: 30px; height: 30px; margin: 0 6px 6px 0;
    background: url(../images/icon-a_bl.png) no-repeat;}
	
/* 記事 続きを読む */
#category .ta_r a {
    display: inline-block; position: relative;
    margin: 0 0 0 15px;
	text-decoration: underline;}

#category .ta_r a::before {
    content: '';
    display: block; position: absolute; top: 6px; left: -18px;
    width: 12px; height: 12px;
    background: url(../images/icon-arrow_r.png) no-repeat;}	
/**========================================**/
/* 投稿ページ */
#single  {
    margin: 0 0 20px; padding: 0;
    border-bottom: solid 2px #000;}

#single h1 { 
    position: relative;
    margin: 0 0 25px; padding: 0 0 15px 42px;
    border-bottom: solid 2px #000; background: none;}

#single h1::before {
    content: url("../images/icon-q_rd.png");
    position: absolute; top: -4px; left: 8px;}

#single > div { padding: 0 8px; line-height: 1.8em;}
#single > div::before {
    content: '';
    display: block; float: left;
    width: 30px; height: 30px; margin: 0 6px 6px 0;
    background: url("../images/icon-a_bl.png") no-repeat;}

/**========================================**/
/* RNSのご利用方法は「ディーラーガイド」をご確認ください */
.sidebar-qa a {
    display: block; position: relative;
    padding: 10px 46px 10px 6px;
    border-radius: 8px; background: #ff4d00; 
    color: #fff; font-size: 14px; font-weight: bold; line-height: 1.3em; text-decoration: none;}

.sidebar-qa a::before {
    content: url("../images/icon-arrow_r-wh.png");
    display:block; position: absolute; top: 50%; right: 6px;
    width: 30px; height: 30px; margin: -15px 0 0;}

@media screen and (max-width:699px){
    .sidebar-qa {
        position: fixed; bottom: 40px; left: 0; z-index: 200;
        width: 100%;}    
        
    .sidebar-qa a { padding: 20px 46px 20px 10px; border-radius: 0;}
	
	/* 先頭へ */
	#scroll-top { bottom: 0; width: 100%;}
	#scroll-top a {
		border-radius: 0;
		background: #999;}
}

/**============================================================================================**/

/* LastUp2025.04.29_kimata */