/*-----------------------------
　ダウンロード用ボタン
------------------------------*/ 
.square_btn_dl {
    display: inline-block;
    padding: 0.2em 1em;
    margin:3px auto 3px auto;
    color: #E50053!important;
    border: solid 1px #E50053!important;
    border-radius: 13px!important;
    transition: .4s;
    width:98%;
    text-align:center;
    text-decoration:none!important;
    font-size:120%!important;
    font-weight:normal!important;
    font-family: "M PLUS 1p"!important; 
    background-color: rgba(255, 255, 255, 0.4);
}


.square_btn_dl:before {
  content: " \f0ed"!important;
  font-family  : "Font Awesome 5 Pro";
  color: #E50053;
  margin-right: 5px;
}

.square_btn_dl:hover {
    background: #E50053!important;
    color: white!important;
    text-decoration:none!important;
}


.square_btn_dl:before:hover {
    color: white;

}


p .square_btn_dl {
    padding: 0.3em 1em!important;
    margin:2px auto 2px auto!important;
    border-radius: 15px!important;
    text-decoration:none!important;
    font-size:100%!important;
    font-weight:normal!important;
}


/*-----------------------------
　詳しく見てみるボタン
------------------------------*/ 
.detail_btn{
    display: inline-block;
    padding: 0.2em 1em;
    margin:3px auto 3px auto;
    color: #E50053!important;
    border: solid 1px #E50053!important;
    border-radius: 13px!important;
    transition: .4s;
    width:98%;
    text-align:center;
    text-decoration:none!important;
    font-size:120%!important;
    font-weight:normal!important;
    font-family: "M PLUS 1p"!important; 
    background-color: rgba(255, 255, 255, 0.4);
}


.detail_btn:before {
  content: " \f0fe"!important;
  font-family  : "Font Awesome 5 Pro";
  color: #E50053;
  margin-right: 5px;
}

.detail_btn:hover {
    background: #E50053!important;
    color: white!important;
    text-decoration:none!important;
}


.detail_btn:before:hover {
    color: white;

}


p .detail_btn {
    padding: 0.3em 1em!important;
    margin:2px auto 2px auto!important;
    border-radius: 15px!important;
    text-decoration:none!important;
    font-size:100%!important;
    font-weight:normal!important;
}



/*-----------------------------
　詳しく見てみるボタン２
------------------------------*/ 
.detail02_btn{
    display: inline-block;
    padding: 0.2em 1em;
    margin:3px auto 3px auto;
    color: #fff!important;
    border: solid 0px #fff!important;
    border-radius: 13px!important;
    transition: .4s;
    width:98%;
    text-align:center;
    text-decoration:none!important;
    font-size:120%!important;
    font-weight:normal!important;
    font-family: "M PLUS 1p"!important; 
    background-color: #E50053;
}


.detail02_btn:before {
  content: " \f0fe"!important;
  font-family  : "Font Awesome 5 Pro";
    color: #fff!important;
  margin-right: 5px;
}

.detail02_btn:hover {
    background: #fff!important;
    color: #E50053!important;
	border: solid 1px #E50053!important;
    text-decoration:none!important;
}


.detail02_btn:before:hover {
    color: #E50053!important;

}


p .detail02_btn {
    padding: 0.3em 1em!important;
    margin:2px auto 2px auto!important;
    border-radius: 15px!important;
    text-decoration:none!important;
    font-size:100%!important;
    font-weight:normal!important;
}






/*-----------------------------
　通常のボタン
------------------------------*/ 
.square_btn{
    display: inline-block;
    padding: 0.2em 1em;
    margin:3px auto 3px auto;
    color: #E50053!important;
    border: solid 1px #E50053!important;
    border-radius: 13px!important;
    transition: .4s;
    width:98%;
    text-align:center;
    text-decoration:none!important;
    font-size:120%!important;
    font-weight:normal!important;
    font-family: "M PLUS 1p"!important; 
    background-color: rgba(255, 255, 255, 0.4);
}


.square_btn:before {
  content: " \f35d"!important;
  font-family  : "Font Awesome 5 Pro";
  color: #E50053;
  margin-right: 5px;
}

.square_btn:hover {
    background: #E50053!important;
    color: white!important;
    text-decoration:none!important;
}


.square_btn:before:hover {
    color: white;

}


p .square_btn {
    padding: 0.3em 1em!important;
    margin:2px auto 2px auto!important;
    border-radius: 15px!important;
    text-decoration:none!important;
    font-size:100%!important;
    font-weight:normal!important;
}






/*-----------------------------
　超大型通常のボタン
------------------------------*/ 
.square_btn_sbig{
    display: inline-block;
    padding: 0.2em 1em;
    margin:3px auto 3px auto;
    color: #fff!important;
    border: solid 1px #72aae2!important;
    border-radius: 13px;
    transition: .4s;
    width:98%;
    text-align:center;
    text-decoration:none!important;
    font-size:40px;
    font-weight:900!important;
    font-family: ""!important; 
    background-color: #72aae2;
}


.square_btn_sbig:before {
  content: " \f336"!important;
  font-family  : "Font Awesome 5 Pro";
  color: #fff;
  margin-right: 5px;
}

.square_btn_sbig:hover {
    background: tomato!important;
    color: white!important;
    text-decoration:none!important;
}


.square_btn_sbig:before:hover {
    color: white;}


/*-----------------------------
　超大型通常のボタン｜未リンク用
------------------------------*/ 
.square_btn_sbig2{
    display: inline-block;
    padding: 0.2em 1em;
    margin:3px auto 3px auto;
    color: gray!important;
    border: solid 1px #72aae2!important;
    border-radius: 13px;
    transition: .4s;
    width:98%;
    text-align:center;
    text-decoration:none!important;
    font-size:40px;
    font-weight:900!important;
    font-family: "M PLUS 1p"!important; 
    background-color: #fff;
}


.square_btn_sbig2:before {
  content: " \f05e"!important;
  font-family  : "Font Awesome 5 Pro";
  color: gray;
  margin-right: 5px;
}
