/*
 Theme Name:   Project:OVER
 Theme URI:    https://www.famethemes.com
 Description:  OnePress child theme
 Author:       Project:OVER
 Author URI:   https://www.famethemes.com
 Template:     onepress
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  onepress-child
*/

/* Add your custom css below
-------------------------------------------------------------- */

/* General */
body {background: #000;}

/* Header Customize */
.site-header, .is-transparent .site-header.header-fixed {
background: #000000;
border-bottom: thin red solid;}

/* Page Header Customize */
.page-header {
background: #999999;
border-top:0;
border-bottom: 1px solid #666666;
position: relative;
padding:10px 0;}

/* Contents BG Customize */
.site {
background: #000;
position: relative;
}

/* Mobile Menu Customize */
@media screen and (max-width: 1140px) {
.main-navigation .onepress-menu {
width: 100% !important;
display: block;
height: 0px;
overflow: hidden;
background:none;
border-top: solid thin #000;
border-bottom:0;}}

@media screen and (max-width: 1140px) {
  .onepress-menu.onepress-menu-mobile li {
    line-height: 20px;
    background: #000000;
    border-top: 1px solid #666666;
    width: 100% !important;
  }
}
.onepress-menu.onepress-menu-mobile li {
line-height: 20px;
background: #222;
box-shadow: 10px 10px 10px black;}
.onepress-menu.onepress-menu-mobile li a {color:white;}
.onepress-menu.onepress-menu-mobile li a:hover {color:#dd9933;}

/* Widget Title Customize */
h3.widget-title {color:white; margin-bottom:-20px;}

/* PCでは改行しない */
.sps {display: none;}

/* スマートフォンでは改行する */
@media screen and (max-width:668px) {
.sps{display: block; margin-bottom:0em;}
}

/* Main Characters Style */
.main3:hover {
	transform: scale(1.05);
	transition: transform .5s ease;}
.ren {filter: drop-shadow(3px 3px 10px rgb(255, 0, 0));}
.ren:hover {
transform: scale(1.05);
transition: transform .5s ease;
}
.kaito {filter: drop-shadow(3px 3px 10px rgb(0, 255, 0));}
.kaito:hover {
transform: scale(1.05);
transition: transform .5s ease;}
.syphina {filter: drop-shadow(3px 3px 10px rgb(255, 0, 255));}
.syphina:hover {
transform: scale(1.05);
transition: transform .5s ease;}

/* Character Banner */
img.so-widget-image {background-color:rgb(51,51,51)}
img.so-widget-image:hover {background-color:rgb(204,133,0);
transition : all 0.5s ease 0s;}

/* Contact Form Customize */
.wpcf7 input[name="your-name"] {width: 100%; background-color:#888;}
.wpcf7 input[name="your-email"] {width: 100%; background-color:#888;}
.wpcf7 input[name="your-subject"] {width: 100%; background-color:#888;}
.wpcf7 textarea[name="your-message"] {width: 100%; background-color:#888;}
.wpcf7-form label {color:white;}

/* Character Info Customize */
.chara-name {font-size:25px;
font-weight:bold; color:white;}
.chara-info {font-size:16px; color:white;}
.chara-text {font-size:16px; color:white; margin-top:2em;}

/* SNS Button */
.sns-button {
margin: 0 auto;
padding: 0px;
list-style: none;
overflow: hidden;
padding: 0;}

/* SNS Button Link */
.sns-button a {
text-decoration: none;
color:#fff;}

/* SNS Button Box */
.sns-button li  {
display: inline-block; 
margin: 5px 10px;
padding: 0px;}

/* SNS Icon */
.sns-button li {
  text-align:center;
  font-size: 50px;
  margin: 0px;
  padding: 0 20px 0 0;}

/* SNS Icon Hover */
.sns-button a:hover{
color:#dc9832;}

/* Footer Customize */
.site-footer .site-info {
position: relative;
text-align: center;
padding: 20px 0px;}

/* Project:OVER BG */
#content-b {
background-image: url('/images/BG.png');
background-repeat:no-repeat;
background-size:cover;
background-position:50% 55%;
background-color:#000;
background-attachment: fixed;
}
@media screen and (max-width: 1100px) {
#content-b {background-size:150%;
background-position:50% 50%;
}
}

/* Top Page Button */
.chara-btn {transition: filter 0.1s ease;
filter: brightness(1.0);}
.chara-btn:hover {filter: brightness(1.10);}

/* Works List Style */
.works ul li {list-style-type: none;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
	color:#fff;
}
.works ul li {
  position: relative;
  padding: 0 0 0 1.25em;
  margin: 0;
	font-size:1.25em;
}
.works ul li::before {
  position: absolute;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f0c8';
  color: #dd9933;
}