/**
 * Template: snow-monkey
 * Theme Name: thought-buzz
 * Author:itaru
 * Author URI: https://www.thoughtbuzz.net
 * License: GPLv3 or later
 * License URI: https://www.gnu.org/licenses/gpl-3.0.ja.html
 * Version: 1.0
 * 
 **/


.button {
  display       : inline-block;

  font-size     : 25pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 59px;   /* 余白       */
  background    : #00b300;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 2px 2px 3px #666666;  /* 影の設定 */
  border        : 2px solid #00b300;    /* 枠の指定 */
}
.button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #00b300;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}


.red{
	color:#ff0000;
}

.point{
	background:green;
	width:135px;margin:-45px 0 -15px -16px !important;
	padding:1px 5px 0px 7px;
	border-radius:6px 6px 0 0;
	font-size:15px;
}

.point-text{
	color:#fff;
}

.point-block{
	margin:65px 0 0 0 !important;
}


 .wpac-alert--point{
	border-radius:0 5px 5px 5px !important;
   	border:1px solid green;
	  background-color: #f4ffe6;
    color: #43532d;
}

.check{
	background:green;
	width:96px;margin:-45px 0 -15px -16px !important;
	padding:1px 5px 0px 7px;
	border-radius:6px 6px 0 0;
	font-size:15px;
}

.check-text{
	color:#fff;
}

.check-block{
	margin:65px 0 0 0 !important;
}

 .wpac-alert--check{
	border-radius:0 5px 5px 5px !important;
   	border:1px solid green;
	  background-color: #f4ffe6;
    color: #43532d;
}


.page-template-blank{
	font-size:18px;margin:0 50px;
}

.wp-block-snow-monkey-blocks-section-with-bgimage{
	margin:0 -50px;
}
.twitter-timeline{
	margin:0 0 -20px 10px !important;width:94.9% !important
}
.l-contents__inner{
	margin:10px 0 0 0;
}
body{
	font-size:16px;width:80%;margin:0 auto;
}
h1{
	font-size:30px !important;
}
h3{
	border-bottom:dotted 2px #aaa !important;
}

.c-meta__item--author{
	display:none;
}


.c-site-branding__title{
position: relative;
display: inline-block;
padding: 5px 27px 10px 27px;;
font-size:16px !important;
}
.c-site-branding__title:before{
	content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 38px;
height: 2px;
background-color: black;
-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);	
}
.c-site-branding__title:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 38px;
height: 2px;
background-color: black;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.c-site-branding__title:before {left:0;}
.c-site-branding__title:after {right: 0;}

.twitter-tweet{margin:0 auto}

@media screen and (min-width:480px) and ( max-width:600px) { 
	body{width:80%;}
		.c-site-branding__title{
position: relative;
display: inline-block;
padding: 5px 45px 10px 45px;;
font-size:20px !important;
}
.c-site-branding__title:before{
	content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 38px;
height: 2px;
background-color: black;
-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);	
}
.c-site-branding__title:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 38px;
height: 2px;
background-color: black;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.c-site-branding__title:before {left:0;}
.c-site-branding__title:after {right: 0;}

}

@media screen and (min-width:600px) and ( max-width:960px) {
	body{width:90%;}
.twitter-timeline{width:80% !important;margin:0 0 0 40px !important;}
		.kijinai-widget{margin:0 0 0 60px;width:80%;}
	.c-site-branding__title{
position: relative;
display: inline-block;
padding: 5px 45px 10px 45px;;
font-size:25px !important;
}
.c-site-branding__title:before{
	content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 38px;
height: 2px;
background-color: black;
-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);	
}
.c-site-branding__title:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 44px;
height: 2px;
background-color: black;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.c-site-branding__title:before {left:0;}
.c-site-branding__title:after {right: 0;}

}

@media screen and (min-width:960px) and ( max-width:1024px) {
		body{width:80%;}
.twitter-timeline{width:80% !important;margin:0 0 0 60px !important;}
	.c-site-branding__title{
position: relative;
display: inline-block;
padding: 5px 45px 10px 45px;;
font-size:30px !important;
}
.c-site-branding__title:before{
	content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 38px;
height: 2px;
background-color: black;
-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);	
}
.c-site-branding__title:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 44px;
height: 2px;
background-color: black;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.c-site-branding__title:before {left:0;}
.c-site-branding__title:after {right: 0;}

}
@media screen and (min-width:1024px) and ( max-width:1120px) {
		body{width:100%;}
.twitter-timeline{width:80% !important;margin:0 0 0 40px !important;}
	.c-site-branding__title{
position: relative;
display: inline-block;
padding: 5px 45px 10px 45px;;
font-size:30px !important;
}
.c-site-branding__title:before{
	content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 38px;
height: 2px;
background-color: black;
-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);	
}
.c-site-branding__title:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 44px;
height: 2px;
background-color: black;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.c-site-branding__title:before {left:0;}
.c-site-branding__title:after {right: 0;}

}
@media screen and (min-width:1120px) and ( max-width:1280px) {
		body{width:90%;}
	.c-site-branding__title{
position: relative;
display: inline-block;
padding: 5px 45px 10px 45px;;
font-size:40px !important;
}
.c-site-branding__title:before{
	content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 38px;
height: 2px;
background-color: black;
-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);	
}
.c-site-branding__title:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 38px;
height: 2px;
background-color: black;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.c-site-branding__title:before {left:0;}
.c-site-branding__title:after {right: 0;}

}
@media screen and (min-width:1280px) {
	body{width:80%;}
	.c-site-branding__title{
position: relative;
display: inline-block;
padding: 5px 45px 10px 45px;;
font-size:40px !important;
}
.c-site-branding__title:before{
	content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 38px;
height: 2px;
background-color: black;
-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);	
}
.c-site-branding__title:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 38px;
height: 2px;
background-color: black;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.c-site-branding__title:before {left:0;}
.c-site-branding__title:after {right: 0;}

}

