/*LINE風プロフィール*/
.sidebar-profile {
width: 90%;
font-size: .9em;
background-image: url("https://panchan.jp/wp-content/uploads/2018/06/sh2-e1528278440395.png");
background-repeat: no-repeat;
background-size: 100% auto;
padding-top:45%;
padding-bottom: 20px;
margin: 1em 1em 1em 1em;
box-shadow: 0 4px 7px rgba(0,0,0,.16);
}

/*横幅が400px以上ある端末でのサイズ*/
@media only screen and (min-width: 400px){
.sidebar-profile {
width: 320px;
padding-top:45%;
}
}
.profile-center { 
text-align: center ;
}


/*プロフィール画像を丸くする*/
.profileimg {
width: 47%;
border: solid 2px #fff;
border-radius: 100px;
margin: 0 auto;
	display: block;
}

/*名前*/
.profile-name{
font-size: 1.3em;
font-weight: bold;
}

/*自己紹介文*/
.profile-font{
font-size: 1.0em;
}

.sidebar-profile p{
padding: 0 3em;
text-align: justify;
}

.flowbtn{
font-family:'Arial', sans-serif;
border-radius: 4px;
position:relative;
display: inline-block;
width: 66px;
height: 58px;
font-size: 30px;
color: #fff!important;
transition:.5s;
text-decoration:none;
box-shadow:0 1px 2px #999;
}
/*SNSシェアアイコンの変更*/

/*SNSアイコンリスト*/
/*SNSアイコンリスト*/
ul.sns-follow {
text-align: center;
}

ul.sns-follow li{
display: inline-block;
height: 45px;
margin:0 2px;
vertical-align: middle !important;
margin-bottom: 0;
}

ul.sns-follow li a {
display: block;
width: 45px;
height: 45px;
border-radius: 50px;
color: #FFFFFF;
}

ul.sns-follow a:hover {
opacity: 0.6;
color: #FFFFFF;
}

/*Twitterボタン*/
ul.sns-follow li.twitter-btn a{
background: rgba(29,161,242,0.7);
line-height: 55px;
}

/*Facebookボタン*/
ul.sns-follow li.facebook-btn a{
background: rgba(59,89,153,0.7);
line-height: 55px;
}


/* 携帯ろごでかく */
@media only screen and (max-width: 480px) {
#logo {
    max-width: 100%;
}
#logo a img {
    max-height: 90px;
}
}

/*スライダー幅　携帯*/
@media only screen and (max-width: 480px) {
    .slick-list {
        padding: 0 !important;
    }

    /* 下記で縦サイズを調整できます */
    .carouselwrap .slider .eyecatch {
        max-height: 220px;
    }
}
/*ロゴとグローバルの位置　menu item margin topがグローバルメニューの調節、下がスライダー下の画像位置*/
@media screen and (max-width: 510px) {
.menu-item a{
margin-top:-10%;
}
.home #content {
 margin-top:-10px;
}}

/*ロゴとグローバルメニュー変更　PC*/
@media screen and (min-width: 810px) and (max-width: 1050px){
#inner-header{
padding-top:18px !important;
width:100%; 
} 
#container{
 padding-top:110px !important;
}
}

/*青い光るボタン*/

.shinybutton {
 display: block;
 width: 70%;
 margin: 0 auto;
 margin-bottom: 0.5em;
}

.shinybutton a {
 display: block;
 position: relative;
 z-index: 2;
 overflow: hidden;
 width: 100%;
 font-weight: bold ;
 border-bottom: solid 1px #93d2f0;
border-radius: 5px;
 background-color: #5882FA;
 color: #ffffff !important;
 padding: 10px 0;
 text-align: center;
 text-decoration: none;
 transition: .25s linear;
 -webkit-transition: .25s linear;
 -moz-transition: .25s linear;
}
.shinybutton a:hover {
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);/*下に動く*/
 border-bottom: none;/*線を消す*/
}
.shinybutton a:before {
 display: block;
 position: absolute;
 z-index: -1;
 left: -30%;
 top: -50%;
 content: "";
 width: 30px;
 height: 100px;
 transform: rotate(30deg);
 -webkit-transform: rotate(30deg);
 -moz-transform: rotate(30deg);
 background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
 background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
 background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
 animation: shiny 2s infinite linear;
 -webkit-animation: shiny 2s infinite linear;
 -moz-animation: shiny 2s infinite linear;
}
@keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%; }
}
@-webkit-keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%; }
}
@-moz-keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%;}
}