/* Theme Name:DD */
@import url("http://fonts.googleapis.com/css?family=Lora");
@import url("http://fonts.googleapis.com/css?family=Vidaloka");

/* ==========================================================================
   Base
   ========================================================================== */
html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background:#fff;}
body{ margin:0; padding:0; width:100%;
	font-family:'Old Standard TT',"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";
	color:#333; text-align:center; font-size: 12px; line-height:22px;
}

ol,ul,li {list-style: none; padding:0; margin:0;}
table {border-collapse:collapse; border-spacing:0; font-size:12px;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img{ border:none; vertical-align:bottom; margin:0; padding:0;}

/* link  */
a,a:visited {color:#000; text-decoration:none;transition: 0.8s;}
a:active,a:hover{ color:#999; outline: 0;}
a:focus { outline: thin dotted;}

/* clear */
.cFix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.cFix{ /min-height:1px; /display:inline-block;}
.cBoth{clear:both;}

/* Text Style */
.t8{ font-size:8px; line-height:14px;}
.t10{ font-size:10px; line-height:14px;}
.t12{ font-size:12px; line-height:20px;}
.t14{ font-size:14px; line-height:22px;}
.t16{ font-size:16px; line-height:24px;}
.t18{ font-size:18px; line-height:28px;}
.t20{ font-size:20px; line-height:28px;}
.t22{ font-size:22px; line-height:28px;}
.t24{ font-size:24px; line-height:30px;}
.t26{ font-size:26px; line-height:32px;}
.t28{ font-size:28px; line-height:32px;}
.t30{ font-size:30px; line-height:36px;}
.t32{ font-size:32px; line-height:36px;}
.t36{ font-size:36px; line-height:42px;}
.t40{ font-size:40px; line-height:50px;}
.t50{ font-size:50px; line-height:54px;}
.gray{ color:#999;}
.darkGray{ color:#666;}
.tE{font-family: 'Lora', serif; }
h1,h2,h3,h4{ font-weight:normal; margin:0;}

.wrapper2{ width:100%; margin:auto;}
.wrapper{ width:1000px; margin:auto;}
.alignright{float:right;margin:0 0 20px 20px;}
.alignright_thum{float:right;margin:0 0 0 20px;}
.alignleft{float:left;margin:0 20px 20px 0;}
input,textarea,select{	font-family:'Old Standard TT',"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";}
input,textarea{color:#4c4c4c;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #e6e6e6; padding:10px 7px 10px 7px;margin:5px 0px; }
select {color:#4c4c4c; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #e6e6e6; height:33px; padding:6px 7px 6px 7px; margin:5px 0px; }


.sns_btn{ vertical-align: top;}
.fb-like{ margin-right:10px; line-height:6px;}



/* ==========================================================================
   header
   ========================================================================== */
.h_logo{ float:left; /* width:167px; */ }
.h_nav{ float:right; text-align:right; font-family: 'Lora', serif; color:#fff; font-size:14px; letter-spacing: 0.1em; margin-top:5px;}
.h_nav li{ display:inline; padding: 3px 20px 0; line-height: 2.0em;}
.h_nav a,.h_nav a:visited {color:#fff;}


/* ==========================================================================
   メガメニュー
   ========================================================================== */
.menu {
    position: relative;
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
}

.menu > li {
    float: left;
    width: 25%; /* グローバルナビ4つの場合 */
    height: 35px;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1.1em;
}

.menu > li a {
    display: block;
    color: #fff;
}

.menu > li a:hover {
    color: #999;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    font-size: 12px;
    padding: 0 10px;
    letter-spacing: 0;
}
/*
.menu__third-level li {
    border-top: 1px solid #111;
}
*/

.menu__second-level li a:hover {

}

.menu__third-level li a:hover {
    background: #2a1f1f;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 5px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}




.menu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100%;
    background: #333;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
    top: 40px;
    left: 0;
    visibility: visible;
    opacity: 1;
}

li.menu__single:hover ul.menu__second-level a {

}

/* ==========================================================================
   footer
   ========================================================================== */
#footer{ padding-top:80px; background:#fff; }
#f_nav{ border-bottom:1px solid #eceaea; margin-bottom:30px; padding-bottom:30px; display: flex; flex-direction: row; align-content: center; justify-content: center;}
#f_nav ul{ float:left; margin-right:35px; border-left:1px solid #000; padding-left:15px; width: 21%;}
#f_nav ul.last{ margin-right:0;}
#f_nav li{ text-align:left;}
#f_nav li.f_nav_ttl{ font-family: 'Vidaloka', serif; font-size:15px; letter-spacing: 0.05em; margin-bottom:10px; color:#000;}
#f_nav li.f_nav_ttl a,#f_nav li.f_nav_ttl a:visited{ color:#000;}
#f_nav li.f_nav_ttl2{ margin-top:30px;}
#f_nav ul ol{float: none; margin:0; padding-left:10px; border:0;}
#f_nav .f_nav_ir{ margin-top:15px;}
#f_nav ul ol li{float: none; margin:0; border:0; line-height:20px; color:#ccc;}
#f_nav ul ol li a{ margin-left:8px;}
#f_nav a,#f_nav a:visited {color:#666;}
#f_nav a:active,#f_nav a:hover{ color:#ccc;}
.f_sns{ float:left; width:33%; text-align:left;}
.f_sns li{ display:inline;}
.f_logo{float:left; width:33%; }
.f_copyright{float:right; width:33%; text-align:right; text-align:right; font-family:'Lora', serif; font-size:10px; line-height:16px; color:#999;}

#page-top {position:fixed; bottom:0; right:30px; z-index:10;}
#page-top a { display: block;}


/* ipad */ 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.wrapper{ width:100%; margin:auto;}
}


/* safali & chrome */ 
@media screen and (-webkit-min-device-pixel-ratio:0) {
body{margin:-18px 0; }
}
/* chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .text { color: #f00; }
}