/* 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;}
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; margin-left:30px; display: none;}
.h_nav a,.h_nav a:visited {color:#fff;}


/* ==========================================================================
   footer
   ========================================================================== */
#footer{ padding-top:80px; background:#fff; }
#f_nav{ border-bottom:1px solid #eceaea; margin-bottom:30px; padding-bottom:30px; }
#f_nav ul{ float:left; margin-right:35px; border-left:1px solid #000; padding-left:20px; width: 20%;}
#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:16px; 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; }
}