@charset "UTF-8";
/* ----------------------------------------------------------
	共通	
---------------------------------------------------------- */
* p {
  letter-spacing: normal; }

* input, * select {
  -webkit-appearance: none; }

/* ----------------------------------------------------------
	ヘッダー	
---------------------------------------------------------- */
header {
  margin: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }
header #headerInner {
padding: 5px 0 0 5px;
max-width: 100%;
width: 100%;
float: left; 
}


header #headerInner .pnav {
  display: none; }
  
/* littera追記 */
#yane{ 
	background: url(../images/sp_top_pot.png),url(../images/sp_top_yane_bg.png);
	background-repeat:no-repeat, repeat-x;
	background-position: top center, top;
	background-size: auto,auto;
	width: 100%;
	height: 100%;
  }


/* ----------------------------------------------------------
	1カラム	
---------------------------------------------------------- */
.column1-Box {
  margin: 0 0 20px;
  padding: 0 10px; }
  .column1-Box h2 {
    font-size: 20px;
    font-size: 2rem; }

/* ----------------------------------------------------------
	2カラム	
---------------------------------------------------------- */
.column2-Box {
  margin: 0 0 20px;
  padding: 0 10px; }
  .column2-Box .Box70 {
    width: 100%;
    margin: 0 0 10px; }
  .column2-Box .Box30 {
    width: 100%;
    margin: 0 0 10px; }
  .column2-Box .left {
    float: none; }
  .column2-Box .right {
    float: none; }

/* ----------------------------------------------------------
	3カラム	
---------------------------------------------------------- */
.column3-Box {
  margin: 0 0 20px;
  padding: 0 10px; }
  .column3-Box .Box {
    float: none;
    width: 100%;
    margin: 0 0 10px; }
  .column3-Box .Box:first-child {
    margin: 0 0 10px; }

/* ----------------------------------------------------------
	4カラム	
---------------------------------------------------------- */
.column4-Box {
  margin: 0 0 20px;
  padding: 0 10px; }
  .column4-Box .Box {
    float: none;
    width: 100%;
    margin: 0 0 10px; }
  .column4-Box .Box:first-child {
    margin: 0 0 10px; }

/* ----------------------------------------------------------
	コンテンツ
---------------------------------------------------------- */
#main .mainInner {
  max-width: none; }

/* ----------------------------------------------------------
	各コンテンツ	
---------------------------------------------------------- */
#main .mainInner .news dl {
  overflow: auto;
  height: auto; }

/* ----------------------------------------------------------
	フッター	
---------------------------------------------------------- */
#pagetop {
  position: static;
  text-align: center;
  margin: 30px auto 0; }

footer {
  margin-top: 0; 
  background:none;
  }
  footer #footerInner {
    max-width: none;
    margin: 0 auto 0;
    padding: 20px 0 0; }
    footer #footerInner ul {
      border-top: #ccc 1px solid; }
      footer #footerInner ul li {
        display: block;
        margin-left: 0;
        text-align: left;
        border-bottom: #ccc 1px solid; }
        footer #footerInner ul li a {
          display: block;
          text-decoration: none;
          padding: 10px; }
  footer .footerInner2 {
    padding: 20px 0; }
    footer .footerInner2 p {
      font-size: 20px;
      font-size: 2rem; }
    footer .footerInner2 .copy {
      font-size: 10px;
      font-size: 1rem; }

/* カスタマイズ */

/*見出し調整*/
#main .mainInner .top_main{
	font-size:1.5rem;
	margin:0 0 0;
}
.sub_word{
	font-size:1.2rem;
	margin:10px 0 20px;
	text-align: center;
}
/*　20170714　*/
/* TOPページ　商品2・3・FBのカラム調整 */
/* ----------------------------------------------------------
	2カラム .column2-Box .Box70	
---------------------------------------------------------- */
.main_left-box {
    width: 100%;
    margin: 0 0 10px;
	float: none;	}
.main_right-box {
    width: 100%;
    margin: 0 0 10px;
	float: none;	}

/* 20170714 */
/* リンク画像センタリング */
.link{
	max-width:80%;
	margin:0 auto;
}

/* 20170820 */
/* スマホでのカレント表示なし */
.home #main-menu .current01, .teabag #main-menu .current02, .horoscope #main-menu .current03, .about #main-menu .current04, .low #main-menu .current05{
	border-bottom:none;
	}

/* 20170821 */
.link02{
	margin:0 25%;
}

/* 20190105 */


	/*varna logo*/
header #headerInner .varna {
	margin: -60px auto 0;
	padding: 0;
	width:100%;
	max-width: 100%;
	font-weight: normal;
	font-size: 28px;
	font-size: 2.8rem;
	text-align:center;
	}
  header #headerInner .varna a {
	color: #E74C3C;
	text-decoration: none; }
 /* header #headerInner .varna img {
	vertical-align: middle;
	margin-right: 5px; }*/

#main #banner_bg  h2.other_title{
font-size: 1.5rem;
}

/* toplogo */
img.logo{
	max-width:90px;
	width:100%;
	margin:12px auto 0;	
}
#yane #yaneInner{
	margin: 0 auto;
	padding: 0 auto;
	height: 120px;
}

h2{
 position: relative;
 padding-left: 5rem;
 font-weight: bold;
 }
h2.top_main:before {
content: url(../images/cup_sp.png);
position: absolute;/*絶対位置*/
max-width: 40px;
width: 100%;
left: 0.2rem;/*アイコンの位置*/
top: -0.6rem;/*アイコンの位置*/
/* sp TOP以外見出し設定 */
/*　20190827　*/
/*　各ページTOPバナー設定　*/
}
#main #banner_bg,#main #banner_bg_sp{
	margin: 0 auto 10px;	
	height: 60px;
	background-image: none;
	background-size: 100%;
	max-width: 80%;
	width: 100%;
	display: block;	
}

#main #banner_bg  h2.other_title{
	position: relative;
	max-width: 100%;
	width: 100%;
	line-height: 1.2;
	color:#696969;
	vartical-align:middle;
	display: ; /* IE8から使用可能 */
	padding: 0;
	font-size: 2.3rem;
	text-align: center;
	font-weight: bold;
	text-shadow:
		-1px -1px 0 #ffffff,
		1px -1px 0 #ffffff,
		1px 1px 0 #ffffff,
		-1px 1px 0 #ffffff;
	
}
h2.other_title:before {
content: normal;
max-width: 0px;
}

/* 20190907　行間 */
body p{
	line-height:1.3;
	font-size: 1.6rem;
}
/* TOPご挨拶 */
#wellcome p{
  font-size: 2rem;
  bottom: 5px;
  text-align: center;
  margin:0;
  padding:0;
  width: 100%;
  }