@charset "UTF-8";

/*!
Theme Name: 瞬速AIマスター用Cocoon子テーマ
Description: Cocoon専用の子テーマ
Theme URI: https://1w-web.biz
Author: 1w-web
Author URI: https://1w-web.biz
Template:   cocoon-master
Version:    1.1.3
*/
@import url('https://fonts.googleapis.com/earlyaccess/hannari.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700;900&display=swap');
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*Contact Form 7custom*/
/*必須*/
.hissu{
font-size:.7em;
padding:5px;
background:#ff8282;
color:#fff;
border-radius:2px;
margin-right:5px;
position:relative;
bottom:1px;
}
/*Auto Amazon links*/
#main .amazon-product-description{
display:block;
font-size:90%
}
#main .amazon-product-description a{
color:#E47911
}
/*フラットな押し込みボタン*/
.nomadBtn4 {
display: inline-block;
padding: .5em 2em;
text-decoration: none !important;
background: #676767;
color: #FFF !important;
border-bottom: solid 3px #323232;
border-radius: 3px;
text-decoration: none;
margin: 15px 0;
}
.nomadBtn4:active {
  /*ボタンを押したときの動作*/
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  border-bottom: none;
}
.nomadBtn4.blue{
	background: #55A8DC;
	border-bottom: solid 3px #306DB2;
}
.nomadBtn4.red{
	background: #E07487;
	border-bottom: solid 3px #B12D41;
}
.nomadBtn4.grn{
	background: #5E8B6D;
	border-bottom: solid 3px #426A4F;
}
.color_pink{color:#ee869f}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/*必要ならばここにコードを書く*/
.for-sp{display:none}
}

/*834px以下*/
@media screen and (max-width: 834px){
/*必要ならばここにコードを書く*/
.sp_br{
display:block;
}
.btn_sp_lg{
width:90%
}
.sp_center{
text-align:center
}
.for-sp{display:none}
}
}

/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
.sp-center{
text-align:center;
margin-left:auto;
margin-right:auto
}
.for-pc{
display:none
}
.for-sp{
display:block
}
}

