/* CSS Document */
@import url(pc.css) screen and (min-width: 769px);

@import url(app.css) screen and (max-width: 640px);
@import url(swipebox.css) screen and (max-width: 640px);
@import url(smart.css) screen and (max-width: 640px);
body{
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
height:auto;
padding:0px;
margin:0px;}

img{
padding:0px;
margin:0px;
}
.social{
float:left;
}

.japanesew{
float:left;
}

.clear{
height:167px;
width:200px;
}


#header0{
width:100%;
background:#e3003d;
height:22px;
margin:0px;
padding:3px 0px;
color:ffffff;
font-family:"HiraKakuProN-W6", "ヒラギノ角ゴ ProN W6",  Meiryo, メイリオ, sans-serif;}

#header{
width:100%;
background:#302f2f;
height:22px;
margin:0px;
padding:3px 0px;
color:#e3003d;
font-weight:bold;
font-family:"HiraKakuProN-W6", "ヒラギノ角ゴ ProN W6",  Meiryo, メイリオ, sans-serif;}

#header2{
width:100%;

background:#fff url(../img/bg/bgp1.jpg);
height:100px;
margin:0px 0px 0px 0px;
padding:5px 0px;
color:ffffff;
font-family:"HiraKakuProN-W6", "ヒラギノ角ゴ ProN W6",  Meiryo, メイリオ, sans-serif;
font-weight:bold;
font-size:20px;
clear: both;}

.middlebox{
margin:auto auto;
width:100%;
max-width:950px;
}

.middlebox img{
float:left;}

#wrapper{

margin:auto auto;
width:100%;
max-width:950px;}









img {
max-width : 100% ;
height : auto ;
}

h1{
font-size:12px;
color:#fff;
margin:0px 3px;
padding:0px;
}
h2{
font-size:24px;
color:#333333;
}

h3{
font-size:20px;
color:#5d5e5e;
width:70%;
margin:auto;
padding:20px 0px;}

.menu{
float:right;
width:auto;
margin-top:25px;
padding:0px;

}





.menu ul{

padding:0px;
clear:both;
width:100%;
margin-top:0px;
}


.menu li{
text-align:center;
list-style:none;
float:left;

}

.menu li a{
text-align:center;
padding:10px 0px;
list-style:none;
margin:1px;
float:left;
color:#1e1e1e;


display:block;
width:150px;
height:25px;
text-decoration:none;
position: relative;
  display: inline-block;
  padding: .4em;
  text-decoration: none;}


.menu li a:hover{
text-align:center;

list-style:none;
margin:1px;
float:left;
color:#e1163c;


display:block;
width:150px;
height:25px;
}



.menu li a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: red;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.menu li a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}



.bxslider img{
width:100%;
height:auto;}

.bxslider{
padding:0;
}

.bxslider div{
padding:0;
}



.blackbox{
background:#000000;
padding:;
width:100%;
height:100px;
clear:both;
margin-top:50px;


}

.name{
width:45%;
height:220px;
float:left;
padding:50px 10px;
text-align:center;
margin-top:100px;
}



.cover1{
clear:both;
height:200px;
width:100%;
margin-bottom:50px;}


.skillm{
background-image:url(../img/parts/bg1.png);
background-position:0px 90px;
background-repeat:no-repeat;
width:100%;
height:auto;
padding-top:20px;
}

.nameb{
width: 50%; height: 30px;
font-weight:bold;
padding-top:5px;
 background:#101010 ; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
clear:both;
color:#fcd72a;
text-align:center;}


.nameb:before { content:""; position: absolute; right: 99%; top: 2px; width: 0; height: 0; 
border-top: 16px solid transparent; 
border-right: 30px solid #101010; border-bottom: 16px solid transparent; }



.nameb2{
width: 50%; height: 30px;
font-weight:bold;
padding-top:5px;
 background:#101010 ; 
 position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
clear:both;
color:#fcd72a;
text-align:center;
float:right;}


.nameb2:before { content:""; position: absolute; left: 99%; top: 2px; width: 0; height: 0; 
border-top: 16px solid transparent; 
border-left: 30px solid #101010; border-bottom: 16px solid transparent; }


  
  #footer{
  background:#d82e3a;
  width:100%;
  color:#FFFFFF;
   }
  
  
  #footerinbox{
  
  
  width:100%;
  color:#FFFFFF;
  margin:auto auto;
  

max-width:950px;
height:200px;
padding:50px 10px;}
  
  
  
.page-back {
position: fixed;
bottom: 10px;
right: 10px;
writing-mode:vertical-rl; 
text-orientation:sideways-right;
-webkit-writing-mode: vertical-rl;


  text-decoration: none;
}



  
  .profil1 li{
 
  list-style:circle;
 
 }
  
  
  .profil1{
  clear:both;
  text-decoration:blink;
  margin-right:90px;}
  
  
  
  .buttonblue{
  color:#fff;
  padding:14px 20px;
  display:block;
  height:25px;
  width:130px;
 background:#061d58;
 float:right;
 
 
  text-decoration:blink;
border-radius:;
-webkit-border-radius:;
-moz-border-radius:;

/* box-shadow */
box-shadow:rgba(120, 118, 104, 0.39) 0px 0px 8px 6px;
-webkit-box-shadow:rgba(120, 118, 104, 0.39) 0px 0px 8px 6px;
-moz-box-shadow:rgba(120, 118, 104, 0.39) 0px 0px 8px 6px;}




.text-left{
float:left;
}


.text-right{
float:right;
}

.white{
color:#fff;
font-size:30px;}

.20px{
font:20px;
font-size:20px;}


.30px{
font-size:30px;}

.fb-page{

margin:10px 40px;
}

#footerinboxleft{
float:left;
width:40%;
}

#footerinboxright{
margin-top:50px;
float:right;
width:45%;
text-align:right;
}



img.icon1 {
vertical-align: middle;
border:none;
}


.redtext30px{
font-size:30px;
color:#e3003d;}


.redtext25px{
font-size:25px;
color:#e3003d;}

.redtext22px{
font-size:22px;
color:#e3003d;}

.redtext18px{
font-size:18px;
color:#e3003d;}

.redtext12px{
font-size:12px;
color:#e3003d;}








#snsarea{
margin:30px auto;

width:100%;
max-width:950px;
height:220px;


}


.snsbox{
margin-top:;
float:left;
width:32%;
height:157px;
margin-left:7px;
border:solid 2px #e3003d;
}


.snsbox_up{

text-align:center;
padding-top:3px;
width:100%;
height:56px;
background:#e3003d;
}

.snsbox_down{
padding-top:3px;
margin-left:3px;



}

.snsbox_down2{

text-align:right;
padding-top:10px;
margin-right:5px;

height:37px;

}
.icon_sns{
margin:auto;
height:50px;
width:50px;
}

.rcbutton{
margin:5px auto;


}