@charset "UTF-8";
/*
Theme Name:etchu
Theme URI:テーマを配布する際はここにURL
Description:テーマの説明です
Author:kebo software Co.
Author URI:http://www.kebo.jp/
Version:etchu 1.0
*/


/*  normalize.css  */
/* HTML5 display definitions */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display : block;
}

video,
audio,
canvas {
	display : inline-block;
	*display : inline;
	*zoom: 1;
}

audio:not([controls]) {
	display : none;
	height : 0;
}

[hidden],
template {
	display : none;
}



/* root element */

html {
	font-size : 100%;
	overflow-y : scroll;
	-webkit-text-size-adjust : 100%;
	    -ms-text-size-adjust : 100%;
}



/* sections */

body {
	font-family : sans-serif;
	margin : 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size : 1em;
	margin : 0;
}



/* grouping content */

p,
blockquote,
dl,
dd,
figure {
	margin : 0;
}

hr {
	color : inherit;
	height : auto;
	-moz-box-sizing : content-box;
	     box-sizing : content-box;
}

pre {
	font-family : monospace, sans-serif;
	white-space : pre-wrap;
	word-wrap : break-word;
	margin : 0;
}

ol,
ul {
	padding : 0;
	margin : 0;
}

li {
	list-style : none;
}



/* text-level semantics */

a:focus {
	outline : thin dotted;
}

a:hover,
a:active {
	outline : 0;
}

strong,
b {
	font-weight : bold;
}

small {
	font-size : 0.83em;
}

q {
	quotes : none;
}

abbr[title] {
	border-bottom : 1px dotted;
}

code,
samp,
kbd {
	font-family : monospace, sans-serif;
}

mark {
	color : black;
	background-color : yellow;
}

sub,
sup {
	font-size : 0.83em;
	line-height : 0;
	vertical-align : baseline;
	position : relative;
}

sub {
	bottom : -0.25em;
}

sup {
	top : -0.5em;
}

br {
	letter-spacing : 0;
}



/* embedded content */

img {
	border : 0;
	-ms-interpolation-mode : bicubic;
}

svg:not(:root) {
	overflow : hidden;
}



/* table data */

table {
	border-collapse : collapse;
	border-spacing : 0;
}

caption {
	padding : 0;
	text-align : left;
}

th,
td {
	text-align : left;
	vertical-align : baseline;
	padding : 0;
}



/* form data */

form {
	margin : 0;
}

fieldset {
	border : 0;
	padding : 0;
	margin : 0;
}

legend {
	border : 0;
	*margin-left : -7px;
}

input,
button,
select,
textarea {
	font-family : inherit;
	font-size : 1em;
	color : inherit;
	margin : 0;
}

input,
button {
	line-height : normal;
	vertical-align : inherit;
	*vertical-align : middle;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
	border : 0;
	padding : 0;
}

input[type="search"] {
	-webkit-appearance : textfield;
	-webkit-box-sizing : content-box;
	   -moz-box-sizing : content-box;
	        box-sizing : content-box;
}

input[type="search"]:focus {
	outline-offset : -2px;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance : none;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing : border-box;
	padding : 0;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	cursor : pointer;
	-webkit-appearance : button;
	*overflow : visible;
}

select {
	background-color : inherit;
	line-height : normal;
}

textarea {
	vertical-align : top;
	overflow : auto;
	*font-family : sans-serif;
}

/*  reset.css  */

/* 要素のフォンサイズやマージン・パディングをリセット */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style:normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
}

/* 新規追加要素をブロック要素へ変更 */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
 
/* 基本は縦方向のスクロールを発生 */
html{
    overflow-y: scroll;
}

/* 行の高さをフォントサイズと揃える */
body{
    line-height: 1;
}
 
/* 引用符を非表示 */
blockquote, q {
    quotes: none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
/* 箱のリセット */
input, textarea,{
    margin: 0;
    padding: 0;
}
 
/* マーカーの非表示 */
ol, ul{
    list-style:none;
}
 
/* 隣接するセルのボーダーを重ねて表示し、間隔を0指定 */
table{
    border-collapse: collapse;
    border-spacing:0;
}
 
/* 開始位置を左に揃える */
caption, th{
    text-align: left;
}


/* a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃える */
a{
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    color:#000;
    text-decoration:none;
}

 
a:focus{
    outline:none;
}

/* 画像の縦並べ時の余白を消す */
img{
    vertical-align: top;
    font-size:0;
    line-height: 0;
}

/* ins要素のデフォルトを設定 */
ins{
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* mark要素のデフォルトを設定 */
mark{
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}


/* elementfix */
*:after {
    display:block;
    clear:both;
} /* この記述は固定です */

element {zoom:1;} /* clearfix IE6, 7 */
element:after {content:"";} /* clearfix */


/* clearfix */
.clearfix {zoom:1;}
.clearfix:after {
    content: ""; 
    display: block; 
    clear: both;
}
 
.both{
    clear:both;
}
 
/*テキストシャドウ {
    text-shadow: 1px 1px 3px #000;
}
*/
 
/*ボックスシャドウ {
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
*/
 
/*ボックスシャドウ内側 {
    -moz-box-shadow: inset 1px 1px 3px #000;
    -webkit-box-shadow: inset 1px 1px 3px #000;
    box-shadow: inset 1px 1px 3px #000;
}
*/
 
/*角丸 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
*/
 
/*トランジション {
    -webkit-transition: 1.5s;
    -moz-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s;
}
*/
 
/*透明 {
    filter: alpha(opacity=25);
    -moz-opacity:0.25;
    opacity:0.25;
}
*/
 
/*背景のみ透明 {
    background-color:rgba(255,255,255,0.2);
}
*/
 
/*グラデーション {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
    background-image: -moz-linear-gradient(top, #ffffff, #000000);
    background-image: -ms-linear-gradient(top, #ffffff, #000000);
    background-image: -o-linear-gradient(top, #ffffff, #000000);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
    background-image: -webkit-linear-gradient(top, #ffffff, #000000);
    background-image: linear-gradient(top, #ffffff, #000000);
}
*/
 
/*スマホ対応
@media screen and (max-width: 480px){
    
}
@media screen and (max-width: 320px){
    
}
*/

/*  skin.css  */

.jcarousel-skin-tango .jcarousel-clip {
	overflow : hidden;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	width : 1110px;
	height : 70px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width :  1070px;
	height : 70px;
	margin : 0 auto;
}

.jcarousel-skin-tango .jcarousel-item {
	width : 200px;
	height : 70px;
	margin : 0 17px 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position : absolute;
	width : 17px;
	height : 26px;
	top : 23px;
	left : 0;
	background : url(images/slide_banner/prev.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
	position : absolute;
	width : 17px;
	height : 25px;
	top : 23px;
	right : 0;
	background : url(images/slide_banner/next.gif) no-repeat 0 0;
}

/*+++ base.css +++*/
/*+++ 全ページ共通 +++*/
html,body{
	position : relative;
	min-height : 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a{
	font-size : 13px;
	text-decoration : underline;
}
/*++ header ++*/
header{
	width : 100%;
	height : 200px;
	margin-bottom : 20px;
}
@media screen and (min-width: 769px) {
header{
	min-width: 1110px;
}
}

/*+ #header +*/
#header{
	width : 1100px;
	height : 125px;
	margin : 0 auto;
}
.topLogo{
	float : left;
	width : 650px;
	height : 110px;
	padding : 15px 0 0 0;
}
header h1{
	float : right;
	width : 320px;
	height : 95px;
}
header span{
	float : left;
	width : 210px;
	height : 108px;
}
.sp_logo, .s_menu, .s_search { /* スマホメニュー非表示 */
	display:none;
}

/*+ TOPパンくず +*/
#topNav{
	float : right;
	width : 450px;
	height : 60px;
}
#topNav ul{
	float : right;
}
#topNav li{
	float : left;
	width : 105px;
	height : 35px;
	background : #DFDFD0;
	border-top : 1px solid #FFF;
	border-right : 1px solid #FFF;
}
#topNav li a{
	display : block;
	width : 105px;
	height : 25px;
	line-height : 35px;
	font-size : 12px;
	text-decoration : none;
}
#topNav li img{
	float : left;
	margin : 10px 0 0 0;
	padding : 0 3px 0 5px;
}
/*+ fontBox +*/
.fontBox{
	float : right;
	width : 450px;
	height : 65px;
}
select#language,
.fontBox p,
ul#fontSize li{
	float : left;
}
select#language{
	height : 25px;
	margin : 25px 0 0 160px;
}
.fontBox p{
	margin : 30px 25px 0 0;
	font-size : 13px;
	float:right;
}
ul#fontSize{
	float : right;
	margin : 25px 20px 0 0;
}
/*+ nav +*/
nav{
	clear : both;
	width : 100%;
	height : 39px;
	background-image : url(images/navBack.jpg);
	background-repeat : repeat-x;
	border-top : 1px solid #C7C7AD;
	border-bottom : 4px solid #74AF2C;
}
nav ul#dropnav{
	width : 1112px;
	height : 39px;
	margin : 0 auto;
	border-right : 1px solid #C7C7AD;
}
nav ul#dropnav li a{
	text-decoration : none;
	line-height : 1.5em;
}
nav ul#dropnav > li{
	position : relative;
	float : left;
	width : 138px;
	height : 39px;
	border-left : 1px solid #C7C7AD;
}
nav ul#dropnav > li > a{
	text-align: center;
	line-height : 1.5em;
	display : block;
	height : 27px;
	font-size : 18px;
	font-weight : bold;
	font-family : Arial;
	color : #000;
	padding-top: 6px;
}
/*
nav ul#dropnav li a{
	line-height : 1.5em;
	text-decoration : none;
}
nav ul#dropnav li a.nav01{
	display : block;
	width : 143px;
	height : 27px;
	padding : 4px 0 0 13px;
	font-size : 20px;
	font-weight : bold;
	font-family : Arial;
	color : #000;
}
nav ul#dropnav li a.nav01:hover{
	width : 142px;
	height: 34px;
	margin : 1px 0 0 1px;
	color : #FFF;
	background : #74AF2C;
}
nav ul#dropnav li a.nav02{
	display : block;
	width : 106px;
	height : 27px;
	padding : 4px 0 0 50px;
	font-size : 20px;
	font-weight : bold;
	font-family : Arial;
	color : #000;
}
nav ul#dropnav li a.nav02:hover{
	width : 105px;
	height: 34px;
	margin : 1px 0 0 1px;
	color : #FFF;
	background : #74AF2C;
}
nav ul#dropnav li a.nav03{
	display : block;
	width : 139px;
	height : 27px;
	padding : 4px 0 0 17px;
	font-size : 20px;
	font-weight : bold;
	font-family : Arial;
	color : #000;
}
nav ul#dropnav li a.nav03:hover{
	width : 138px;
	height: 33px;
	margin : 1px 0 0 1px;
	color : #FFF;
	background : #74AF2C;
}
nav ul#dropnav li a.nav04{
	display : block;
	width : 126px;
	height : 27px;
	padding : 4px 0 0 30px;
	font-size : 20px;
	font-weight : bold;
	font-family : Arial;
	color : #000;
}
nav ul#dropnav li a.nav04:hover{
	width : 125px;
	height: 34px;
	margin : 1px 0 0 1px;
	color : #FFF;
	background : #74AF2C;
}
nav ul#dropnav li a.nav05{
	display : block;
	width : 109px;
	height : 27px;
	padding : 4px 0 0 48px;
	font-size : 20px;
	font-weight : bold;
	font-family : Arial;
	color : #000;
}
nav ul#dropnav li a.nav05:hover{
	width : 107px;
	height: 33px;
	margin : 1px 0 0 1px;
	color : #FFF;
	background : #74AF2C;
}
nav ul#dropnav li a.nav06{
	display : block;
	width : 109px;
	height : 27px;
	padding : 4px 0 0 48px;
	font-size : 20px;
	font-weight : bold;
	font-family : Arial;
	color : #000;
}
nav ul#dropnav li a.nav06:hover{
	width : 107px;
	height: 33px;
	margin : 1px 0 0 1px;
	color : #FFF;
	background : #74AF2C;
}
nav ul#dropnav li a.nav07{
	display : block;
	width : 116px;
	height : 27px;
	padding : 4px 0 0 41px;
	font-size : 20px;
	font-weight : bold;
	font-family : Arial;
	color : #000;
}
nav ul#dropnav li a.nav07:hover{
	width : 118px;
	height: 34px;
	margin : 1px 0 0 1px;
	color : #FFF;
	background : #74AF2C;
}
*/
nav ul#dropnav > li > a:hover{
	width : 136px;
	height: 31px;
	margin : 1px 0 0 1px;
	color : #FFF;
	background : #74AF2C;
}
/* submenu01～07共通 */
#dropnav li ul.submenu01,
#dropnav li ul.submenu02,
#dropnav li ul.submenu03,
#dropnav li ul.submenu04,
#dropnav li ul.submenu05,
#dropnav li ul.submenu06,
#dropnav li ul.submenu07,
#dropnav li ul.submenu08{
	position : absolute;
	margin : 0 ;
	padding : 0;
	top : 39px;
	left : 0px;
	background : #FFF;
	z-index : 1000;/* ドロップダウンを最前面に表示する */
	width : 137px;
	box-shadow : 1px 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow : 1px 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow : 1px 1px 1px 1px rgba(0,0,0,0.1);
}
/*
#dropnav li ul.submenu07{
	width : 161px;
}
*/
#dropnav li ul.submenu01 li,
#dropnav li ul.submenu02 li,
#dropnav li ul.submenu03 li,
#dropnav li ul.submenu04 li,
#dropnav li ul.submenu05 li,
#dropnav li ul.submenu06 li,
#dropnav li ul.submenu07 li,
#dropnav li ul.submenu08 li{
	overflow : hidden;
	width : 74%;
	height : 0;
	-moz-transition : .2s;
	-webkit-transition : .2s;
	-o-transition : .2s;
	-ms-transition : .2s;
	transition : .2s
}
#dropnav li ul.submenu01 li a,
#dropnav li ul.submenu02 li a,
#dropnav li ul.submenu03 li a,
#dropnav li ul.submenu04 li a,
#dropnav li ul.submenu05 li a,
#dropnav li ul.submenu06 li a,
#dropnav li ul.submenu07 li a,
#dropnav li ul.submenu08 li a{
	display : block;
	height : 35px;
	padding : 10px 10px 10px 10px;
}
#dropnav li ul.submenu01 li a:hover,
#dropnav li ul.submenu02 li a:hover,
#dropnav li ul.submenu03 li a:hover,
#dropnav li ul.submenu04 li a:hover,
#dropnav li ul.submenu05 li a:hover,
#dropnav li ul.submenu06 li a:hover,
#dropnav li ul.submenu07 li a:hover,
#dropnav li ul.submenu08 li a:hover{
	background : #74AF2C;
}
/* submenu01 */
#dropnav li:hover ul.submenu01 li{
	overflow : visible;
	width : 135px;
	height : 55px;
	padding : 0 1px 0;
}
/* submenu02 */
#dropnav li:hover ul.submenu02 li{
	overflow : visible;
	width : 135px;
	height : 55px;
	padding : 0 1px 0;
}
/* submenu03 */
#dropnav li:hover ul.submenu03 li{
	overflow : visible;
	width : 135px;
	height : 55px;
	padding : 0 1px 0;
}
/* submenu04 */
#dropnav li:hover ul.submenu04 li{
	overflow : visible;
	width : 135px;
	height : 55px;
	padding : 0 1px 0;
}
/* submenu07 */
#dropnav li:hover ul.submenu07 li{
	overflow : visible;
	width : 135px;
	height : 55px;
	padding : 0 1px 0;
}
#dropnav li:hover ul.submenu01 li.bb,
#dropnav li:hover ul.submenu02 li.bb,
#dropnav li:hover ul.submenu03 li.bb,
#dropnav li:hover ul.submenu04 li.bb,
#dropnav li:hover ul.submenu05 li.bb,
#dropnav li:hover ul.submenu06 li.bb,
#dropnav li:hover ul.submenu07 li.bb,
#dropnav li:hover ul.submenu08 li.bb{
	border-bottom : 1px solid #CCC;
	padding-bottom : 1px;
}
/*+ search +*/
.searchArea{
	width : 100%;
	/*height : 36px;*/
	background: #F0F0E1;
	clear : both;
	margin-top : -15px;
	min-height : 40px;
}
header form{
	width : 1100px;
	margin : 0 auto;
	background: #F0F0E1;
	padding-top:2px;
	padding-bottom:4px;
}
label.screen-reader-text{
	float : left;
	margin : 0 0 0 10px;
	line-height : 38px;
}
header form input[type="search"]{
	float : left;
	width : 200px;
	height : 20px;
	margin : 5px 0 0 20px;
	font-size : 12px;
}
header form input[type="text"] {
	float : left;
	width : 200px;
	height : 26px !important;
	margin : 5px 0 0 5px !important;
	font-size : 12px !important;
	padding:0px !important;
	border:1px solid #C7C7AD !important;
	line-height: normal !important;
	box-sizing: border-box !important;
}
header form input[type="image"]{
	float : left;
	margin-top : 5px;
}
.searchArea dl{
	float : right;
	max-width : 700px;
	padding-top:10px;
	padding-bottom:10px;
	/*margin : 6px 10px 4px 0;*/
	vertical-align:middle;
}
.searchArea dt,
.searchArea dd{
	float : left;
	font-size : 12px;
	line-height:130%;
}
.searchArea dt{
	font-weight : bold;
	color : #72AD2C;
	width:100px;
	padding-right:5px;
}
.searchArea dd{
	width:595px;
}

/*++ contentsField ++*/
.contentsField{
	position : relative;
	width : 1110px;
	height : 100%;
	min-height : 100%;
	margin : 0 auto 70px;
	overflow : hidden;
}
body > .contentsField{
	height : auto;
}
/* category */
.category{
	clear : both;
	padding : 40px 0 25px 0;
	overflow : hidden;
}
.category h2{
	width : 100%;
	height : 48px;
	background : #C7C7AD;
	font-size : 26px;
	font-weight : bold;
	color : #262619;
	line-height : 1.9em;
}
.category h2 img{
	margin : 8px 10px 0 10px;
}
.category ul{
	margin : 20px 0 0 0;
	display: inline-block;
}
.category ul li{
	float : left;
	width : 370px;
	height : 120px;
	margin : 0 15px 0 0;
}
.category ul li h3 a{
	float : left;
	width : 260px;
	margin : 0 0 10px 10px;
	font-size : 16px;
	font-weight : bold;
	text-decoration : underline;
}
.category ul li p{
	float : left;
	width : 260px;
	margin : 0 0 5px 10px;
	font-size : 13px;
	line-height : 1.5em;
}
.category ul li a.imgLink{
	float : left;
	width : 100px;
	height : 100px;
}
.category ul li a{
	float : right;
	font-size : 13px;
	text-decoration : underline;
}
/*++ accessLink ++*/
.accessLink{
	width : 766px;
	min-height : 300px;
	border : 1px solid #C7C7AD;
	margin-bottom : 50px;
}
/* ---@media screen and (max-width: 768px)ここから---------------------------------------------- */
@media screen and (max-width: 768px) {
.accessLink{
	width: 99.7%;
}
}
.accessLink h2{
	font-size : 18px;
	font-weight : bold;
	margin : 15px 0 10px 20px;
}
.accessLink h3{
	font-size : 14px;
	font-weight : bold;
	margin : 0 0 10px 20px;
}
.accessLink h4{
	margin : 0 0 10px 20px;
}
.accessLink ul{
	width : 768px;
	min-height : 20px;
	margin : 0 0 10px 20px;
	overflow : hidden;
}
@media screen and (max-width: 768px) {
.accessLink ul{
	width: 99.7%;
}
}
.accessLink ul li{
	float : left;
	width : 215px;
	margin : 0 40px 10px 0;
}
.accessLink h4 img,
.accessLink ul li img{
	padding-right : 5px;
	vertical-align : baseline;
}
.accessLink h4 a,
.accessLink ul li a{
	font-size : 13px;
	text-decoration : underline;
}
/*+ sideArea +*/
#sideArea{
	float : right;
	width : 320px;
	height : auto;
}
.sideInfo h2,
.ranking h2,
.gift h2,
.download h2,
.sideEvent h2,
.sideEatEvent h2{
	position : relative;
	width : 320px;
	height : 50px;
	font-size : 26px;
	font-weight : bold;
	color : #26261C;
	line-height : 2em;
}
.ranking h2{
	line-height : 2.5em;
}
.gift h2{
	line-height : 2.3em;
}
.sideInfo h2,
.sideEvent h2{
	background : #C7C7AD;
}
.sideInfo img,
.ranking img,
.gift img,
.download img{
	margin : 8px 5px 0 10px;
}
.sideEvent img,
.sideEatEvent img{
	margin : 12px 5px 0 10px;
}
.gift img{
	margin-right : 7px;
}
/*+ sideInfo sideEvent sideEatEvent +*/
.sideInfo,
.sideEvent,
.sideEatEvent{
	margin-bottom: 30px;
}
.sideEatEvent{
	width : 316px;
	height : 360px;
	border : 2px solid #C7C7AD;
	padding-bottom : 15px;
}
.sideInfo h2 a{
	position : absolute;
	right : 0;
}
.sideEvent h2 a,
.sideEatEvent h2 a{
	position : absolute;
	right : 0;
	top : -2px;
}
.sideEatEvent h2 a{
	right : 4px;
}
.sideInfo h2 a img{
	padding : 8px 0 0 0;
}
.sideEvent h2 a img,
.sideEatEvent h2 a img{
	padding : 5px 0 0 0;
}
.sideInfo dl,
.sideEvent dl{
	width : 318px;
	/*min-height : 290px;*/
	border : 1px solid #E7E7DC;
}
.sideInfo dl dt,
.sideEvent dl dt{
	font-size : 12px;
	font-weight : bold;
	background-image : url(images/ic_18.gif);
	background-repeat : no-repeat;
	text-indent : 1em;
	margin : 15px 0 0 12px;
	line-height : 10px;
}
.sideInfo dl dd,
.sideEvent dl dd{
	padding : 6px 25px 7px;
	border-bottom : 1px dotted #E7E7DC;
	line-height : 20px;
}
.sideInfo dl dd a,
.sideEvent dl dd a{
	font-size : 13px;
}
.sideEvent dl dd a{
	text-decoration : underline;
}
/*+ sideEatEvent eventCalendar +*/
.sideEatEvent ul li{
	overflow : hidden;
	margin-bottom : 10px;
}
.eventCalendar{
	float : left;
	width : 55px;
}
.eventCalendar p.month{
	width : 55px;
	height : 13px;
	background : #C7C7AD;
	font-size : 12px;
	font-weight : bold;
	text-align : center;
	color : #212116;
	padding-top : 2px;
}
.eventCalendar p.day{
	font-size : 24px;
	font-weight : bold;
	color : #26261C;
	text-align : center;
	background : #FFF;
}
.eventCalendar p.week{
	font-size : 13px;
	color : #8E8E62;
	text-align : center;
}
p.eatEventInfo{
	float : left;
	width : 240px;
	font-size : 13px;
	line-height : 1.4em;
	margin-left : 10px;
}

/*+ ranking +*/
.ranking{
	width : 318px;
	height : auto;
	padding : 0 0 10px 0;
	border : 1px solid #E7E7DC;
	overflow : hidden;
	margin : 0 0 30px 0;
	counter-reset: wpp-ranking;
}
.ranking ol{
	margin : 30px 0 0 0;
}
.ranking ol li{
	float : left;
	margin : 0 0 20px 10px;
}
.ranking ol li:before {
	color:#000;
	float : left;
	content: counter(wpp-ranking, decimal) url('images/ic_22.jpg');
	counter-increment: wpp-ranking;
	text-align:center!important;
	margin : 0 10px 0 0;
	font-size : 32px;
	font-weight : bold;
}
.ranking ol li a{
	display : block;
	float : left;
	width : 170px;
	margin : 0 10px 0 0;
	line-height : 1.5em;
}
.ranking ol li span{
	float : left;
	font-size : 13px;
}
/*+ survey  アンケート +*/
.survey {
	width : 314px;
	border : 3px solid #C7C7AD;
	margin : 0 0 30px 0;
	padding-top:15px;
	padding-bottom:15px;
}
.survey ul {
	width : 100%;
}
div.wp-polls {
	height : auto;
	padding-left: 5px;
	padding-right: 5px;
	box-sizing: border-box;
}
.wp-polls p strong {
	font-size : 18px;
	font-weight : bold;
	text-align : center;

}
.wp-polls p {
	line-height:1.3;
}

.wp-polls input[type="button"] {
	margin-bottom:8px;
	font-size:14px;
}
ul.wp-polls-ul li {
	font-size : 15px;
	line-height : 30px;
	padding-right: 10px;
}
.wp-polls-ans p strong{
	display : inline;
}

/*+ gift +*/
.gift{
	width : 318px;
	/*height : 228px;*/
	border : solid 1px #E7E7DC;
	margin : 0 0 30px 0;
	padding-bottom:15px;
}
.giftData{
	float : left;
	margin : 10px 0 15px 0;
}
.gift h3{
	width : 140px;
	margin : 0 10px;
	font-size : 15px;
	font-weight : bold;
	line-height : 1.2em;
}
.gift dl{
	width : 140px;
	margin : 5px 10px 0;
}
/* 締め切り赤字 */
.gift dd.deadline_red{
	color: #F00;
}
.gift dl dt,
.gift dl dd{
	font-size : 13px;
	line-height : 1.3em;
}
.gift span{
	display : block;
	float : right;
	width : 155px;
}
.gift span img{
	width : 140px;
	height : 105px;
	background : #F00;
	margin : 10px 15px 0 0;
}
.gift a{
	clear : both;
	display : block;
	width : 185px;
	height : 37px;
	margin : 0 auto;
}
.gift a img{
	margin : 0;
}
/*+ download +*/
.download{
	width : 318px;
	height : 110px;
	border : 1px solid #E7E7DC;
	margin : 0 0 30px 0;
	padding : 0 0 10px 0;
}
.download ul{
	margin : 10px 0 0 20px;
}
.download ul li{
	margin : 0 0 10px 0;
	background-image : url(images/ic_01.gif);
	background-repeat : no-repeat;
}
.download ul li a{
	margin : 0 0 0 25px;
	font-size : 13px;
	color : #40402D;
	text-decoration : underline;
	vertical-align : text-top;
}

/* recipe_sideCategory */
.sideCategory{
	margin : 0 0 30px 0;
	width: 100%;
	border-bottom : 1px solid #C7C7AD;
}
.sideCategory h2{
	width : 100%;
	height : 48px;
	background : #C7C7AD;
	font-size : 26px;
	font-weight : bold;
	line-height : 1.9em;
}
.sideCategory h2 img{
	margin : 9px 10px 0 ;
}
.accordionMenu{
	width : 320px;
	height : auto;
}
.sideCategory h3.accordionOpen span{
	float : left;
	display : block;
	width : 14px;
	height : 14px;
	margin : 17px 8px 0 10px;
	background-image : url(images/ic_20.gif);
	background-repeat : no-repeat;
}
.sideCategory h3.accordionOpen.active span{
	background-image : url(images/ic_20b.gif);
	background-repeat : no-repeat;
}
.accordionMenu h3.accordionOpen{
	width : 99.5%;
	height : 46px;
	border : 1px solid #C7C7AD;
	font-size : 16px;
	font-weight : bold;
	cursor : pointer;
	background-image : url(images/navBack02.jpg);
	background-repeat : repeat-x;
	line-height : 50px;
}

.accordionMenu img{
	margin : 17px 0 0 10px;
	padding : 0 10px 0 0;
	vertical-align : text-bottom;
}

.accordionMenu .accordionMenu01{
	width : 318px;
	height : auto;
	border-left : 1px solid #C7C7AD;
	border-right : 1px solid #C7C7AD;
}
.accordionMenu ul{
	padding : 15px 0 20px 0;
	margin : 0 0 0 20px;
}
.accordionMenu ul li{

}
.accordionMenu ul li img{
	vertical-align : inherit;
}
.accordionMenu ul li a{
	font-size : 13px;
}
/*+ facebook +*/
.facebook{
	width : 320px;
	height : auto;
	margin-bottom : 30px;
}
/*+ sideBanner +*/
.sideBanner a{
	display : block;
	margin : 0 0 15px 0;
}
/*++ slider ++*/
.bottom_slider{
	clear : both;
	width : 1110px;
	margin : 0 auto 50px;
}
#bottomSlider{
	width : 1110px;
	height : 70px;
	margin : 0 0 30px 0;
}
#bottomSlider ul{
	margin : 0 0 0 20px;
}
#bottomSlider ul li{
	float : left;
	margin : 0 17px 0 0;
}
.bottomBanner{
	width : 1100px;
	height : 100px;
	margin : 0 auto;
	border : 1px solid #E7E7DC;
}
.bottomBanner ul{
	margin : 20px 0 0 33px;
}
.bottomBanner ul li{
	float : left;
	margin : 0 15px 0 0;
}
/*++ footer ++*/
footer{
	/*position : absolute;*/
	/*bottom : 0;*/
	clear : both;
	width : 100%;
	height : 180px;
	background : #E9E9DE;
}
@media screen and (min-width: 769px) {
footer{
	min-width: 1105px;
}
}

footer section{
	width : 1105px;
	overflow : hidden;
	margin : 0 auto;
}
.link{
	background-image : url(images/ic_01.gif);
	background-repeat : no-repeat;
	margin : 12px 0 0 0;
}
footer ul{
	margin : 20px 0 0 15px;
}
li.link a{
	display : block;
	height : 16px;
	margin : 0 0 0 20px;
	font-size : 13px;
	color : #000;
}
.footer_area01{
	float : left;
	width : 300px;
	height : 122px;
	margin : 0 0 0 15px;
	padding : 20px 0 0 0;
	border-right : 1px solid #C7C7AD;
	font-size : 13px;
	color : #000;
}
.footer_area01 p{
	margin : 5px 0 0 0;
}
.footer_area01 p img{
	margin : 10px 0 0 0;
}
.footer_area02{
	float : left;
	width : 260px;
	height : 142px;
	border-right : 1px solid #C7C7AD;
}
.footer_area03{
	float : left;
	width : 270px;
	height : 142px;
	border-right : 1px solid #C7C7AD;

}
.footer_area04{
	float : left;
	width: 252px;
	height : 142px;
}
.copyright{
	height : 30px;
	font-size : 13px;
	color : #FFF;
	text-align : center;
	line-height : 2.5em;
	background : #74AF2C;
	border-top : 8px solid #C7C7AD;
}
/* スタイルシート分けるべきか悩み中 */
/*+ Area +*/
#Area{
	float : left;
	width : 770px;
	height : auto;
}
#Area h1,
#Area h1 span{
	font-size : 40px;
	font-weight : bold;
	margin : 5px 0 0 0;
}
#Area h1 span{
	margin : 0 0 0 20px;
}
#mainArea{
	float : left;
	width : 770px;
	height : auto;
}
#mainArea h1,
#mainArea h1 span{
	font-size : 40px;
	font-weight : bold;
}
#mainArea h1 span{
	margin : 0 0 0 20px;
}
/* プレゼントページ締め切り表示 */
.present_close h2{
	font-size: 30px;
	font-weight: bold;
	border-bottom: 2px solid #989867;
	margin: 0 0 20px 0;
	line-height: 3rem;
}
.present_close img{
	margin-bottom: 20px;
	width: 100%;
}
/* jump暫定 */
.jump{
	position : fixed;
	bottom : 200px;
	right : 10px;
	z-index: 1;
}
/* パンくず */
.breadcrumbs{
	width : 750px;
	height : 25px;
	margin-left : 20px;
}
.breadcrumbs ul li{
	float : left;
}
.breadcrumbs ul li,
.breadcrumbs a{
	font-size : 13px;
	margin : 5px 0 0 0;
}
.breadcrumbs a{
	text-decoration : underline;
}


/* 検索 */
#Area h1.searchH-1{
	font-size : 20px;
}
.searchH-2{
	line-height : 3em;
}
.searchH-2 span{
	color : #8DCF3F;
	padding-left : 5px;
}
/* キーワード */
h1.widget-title{
	display : none;
}
aside#recent_searches-2 ul{
	width : 365px;
	display: inline;
}
aside#recent_searches-2 ul li {
	float : left;
}
aside#recent_searches-2 ul li a {
	margin-right : 15px;
}
aside#recent_searches-2 ul li a:link,aside#recent_searches-2 ul li a:visited,aside#recent_searches-2 ul li a:active {
	text-decoration:none;
}
aside#recent_searches-2 ul li a:hover {
	text-decoration:underline;
}

/* パンフレット・ポスター */
h2.download_pp{
	font-size : 26px;
	font-weight : bold;
	margin-bottom : 25px;
}
ul.download_p2pt{
	
}
ul.download_p2pt li{
	line-height : 2.5em;
}
ul.download_p2pt li a{
	color : #8DCF3F;
}
/* お気に入りボタン */
div#topNav ul li input[type="button"]{
	float : left;
	font-size : 12px;
	margin-top : 8px;
	background : none;
	border : none;
	padding-right: 0;
}
/* 本体パンくず */
.breadcrumb{
	width : 1110px;
	margin : -10px auto 35px;
	font-size : 13px;
	display: none;
}
@media screen and (max-width: 768px) {
.breadcrumb{
	width: 100%;
	height: auto;
	line-height: 1.3em;
}
}
/* IE8 印刷倍率設定 */
@media print {
body {
	zoom: 0.75;
}
}

.MoblieCategory {
	display: none;
}

@media screen and (max-width: 768px){

/*+++ 全ページ共通 +++*/
html,body{
	position : relative;
	min-height : 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a{
	font-size : 13px;
	text-decoration : underline;
}
/*++ header ++*/
header{
	width : 100%;
	margin : 0px !important;
	height : 100px !important;
	overflow:hidden;
}
/*+ #header +*/
#header{
	width : 100%;
}
.topLogo{
	width: 100%;
	overflow : hidden;
	border-bottom : 3px solid #74AF2C;
	height: 60px;
	padding-top:0 !important;
}
.topLogo span {
	display: none;
}

header h1{
	width:60%;
	float:left;
	padding-top:8px;
	padding-left:2px;
}
.topLogo img {
	width:260px;
}

.sp_logo, .s_menu, .s_search { /* スマホメニュー表示 */
	display:block;
}
.pc_logo {
	display:none;
}
.s_menu, .s_search {
	float:right;
	padding-top:14px;
	width:27px;
}
.s_menu img, .s_search img {
	width:25px;
}

/* mobile-nav */
.MoblieCategory {
	position: relative;
	display: block;
	height: auto;
	min-height: 350px;
	clear : both;
	width : 100%;
	border-top : 1px solid #C7C7AD;
	position:absolute;
	top:70px;
	z-index:1;
}
/*span.mobile_home{
	display : block;
	width : 34px;
	height : 30px;
	margin-top : 7px;
}*/
.accordionMenu {
	/*display: inline-block;*/
	width : 100%;
	height : auto;
}
h2.navTitle,
.accordionMenu h2.accordionOpen {
	width : 100%;
	height : 36px;
	border-bottom : 1px solid #C7C7AD;
	background : url(images/s_menubg.png) repeat-x left top;
	font-size : 15px;
	font-weight : bold;
	line-height : 36px;
}
.accordionMenu h2.accordionOpen.indent {
	text-indent: 1em;
}
.accordionMenu h2.accordionOpen span {
	float : right;
	width : 20px;
	height : 20px;
	padding-top : 10px;
	padding-right : 20px;
	vertical-align: middle;
}
.accordionMenu h2.accordionOpen span img{
	margin: 0;
	vertical-align: top;
	width:18px;
}
.accordionMenu .accordionMenu01{
	width : 100%;
	height : auto;
	padding-bottom : 20px;
	border-bottom : 1px solid #C7C7AD;
	background-color:#FFF;
	overflow : hidden;
}
.accordionMenu .accordionMenu01 ul,
.accordionMenu .accordionMenu01 ol{
	margin : 0 0 0 15px;
	padding : 10px 0 0 0;
}
.accordionMenu .accordionMenu01 ul li,
.accordionMenu .accordionMenu01 ol li{
	line-height : 1.3em;
}
.accordionMenu .accordionMenu01 ul li img{
	padding : 7px 6px 0 0;
}
.accordionMenu .accordionMenu01 ul li a,
.accordionMenu .accordionMenu01 ol li a{
	text-decoration : none;
	font-size : 13px;
	height:35px !important;
}
/* search */
.searchArea{
	width : 100%;
	background: #FFF;
	display: inline-block;
	height: 80px;
	z-index:2;
	position:absolute;
	top:80px !important;
}
header form {
	padding-top : 10px;
	background: #FFF;
	margin-left:30px !important;
}
header form input[type="text"]{
	display:inline-block;
	width : 260px;
	font-size : 14px !important;
	border: 1px solid #F0F0E1;
	height : 34px !important;
}
header form input[type="image"]{
	display:inline-block;
	width : 34px !important;
	height : 34px !important;
}
header form input img {
	width : 34px !important;
	height : 34px !important;
}
header form label {
	display:none;
}

.searchArea dl{
	display: none;
}
.searchArea dt,
.searchArea dd{
	/*float : left;
	font-size : 13px;*/
}
.searchArea dt{
	/*font-weight : bold;
	color : #72AD2C;*/
}
/*+ 共通サブメニュー +*/
#topNav{
	margin: 0;
	width: 100%;
	height: 30px;
}
#topNav ul {
	border-left: none;
	width: 100%;
	background : #DFDFD0;
	margin: 0 auto;
}
#topNav li {
	display: inline-block;
	width : 49%;
	border : none;
	border-top: 1px solid #FFF;
	border-left : 1px solid #FFF;
	height: 30px;
}
#topNav li:first-child {
	display: none;
}
#topNav li a {
	display : block;
	width : 100%;
	font-size : 13px;
	line-height : 30px;
	text-decoration : none;
	padding:0 0 0 10px;
}
#topNav li img{
	vertical-align: middle;
	margin : 0;
	padding : 7px 3px 0 0;
}

/*+ fontBox +*/
.fontBox{
	float : left;
	width : 320px;
	min-height : 25px;
	line-height: 25px;
	height : auto;
	margin: 10px auto;
	display: inline-block;
}
select#language,
.fontBox p,
ul#fontSize li{
	float : left;
}
select#language{
	height : 25px;
	margin : 0 20px;
}
.fontBox p{
	margin : 0 10px;
}
ul#fontSize{
	float : none;
	margin : 0;
}

/*+ nav +*/
nav {
	display: none;
}
/*nav ul#dropnav{
	width: 100%;
}*/

/*++ contentsField ++*/
.contentsField{
	position : relative;
	width : 100%;
	height : auto;
	min-height : 100%;
	margin : 0 auto 20px;
	overflow : hidden;
}

/*+ survey +
.survey{
	width : 590px;
	height : 190px;
	border : 3px solid #C7C7AD;
	margin : 0 0 30px 5px;
}
.survey h2{
	font-size : 13px;
	font-weight : bold;
	margin : 15px 0 15px 10px;
}
.survey span{
	display : block;
	font-size : 13px;
	margin : 10px 0 0 10px;
}
.survey input[type="radio"]{
	margin : 0 10px 0 0;
}
.survey input[type="submit"]{
	display : block;
	width : 300px;
	height :50px;
	font-size : 13px;
	margin : 8px auto;
}
.survey a{
	display : block;
	font-size : 13px;
	text-decoration : underline;
	text-align : center;
	margin : 15px 0 0 0;
}*/
/*+ gift +*/
/*.gift{
	width : 595px;
	height : 160px;
	margin-left : 5px;
}
/*++ slider ++*/
.bottom_slider{
	/*width : 600px;
	width: 100%;
	clear : both;
	margin : 35px auto 50px;*/
	display: none;
}
#bottomSlider{
	/*width : 600px;*/
	width: 100%;
	/*height : 70px;*/
	height : auto;
	margin : 0 0 30px 0;
}
#bottomSlider ul{
	margin : 0 0 0 20px;
}
#bottomSlider ul li{
	float : left;
}
.bottomBanner{
	/*width : 1100px;*/
	width: 100%;
	/*height : 100px;*/
	height: auto;
	margin : 0 auto;
	border : 1px solid #E7E7DC;
}
.bottomBanner ul{
	/*margin : 20px 0 0 33px;*/
	display: inline-block;
}
.bottomBanner ul li{
	float : left;
	margin-bottom: 5px;
}
.jcarousel-skin-tango .jcarousel-clip {
	overflow : hidden;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	width : 600px;
	height : 70px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width :  600px;
	height : 70px;
	margin : 0 auto;
}

.jcarousel-skin-tango .jcarousel-item {
	width : 200px;
	height : 70px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position : absolute;
	width : 17px;
	height : 26px;
	top : 23px;
	left : 0;
	background : url(../images/slide_banner/prev.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
	position : absolute;
	width : 17px;
	height : 25px;
	top : 23px;
	right : 0;
	background : url(../images/slide_banner/next.gif) no-repeat 0 0;
}
/* info */
.accordionMenu h2.accordionOpen.info{
	padding-left : 10px;
}
.accordionMenu h2.accordionOpen.info span{
	margin-right : 30px;
}
.accordionMenu h2.accordionOpen.info img{
	padding-right : 10px;
}
.accordionMenu .accordionMenu01 dl{
	margin-left : 15px;
	margin-top : 25px;
	overflow : hidden;
}
.accordionMenu .accordionMenu01 dl dt{
	float : left;
	width : 30%;
	font-size : 12px;
	font-weight : bold;
	line-height : 30px;
}
.accordionMenu .accordionMenu01 dl dd{
	float : left;
	width : 70%;
	font-size : 13px;
	line-height : 30px;
}
.accordionMenu .accordionMenu01 div{
	text-align : center;
	margin-top : 30px;
}
/* rank */
.accordionMenu h2.accordionOpen.rank{
	padding-left : 10px;
}
.accordionMenu h2.accordionOpen.rank span{
	margin-right : 30px;
}
.accordionMenu h2.accordionOpen.rank img{
	padding-right : 10px;
}
.accordionMenu .accordionMenu01 ol li img{
	margin-right : 20px;
}
span.nextIcon{
	float : right;
	display : block;
	width : 12px;
	height : 16px;
	margin : 7px 25px 0 0;
}
.cBar{
	border-top : 5px solid #8DCF3F;
}

/*+ sideArea +*/
#sideArea{
	float : left;
	width : 100%;
	height : auto;
}
/*.sideCategory,追記*/
.sideInfo,
.ranking,
.gift,
.survey,
.download,
.facebook,
.sideBanner a {
	float: left;
	display: inline-block;
	margin:0 0 15px 15px;
}
.sideInfo,
.ranking{
	/*height: 360px;*/
}
.gift {
	height: 250px;
}
.survey {
	height: 230px;
}

/*++ footer ++*/
footer{
	/*position : absolute;*/
	/*bottom : 0;*/
	clear : both;
	width : 100%;
	background : #E9E9DE;
	display: inline-block;
	height: auto;
}
footer section{
	width : 100%;
	overflow : hidden;
	margin : 0 auto;
}
.link{
	background-image : url(../images/ic_01.gif);
	background-repeat : no-repeat;
	margin : 12px 0 0 0;
}
footer ul{
	margin : 20px 0 0 15px;
}
li.link a{
	display : inline-block;
	height : 16px;
	margin : 0 0 0 20px;
	font-size : 13px;
	color : #000;
}
.footer_area01{
	float : left;
	width : 100%;
	min-height : 60px;
	padding : 20px 0 0 0;
	/*border-right : 1px solid #C7C7AD;*/
	border-right: none;
	font-size : 13px;
	color : #000;
	/*background : #FFF;*/
}
.mobile-right{
	float : right;
	width : 70%;
}
p.mark{
	float : left;
	width : 25%;
	margin-left : 10px;
}
.footer_area01 h1{
	margin-bottom : 8px;
}
.footer_area02{
	float : left;
	/*width : 50%;
	border-right : 1px solid #C7C7AD;*/
	border-right: none;
}
.footer_area03{
	float : left;
	/*width : 49%;*/
	height : 142px;
	border-right: none;

}
.copyright{
	height : 30px;
	font-size : 13px;
	color : #FFF;
	text-align : center;
	line-height : 2.5em;
	background : #74AF2C;
	border-top : 8px solid #C7C7AD;
	margin-top : 15px;
}
/*+ Area +*/
#Area{width : 100%;}
/*+ mainArea +*/
#mainArea{width : 100%;}

.accordionMenu h3.accordionOpen{width : 100%;}

/* ---@media screen and (max-width: 768px)ここまで---------------------------------------------- */


@media screen and (max-width: 414px) {
	#sideArea{margin: 0 auto;}

	.sideInfo,
	.ranking,
	.gift,
	.survey,
	.download,
	.facebook,
	.sideBanner,
	.sideBanner a{
	float: none;
	display: block;
	margin: 0 auto 0 auto;}

	.facebook,
	.facebook iframe,
	.sideBanner,
	.sideBanner a,
	.sideBanner a img{
	text-align: center;}

	.category h2{font-size : 18px;line-height: 2.8em;}

	.sideBanner{width: 100%;}
	.sideBanner a img{margin: 0 auto 10px auto;}

	.facebook{width: 100%;margin: 10px 0;}

	.sideInfo,
	.sideInfo dl,
	.sideEvent dl,
	.sideInfo h2,
	.ranking,
	.ranking h2,
	.survey,
	.gift,
	.gift h2,
	.download,
	.download h2,
	.sideEvent h2,
	.sideEatEvent h2{width : 100%;}
	
	.category{padding:20px 0 0 0;}
	.category ul li{width:100%;height:auto;margin:0 0 10px 0;}
	.category ul li a.imgLink{width:30%;height:auto;}
	.category ul li a.imgLink img{width:90%;}
	.category ul li h3{}
	.category ul li h3 a{width:70%;margin:0 0 0 0;}
	.category ul li p{width:70%;margin:5px 0 0 0;}
}
/* ---iPad専用CSS----------------------------------------------
@media screen and (max-width: 768px) {
#changeArea{width:100%;top:180px;padding: 0 0 180px 0;}
body {overflow:hidden;}
}
@media screen and (max-width: 767px) {
#changeArea{top:0;padding: 0 0 0 0;}
}
*/