@charset "utf-8";

/*==================================================
	Universal Reset
	Default Style
	hasLayout
==================================================*/

/*--------------------------------------------------
	Universal Reset
--------------------------------------------------*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,del,ins,em,img,hr,q,strong,sub,sup,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
font-family: 'Open Sans',"AXIS Std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1,h2{
font-family: 'Open Sans', "AXIS Std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:lighter;
letter-spacing:1px;
}

h1,h2,h3,h4,h5,h6{
font-weight:normal;
font-size:100%;
}

ul{
list-style:none;
}
ol{
    padding-left: 25px;
}

table,th,td{
border:0 none;
}

th{
font-weight:normal;
text-align:left;
}

caption{
text-align:left;
}

strong{
font-weight:normal;
}

em{
font-style:normal;
}

img{
border:0;
vertical-align:top;
}

dt{
font-weight:normal;
}

fieldset{
border:0 none;
}

legend{
display:none;
}

textarea{
font-size:1em;
}

/*--------------------------------------------------
	Default Style
--------------------------------------------------*/
body{
font-size:100.01%;
background: #fff;
margin-bottom:0;
}

em{
font-style:italic;
}

strong{
font-weight:bold;
color:#666;
}

a,
a:link{
    color: #9c2b29;
    text-decoration: none;
    outline: none;
}

a:visited{
color:#666;
text-decoration:none;
}

a:hover,
a:active,
a:focus{
color: #999;
text-decoration: underline;
}

p,ul,ol,dl,table{
margin-bottom:1.67em;
}

sup{
vertical-align:top;
}

sub{
vertical-align:baseline;
}

/*--------------------------------------------------
	hasLayout
--------------------------------------------------*/
div,ul,dl,dt,dd,p,
h1,h2,h3,h4,h5,h6{
zoom:1;
}

*, *:before, *:after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align:right;}

.leftcol {float: left;}
.rightcol {float: right;}
.clearfix::after {
    content:'';
    display: block;
    clear: both;
}

::selection {
    background: #9c2b29;
    color: #fff;
}
/* =============== Animation ================ */
body *{
    transition: all 0.3s 0s ease;
    -webkit-transition: all 0.3s 0s ease;
}
/********Fade In********/
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
/* =============== Mark of Emphasize ================ */
.moe::before {
    content: '■';
    color: #9c2b29;
    position: absolute;
    left: 20px;
}
@media screen and (max-width: 480px){
.moe::before {left: -15px;}
}
.ipt{border-left: 5px solid #9c2b29;padding-left: 10px;}@media screen and (max-width: 480px){.ipt{padding-left: 5px;}}
/* =============== Add Number ================ */
.adn01::before,.adn02::before,.adn03::before,.adn04::before,.adn05::before,
.adn06::before,.adn07::before,.adn08::before,.adn09::before{
    content: '1.';
    font-size: 30px;
    color: #333;
    margin-left: -30px;
}
.adn02::before {content: '2.';}.adn03::before {content: '3.';}.adn04::before {content: '4.';}.adn05::before {content: '5.';}.adn06::before {content: '6.';}.adn07::before {content: '7.';}.adn08::before {content: '8.';}.adn09::before {content: '9.';}
@media screen and (max-width: 768px){
    .adn01::before,.adn02::before,.adn03::before,.adn04::before,.adn05::before,
    .adn06::before,.adn07::before,.adn08::before,.adn09::before{
        font-size: 25px;
        margin-left: -25px;
        }
}
@media screen and (max-width: 480px){
    .adn01::before,.adn02::before,.adn03::before,.adn04::before,.adn05::before,
    .adn06::before,.adn07::before,.adn08::before,.adn09::before{
        font-size: 18px;
        margin-left: -18px;
        }
}
.kome::before{content: "※"}
/* =============== Position Center,Text-Align Left ================ */
.pc_al{display:inline-block;text-align:left;}
/* =============== br ================ */
br.NL1200{display:none}
@media screen and (max-width: 1200px){
    br.NL1200{display: block}
}
br.NL930{display:none}
@media screen and (max-width: 930px){
    br.NL930{display: block}
}
br.NL768{display:none}
@media screen and (max-width: 768px){
    br.NL768{display: block}
}
br.NL660{display:none}
@media screen and (max-width: 660px){
    br.NL660{display: block}
}
br.NL4802{display:none}
@media screen and (max-width: 480px){
    br.NL4802{display: block}
}
br.NL480{display:block}/* =============== display:block ================ */
@media screen and (min-width:300px) and ( max-width:480px) {
    br.NL480{display: none}
}
br.NL370{display:none}
@media screen and (max-width: 370px){
    br.NL370{display: block}
}
br.NL320{display:none}
@media screen and (max-width: 320px){
    br.NL320{display: block}
}
span.nl{display: inline-block;}

/* =============== Font_Adjustment================ */
.fntlight{font-weight:200!important;}
.fntnormal{font-weight:300!important;}
.fntbold{font-weight: bold!important;color: #555;}
.fntbolder{font-weight:bolder;color: #555;}
.fnt14{font-size:14.5px!important;}
.fnt15{font-size:15px!important;}
@media screen and (max-width: 768px){.fnt15{font-size:13px!important;}}
@media screen and (max-width: 480px){.fnt15{font-size:12px!important;}}
.fnt18{font-size:18px!important;}
@media screen and (max-width: 480px){.fnt18{font-size:16px!important;}}
.fnt20{font-size:20px!important;}
@media screen and (max-width: 768px){.fnt20{font-size:18px!important;}}
@media screen and (max-width: 480px){.fnt20{font-size:16px!important;}}
.fnt25{font-size:25px!important;}
@media screen and (max-width: 768px){.fnt25{font-size: 22px!important;}}
@media screen and (max-width: 480px){.fnt25{font-size: 18px!important;}}
.fnt30{font-size:30px!important;}
@media screen and (max-width: 768px){.fnt30{font-size: 25px!important;}}
@media screen and (max-width: 480px){.fnt30{font-size: 18px!important;}}
.fnt35{font-size:35px!important;}
@media screen and (max-width: 768px){.fnt35{font-size: 25px!important;}}
@media screen and (max-width: 480px){.fnt35{font-size: 18px!important;}}

/* =============== Colors ================ */
.red{color:#9c2b29!important;}
.gray90{color:#111!important;}.gray80{color:#222!important;}
.gray70{color:#333!important;}.gray60{color:#444!important;}
.gray50{color:#555!important;}.gray40{color:#666!important;}
.gray30{color:#777!important;}.gray20{color:#888!important;}
.gray10{color:#999!important;}
.white{color:#fff!important;}

/* =============== Image_Adjustment================ */
.widthfull{width:100%;height:auto;}
.width80{width:80%;height:auto;margin-left:10%;}

/* =============== Blur_Effect ================ */
.blur_efct{
  position:relative;
  z-index:1;
  overflow:hidden;
}
.blur_efct:before{
  content: '';
  background-color:rgba(255,255,255,0.8);
  background: inherit;
  filter: blur(5px);
  -webkit-filter: blur(5px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s 0s ease;
  -webkit-transition: all 0.3s 0s ease;
}
.blur_efct:hover:before{ opacity: 1;}
/* =============== Dots Background ================ */
.bg_dot{
    background-image: url(/wp-content/themes/cda_2018/images/bg.png);
    background-repeat: repeat;
}
/* =============== Layout ================ */
.box_large{
    display: inline-block;
    margin: 10px auto;
    width: 100%;
    border:solid 2px #9b2a2a;
    text-align: center;
    padding: 10px 15px;
}
.box_small{
    display: inline-block;
    margin: 5px auto;
    border:solid 1px #666;
    padding: 5px;
}
.bg_impct{
    background-color: #9b2a2a;
    color:#fff;
    padding: 5px 0 5px 10px;    
}