/*
Theme Name:	マテリアル_child
Template:	wp_material
Description:	マテリアルの子テーマ
Version:	1.1.0
Author URI:	http://wp-material.net
*/

/*****************************************
 PC及び全体用
******************************************/

/* カテゴリーboxの背景色 */
.min-box{
	background-color: #ebebeb;
}

/*追加*/
.header {
	background-color:#ffffff !important;
    position: relative;
    width: 100%;
    height:auto;
}
.header-inner {
	padding-top: 0px;
	padding-bottom: 0px;
}

.checkmark {
	background-image: url(/wp-content/uploads/2016/06/h5.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: #333333;
	text-shadow: 0 0 1px rgba(51,51,51,.1);
	font-size: 16px;
	line-height: 150%;
	margin: 3px auto;
	padding-left: 28px;
	font-weight : bold;
}

.kousiki {
    text-align:center; /*ボタンの中央配置 */
    margin:0px auto 0px auto;  /*ボタンの上右下左の余白 */
    max-width: 400px;  /*ボタンの横幅 */
    text-align: center;  /*ボタン内の文字中央寄せ */
    padding: 10px;  /*ボタン内文字の余白 */
    background-color: #1bc1a6 !important;  /*ボタンの背景色 */
    margin-right: auto;
    margin-left: auto;
    border-radius: 5px;  /*ボタンの角を少し丸く */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-weight: bold;  /*ボタン内文字は太字 */
    font-size: 130%; 
    color: #ffffff !important;  /*ボタン内の文字色 */
   height: 55px;

/* 点滅 */

    -webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.8;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.8;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.8;}
    100% {opacity:1;}


}
 
.kousiki a {
 text-decoration: none !important;  /*ボタン内テキストリンク下線無し */
 color: #ffffff !important;  /*ボタン内の文字色 */
 display: block;
}

.kousiki:hover {
	background-color: #FF1493 !important;
}

/*サイドバーの全体枠*/
.sidelank{
	font-size:14px!important;
	font-weight: bold;
	border-style: solid;
	border-width: 2px;
	border-color:#f5f5f5;
	padding:3px;
	margin:2px -5px 0px -5px;
	min-height:100px;
	/*overflow:visible;*/
	overflow: auto;
	/*overflow:hidden;*/
background-color:#ffffff;
}


/*サイドバーの画像*/
.boxicon {
	font-size:14px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	float:left; 
	margin-right:7px;
	width: 100px;
	height: auto;
    position: relative;
    overflow: hidden;
}

/*画像つきボックス 画像左*/
.profbox {
box-sizing: border-box;
width: 100%;
display: block;
margin-left:0px ;
padding:10px;
margin:5px;
border: solid 5px #dddddd;
background-color:#eeffff;
overflow: auto;
}
.profbox p,i{
font-size: 16px;
font-style:normal;
}
.profbox img{
text-align:left;
float:left;
clear: both;
margin-right: 15px!important;
border: none!important;
box-shadow: none!important;
}

/*画像つきボックス　画像右*/
.profboxr {
box-sizing: border-box;
width: 100%;
display: block;
margin:30px 0;
padding:10px 20px 10px 30px!important;
border: solid 5px #dddddd;
overflow: auto;
}
.profboxr p,i{
font-size: 16px;
}
.profboxr img{
text-align:left;
float:right;
margin: 0 15px 0 0;
clear: both;
}

/*カラーボックス pink*/
.pinkbox{
	border-style: solid;
	border-width: 5px;
	border-color:#dddddd;
	background-color:#efc6d8;
	margin: 10px 20px 10px 30px!important;
}

/*無地四角枠*/
.shikakuwaku{
	border-style: solid;
	border-width: 5px;
	border-color:#dddddd;
	background-color:#ffffff;
margin:30px 0;
padding:10px 20px 10px 30px!important;

}

/*星取表*/
.hoshitori{
	width: 100%;
	table-layout: fixed;
	overflow: auto;
	border-collapse: collapse;
	border-spacing:0px;
}
table.hoshitori th{
	border-style: solid;
	border-width: 3px;
	border-color:#dddddd;
	background-color:#ffffff;
	text-align: center;
	width: 28%;
	font-size:15px;
	padding:3px;
	vertical-align: top;
	border-collapse: collapse;
	border-spacing:0px;
}
table.hoshitori td{
	border-style: solid;
	border-width: 3px;
	border-color:#dddddd;
	background-color:#ffffff;
	text-align: center;
	width: 24%;
	font-size:15px;
	padding:3px;
	vertical-align: top;
	border-collapse: collapse;
	border-spacing:0px;
}
table.hoshitori img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
	border: none!important;
	box-shadow: none!important;
}

/*立体ボタン2*/
.square_btn2{
    display: inline-block;
    padding: 0.5em 0.7em;
	margin: 0.1em 0.1em;
    text-decoration: none;
    background: #66DA6E;/*ボタン色*/
    color: #FFF;
	font-weight : bold;
    border-bottom: solid 4px #649562;
    border-radius: 3px;
}
.square_btn2:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

.square_btn2 a{
    color: #FFF;
	font-weight : bold;
    text-decoration: none;
}


/*****************************************
 タブレット（大）用
 サイドバーがメインカラムの下に回ります
******************************************/
@media screen and (max-width: 1057px) {












}
/*****************************************
 タブレット（小）用
 記事の並びが2列になります
******************************************/
@media screen and (max-width: 700px) {












}
/*****************************************
 スマホ用
 記事の並びが1列になります
******************************************/
@media screen and (max-width: 450px) {












}