/*
Theme Name: AFFINGER4 Child
Template: affinger4
Version: 20171010
*/

/*カテゴリID別に色を指定できます
例）IDが7の場合
.catname.st-catid7 {
	background:#ff0000;
	color:#fff;
}
*/

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {


/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {

/*追記*/
.colum1 #st-menuwide, /*メニュー*/
 .colum1 nav.smanone,
 .colum1 nav.st5,
 .colum1 #st-menuwide div.menu,
 .colum1 #st-menuwide nav.menu,
 .colum1 #st-header, /*ヘッダー*/
 .colum1 #content, /*コンテンツ*/
 .colum1 #footer-in /*フッター*/
 { 
 max-width:860px; //変更したいサイズ
 }
 
 .colum1 #headbox
 { 
 max-width:840px; //変更したいサイズから20px引いたもの
 }
 
   .colum1 main {
 margin: 0 0 20px;
 padding:30px 70px;
 }
 
        /*これはアイキャッチ画像の設定ね*/
 .colum1 .st-eyecatch
 {
 margin: -30px -70px 10px;
 }


/*Emphasis kyoutyou*/
.sample01 {
    background: linear-gradient(transparent 60%, #ffff66 60%);
}

/*Expander*/
a.wpex-link {
    text-decoration: none;
}
a.wpex-link:before {
    content: '\f0a4 ';
    font-family: FontAwesome;
    padding-right: 5px;
}


/*button okiniiri*/
.button {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	border: 1px solid #15aeec;
	background-color: #49c0f0;
	background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
	background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
	border-radius: 4px;
	color: #fff;
	line-height: 50px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.button:hover {
	border:1px solid #1090c3;
	background-color: #1ab0ec;
	background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
	background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
}
.button:active {
	background: #1a92c2;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #1679a1;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}

/* ?????? back to top*/
#page-top {
    bottom: 15px; /* ?????? */
    right: 15px; /* ?????? */
    font-size: 40px; /* ???????? */
}
#page-top a {
    padding: 5px; /* ????????? */
    background: #808080; /* ??? */
    width: 40px; /* ????? */
    height: 40px; /* ?????? */
    line-height: 40px; /* ??????? */
    border-radius: 50%; /* ??????? */
    transition: 0.8s; /* ?????????? */
}
#page-top a:hover {
    background: #228b22; /* ??????????? */
    opacity: 0.8; /* ??????????? */
}
.fa-angle-up:before {
    content: "\f139"; /* ??????? */
}

/*新着記事一覧を目立つように*/
#side aside h4 {
background-color: #fff;
padding: 10px;
margin-bottom: 1px;
border-radius: 3px 3px 0px 0px;
border-left: 15px solid #c50a0a;
}
aside .kanren {
background-color: #fff;
border-radius: 0px 0px 3px 3px;}


/*ヘッダーメニュー（http://hituji-affiliate.com/2016/10/07/affinger4-menu/を参照）*/
/*４つで幅を修正*/
header .smanone ul.menu li{
width: 264.2px !important;
}

/*色*/
#st-menuwide {
background: #f5f5f5 !important;/*好きな色に修正*/
}

/*文字色*/
header .smanone ul.menu li a{
color:#000 !important;/*ここを修正*/
}


/*マウスオーバー*/
header .smanone ul.menu li{
transition: 0.8s}/*ゆっくりと色を変える*/
header .smanone ul.menu li:hover{
background-color: #d3d3d3;/*マウスオーバー時の背景色*/
}
header .smanone ul.menu li a:hover{
color: #fff !important;/*マウスオーバー時の文字色*/
}

/*1カラムだけ幅いっぱいに*/
.colum1#st-menubox{
background-color: #fff;/*メニューの色と同色に設定*/
}