@charset "utf-8";
/*===============================================
●smart.css 画面の横幅が640px以下
===============================================*/
@media screen and (max-width:640px){
  html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
/* 基本設定
-----------------------------  */
body{
  margin: 0;
}
h1{
  font-size : 15px;
  color : rgb(255, 115, 185);
  margin: 0;
  line-height: 1.1;
  padding-top:2px;
}
h2{
  text-align : center;
  margin: 0;
  font-size : 14px;
  line-height: 2.5;
  color : rgb(255, 255, 255);
}
h3{
  margin : 0;
}
h4 {
  margin: 0;
  font-size: 17px;
  font-weight: normal;
}
h5{
  font-size : 21px;
  color : rgb(0, 0, 153);
  text-align : center;
  margin : 0;
}
dl {
margin:0;
}
p{
  margin : 4px;
  font-size : 17px;
  text-align : left;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
/* ヘッダー部分
-----------------------------  */
#head{
  margin : 0px;
  width : 100%;
  text-align : center;
  border: none;
  background-repeat : repeat-x;
  background-image : url(../img/head.jpg);
  height:35px;
}
.p1Class {
  display: none;
}
#site_box{
  width : 100%;
  margin : 0px;
  background-repeat : repeat-y;
  text-align : center;
  background-image : url(../img/bg_rogo.png);
}
#rogo {
  width : 100%;
  padding-top: 20px;
  float:none;
}
#rogo img{
  width : 100%;
}
#title  {
  float:none;
  width : 100%;
}

#translate {
  position: absolute;
  top: 0;
  right: 0;
}
.p2Class{
  font-size : 12px;
  margin : 0px;
  text-align : center;
  line-height:1;
}
#wrapper2{
  width : 100%;
  margin: 0 auto;
  text-align : center;
  position: relative;
}
#head2{
  height : 6px;
  background-image : url(../img/head2.jpg);
  background-repeat : repeat-x;
}
/* コンテンツ
-----------------------------  */
#box1{
  width : 100%;
  margin: 0 auto;
  text-align : center;
  border: none;
}
/* テキスト広告
-----------------------------  */
#tarea{
  display:none;
}
.txtClass{
  font-size : 15px;
  color : rgb(204, 0, 204);
  width : 290px;
  float : left;
  text-align : left;
  margin-left : 10px;
}
.txtClass:first-child {
  margin-left : 0px;
}
/* gnavi
-----------------------------  */
#area{
  display:none;
}
ul.menu{
margin: 0;
padding: 0;
list-style-type: none;
align:right;
}
ul.menu{
  font-size : 17px;
  margin: 0;
  padding: 6px 0 0 0;
  text-align:center;
}
.dllClass{
  text-align : left;
  font-size : 16px;
  float: left;
  margin-right: 7px;
  padding: 5px 10px;
}
.dllClass a:link{
  text-decoration:none;
}
.dllClass a:visited{
  color : #000000;
}
.dllClass a:hover{
  color : #F5A9F2;
}
/* コンテンツエリア
-----------------------------  */
#wrapper{
  width : 100%;
  font-size : 21px;
  font-weight : bold;
  text-align : center;
  background: #fff;

}
.wrapper2Class{
  margin:0 ;
}
.adClassR{
  background-color : rgb(255, 234, 244);
  width : 100%;
  border-radius: 10px;
  margin: 0 0 10px 0;
  float: none;
  height: auto;

  }
.adClassL{
  background-color : rgb(255, 234, 244);
  width : 100%;
  border-radius: 10px;
  margin: 0 0 10px 0;
  float: none;
  height: auto;
  }
  .adClassL dd div p , .adClassR dd div p {
  	float: left;
  }
  .adClassL dd div p:nth-child(2n) ,.adClassR dd div p:nth-child(2n) {
  	font-size: 13px;
  	text-align: left;
  	font-weight: normal;
    width: 75%;
  }

.dlpClass{
  text-align : left;
  font-size : 13px;
  font-weight : lighter;
}
dt{
  text-align : center;
  margin-left : 0px;
  margin-bottom : 8px;
  margin-top : 0px;
  color : rgb(255, 255, 255);
  height : 30px;
   /* ▼CSS3 */
   border-top-left-radius: 10px;  /* 左上 */
   border-top-right-radius: 10px; /* 右上 */

   /* ▼Safari,Chrome */
   -webkit-border-top-left-radius: 10px;  /* 左上 */
   -webkit-border-top-right-radius: 10px; /* 右上 */

   /* ▼Firefox */
   -moz-border-radius-topleft: 10px;  /* 左上 */
   -moz-border-radius-topright: 10px; /* 右上 */

  background-color : rgb(255, 115, 185);   /* 背景色 */
}
dd{
  text-align : center;
  margin-left : 0px;
  margin-bottom : 8px;
  margin-top : 0px;
}
.bnr_img {
width:100%;
}
/* サイドエリア
-----------------------------  */
#boxD div:nth-child(1),
#boxD nav {
display:none;
}
#boxD {
  width: 100%;
  float: none;
  padding: 4px;
  font-size: 14px;
}

#boxD img{
  width: 90%;
}

/* フッター部分
-----------------------------  */
#footer {
  font-size: 15px;
  color: white;
  background-color: #999999;
  width: 100%;
}
#footerPR{
    width: 100%;
}
#footerPR table {
margin:0 auto;
}
#footer{
  font-size : 15px;
  color : white;
  background-color : #999999;
  width : 100%;
}
copyright{
font-size:14px;
}
#footer-adlist {
width:95%;
margin:0 auto;
background-color : #474747;
padding:20px 10px;
}

#footer-adlist ul {
list-style:circle;
padding:0 0 0 60px;
font-size: 14px;
}
#footer-adlist ul li a{
  color : white;
text-decoration:none;
}
#footer-adlist ul li a:visited{
  color : white;
}
#footer-adlist ul li a:hover{
  color : #F5A9F2;
}
#specialshops {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
#specialshops .viewer {
    margin: 0 auto;
    width: 100%;
    text-align: left;
    overflow: hidden;
    position: relative;
}

#specialshops  .viewer img {
    top: 0;
    left: 0;
    position: absolute;
}
#specialshops ul {
	list-style: none;
	padding: 0;
	margin: 0  ;
}
#bnr {
	float: none;
  width: 100%;
}

#bnr p a {
	display: block;
	width: 100%;
	height:0;
	padding-top: 25%;
	text-indent: -9999px;
	margin-bottom: 5px;
  background-size: contain;
	background-repeat: no-repeat;
	margin: 0 0 5px 0;

}

#bnr #pub1 a {
	background-image: url(../img/opsp.jpg);
}
#bnr #pub2 a {
	background-image: url(../img/tokyosp.jpg);
}
#bnr #pub3 a {
	background-image: url(../img/milksp.jpg);
}
/*
#bnr #pub3 {
	background-image: url(./img/blank_sp.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 0 5px 0;
  display: block;
	width: 100%;
	height:0;
	padding-top: 25%;
	text-indent: -9999px;
	margin-bottom: 5px;
}
*/

.btn_pr{
	width: 52px;
	margin: 0 5px 5px 5px;
	padding: 3px 0 ;
	font-size: 10px;
	color: #fff;
	border-radius: 5px;
	background-color: #FF73B9;
	text-align: center;
}
#translate a {
    line-height: 2;
    font-size: 14px;
    color: #357AE8;
    font-weight: bold;
    padding-right: 5px;

}
#translate a:nth-child(3) {
	padding-right: 25px;
}
#translate a:nth-child(4) {
	padding-right: 0px;
	line-height: 1;
    vertical-align: text-top;
    display:block;

}
#sns {
	float:left;
	padding-left: 0;
  display: none;
}
#google_translate_element {
	float:left;
  width: 60%;
}


#widget {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
#widget li {
	width:  100%;
  margin-bottom: 10px;
}
#widget li iframe {
	height: 500px;
}
.wedget_ttl {
  width: 302px;
    text-align: center;
    margin: 0 auto 1px auto;
    color: rgb(255, 255, 255);
    height: 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    background-color: #A6A6A6;
}
.diary {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
background-color: rgba(255, 228, 229, 1);
	margin-bottom: 50px;

}
.diary h3 {
  width: 100%;
}
#twitter_box {
	height: 500px;
	overflow: hidden;
	margin-bottom: 20px;
}

} /* @media screen and (max-width:640px) */