@charset "utf-8";

/*----------------------------------------------------
 reset
----------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}
* {border-radius: 0; -webkit-appearance: none;}/*iPhone、iPad reset */
/*----------------------------------------------------
 elements
----------------------------------------------------*/
html {overflow-x: hidden; overflow-y: scroll;}
body {
    background: #fff;
    color: #231815;
    width: 100%;
    height:100%;
    -webkit-text-size-adjust: none;
    margin:0;
    font: 16px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic", Osaka, "ＭＳ Ｐゴシック", Arial, sans-serif;
    overflow-x: hidden;
    margin-bottom: 70px;
}

/*
53.9%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
*/
a {display:block; color: #231815;}
a:link,a:visited,a:hover {text-decoration: none;}
h1,h2,h3,h4,h5,h6 {color: #000; font-size: 100%; font-weight: normal; margin: 0;}
ul,li {list-style: none; padding: 0;}
img {border: 0; height: auto; max-width: 100%; vertical-align: bottom;}
ol:after,
ul:after,
dl:after,
div:after,
section:after,
nav:after,
header:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	overflow: hidden;
}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.left {float: left;}
.right {float: right;}
.hide {display: none;}
.none {display: none;}
.icon {
    background: transparent url(//img.aacdn.jp/touch/for_m/sprite.png) no-repeat 0 0;
    background-size: 200px auto;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.red {color: #e60012;}
/*----------------------------------------------------
 common
----------------------------------------------------*/
.body-wrapper {background: #fff; padding-top: 49px;}
.has-grid,
ul.has-grid {
    word-spacing: -1em;
    display: table;
    width: 100%;
}
.has-grid li span, .has-grid > span, .has-grid > div, .has-grid > ul, .has-grid > li {
	display: inline-block;
    word-spacing: normal;
	vertical-align: top;
}
.has-table {display: block; display: table;}
.has-table > span, .has-table > div, .has-table > li {
    display: inline-block;
    display: table-cell;
    vertical-align: middle;
}
/*----------------------------------------------------
 menu
----------------------------------------------------*/
.menu-wrapper {
    background-color: rgba( 35, 24, 21, 0.9 );
    border-radius: 5px;
    margin: 0 auto;
    padding-top: 15px;
    width: 99%;
    z-index: 1000;
}
.close-btn {margin: 0 20px 20px;}
.close-btn .close {
    background-position: -67px -31px;
    height: 29px;
    width: 29px;
}
.global-menu .menu-list {padding: 0 20px;}
.global-menu .menu-list .heading {
    color: #fff;
    font-size: 131%;
    font-weight: bold;
    margin-bottom: 15px;
}
.global-menu .menu-list .emo-menu {margin-bottom: 30px;}
.global-menu .menu-list .emo-menu li a,
.global-menu .menu-list .category-menu li a {
    color: #fff;
    font-size: 116%;
    font-weight: bold;
    letter-spacing: 0.2em;
    padding: 12px;
    margin-bottom: 7px;
}
.global-menu .menu-list .emo-menu li.butsuyoku a {background: #00b9ef url(//img.aacdn.jp/touch/for_m/arrow_white.png) no-repeat 96% 50%; background-size: 13px;}
.global-menu .menu-list .emo-menu li.yashin a {background: #ed6c00 url(//img.aacdn.jp/touch/for_m/arrow_white.png) no-repeat 96% 50%; background-size: 13px;}
.global-menu .menu-list .emo-menu li.madonna a {background: #eb6ea5 url(//img.aacdn.jp/touch/for_m/arrow_white.png) no-repeat 96% 50%; background-size: 13px;}
.global-menu .menu-list .emo-menu li.ippuku a {background: #6fba2c url(//img.aacdn.jp/touch/for_m/arrow_white.png) no-repeat 96% 50%; background-size: 13px;}
.global-menu .menu-list .category-menu {margin-bottom: 20px;}
.global-menu .menu-list .category-menu ul {display: table;}
.global-menu .menu-list .category-menu li {
    display: table-cell;
    float: left;
    width: 50%;
}
.global-menu .menu-list .category-menu li:nth-child(2n+1) a {margin-right: 7px;}
.global-menu .menu-list .category-menu li a {
    background: #fff;
    color: #231815;
    font-size: 93%;
    padding: 12px;
}
.btn-global a {
    background: #fff;
    font-size: 131%;
    font-weight: bold;
    letter-spacing: 0.2em;
    margin: 0 auto 15px;
    padding: 15px;
    width: 70%;
}
.menu-footer {
    background-color: rgba( 41, 41, 41, 0.9 );
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 20px;
}
.footer-menu {margin-bottom: 15px;}
.footer-menu li a {
    border-right: 1px solid #626262;
    color: #fff;
    font-size: 77%;
    margin-bottom: 5px;
    padding: 2px 8px;
}
.footer-menu li:last-child a {border: none;}
.copyright-area {margin-bottom: 10px;}
.logo-aa {
    background-position: 0 -163px;
    height: 17px;
    margin: 0 10px 5px 0;
    width: 86px;
}
.copy-text {
    color: #808080;
    font-size: 68%;
    line-height: 1.4;
}
/* 上へ戻るボタン */
.return-top a {
    background-color: rgba( 35, 24, 21, 0.9 );
    height: 54px;
    width: 54px;
    position: fixed;
    bottom: 20px;
    right: 0;
    z-index: 100;
}
.return-top .arrow-up {
    background-position: -161px -33px;
    height: 16px;
    margin: 19px 16px;
    width: 22px;
}
/* ボトム固定ページ送り */
.btm-pagination {
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 100;
}
.btm-pagination li {
    width: 50%;
    float: left;
    display: table;
    background-color: rgba( 35, 24, 21, 0.6 );
}
.btm-pagination li:first-child a {border-right: 1px solid #dcdcdc;}
.btm-pagination li.off {background-color: rgba( 35, 24, 21, 0.15);}
.btm-pagination li a {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    font-size: 77%;
    font-weight: bold;
    color: #fff;
}
.icon-btm-pagination {
    background-position: -93px -164px;
    height: 17px;
    width: 27px;
    margin-bottom: 3px;
}
.btm-pagination .next .icon-btm-pagination {transform: rotate(180deg); -webkit-transform: rotate(180deg);}

/*----------------------------------------------------
 header
----------------------------------------------------*/
.m-header {
    background: #fff;
    border-bottom: 1px solid #231815;
    height: 48px;
    position: fixed;
    top: 0;
    left:0;
    width: 100%;
    z-index: 10000;
}
.m-header .logo-m {
    background-position: 0 0;
    height: 28px;
    margin: 10px;
    width: 200px;
}
.m-header .menu {
    background-position: 0 -32px;
    height: 28px;
    margin: 10px;
    width: 29px;
}
.m-header .search {
    background-position: -147px -162px;
    height: 24px;
    margin: 10px;
    width: 24px;
}
.m-header .search_open {
    background-position: -125px -163px;
    height: 18px;
    margin: 13px;
    width: 18px;
}
.m-header .search_open_wrapper {
    background: #000;
    height: 48px;
}
/* 検索ボックス */
.search-box {
    background: #000;
    position: fixed;
    top: 49px;
    left:0;
    width: 100%;
    z-index: 9999;
}
.search-box-inner {
    margin: 6px 7px 7px;
}
.search-box .search-form {
    display: table;
    overflow-x: hidden;
    width: 100%;
    position: relative;
}
.search-box .text-search {
    display: table-cell;
    width: 100%;
    height: 36px;
    padding: 5px 7px;
    border: none;
    font-size: 108%;
    line-height: 1.231;
    position: relative;
    z-index: 1;
    top: 0;
    right: 0;
}
.search-box .submit-search {
    background-position: -147px -162px;
    height: 24px;
    width: 24px;
    border: none;
    text-indent: -9999px;
    position: absolute;
    z-index: 2;
    top: 6px;
    right: 7px;
}
/* グローバルメニュー */
#global_toggle_menu_dummy {
    position: absolute;
    top: 0;
    width: inherit;
    display: none;
    background-color: rgba(35, 24, 21, 0);
    z-index: 100;
}
#global_toggle_menu {
    position: absolute;
    top: -1000px;
    width: inherit;
    display: none;
    background-color: rgba(35, 24, 21, 0);
    z-index: 1000;
}
.global-menu .menu-list .emo-menu li.butsuyoku a {background: #00b9ef url(//img.aacdn.jp/touch/for_m/arrow_white.png) no-repeat 96% 50%; background-size: 13px;}
.global-menu .menu-list .emo-menu li.yashin a {background: #ed6c00 url(//img.aacdn.jp/touch/for_m/arrow_white.png) no-repeat 96% 50%; background-size: 13px;}
.global-menu .menu-list .emo-menu li.madonna a {background: #eb6ea5 url(//img.aacdn.jp/touch/for_m/arrow_white.png) no-repeat 96% 50%; background-size: 13px;}
.global-menu .menu-list .emo-menu li.ippuku a {background: #6fba2c url(//img.aacdn.jp/touch/for_m/arrow_white.png) no-repeat 96% 50%; background-size: 13px;}

/* Direction Nav */
.flexslider {position: relative;}
.flexslider .slides .photo-box {margin-bottom :0;}
.flex-direction-nav {height: 0;}
.flex-direction-nav li a {
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
    text-indent: -999em;
}
.flex-direction-nav li .next {
    background-position: -199px -253px;
    position: absolute;
    bottom: 4px;
    right: 0px;
}
.flex-direction-nav li .prev {
    background-position: -150px -253px;
    position: absolute;
    bottom: 4px;
    left: 0px;
}
.flex-direction-nav li .disabled {
    opacity: .3;
    filter:alpha(opacity=30);
    cursor: default;
}
/* Control Nav */
.flex-control-nav {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    height: 27px;
}
.flex-control-nav li {
    margin: 0 5px;
    display: inline-block;
}
.flex-control-nav li a {
    width: 10px;
    height: 10px;
    display: block;
    background: #666;
    pointer-events: none;
    text-indent: -999em;
    border-radius: 10px;
}
.flex-control-nav li .flex-active {background: #000;}
.flex-control-nav li a:hover {background: #333; opacity: 0.9;}
.flex-control-nav li a.active {background: #000; cursor: default; opacity: 0.9;}
.aff_area { text-align: center;}
.aff_area .aff_btn {
    padding-top: 10px;
    border: 0;
    max-width: 100%;
    vertical-align: bottom;
}

/* 検索ページ */
.search .body-wrapper{
    padding-top: 98px;
}
/* google検索画面 */
.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0 !important;
}
.gsc-results .gsc-cursor-box {
    margin: 15px 0 10px !important;
    text-align: center !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    display: inline-block !important;
    padding: 3px 5px;
    margin: 0 4px 5px !important;
    border: 1px solid  #eee;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    background: #f5f5f5;
}
img.gcsc-branding-img-noclear{
    width: 51px !important;
    max-width: 51px !important;
}
/* footer検索ボックス */
.search-box-ft {padding: 15px 7px 30px;}
.search-box-area-ft { padding: 5px 7px; }
.search-box-ft .search-form-ft {
    overflow-x: hidden;
    width: 100%;
}
.search-box-ft .text-search-ft {
    background: #fff url(//img.aacdn.jp/touch/aa/icon_search.png) no-repeat 5px 50%;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    display: inline-block;
    font-size: 108%;
    margin-right: 5px;
    padding: 3px 5px 3px 29px;
    width: 75%;
    height: 36px;
}
.search-box-ft .submit-search-ft {
    background: #888;
    border: 1px solid #888;
    border-radius: 5px;
    box-shadow: 0 0 1px 0 #fff inset;
    -webkit-box-shadow: 0 0 1px 0 #fff inset;
    color: #fff;
    display: inline-block;
    padding: 5px;
    height: 34px;
    width: 22%;
    -webkit-appearance: normal !important;
}

/*----------------------------------------------------
 広告関連
----------------------------------------------------*/
/* アンカー */
.fixed_bottom_ad {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 300;
    width: 100%;
    height: 50px;
    text-align: center;
    background: #000;
}