@charaset "UTF-8";
<br />
<b>Warning</b>:  Use of undefined constant px - assumed 'px' (this will throw an Error in a future version of PHP) in <b>/home/ad-gikai/ad-asahidenso.co.jp/public_html/en/wp/wp-content/themes/ayatoritheme/style-ayatori.css.php</b> on line <b>80</b><br />
<br />
<b>Warning</b>:  Use of undefined constant px - assumed 'px' (this will throw an Error in a future version of PHP) in <b>/home/ad-gikai/ad-asahidenso.co.jp/public_html/en/wp/wp-content/themes/ayatoritheme/style-ayatori.css.php</b> on line <b>81</b><br />
/*base*/
body {
color:#222222;
background-color:#ffffff;
}
a:link { color:#3B5998;}
#header-bar-wrp{ background-color:; }
.widgets-portfolio-wrp h2 a {color:#222222;}

/*base*/
#container-out {background-color:#ffffff;}
#fancybox-content #container-out {background-color:#fff;}

#header{
background: #ffffff;}
.drawer-navbar .drawer-navbar-header {
background-color:#ffffff!important;
}
.drawer-nav {
background-color:#222222!important;
}
/*spnavi*/
.drawer-hamburger-icon, .drawer-hamburger-icon::before, .drawer-hamburger-icon::after {
    background-color: #111111;
}
.sr-only {
    color: #111111;
}
header .drawer-menu li.menu-item a {
    color: #111111 !important;
}
#site-title {padding:23px 0 0 0;}
#site-title img{width:222px;}
#site-title2 {padding:15px 0 0 10px;}
#site-title2 img{width:111px; vertical-align:bottom;}
.wf{font-family: 'Droid Sans', sans-serif;}

#mn-out{
 clear:both;
 width:100%;
background-color:#444444;}

#footer{
background-color:#222222;}

/*bg-grd*/
#container {
-pie-lazy-init:true;
position:relative;
width:100%;
margin:0;
}

/*bg-ptn*/
#visual-wrp {
background:url(/uploads/op-asahidenso/vi-home-bg.jpg) repeat-x center 0;
}
#wrapper-out{
background-color:#ffffff;
}

/*globalnavi*/
#gn-out{
background: #222222;}
/*#gn,*/
#gn li{
min-height:55px;
height: auto;
height:55px;
}
#gn li a{
color:#ffffff;
line-height:55px !important;
padding: 0 0.8em !important;
}
#gn li:hover > a,
#gn li.current-menu-item > a,
#gn li.current-page-ancestor > a,
#gn li.current-post-ancestor > a{
color:#ffffff;
background-color:#d80c18;}
#hn-out{ top:45px; }
#hn li a{ color:#333333; }
#mn li a{ color:#ffffff; }
#fn li a{ color:#ffffff; }
#footer-tx,
#footer-tx a{ color:#ffffff; }
#fn-out{ border-bottom:1px solid #000000; }
address{
 border-top:1px solid #333333;
 border-bottom:1px solid #000000;
}
#footer-seo{ border-top:1px solid #333333; }
#header-seo,
#header-seo a{ color:#888888; }
#footer-seo,
#footer-seo a{ color:#cccccc; }
#header-bar,
#home #visual,
#under #visual{width:930px;}
#under #visual .vitxt{color:#aaaaaa;}

.slider-wrapper,
#slider {
margin:0 auto;
width:930px;
height:300px;
position:relative;
}

#visual .nivo-controlNav {
height:65px;
}

.theme-default .nivo-directionNav a {
background:url(common/nivo-slider/themes/default/arrows-w.png) no-repeat;
}

#main h1{
border-top:5px solid #d80c18;
background:url(/wp/wp-content/themes/ayatoritheme/common/images-bg/h1-bg-ffffff.gif) repeat-x 0 bottom #ffffff;
}
#home-top-contents h2,
#main h2,
.widgets-free h2,
#side .widgets-portfolio-wrp h2,
#side .widgets-post h2,
#side .widgets-free h2{
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background: #eeeeee;/display: inline;
/zoom: 1;
}

#home-top-contents h2 span,
#main h2 span,
.widgets-free h2 span,
#side .widgets-portfolio-wrp h2 span,
#side .widgets-post h2 span,
#side .widgets-free h2 span{ border-left:5px solid #d80c18; }
#main h3,
.widgets-free h3{ border-bottom:2px solid #d80c18; }
#main h4,
.widgets-free h4{ border-left:4px solid #d80c18; }
#main h2 a.catchcopy,
#main h2 a.catchcopy,
#main .catchcopy,
#main .catchcopy a,
.widgets-free h2 a.catchcopy,
.widgets-free h2 a.catchcopy,
.widgets-free .catchcopy,
.widgets-free .catchcopy a{ color:#d80c18; background:none !important; }


/*billboard*/
#main .billboard-wrp .h2,
.widgets-free .billboard-wrp .h2{
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background: #222222;}
#main .billboard-wrp .h3,
.widgets-free .billboard-wrp .h3{ border-bottom:2px solid #222222; }

/*fukidashi*/
#main .fukidashi-wrp .h2{
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background: #222222;}
#main .fukidashi-wrp .h3,
.widgets-free .fukidashi-wrp .h3{ border-bottom:2px solid #222222; }


/*button*/
.readmore,
.searchsubmit,
.inquiryformSubmit{
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background: #222222;-webkit-appearance: none;
}


.button-default,
.contact-default{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background: #222222;}
.contact-default{display:block;text-align:center;margin:0;padding:20px 0;}

.readmore:hover,
.searchsubmit:hover,
.inquiryformSubmit:hover,
.button-default:hover,
.contact-default:hover{
background: #444444;}
.color-default{border-color:#222222;}
.button-default2,
.contact-default2{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background: #d80c18;}
.contact-default2{display:block;text-align:center;margin:0;padding:20px 0;}

.button-default2:hover,
.contact-default2:hover{
background: #ff0000;}

#inquiryback,.inquiryback{
display:block;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background: #444444;}
#inquiryback:hover,.inquiryback:hover{
background: #888888;}

.color-default2{border-color:#d80c18;}
.button-black,
.contact-black{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background:url(common/images-bg/btn-bg-black.gif) 0 0 repeat-x #000000;
}
.contact-black{display:block;text-align:center;margin:0;padding:20px 0;}
.button-black:hover,
.contact-black:hover{background:none;background-color: #000000;}
.color-black{border-color:#000000;}
.button-gray,
.contact-gray{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background:url(common/images-bg/btn-bg-gray.gif) 0 0 repeat-x #666666;
}
.contact-gray{display:block;text-align:center;margin:0;padding:20px 0;}
.button-gray:hover,
.contact-gray:hover{background:none;background-color: #666666;}
.color-gray{border-color:#666666;}
.button-lightgray,
.contact-lightgray{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background:url(common/images-bg/btn-bg-lightgray.gif) 0 0 repeat-x #d3d3d3;
}
.contact-lightgray{display:block;text-align:center;margin:0;padding:20px 0;}
.button-lightgray:hover,
.contact-lightgray:hover{background:none;background-color: #d3d3d3;}
.color-lightgray{border-color:#d3d3d3;}
.button-red,
.contact-red{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background:url(common/images-bg/btn-bg-red.gif) 0 0 repeat-x #c8161d;
}
.contact-red{display:block;text-align:center;margin:0;padding:20px 0;}
.button-red:hover,
.contact-red:hover{background:none;background-color: #c8161d;}
.color-red{border-color:#c8161d;}
.button-facebook,
.contact-facebook{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background:url(common/images-bg/btn-bg-facebook.gif) 0 0 repeat-x #3b5998;
}
.contact-facebook{display:block;text-align:center;margin:0;padding:20px 0;}
.button-facebook:hover,
.contact-facebook:hover{background:none;background-color: #3b5998;}
.color-facebook{border-color:#3b5998;}
.button-twitter,
.contact-twitter{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background:url(common/images-bg/btn-bg-twitter.gif) 0 0 repeat-x #33ccff;
}
.contact-twitter{display:block;text-align:center;margin:0;padding:20px 0;}
.button-twitter:hover,
.contact-twitter:hover{background:none;background-color: #33ccff;}
.color-twitter{border-color:#33ccff;}
.button-hamazo,
.contact-hamazo{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background:url(common/images-bg/btn-bg-hamazo.gif) 0 0 repeat-x #ff6600;
}
.contact-hamazo{display:block;text-align:center;margin:0;padding:20px 0;}
.button-hamazo:hover,
.contact-hamazo:hover{background:none;background-color: #ff6600;}
.color-hamazo{border-color:#ff6600;}
.button-orange,
.contact-orange{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background:url(common/images-bg/btn-bg-orange.gif) 0 0 repeat-x #ff6600;
}
.contact-orange{display:block;text-align:center;margin:0;padding:20px 0;}
.button-orange:hover,
.contact-orange:hover{background:none;background-color: #ff6600;}
.color-orange{border-color:#ff6600;}
.button-rss,
.contact-rss{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background:url(common/images-bg/btn-bg-rss.gif) 0 0 repeat-x #ff9600;
}
.contact-rss{display:block;text-align:center;margin:0;padding:20px 0;}
.button-rss:hover,
.contact-rss:hover{background:none;background-color: #ff9600;}
.color-rss{border-color:#ff9600;}

/*junction*/
div.junction h2 a{
-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0 ;
-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0 ;
border-radius: 5px 5px 0 0 / 5px 5px 0 0 ;
background: #222222;}

div.junction h2 a:hover{
background: #444444;}

div.junction .j-box-in {
-webkit-border-radius: 0 0 5px 5px / 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px / 0 0 5px 5px;
border-radius: 0 0 5px 5px / 0 0 5px 5px;
}

/*feature*/
div.feature .h2{
-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0 ;
-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0 ;
border-radius: 5px 5px 0 0 / 5px 5px 0 0 ;
background: #222222;}

div.feature .f-box-in {
-webkit-border-radius: 0 0 5px 5px / 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px / 0 0 5px 5px;
border-radius: 0 0 5px 5px / 0 0 5px 5px;
border:3px solid #222222;
border-top:none;
}

div.feature .h3{
color:#222222;
}


/*cssarrow*/
.cssarrow-wrp .cssarrow-tx {
background: #444444;}
.cssarrow-wrp .cssarrow-b{
border-top: 100px solid #444444;
border-bottom: 100px solid transparent;
border-left: 200px solid transparent;
border-right: 200px solid transparent;
}


/*contact*/
.contact-set {
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
.contact-set-in {
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
 background: #f5f5f5;
 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f5f5f5), to(#f0f0f0));
 background: -webkit-linear-gradient(#f5f5f5, #f0f0f0);
 background: -moz-linear-gradient(#f5f5f5, #f0f0f0);
 background: -ms-linear-gradient(#f5f5f5, #f0f0f0);
 background: -o-linear-gradient(#f5f5f5, #f0f0f0);
 background: linear-gradient(#f5f5f5, #f0f0f0);
 -pie-background: linear-gradient(#f5f5f5, #f0f0f0);
}

/*Side*/
#sn h2 a,
#archives h2,
#tags h2{
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background: #222222;/zoom: 1;
}

#sn,
#archives,
#tags{
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background:none;
background-color: #222222;
}

#sn-first li>a,
#archives ul li>span,
#tags ul li>span{
background: #f0f0f0;/zoom: 1;
}
#sn-first li>a:hover,
#archives ul li>span:hover,
#tags ul li>span:hover{
background: #fafafa;}

#sn-first li.current_page_item > a,
#sn-first li.current-page-ancestor > a,
#archives ul li.current_page_item > span,
#archives ul li.current-page-ancestor > span{
background: #d80c18 !important;}

#side .banner-set ul.bnt li a{
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background: #f0f0f0;}

#side .banner-set ul.bnt li a:hover{
background: #fafafa;}

/*PIE control*/
blockquote, .blockquote {
-pie-png-fix: true;
}
#header-bar-out {
-pie-background: linear-gradient(#f1f1f1, #e4e4e4);
}
#header-searchform,
#gn li:hover > a, #gn li.current-menu-item > a,
.box-round,
#main .billboard-wrp,
#main .fukidashi-wrp .fukidashi,
.nav-below .index a,
#side #side-bar-sitesearch,
#side #header-searchform {
}

.gmap,
.youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.gmap iframe,
.gmap object,
.gmap embed,
.youtube iframe,
.youtube object,
.youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
p > br[style="clear: both;"]:only-child { content: ""; display: block; margin-bottom: 0; }
#header-seo {top: 5px;}
#gn-out{border-bottom:5px solid #d80c18;}
#gn{font-size:107%}
#main h1 {border-top: 5px solid #222222;}
div.junction h2 a {border-bottom:3px solid #d80c18;}
#main .catchcopy {font-size: 100%;font-size: 153.9%;}
#main { font-size: 110%; }
#main table td { word-break: normal!important;} 

.tech-wrp:after { content:""; display:block; clear:both; }
.tech-wrp { *zoom:1; letter-spacing:-0.4em;}
.tech-wrp li{list-style: none !important; margin:0 6px 0 0 !important; padding:0 !important; display:inline-block; letter-spacing:normal; *zoom:1; *display:inline;}
.tech-wrp .tech-btn01{ margin:0 !important;}

.tech-wrp2:after { content:""; display:block; clear:both; }
.tech-wrp2 { *zoom:1; letter-spacing:-0.4em;}
.tech-wrp2 li{list-style: none !important; margin:0 5px 0 0 !important; padding:0 !important; display:inline-block; letter-spacing:normal; *zoom:1; *display:inline;}
.tech-wrp2 .tech-btn01{ margin:0 !important;}

.relatedlink{ margin: 0 0 1.5em; border: 2px solid #222; background: url("/uploads/op-asahidenso/rl-bg.png") 0 0 repeat;}
.relatedlink dl{ margin: 0!important; padding: 0 0 10px!important;}
.relatedlink dt{ background:#222; color:#fff; margin:0 0 1em; padding:10px; font-size: 138.5%;}
.relatedlink dt span{ display:inline-block; border-left: 5px solid #d81018; padding-left: 10px;}
.relatedlink dd{ margin: 0!important; padding:0 10px 0px 10px!important; font-size: 123.1%;}
.relatedlink dd a{ display: inline-block; margin:0!important; padding:5px 0 0 25px!important; background: url("/uploads/op-asahidenso/rl-arrow.png") 0 50% no-repeat; line-height: 1.5;}

body.category-event .event-date,
body.category-event .event-price{
  white-space: nowrap;
}

/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {
#under #visual-wrp{display:none;}
/*#gn .menu-item-2526{ width:100%!important;}
#gn .menu-item-2526 a{ background:#222222;}*/
body.category-event .event-date,
body.category-event .event-price{
  white-space:normal;
}
}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
#header-bar-telephone { display: none;}
}

/************************************************************************************
印刷調整
*************************************************************************************/
@media print{
 .relatedlink {
    clear:both;
    break-inside: avoid;
  }
}
