@charset "utf-8";
/* CSS Document */
/*タイトル*/
.title_bl {
  margin-bottom: 30px;
  padding: 15px;
  background-color: #4aacdd;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.75;
}

.title_h4 {font-size:16px;
  margin-bottom: 15px;
  padding-left: 10px;
	border-left: 8px solid #fcc14b;
color:#333;}

.tit_bs {
    padding: 10px;
    background-color: #fcc14b;
    color: #222;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px;
}

.headline04 {
  padding: 12px 15px;
  background-color: #fcc14b;
  border: 0;
  color: #222;
font-size:20px;
}

.headline07 {
color:#333;	
  padding-bottom: 10px;
  border-bottom: 2px solid #555;
}

.tit_pfd{
padding:5px 5px 5px 8px;
background-color: #ec662c;
color: #fff;
font-size:14px;}

.tit_hcg{
padding:5px 5px 5px 8px;
background-color: #2ba638;
color: #fff;
font-size:14px;}

.content-box {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px;
    background-color: #fff;
    box-shadow: rgba(0,0,0,0.2) 0 0 6px;
    border-radius: 4px;
}

.howto-content__tit{background-color:#05b2fb;
color:#fff;}
.howto-content{border:1px solid #05b2fb;}

.product-name{text-align: left;
font-size:15px;
color:#222;
font-weight:bold;
margin-bottom:10px;}

.info-item__name{text-align: left;
font-size:15px;
color:#222;
font-weight:bold;
margin-bottom:10px;}

.rank .txt{font-size:16px;}

/*目次*/
.index{background-color:#fff;}

.index-list__item {
background-color: #ebfafd;
color:#aaa;

}
.index-list__item a{
background-color: #dffaff;
color:#444;
}

.before{display: block;
    padding: 12px 30px 12px 15px;
    width: 100%;
    box-sizing: border-box;}

/*文字*/
.txt_big {
    font-size: 25px;
    color: #222;
    font-weight: bold;
    line-height: 2.5rem;}


.blue{
font-weight: bold;
color:#05b2fb;
}


/*オリジナル定型*/
ul.col2{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	box-sizing: border-box;
}

.col2 .col2_innner{
width:50%;
margin-bottom:15px;
padding:10px;	
box-sizing: border-box;	
}

.col2 .col2_innner img{width:100%;
margin-bottom:15px;}

/*ナビ*/
.navi{ display: flex;
justify-content:center;}
.navi li{padding:3px;}

/*装飾*/
/*コイン*/
.first{position:relative;}
.first .kangaroo{position:absolute;
top:-350px;
left:-80px;
z-index:10;	
}

/*画像を丸く*/
.circle{border-radius:50%;}
.kadomaru{border-radius:5px;}

/*シャドウ*/
.shadow{box-shadow: rgba(0,0,0,0.2) 0 0 6px;}

/*タグ*/
.tag {
    padding: 5px;
    margin-bottom: 5px;
    display: inline-block;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    line-height: 1;
    max-width: 330px;
    z-index: 1;
}

.tag_br {
    background-color: #93836f;
}

/*背景*/
.bk_blue{padding:20px 10px;
background-color:#c1edff;
box-sizing: border-box;}

.bk_check{
border-right: 1px solid #d4e5e1;
border-bottom: 1px solid #d4e5e1;
padding:30px 30px 20px 30px;
	background-image: url("../img/bg-square002_7.gif");
	margin-bottom:60px;
	box-sizing: border-box;
	}

.monitor{background-color:#fff;
padding:10px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;}

/*余白*/
.mb50{margin-bottom:50px;}
.mb80{margin-bottom:80px;}
.mb100{margin-bottom:100px;}
.p5{padding:0 5px;}
.top-img{margin-bottom:0!important;}
/*dw-only*/
ul{padding-left:0!important;}
ul li{list-style:none}

@media print, screen and (max-width: 767px){
.txt_big {
    font-size: 22px;
    color: #222;
    font-weight: bold;
    line-height: 2.5rem;
}

.youtube {
    width: 350px;
    aspect-ratio: 16 / 9;
    margin: 0 auto;
}
.youtube iframe {
    width: 100%;
    height: 100%;
}
}