@charset "utf-8";
/*
Theme Name: Lightning Child Sample
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_table { display: block !important; }
.sp_table { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc_table { display: none !important; }
.sp_table { display: block !important; }
}

/* 特定のページだけヘッダー非表示にする */
.page-id-68 .page-header { display:none; }
.page-id-68 .breadcrumb { display:none; }



.box_pink {
    margin: 2em 0;
    padding: 0px;
    border: solid 2px #d21686;
    font-weight: bold;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box_pink .box-title {
    position: absolute;
    display: inline-block;0
    top: -2px;
    left: -2px;
    padding: 5px 9px;
    height: 2em;
    line-height: 1.4em;
    font-size: 1.2em;
    background: #d21686;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box_pink p {
    padding: 15px 20px 15px;
    margin: 0;
}



.box_gray {
    margin: 2em 0;
    padding: 0px;
    border: solid 2px #595757;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box_gray .box-title {
    position: absolute;
    display: inline-block;0
    top: -2px;
    left: -2px;
    padding: 5px 20px;
    height: 2em;
    line-height: 1.4em;
    font-size: 1.2em;
    background: #595757;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box_gray .box-title2 {
    padding: 25px 20px 15px;
    margin: 0px;
    font-weight: bold;
    font-size: 1.2em;
}
.box_gray p {
    padding: 15px 20px 15px;
    margin: 0;
}




.box_green {
    margin: 2em 0;
    padding: 0px;
    border: solid 2px #7cb52c;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box_green .box-title {
    position: absolute;
    display: inline-block;0
    top: -2px;
    left: -2px;
    padding: 5px 20px;
    height: 2em;
    line-height: 1.4em;
    font-size: 1.2em;
    background: #7cb52c;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box_green  .box-title2 {
    padding: 25px 20px 15px;
    margin: 0px;
    font-weight: bold;
    font-size: 1.2em;
}
.box_green  p {
    padding: 15px 20px 15px;
    margin: 0;
}



.under {
  background: linear-gradient(transparent 50%, #FFD800 50%);
}

.under-red {
  background: linear-gradient(transparent 75%, #FFD800 75%);
	font-weight:bold !important;
	color:#ff0000 !important;
	font-size:18px !important;
}


.title_keitai{
	background:#8CC63F;
	padding:7px;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	color:#fff;
	margin-bottom:10px;
	clear:both;
}

/***** 制作依頼コンタクトフォーム *****/
.c1{
background:#fff;
padding:15px 20px;
border-bottom:1px solid #ccc;
font-weight:bold;
color:#595858;
display:block;
 	line-height: 175%;
}
 
.c2{
background:#fff;
padding:20px;
border-bottom:1px solid #ccc;
font-weight:bold;
color:#595858;
 	line-height: 175%;
}
 
p.c1,p.c2{
margin:0;
}
 
.c1:hover{
background:#EFF5FF;
}

.c2:hover{
background:#FFEEEE;
}
 
.c1.last,.c2.last{
border-bottom:none;
}
 
.m-alert{
padding:5px;
background:#ff8080;
color:#fff;
margin:5px;
font-weight:normal;
}

.a-alert{
padding:5px;
background:#82B4FF;
color:#fff;
margin:5px;
font-weight:normal;
}
 
input[type=text],input[type=tel],input[type=email]{
font-size:15px;
}
 
.c1 textarea,.c2 textarea{
font-size:13px;
width:100%;
}
 
.file{
margin:10px;
display:block;
}
 
span.wpcf7-list-item { display: block; }
input[type=text],input[type=email],input[type=tel]{
   width:100%;
}
 
input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus{
   border:solid 1px #20b2aa;
}
 
input[type=text], select,input[type=email],input[type=tel]{
   outline: none;
}
 
.contact_right textarea{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   width:100%;
   padding:0 3px;
}
 
.contact_right textarea:focus{
   border:solid 1px #20b2aa;
}
 
.contact_right textarea {
   outline: none;
width:100%;
}
 
input[type=submit]{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   width:33%;
   height:50px;
font-size:20px;
   padding:0 3px;
   margin:5px;
   cursor:pointer;
   color:#fff;
   font-weight:normal;
   background:#78ab2f;

}
 
.contact_form input[type=submit]{
width:50%;
}
 
.contact_form input[type=text],.contact_form input[type=email]{
width:100%;
height:50px;
font-size:1.5em;
}
 
input[type="radio"]{
margin: 0 0 4px 0 !important;
}

/* contactform7送信後にフォームを非表示 */
.sent .general {
display: none;
}
.sentout_message{
display: none;
}
.sent .sentout_message{
display: block;
}