/*
Theme Name: WING-AFFINGER5 Child
Template: affinger5
Description: ver20180831以上対応
Version: 20180831
*/

.mainbox img{
    box-shadow: 0 0 20px #999;

}



.trigger{
  display: none!important; 
}

#s-navi dd.acordion_tree {
    background: #f4fbff;
    display: none!important; 
}

#s-navi dd.acordion_tree {
    padding: 10px 10px 20px;
    display: block;
    overflow: hidden;
    top: 0px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}


.acordion_tree ul.menu li {
    border-bottom-color: rgba(202, 130, 0, 0.33)!important; 

}


.acordion_tree ul.menu li a, .acordion_tree ul.menu li {
    color: #292929;
    text-align:  center;
    padding-left: 3%;
}





#sptop .menu-item{

width:50%;
float:left;
list-style-type:none;
height:50px;
border-bottom: 1px solid #ff00c76b;

	display: flex;
	align-items: center;
	justify-content: center;

}
#sptop .menu-item a{

text-decoration:none;
color:#222;


}

#menu-side-1 .menu-item{

list-style-type:none;
height:50px;
border-bottom: 1px solid #ff1fce30;

	display: flex;
	align-items: center;
	justify-content: left;
}
#menu-side-1 .menu-item a{

text-decoration:none;
color:#3e3e3e;

}




#menu-side-1 .menu-item {
    list-style-type: none;
    height: auto;
    border-bottom: 1px solid #ff1fce30;
    display: flex;
    align-items: center;
    justify-content: left;
    margin-top: 1%;
    margin-bottom: 2%;
}

#side aside ul li {
    font-size: 15px;
    line-height: 34px;
}




.btn {    background: #ec2136;
    box-shadow: 0 3px 0 #c0392b;
height:auto;
width:80%;
}

.btn:hover {
background:#c0392b;
}


.btn {
margin:0 auto;
text-align:center;
}

.btn {
font-size:140%;
position:relative;
display:block;
padding:10px;
color:#fff;
border-radius: 2px;
text-align:center;
text-decoration: none;
text-shadow:1px 1px 0 rgba(255,255,255,0.3);
}
.btn:before,
.sns li a i{
margin-right:0.2em;
margin-left:0.2em;
font-size:1.1em;
}
.btn:hover {
-webkit-transform: translate3d(0px, 3px, 1px);
-moz-transform: translate3d(0px, 3px, 1px);
transform: translate3d(0px, 3px, 1px);
box-shadow:none;
}
.btn .text{
font-weight:bold;
}
.btn .count{
font-size:10px;
margin-left: 2px;
}


.btn a{
    color:#fff;
    font-weight:bold;
    text-decoration:none;
}

@media screen and (max-width: 680px) {
.btn {

    font-size: 100%!important;
}
}






#side .smanone {
    display: none;}


aside .smanone {
    display: none;}

#side aside > *, #side li.cat-item a, #side aside .kanren .clearfix dd h5 a, #side aside .kanren .clearfix dd p {
    color: ;
    color: #545454;
}

#side aside ul li {
    font-size: 15px;
    line-height: 33px;
}

/* post */


.pobox{width:100%; overflow: hidden; margin-bottom: 20px;}

.poleft{float:left; width:30%;}

.poright{float:right; width:70%;}

@media (max-width: 767px) {

.poleft{float:left; width:100%;}

.poright{float:right; width:100%;}
}



.yellow{

background: linear-gradient(transparent 65%, rgba(255, 255, 102, 0.64) 40%);
}

.pu{

    clear:both;
        margin-bottom: 30px;
    overflow: hidden;
}


.putext p{

        color: #1c99ff !important;
}

.postunder-left{

    width:42%;
    padding:2%;
    margin:2%;
    float:left;
      box-shadow:5px 5px 5px 5px rgba(0, 0, 0, 0.2);
}

.postunder-right{

    width:42%;
    padding:2%;
    margin:2%;
    float:left;
      box-shadow:5px 5px 5px 5px rgba(0, 0, 0, 0.2);
}

.puimg {


}

.putext{

margin-top:20px;
font-weight:bold;

}

@media (max-width: 767px) {
.postunder-left{

    width:85%;

}

.postunder-right{

    width:85%;

}

}


.catname {

    color: #fff !important;
}




#side li {
    display: block;
    margin-bottom: 5px!important;
    padding-left: 20px!important;
    background: url(http://www.xn--v8ji42ae2c4a7ad6cx497cen5aun7dbzp.com/wp-content/uploads/2018/05/arrowwhite.png) left 11px no-repeat;
}

#side a{ text-decoration: none;color:#0076d8;}  





/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


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

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


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

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

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