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


/* --------------------------------------------------------------------------------------
 VL 標準コンポーネント ver.2.1
--------------------------------------------------------------------------------------- */

.fltR { float: right; }
.fltL { float: left; }

.clrL { clear: left; }
.clrR { clear: right; }

.fltRImg { float: right; margin: 0 0 10px 20px; }
.fltLImg { float: left; margin: 0 20px 10px 0; }

u {	font-weight: bold; }
.bold {	font-weight: bold; }
.marker { background: #FFFF99; padding: 2px 5px 1px 5px; }
.ul { text-decoration: underline; }

.txtRed    { color: #AE0000; }
.txtPink   { color: #df5fa3; }
.txtBlue   { color: #008FBF; }
.txtGreen  { color: #639203; }
.txtOrange { color: #FF6600; }
.txtBrown  { color: #504030; }
.txtGray   { color: #666666; }
.txtWhite  { color: #FFF; }

.fontS08 { font-size: 80% ;}
.fontS12 { font-size: 120% ;}
.fontS14 { font-size: 140% ;}
.fontS16 { font-size: 160% ;}

.bgPink   { background: #CC3366; padding: 12px 5px 10px 20px; }
.bgBlue   { background: #008FBF; padding: 12px 5px 10px 20px; }
.bgGreen  { background: #339966; padding: 12px 5px 10px 20px; }
.bgOrange { background: #FF6600; padding: 12px 5px 10px 20px; }
.bgGray   { background: #EEEEEE; padding: 12px 5px 10px 20px; }

.mgT05 { margin-top: 5px; }
.mgT10 { margin-top: 10px; }
.mgT15 { margin-top: 15px; }
.mgT20 { margin-top: 20px; }
.mgT25 { margin-top: 25px; }
.mgT30 { margin-top: 30px; }
.mgT50 { margin-top: 50px; }

.mgL05 { margin-left: 5px; }
.mgL10 { margin-left: 10px; }
.mgL20 { margin-left: 20px; }

.mgR05 { margin-right: 5px; }
.mgR10 { margin-right: 10px; }
.mgR20 { margin-right: 20px; }


/* --------------------------------------------------------------------------------------
 2014.6.1　追加
--------------------------------------------------------------------------------------- */

.custom { padding:10px 0 40px 0; }
.custom p { line-height:2.0; }

/* Contact Form 7 */

#ContactFormBox p { margin-top:20px; }
#ContactFormBox em { font-style:normal !important; color:#CC0000; padding-left:10px;}
#ContactFormBox { font-size:/*1.3em*/;}
#ContactFormBox input { font-size:1.1em; }
#ContactFormBox .btn input { /*width:330px; padding:18px;*/ }
#ContactFormBox select { font-weight:normal; font-size:1.1em; padding:8px; }
#ContactFormBox label { font-weight:normal; }
#ContactFormBox .con { padding:8px; /*width:310px;*/ }
#ContactFormBox .mess { height:200px; padding:8px; /*width:310px;*/ overflow-y:auto; _overflow-y:hidden; }

/* YARPP */

/* Twitter */

/* Link */

/* Header */

.siteHeader_logo a { font-size: 65% !important;}
/*.page-header { background-color: #df5577 !important;}*/

/* Footer */

/*footer { border-top: 3px solid #df5577 !important; }*/
footer .copySection { color: #555 !important; margin-top: -4em; }
footer .copySection a { color: #555 !important; text-decoration: none; }
footer .copySection a:hover { color: #555 !important; text-decoration: underline; }
footer .sectionBox { margin-top: -2.5em; }


/* --------------------------------------------------------------------------------------
 2015.1.1　追加
--------------------------------------------------------------------------------------- */

/*#copyright #copyright_inner p { color: #555; }
#copyright #copyright_inner p a { color: #555; }
#copyright #copyright_inner p a:hover { color: #555; }*/


/* --------------------------------------------------------------------------------------
 2016.12.1　vl1062 追加
--------------------------------------------------------------------------------------- */

.entry a { color:#555; font-weight:bold;}
.entry a:hover { color:#BBB;}


/* --------------------------------------------------------------------------------------
 VL vl1062 ADD demo9 2016.12.01
--------------------------------------------------------------------------------------- */

.hoverWink img { transition: 0.6s; }
.hoverWink img:hover { opacity: 0.5; }
.hoverWink { transition: 0.6s; }
.hoverWink:hover { opacity: 0.5; }

.underline{display:inline;position:relative;color:#a91f32;border-bottom:2px solid #a91f32;}@media screen and (min-width: 768px){.underline{border-bottom:none;}}
.underline_sub{width:0;height:2px;transition-property:width;transition-duration:0.3s;display:none;position:absolute;bottom:-2px;left:0;background:#a91f32;transition-timing-function:linear;}@media screen and (min-width: 768px){.underline_sub{display:block;}}

.ttl3 { background: #E7E7E9; padding: 1em 15px; color: #777; font-size: 160%; font-weight: normal; margin-bottom: 20px; }
.ttl3 small { color: #A91F32; font-size: 80%; margin-left: 2em; }

.ttl2 { color: #777; font-size: 140%; font-weight: normal; line-height: 2.5em; padding: 0 0 10px 10px; border-bottom:solid 1px #CCC; }
.ttl2 small { color: #E1335F; display: block; font-size: 60%; }

.txt12 { font-size: 120%; line-height: 2.0em; }
.txt14 { font-size: 140%; line-height: 2.0em; }
.txt12 em { font-weight: bold; font-style: normal; color: #555; }
.txt14 em { font-weight: bold; font-style: normal; color: #555; }

#ContactFormBox p { line-height:2.0; margin-bottom:20px; }
#ContactFormBox em { font-style:normal; color:#CC0000; padding-left:10px; }
#cta { margin-top: 120px; }

.arrow { /*font-size: 120%;font-weight:bold;line-height:2.0em;*/ padding:/*0 0 0 30px*/0 0 0 25px; background:url(/post/arrow03.png) no-repeat /*0.3em 0.5em*/0.1em 0.2em;}
.arrow a { color:#1B4D96; }
.arrow a:hover { color:#001F33;}