body{
	font-family: arial, sans-serif;
	border: 0;
	padding: 0;
	margin: 0;
	min-width:1000px;
	line-height:29px;
	letter-spacing:1.6px;
	font-size:15px;
	color: #000;
	-webkit-text-size-adjust: 100%;
  background-attachment: fixed;
  background-color:#F7F4F0;  
	}


.wrapp {
  margin: 0;
  width: 100%;
  overflow: hidden;
}

.container {
  padding: 0; /* サイドバーとの距離 */
  overflow: hidden;
}



#asamachireicha header, #company header { background:url(../img/common/line.png) bottom center no-repeat;display: table-cell;width: 1000px;padding-bottom:30px;}
#ochakotohajime header h1, #asamachireicha header h1, #company header h1, #contactform header h1{ text-align:center; margin-top:80px;}
#ochakotohajime header h2, #asamachireicha header h2, #company header h2{ float:left;}
#ochakotohajime header div, #asamachireicha header div, #company header div{ float:left; width: 735px; text-align: center; margin-top: 100px;}
#ochakotohajime header h3, #asamachireicha header h3, #company header h3{ float:right;position: relative;right: 0;top: 100px;}

#mainimage{clear: both;}

#home article{padding: 60% 0 0; overflow: hidden; }
section#concept{background:url(../img/home/concept_bg.png) right bottom no-repeat; }
section#concept div{background:url(../img/home/concept_logo.png) top center no-repeat;}


#home #concept dd,
#home #lineup dd,
#asamachireicha #mainimage p,
#ochakotohajime .description p,
#ochakotohajime #variation dl dd
{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-left: 2em;
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    letter-spacing: 4px;
}

#home section#concept div,
#home section#contact{
	clear: both;
	width: 1000px;
	background:url(../img/common/line.gif) top center no-repeat;
	margin: 0 auto;
}
#home section#concept div{padding-top:80px;}

#home section#concept dl{
	clear: both;
	}
#home section#concept dt{margin-left: 35px;}	
#home section#concept .enjoy{
	background:url(../img/home/concept_logo.png) top center no-repeat;
	padding-top:235px;
	height:320px;
}
#home section#concept .kodawari{
	height:410px;
	padding-right: 184px;
}

#home section#concept dt,section#concept dd{float: right;}
#home section#concept .image{float: left; margin:0;}

#home section#lineup{
		clear:both;
		width: 100%;
		overflow: hidden;
}
#home section#lineup #kotohajime{
	width:1000px/* 1110px */;
	margin:0 auto;
	background:url(../img/home/kotohajime_bg.jpg) bottom left no-repeat;
	height:800px;
	overflow: hidden;
	}
#home section#lineup #kotohajime div{
	/*
width:1000px;
	margin:0 auto;
*/
	background:url(../img/common/line.gif) top center no-repeat;
	padding-top:100px;
    position: relative;
	}
#home section#lineup #kotohajime, #home section#lineup #kotohajime div,{
    height: 750px;
}

#home section#lineup dt,#home section#lineup dd{float:right; margin-left: 35px; font-size:18px;letter-spacing: 6px;line-height: 35px; height:550px;}
#home section#lineup dd.image{float:left;margin-left:0;}
#home section#lineup #kotohajime dl{padding-top:68px;background:url(../img/home/lineup_logo.png) top center no-repeat;height: 600px;}
#home section#lineup a{ position: absolute;right: 0;bottom: 0;}

#home section#lineup #asamachi { position: relative; height:580px;background:url(../img/home/asamachi_logo.png) top center no-repeat;margin: 200px auto 100px;width: 1000px;}

#home section#contact{background:url(../img/common/line.gif) top center no-repeat; text-align:center; position:relative;}
#home section#contact h2{position: absolute;right: 0;top: 170px;}
#home section#contact dl{ padding-top:80px;}
#home section#contact dt{ margin:0 0 65px 0;}
#home section#contact dd.tellmark{ margin:0 0 30px 0;}
#home section#contact dd.tell{ margin-bottom:42px;}
#home section#contact dd.mailmark{ margin-bottom:20px;}
#home section#contact dd.form{ margin-bottom:162px;}
#home section#contact table{ margin-bottom:22px;}
#home section#contact th{ text-align:right; vertical-align:top; padding-right:20px;}
#home section#contact td input{ border:none; width:685px; height:24px; margin-bottom:8px;}
#home section#contact td textarea{ border:none; width:683px; height:322px;}


/* 朝待冷茶 */
#asamachireicha .wrapp{width:1000px;}
#asamachireicha #mainimage p { float: right; margin-top: 50px; height: 350px;}
#asamachireicha #howtodrink{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; clear: both;}
#asamachireicha #howtodrink h3{float: right; margin-top: 90px;}
#asamachireicha #howtodrink div{float: left;}
#asamachireicha #howtodrink dl{ width: 680px; margin-bottom:5px;}
#asamachireicha #howtodrink div dd{ font-size:16px;}
#asamachireicha #howtodrink div dt{ margin-bottom:15px;}
#asamachireicha #howtodrink .one{background:url(../img/asamachireicha/one_bg.jpg) 560px 0px no-repeat;height:190px;}
#asamachireicha #howtodrink .one dt{ padding-top:38px;}
#asamachireicha #howtodrink .two{background:url(../img/asamachireicha/two_bg.jpg) 534px 10px no-repeat;height:160px;}
#asamachireicha #howtodrink .three{background:url(../img/asamachireicha/three_bg.jpg) right 10px no-repeat;height:160px;}
#asamachireicha #howtodrink .four{background:url(../img/asamachireicha/four_bg.jpg) 545px 10px no-repeat;height:160px;}
#asamachireicha #contents{background:url(../img/common/line.gif) top center no-repeat; clear: both;}
#asamachireicha #contents h2{margin-bottom: 80px; padding-top: 100px;}
#asamachireicha #contents dl{ padding-bottom: 165px;}
#asamachireicha #contents dt{ float: left; margin-left: 165px;}
#asamachireicha #contents dd{ float: right; margin: 285px 72px 0 0;letter-spacing: 2px;font-size: 13px;line-height: 22px;}
#asamachireicha #contents div{clear: both; margin-bottom: 200px;margin-top: 100px;display: inline-block;}

    
/* ochakotohajime */
#ochakotohajime header{width:1000px; margin:0 auto;}
#ochakotohajime #mainimage img{width:1000px; margin:0 auto; display:block;;padding-top:30px}
#ochakotohajime .description{background:url(../img/ochakotohajime/bg_left.png) top left no-repeat; height:500px; padding-top: 50px;}
#ochakotohajime .description p{width:1000px; margin:0 auto;line-height: 26px;}
#ochakotohajime #contents{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;background:url(../img/ochakotohajime/bg_right.png) bottom right no-repeat; display:flex;}
#ochakotohajime #contents .contents_wrap {width:1000px; margin:0 auto;}
#ochakotohajime #contents .contents_wrap h3{ float:right;}
#ochakotohajime #contents .contents_wrap div{width:780px; float:left;}
#ochakotohajime #contents .contents_wrap dt{ margin-bottom:15px;}
#ochakotohajime #contents dl{height:200px; background-position:right top; background-repeat:no-repeat;}
#ochakotohajime .kiwami{background:url(../img/ochakotohajime/kiwami_bg.jpg);}
#ochakotohajime .okumidori{background:url(../img/ochakotohajime/okumidori_bg.jpg);}
#ochakotohajime .siraore{background:url(../img/ochakotohajime/siraore_bg.jpg) ;}
#ochakotohajime .genmaicha{background:url(../img/ochakotohajime/genmaicha_bg.jpg) ;}
#ochakotohajime .uresino{background:url(../img/ochakotohajime/uresino_bg.jpg) ;}
#ochakotohajime #variation h2{ margin-bottom: 80px; padding-top: 100px;}
#ochakotohajime #variation{width:1000px; margin:80px auto 0; clear:both;background:url(../img/common/line.gif) top center no-repeat;}
#ochakotohajime #variation dl{background-repeat: no-repeat !important;}
#ochakotohajime #variation dd{ height:475px; margin-left:0px !important;}
#ochakotohajime #variation span{ font-size:21px;line-height: 38px;}
#ochakotohajime #variation p{ font-size:12px; line-height:18px; letter-spacing:0px;font-family: arial, sans-serif; margin-right:33px;}

#ochakotohajime #variation .kotohajime{background:url(../img/ochakotohajime/kotohajime_img.jpg) left top; height: 470px;}
#ochakotohajime #variation .kotohajime_iwai{background:url(../img/ochakotohajime/kotohajime_iwai_img.jpg) right center; clear: both; height: 483px; padding-right: 690px;}
#ochakotohajime #variation .kotohajime_issen{background:url(../img/ochakotohajime/kotohajime_issen_img.jpg) left center; clear: both; height: 343px;}
#ochakotohajime #variation .kotohajime_issen dt{ margin-left:70px;}
#ochakotohajime #variation dl{ margin-bottom: 130px;}
#ochakotohajime #variation dt{ float: right; margin-left: 35px;}
#ochakotohajime #variation dd{ float: right;}
#ochakotohajime #variation div{clear: both; margin-bottom: 200px;}


/* company privacy */
#company_privacy #privacypolicy dt{font-size:16px;}
#company_privacy #privacypolicy .taiou dt{font-size:12px;}

/* COMPANY */
#company .contents{width:1000px;margin:0 auto;}
#company header th{ text-align:left; padding-right:15px;}
#company header td{ text-align:left;}
#company header div{ margin:180px 0 0 110px;width: 510px;}
#company #privacypolicy{ clear:both;background:url(../img/common/line.gif) top center no-repeat;margin-bottom: 80px;display: inline-block; width: 1000px; margin-top:40px;}
#company #privacypolicy div{ float:left; width:800px;}
#company #privacypolicy h2{ padding-top: 80px; margin-bottom:80px;}
#company #privacypolicy h3{ float:right;}
#company #privacypolicy h4{ font-weight:bold; margin-bottom:15px;}
#company #privacypolicy th{ text-align:left; font-weight:bold; width:130px;}
#company #privacypolicy p{ margin:40px 0 40px 0}
#company #privacypolicy dt{ font-weight:bold; font-size:18px; margin-bottom:8px;}
#company #privacypolicy dd{ margin-bottom:40px;}

/* 問い合わせ確認・送信 */
#home input[type="submit"]{background:url('../img/home/confirm.png');width:139px;height:36px;border:0px solid;cursor:pointer;}
#contactform .send input[type="submit"]{background:url('../img/contact/send.png');width:139px;height:36px;border:0px solid;cursor:pointer;}
#contactform .send{ text-align: center;}
#contactform header{width:1000px; margin:0 auto;}
#contactform header h2{ position: absolute;}
#contactform section{background:url(../img/contact/contact_ttl.png) top right no-repeat; width:1000px; margin:100px auto 50px; padding-top: 100px;}
#contactform section tr:nth-last-child(1) th{ padding-top:20px;}
#contactform section th{ font-weight:bold;}
#contactform section th,#contactform section td{ text-align:left;}
#contactform section.done{padding-top: 70px;}
#contactform section p{margin-top:50px;}
#contactform section div{width:600px; margin: 0 auto;}
#contactform section div dl{ text-align:center;}
#contactform section div dt{ text-align:center;}
#contactform section div a{ text-align:center; display:block;}
#contactform section.done dd{font-size:15px; margin-top:28px;letter-spacing: 4px;margin-bottom: 200px;}


/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


li {list-style-type: none;}
a{text-decoration: none; color:#333333;}
a:hover{text-decoration: none;}
.left{float:left;}
.right{float:right}
h1,h2,th,h3,h4{font-weight:normal;}
h2{font-size: 24px;text-align: center;}

	


.other_bg_wrap {
	background: url(../img/share/other_bg.jpg) ;
}


/*ボタン*/
.btn input, .btn_back input {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.btn{
	font-size: 107%;
    border-radius: 3px !important;
    background-color: #16B778;
	text-align: center;
	border-bottom: 4px #129461 solid !important;
	color: #ffffff;
	margin:0 auto;
	display:block;
	vertical-align:middle;
	letter-spacing:.5px;
}

.btn:hover{	background-color:#00C773; color: #ffffff;text-decoration: none;}


#home main a.btn{height:56px;line-height:56px;}
#home main section#pointBox p a.btn{width:265px;margin-top:35px;}
#usechangeBox a.btn{width: 265px;margin-top:12px;height:52px;line-height:52px;}
#inquiryBox a.btn{width: 240px;margin-top:10px;font-size:16px;height:59px;line-height:59px;}
#inquiry main .btn{height:61px;line-height:58px;}


#home header{margin: 0 auto;position:relative;}
#home header img{ max-width: 100%; height: auto;}
#home header p{position: absolute;}
#pic2,#pic3,#pic4{opacity: 0;}
#home header div{top:30px;right:30px;position: absolute;}
#home header h1 { text-align:center;}
#home header h2 { padding-top: 250%;}

header h2, header dl, header h3{
	display:table-cell;
	vertical-align:top;
}

header dl{
	padding-left: 238px;
}

header h2{	text-align:left;}


nav {
  position: fixed; 
  top: 30px;
  left:30px;
  width:176px;
  padding: 10px;
  height:770px;
  z-index:100;
  background-color: #F7F4F0;
  display: inline-table;
  text-align:center;
}

nav li:nth-child(1){ margin-top:40px;}
nav li:nth-child(2){ margin-top:60px;}
nav li:nth-child(3){ margin-top:20px;}
nav li:nth-child(4){ margin-top:20px;}
nav li:nth-child(5){ margin-top:20px;}
nav li:nth-child(6){ margin-top:30px;}


.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 50px;
}
	
footer {
	background: url(../img/common/line.gif) no-repeat bottom center;
	width: 1000px;
	margin: 0 auto 80px;
	padding-bottom: 20px;
	clear:both;
	}