@charset "UTF-8";
@import url("smoothness/jquery-ui-1.8.4.custom.css"); 

/* =======================================================================
CSSの名前：style.css 
最終更新日時：2012/2/15
--------------------------------------------------------------------------
1.reset
2.base
3.コンテナ・サイドバー・メインコンテンツ
4.ヘッダ
5.サイドバー
6.extファイル用
7.トップページ
8.カートの中身～注文完了まで、プレゼント応募～完了まで
9.定期購入商品履歴照会・変更
10.フッタ
11.商品詳細・一覧、プレゼント詳細・一覧
12.レビュー
13.購入履歴
14.サブウインドウで表示するページ用
15.エラーページ
16.クレジットカード登録画面
17.お気に入り
18.アドレス帳
======================================================================= */


/* =================================================================
1.reset
=================================================================*/
html{font: 62.5% 'Open Sans', 'Helvetica', 'Arial', sans-serif;}
body{min-width: 100%; background: #FFF; color: #333; line-height: 1.5; word-wrap: break-word;}

/*  すべてのタグのマージン・パディングの設定をリセット
-------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{margin: 0; padding: 0;}
li{list-style-type: none;}
table{border-collapse: collapse; border-spacing: 0;}
img{border: 0;}


/* =================================================================
2.base
=================================================================*/

*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
strong {font-weight: 600;}
/* button, input, select, textarea {max-width: 100%;}
 */
/*  clear
-------------------------------------------------------------*/
.clear{clear: both;}
.clearfloat{clear: both; height: 0; font-size: 1px; line-height: 0;}
.clearfix{zoom: 1;}
.clearfix:after{content: ""; display: block; clear: both;}
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*  リンク
-------------------------------------------------------------*/
a {font-weight: 600; font-size: 1.4rem; line-height: 1.285em; margin: 0 0 0; color: #0091a6; text-decoration: none;}
a:hover{color: #3cc1d4;}

/*  画像の縦横比調整
-------------------------------------------------------------*/
.img_box{text-align: center; position: relative;}
/* .img_box img{width: auto; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;} */

/*  カートフロー画像
-------------------------------------------------------------*/
.step{display: block; margin: 25px auto 45px auto;}

/*  Amazonペイメントのスタイル
-------------------------------------------------------------*/
#AmazonPayButton{min-height: 80px;}

/*  ページ共通で使用できるボタン
-------------------------------------------------------------*/
a.button{display: block; padding: 15px 0; background-color: #0091a6; color: #FFF; font-size: 2rem; font-weight: 300; text-align: center;}
a.button:hover{background-color: #3cc1d4;}


/* =================================================================
3.コンテナ・サイドバー・メインコンテンツ
使用ファイル：すべてのファイル
=================================================================*/

/* container - サイドバー・メインコンテンツを格納するコンテナ
-------------------------------------------------------------*/
#content{}
p{font-weight: 400; font-size: 1.4rem; line-height: 1.285em;}

#container #breadcrumbs{padding: 10px 20px; font-size: 1.4rem; background: #f6f6f6;}
#container #breadcrumbs.topics{margin-bottom: 28px;}

/* sidebar - コンテナ内サイドバー
-------------------------------------------------------------*/
#sidebar{float: left; width: 190px;}

/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
#main h2{font-weight: 300; font-size: 3.6rem; line-height: 1.2em; margin: 0 0 15px;}
#main .sp-title {border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; margin-bottom: 28px; margin-top: 10px;}
#main .buttonarea{margin: 10px; padding-top: 40px; text-align: center;}
#main .buttonarea .attention{color: #C00; font-size: 90%;}
#main .buttonareaFR{margin: 0 0 0px; float: right;}
#main .buttonareaFR:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#main .hissu{color: #C00; font-weight: bold;}
#main #breadcrumbs{padding: 10px 20px; font-size: 1.4rem; background: #f6f6f6;}
#main .amazon_comment{color: #C00; font-weight: bold;}
#main .expiration_date{padding-left: 10px;}
#main.error{width: 1200px; margin: 0 auto;}

#main .button{background: #0091a6; color: #fff; display: inline-block; padding: 0 20px; font-size: 1.6rem; font-weight: 600; line-height: 2.8125em; height: 45px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: none; -webkit-appearance: none; cursor: pointer;}
#main .button:hover{background: #3cc1d4;}
#main .button-2 {color: #0091a6; font-size: 1.6rem; font-weight: 600; padding: 0 30px; border: 2px solid #0091a6; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; height: 45px; line-height: 41px; background: none; display: inline-block; vertical-align: top;}
#main .button-2:hover {background: #3cc1d4; color: #fff; border-color: #3cc1d4;}
#main .not_link{background: #ccc; color: #fff; display: inline-block; margin-bottom: 10px; padding: 7px 20px; cursor: pointer; font-size: 1.4rem;}

#main .button.reflect{padding:0 10px; font-size: 1.4rem; height: 38px;}

#main table{width: 100%; margin: 0px 0 20px; font-size: 80%; border: 1px solid #CCC; line-height: 200%;}
#main table .row-title{width: 90px;}
#main th{font-size: 13px; border: 1px solid #e6e6e6; padding: 16px; text-align: left; background: #f8fafc;}
#main td{font-size: 13px; border: 1px solid #e6e6e6; padding: 16px;}

/* #main - フォーム類部品
-------------------------------------------------------------*/
#main input[type="text"],
#main input[type="email"],
#main input[type="password"],
#main input[type="tel"],
#main input[type="number"]
{border: 1px solid #afb6ba; font-size: 1.6rem; font-weight: 300; line-height: normal; display: inline-block; margin: 0; padding: 0 10px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; height: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
#main select{height: 30px; vertical-align: middle;}
#main textarea{padding: 10px; font-size: 1.4rem; border: solid 1px #ccc; -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);}


/* #main.no-sidebar - サイドバーの無いメインコンテンツ
-------------------------------------------------------------*/
#main.no-sidebar{float: none !important; padding-top: 40px; width: 1200px !important; min-height: 500px; margin: auto !important;}
#main.no-sidebar table{width: 980px !important;}
#main.no-sidebar th{padding: 16px !important;}
#main.no-sidebar td{padding: 16px !important;}


/* =================================================================
4.ヘッダ
使用ファイル：common/header.xhtml
=================================================================*/

/* smartphone - スマートフォン専用サイトへのリンク
-------------------------------------------------------------*/
#smartphone a{display: block; width: 980px; height: 150px; margin: auto; background: url("../images/button_smartphone.png") no-repeat; text-indent: -9999px;}

/* preview - プレビュー時に表示するエリア
-------------------------------------------------------------*/
#preview{padding: 5px; border-bottom: 1px solid #CCC; background: #1C8600; color: #FFF; font-size: 80%; text-align: center;}
#preview table{width: 800px; margin: auto;}
#preview .ico{width: 20%; padding-right: 10px; text-align: right;}
#preview .content{text-align: left;}

/* header - ヘッダ
-------------------------------------------------------------*/
#masthead{border-bottom: 1px solid #e6e6e6; min-width: 1200px;}
#masthead .layout {position: relative;}
.layout, .right_menu{width: 1200px; margin: 0 auto; padding: 15px 30px;}
.layout.top{width: 100%; padding: 0;}

.category_area{display: inline-block; position: absolute; top: 33px; margin-left: 30px;}
.category_area:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
.category_area li{float: left; margin-right: 20px;}
.category_area li a{font-size: 1.8rem; color: #333; line-height: 110%;}
.category_area li a:hover{color: #3cc1d4;}

/*子カテゴリーメニュー*/
.category_area .category_top{position: relative; height: 60px;}
.category_area .category_child{margin-right: 0; margin-top: 20px;}
.category_area .category_child:first-child{margin-top: 0;}
.category_area .category_child .select{margin-right: 10px;}

.category_area .menu_box{display: none;}
.category_area .category_top:hover .menu_box{display: block; margin-top:5px;}
.category_area .category_top:hover .menu_box:after{content: ""; position: absolute; top: -16px; left: 35px;  z-index:1; width: 0; height: 0; border-top: 7px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid transparent; border-left: 5px solid transparent; border-top-color: #dfe5e9; transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform:  rotate(-180deg);}
.category_area .category_top:hover .arrow-top{position:absolute; top: -15px; left: 35px;  z-index:2; width: 0; height: 0; border-top: 7px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid transparent; border-left: 5px solid transparent; border-top-color: #fff; transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform:  rotate(-180deg);}
.category_area .category_top .menu_box{position: absolute; z-index: 10001; padding: 30px; top: 52px; left: 0; width: 250px; background-color: #FFF; border: 1px solid #dfe5e9; text-indent: 0;}

.category_area .category_top .menu_box .arrow-top{left: 37px;}
.category_area .category_top:hover .menu_box:after{left: 37px;}


/*右側メニュー*/
.menu_area{display: inline-block; height: 90px; position: absolute; top: 0; right: 0;}
.menu_area:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
.menu_area li.account, li.cart, li.search{float: left; padding:0 14px; width: 84px; height: 84px; border-right: 1px solid #e6e6e6; text-indent: -9999px;}
.menu_area li.account{position: relative; border-left: 1px solid #e6e6e6;}
.menu_area li.account > div.icon{background: url("../images/account_icon.png") no-repeat; background-position: center; width: 52px; height: 84px; cursor: pointer;}
.menu_area li.account > div.icon:hover{background: url("../images/account_icon_hover.png") no-repeat; background-position: center;}
.menu_area li.cart > div.icon{background: url("../images/cart.png") no-repeat; background-position: center; background-size:23px; width: 36px; height: 84px; cursor: pointer;}
.menu_area li.search > div.icon{background: url("../images/search_icon.png") no-repeat; background-position: center; width: 52px; height: 84px; cursor: pointer;}
.menu_area li.search > div.icon:hover{background: url("../images/search_icon_hover.png") no-repeat; background-position: center; width: 52px; height: 84px; cursor: pointer;}

/*右側メニュー中身*/
.menu_area li.account .menu_box, .menu_area li.search .menu_box{display: none;}
.menu_area li.account:hover .menu_box, .menu_area li.search:hover .menu_box{display: block; margin-top: 5px;}
.menu_area li.account:hover .menu_box:after, .menu_area li.search:hover .menu_box:after{content:""; position: absolute; top: -16px; left: 35px;  z-index:1; width: 0; height: 0; border-top: 7px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid transparent; border-left: 5px solid transparent; border-top-color: #dfe5e9; transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform:  rotate(-180deg);}
.menu_area li.account:hover .arrow-top, .menu_area li.search .menu_box .arrow-top{position:absolute; top: -15px; left: 35px;  z-index:2; width: 0; height: 0; border-top: 7px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid transparent; border-left: 5px solid transparent; border-top-color: #fff; transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform:  rotate(-180deg);}
.menu_area li.account .menu_box, .menu_area li.search .menu_box{position: absolute; z-index: 10001; padding: 30px; left: -1px; width: 252px; background-color: #FFF; border: 1px solid #dfe5e9; text-indent: 0;}

.menu_area li.search .menu_box .arrow-top{left: auto; right: 37px;}
.menu_area li.search:hover .menu_box:after{left: auto; right: 37px;}

/*ログイン前*/
.menu_area li.account .menu_box p{margin-bottom: 20px; font-size: 1.8rem;}
.menu_area li.account .menu_box .number{font-size: 2.2rem; color: #CC0000; font-weight: 400;}
.menu_area li.account .menu_box .amount{font-size: 1.3rem;}
.menu_area li.account .menu_box li{margin-bottom: 10px;}

/*ログイン後*/
.menu_area li.account .menu_box.login{padding: 0;}
.menu_area li.account .menu_box.login p{padding: 30px 30px 0 30px;}
.menu_area li.account .menu_box.login dl{padding: 0 30px 30px 30px; width: 255px;}
.menu_area li.account .menu_box.login dl:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
.menu_area li.account .menu_box.login dl dt{float: left; margin: 7px 12px 7px 0; font-size: 1.5rem;}
.menu_area li.account .menu_box.login dl dd{float: left;}
.menu_area li.account .menu_box.login ul{background-color: #eff2f4; padding: 15px 30px 15px 30px;}
.menu_area li.account .menu_box.login ul li{margin:10px 0; font-size: 1.5rem;}

/*検索*/
.menu_area li.search .menu_box{width: 685px; right: -2px; left: inherit;}
.menu_area li.search .menu_box input.form{width: 622px; height: 44px; padding:10px; font-size: 18px; border:1px solid #dfe5e9; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input.form::-webkit-input-placeholder{color: #b8b9bb;}
#masthead input.button{position: absolute; top: 40px; right: 45px;}


.site-branding {display: inline-block; text-decoration: none; margin-left: -8px;}
.site-branding img {width: 185px; height: auto; vertical-align: middle;}
.woocommerce img, .woocommerce-page img {height: auto; max-width: 100%;}
.site-branding span {vertical-align: middle; display: inline-block; color: #0091a6; font-size: 1.6rem; font-weight: 600; margin-left: 30px;}
.header-cart {color: #0091a6; display: inline-block; position: absolute; right: 105px; top: 20px; font-size: 1.4rem; font-weight: 600; line-height: 31px; padding-left: 40px;  text-decoration: none; margin: 7px 0 0 0; z-index: 10; text-indent: 0;}

.site-header.cart .header-cart {color: #0091a6; display: inline-block; position: absolute; right: 30px; top: 0; font-size: 1.4rem; font-weight: 600; line-height: 77px; padding-left: 40px; background: url("../images/cart.png") no-repeat; background-position: center; background-size:23px; text-decoration: none; margin: 7px 0 0 0; z-index: 10;}


/* =================================================================
6.extファイル用
使用ファイル：ext/company.html
　　　　　　　ext/tokushou.html
　　　　　　　ext/guide.html
			　ext/social_provider.xhtml
=================================================================*/

#ext{width: 100%; max-width: 1050px; padding-bottom: 20px; zoom: 1; margin: 0 auto;}
#ext h3{font-size: 18px; font-weight: 300; margin-bottom: 20px;}
#ext table{width: 100%; margin-bottom: 50px;}
#ext th{font-size: 13px; border: 1px solid #e6e6e6; padding: 16px; text-align: left; background: #f8fafc; width: 200px;}
#ext td{font-size: 13px; border: 1px solid #e6e6e6; padding: 16px;}

#ext.kiyaku h3{margin-top: 20px; margin-bottom: 10px;}
#ext.kiyaku p{margin-bottom: 10px; line-height: 1.6}

#ext.tokushou strong{color: #F00; font-weight: normal;}

/* =================================================================
7.トップページ
使用ファイル：top.xhtml
=================================================================*/
/*slick.css上書き*/
.slick-slider{padding: 0 8%; margin: 0 auto;}
.slick-list{padding: 0 0 30px 0;}
.slick-next{position: absolute; right: 60px; top: 40%; width: 80px; height: 80px; border-top: 2px solid #333; border-right: 2px solid #333; background: transparent; cursor: pointer; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 1;}
.slick-prev{position: absolute; left: 60px; top: 40%; width: 80px; height: 80px; border-top: 2px solid #333; border-right: 2px solid #333; background: transparent; cursor: pointer; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); opacity: 1;}
.slick-next:before{content: "";}
.slick-prev:before{content: "";}
.slick-prev:hover, .slick-next:hover{opacity: 0.5;}
.slick-prev.slick-disabled:hover, .slick-next.slick-disabled:hover{opacity: 0;}
.cover{margin-bottom: 61px; overflow: hidden;}
.slick-dots{position: inherit; bottom: -50px;}
.slick-dots li button:hover, .slick-dots li button:focus{color: #0091a6;}
.slick-dots li button:before{content: ""; opacity: 1; width: 15px; height: 15px; background: #98d0d9; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; opacity: 0.5;}
.slick-dots li.slick-active button:before{content: ""; opacity: 1; width: 15px; height: 15px; background: #0091a6; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.slick-dotted.slick-slider{margin-bottom: 50px;}

/* メインビジュアル部分
-------------------------------------------------------------*/
#mainvisual_content{width: 100%; margin-bottom: 90px;}
.main_visual li img{width: 100%; height: auto;}
.main_visual.slick-slider{padding: 0;}

#mainvisual_content .slick-next{position: absolute; right: 60px; top: 40%; width: 80px; height: 80px; border-top: 2px solid #333; border-right: 2px solid #333; background: transparent; cursor: pointer; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 1;}
#mainvisual_content .slick-prev{position: absolute; left: 60px; top: 40%; width: 80px; height: 80px; border-top: 2px solid #333; border-right: 2px solid #333; background: transparent; cursor: pointer; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); opacity: 1;}
#mainvisual_content .slick-next:before{content: "";}
#mainvisual_content .slick-prev:before{content: "";}


/* バナー部分
-------------------------------------------------------------*/
#banner_content{width: 1200px; margin: 0 auto 60px;}
#banner_content ul{font-size: 0;}
#banner_content ul:after{content:  "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#banner_content li{float: left; margin-right: 20px; margin-bottom: 20px;}
#banner_content li:nth-child(2n){margin-right: 0;}
#banner_content li a{font-size: 0;}
#banner_content li img{width: 100%;}

/* お知らせ部分
-------------------------------------------------------------*/
#topics{width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: content-box;}
#topics ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#topics li{float: left; width: 385px; margin-right: 20px;}
#topics li:last-child{margin-right: 0;}
#topics img{max-width: 385px; max-height: 164px; width: 385px; margin: -20px 0 0 0;}
#topics h2{margin: 0 0 30px 15px; text-align: center;}
#topics p{margin-bottom: 20px; font-size: 1.8rem; font-weight: 600;}
#topics p.link{margin-top: 30px; margin-bottom: 30px;}
#topics p.link:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#topics p.link a{float: right; font-size: 2.0rem; font-weight: normal;}
#topics a.info_box{display: block; width: 385px; border: 1px solid #e6e6e6; font-size: 1.6rem; font-weight: normal; box-sizing: content-box;}
#topics .info_text_box{padding:20px; color:#333;}
#topics .info_text_box .topics_link:hover{ text-decoration: underline;}

/* 商品スライダー部分
-------------------------------------------------------------*/
.multiple-items:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#newitem, #recommend, #accesessLog{background: #f6f6f6; padding: 50px 0; min-width: 1200px;}
#newitem h2, #recommend h2, #accesessLog h2{font-weight: 300; font-size: 3.6rem; text-align: center; margin-top: 20px; margin-bottom: 20px;}
#newitem .layout, #recommend .layout, #accesessLog .layout{padding: 0;}

.slick-next{position: absolute; right: 60px; top: 105%; width: 25px; height: 25px; border-top: 1px solid #ababab; border-right: 1px solid #ababab; background: transparent; cursor: pointer; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 1;}
.slick-prev{position: absolute; left: 60px; top: 105%; width: 25px; height: 25px; border-top: 1px solid #ababab; border-right: 1px solid #ababab; background: transparent; cursor: pointer; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); opacity: 1;}
.content-gallery-card{list-style: none; padding: 0 10px; float: left; text-align: center; font-size: 2.4rem; font-weight: 300; display: block;}
.content-gallery-card a{display: block;}
.content-gallery-card .img_box{padding-top: 10px; width: 317px; height: 300px; float: none; background: #FFF;}
.content-gallery-card .img_box img{margin: auto; max-width: 317px; max-height: 300px; display: block;}
.content-gallery-card .type_number{margin-bottom: 10px; color:#333; font-size: 1.4rem; font-weight: normal;}
.content-gallery-card .img_box .icon_area{position: absolute; top: 10px; left: 10px; z-index: 1;}
.content-gallery-card .img_box .icon_area img{float: left; margin-right: 5px;}
.content-gallery-card .text{text-align: left; padding: 20px 15px 0 15px; background: #FFF; width: 317px; height: 180px}
.content-gallery-card h3{font-size: 2.2rem; font-weight: 300; margin: 0 0 20px; line-height: 1.2em;}
.content-gallery-card p{text-align: right;  font-size: 2.4rem; font-weight: 300; height: 50px; margin: 0; color: #222c30;}
.content-gallery-card p strong{font-size: 1.4rem;}
.content-gallery-card p .tax{font-size: 1.6rem;}

/* itemAccesesLog - 最近チェックした商品
-------------------------------------------------------------*/
#accesessLog .accesessLog:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#accesessLog .content-gallery-card .img_box{padding-top: 10px;  width: 233px; height: 223px; float: none; background: #FFF;}
#accesessLog .content-gallery-card .img_box img{max-width: 233px; max-height: 223px; display: block;}
#accesessLog .content-gallery-card .text{text-align: left; padding: 30px 15px; background: #FFF; width: 233px; height: 215px;}
#accesessLog .content-gallery-card p{text-align: right;  font-size: 2.0rem; font-weight: 300; height: 50px; margin: 0; color: #222c30;}
#accesessLog .content-gallery-card p .tax{font-size: 1.4rem;}
#accesessLog .clear{padding-top:70px; text-align: right;}
#accesessLog .clear a{font-size: 1.6rem;}

/* =================================================================
8.カートの中身～注文完了まで、プレゼント応募～完了まで
使用ファイル：cart_index.xhtml, cart_login.xhtml
　　　　　　　cart_seisan.xhtml, cart_confirm.xhtml
　　　　　　　cart_pre.xhtml, cart_result.xhtml
　　　　　　　present_login.xhtml, present_input.xhtml
　　　　　　　present_confirm.xhtml, present_result.xhtml
=================================================================*/
/* cartSidebar - カートフロー内サイドバー
-------------------------------------------------------------*/
#cartSidebar{width: 210px; float: right;}
#cartSidebar #sideInner{width: 210px;}
#cartSidebar .total_box{padding: 10px; background: #f8fafc;}
#cartSidebar .total_box .box{border: none; zoom: 1; margin-bottom: 10px;}
#cartSidebar .total_box .box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartSidebar .total_box h3{margin: 0; background: none; padding: 0px; border: 0px; font-size: 14px; float: left;}
#cartSidebar .total_box p.price{font-size: 16px; float: right; margin: 0px; font-weight: bold;}
#cartSidebar .total_box img{margin: 0px auto 10px; display: block;}
#cartSidebar .total_box .totalpricebox{border: none; zoom: 1; margin-bottom: 10px; zoom: 1; padding-top: 10px; border-top: 1px #CCCCCC solid;}
#cartSidebar .total_box .totalpricebox:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartSidebar .total_box .teiki_text{margin: 0; font-size: 12px;}
#cartSidebar .cartButtonArea a{display: block; margin: 0 auto 10px; width: 150px; text-align: center; height: 40px; line-height: 38px;}
#cartSidebar .cartButtonArea img{display: block;}
#cartSidebar .cartButtonArea input{display: block; margin: 0 auto 10px; width: 150px; font-size: 13px; padding: 0px;}
#cartSidebar .tax{font-size: 9px; color: #666;}

/* cartIndex - 買い物かごの中身
-------------------------------------------------------------*/
#cartIndex{width: 100%; padding-bottom: 20px; zoom: 1; margin: 0 auto;}
#cartIndex:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartIndex table{width: 100%; margin: 0px 0 10px;}
#cartIndex table th.itemname{width: 500px;}
#cartIndex .img_box{width: 150px; height: 150px; text-align: center; position: relative; float: left;}
#cartIndex .img_box img{width: auto; max-width: 150px; max-height: 150px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#cartIndex .text_box p{margin: 0 0 10px; font-size: 100%;}
#cartIndex .text_box p.code{font-size: 80%;}
#cartIndex .text_box p.last{margin-bottom: 0px;}

#cartIndex .button{background: #0091a6; color: #fff; display: inline-block; padding: 0 47px; font-size: 1.6rem; font-weight: 600; line-height: 2.8125em; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: none; cursor: pointer;}
#cartIndex .button:hover{background: #3cc1d4;}

#cartIndex .cart.shop_table {border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; border: none; font-size: 1.4rem;}
#cartIndex .shop_table {border: 1px solid rgba(0,0,0,.1); margin: 0 -1px 24px 0; text-align: left; width: 100%; border-collapse: separate; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#cartIndex .shop_table th {text-transform: uppercase; font-size: 1.4rem; font-weight: 400; padding: 0 10px; border:none; background:none;}
#cartIndex .shop_table td {border: none; border-top: 1px solid #e1e7ea; padding: 15px 10px;}
#cartIndex .shop_table .product-thumbnail {padding: 10px 0; width: 16.22%;}
#cartIndex .shop_table .product-name {width: 35%;}
#cartIndex .shop_table .product-price {text-align: right; width: 10.08%; padding-right: 25px;}
#cartIndex .shop_table .product-quantity {text-align: right; width: 14.47%; padding-right: 25px;}
#cartIndex .shop_table .product-quantity select{font-size: 1.6rem;}
#cartIndex .shop_table .product-subtotal {text-align: right; width: 14.15%; padding-right: 25px;}
#cartIndex .shop_table .product-remove {text-align: right; padding: 0 25px 0 0;}

#cartIndex th.product-name {display: none;}
#cartIndex .shop_table .woocommerce-Price-amount {font-size: 1.6rem; font-weight: 600; white-space: nowrap;}
#cartIndex .cart-subtotal-row {background: #dfe5e9;}
#cartIndex td.actions{text-align: right;}
#cartIndex .woocommerce .cart.shop_table .cart-subtotal-row td {font-size: 1.6rem; padding: 10px 25px 11px 0;}
#cartIndex .back {display: inline-block; vertical-align: top; margin-right: 22px;}
#cartIndex .wc-proceed-to-checkout {display: inline-block; padding: 0;}
#cartIndex #cart-bottom {text-align: right; margin-top: 30px;}
#cartIndex .tax{font-size: 11px;}

/* cartLogin - 買い物かご・プレゼントログイン
-------------------------------------------------------------*/
#cartLogin{zoom: 1;}
#cartLogin:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartLogin table{margin: 0 auto 20px auto; width: 428px;}
#cartLogin h3{font-size:  1.6rem; font-weight:  600; margin-bottom:  10px; padding:  20px}
#cartLogin .box{border: 1px solid #afb6ba; width: 550px; float: left; margin: 0 10px 30px; position: relative; /*padding-bottom: 70px;*/}
#cartLogin .box .buttonarea{width: 100%; margin: 20px 0; padding: 0;}
#cartLogin .box table{margin: 20px; width: 506px;}
#cartLogin .box .link_text{text-align: right; padding: 15px 20px 10px;}
#cartLogin .box .regist_non_area{width: 442px; margin: 0 auto;}
#cartLogin .box .regist_non_area p{margin: 0 0 10px;}
#cartLogin .box .amazon_area{width: 442px; margin: 0 auto;}
#cartLogin .box .amazon_area p{margin: 10px 0;}
#cartLogin .box .amazon_area .button{width: 223px;}
#cartLogin .widebox{border: 1px solid #afb6ba; width: 1200px; margin: 0 10px 30px; clear: both;}
#cartLogin .widebox p{padding-left:  20px;}
#cartLogin .widebox .link{text-align: right; padding-right: 20px;}
#cartLogin .widebox table{width: 1160px;}
#cartLogin .widebox .buttonarea{margin: 20px;}
#cartLogin input[type='text'],#cartLogin input[type='password']{width: 200px;}


/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#cartFlow input[type='text'],
#cartFlow input[type='email'],
#cartFlow input[type='tel'],
#cartFlow input[type='password'] {border: 1px solid #afb6ba; font-size: 1.6rem; font-weight: 300; line-height: normal; display: inline-block; margin: 0; padding: 0 10px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; height: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

#cartFlow .input-text input,
#cartFlow textarea,
#cartFlow select {box-sizing: border-box; width:auto; margin: 0; outline: 0; line-height: 1;}

#cartFlow{width: 100%; max-width: 1050px; padding-bottom: 20px; zoom: 1; margin: 0 auto;}
#cartFlow:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartFlow .content{width: 820px; float: left; margin-right: 20px;}
#cartFlow a.button{display: inline-block;}
#cartFlow p{margin-bottom: 10px;}
#cartFlow td input{vertical-align: baseline;}
#cartFlow table.newCreditCard{width: 547px; font-size: 100%; margin: 10px auto;}
#cartFlow .sendCopyButton{margin-bottom: 10px;}

#cartFlow .point_info{margin-bottom: 20px;}

#cartFlow .teiki ul{zoom: 1; margin: 5px 10px;}
#cartFlow .teiki ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartFlow .teiki ul li{float: left; font-size: 13px; margin-right: 1em;}

#cartFlow .change_data input{display: inline-block; width: auto;}

#cartFlow .text_box{padding-left: 90px;}
#cartFlow .text_box p{margin: 0 0 10px; font-size: 100%;}
#cartFlow .text_box p.code{font-size: 80%;}
#cartFlow .text_box p.last{margin-bottom: 0px;}

#cartFlow table{width: 100%; margin: 0px 0 20px; line-height: 200%;}
#cartFlow table.change_data{margin-top: -21px;}
#cartFlow table.member_regist{margin-top: -21px;}
#cartFlow table td.short input{width: 120px;}
#cartFlow th{font-size: 13px; border: 1px solid #e6e6e6; padding: 16px; text-align: left; background: #f8fafc;}
#cartFlow th.title{width: 170px;}
#cartFlow td{font-size: 13px; border: 1px solid #e6e6e6; padding: 16px;}

#cartFlow h3{font-size: 1.6rem; font-weight: 600; margin-bottom:10px;}
#cartFlow h3 img{vertical-align: middle;}
#cartFlow .price{color: #C00; text-align: right;}
#cartFlow .total{margin: 0px 0 30px; padding: 0px 0 5px; font-weight: bold; text-align: right; border-bottom: #CCC 1px solid; width: 700px;}
#cartFlow .total p{margin: 0px; font-size: 90%;}
#cartFlow .point{color: #F60; font-weight: bold;}
#cartFlow .attention{color: #C00; font-weight: bold; font-size: 110%;}
#cartFlow .attention_message{color: #C00; font-weight: bold;}

#cartFlow .multi_send .buttonarea{background: #f6f6f6; margin: 0px 0 20px; padding: 30px 0;}
#cartFlow .multi_send table.delivery{margin-top: -21px;}
#cartFlow .multi_send .sendAddressButton a{float: right;}

#cartFlow #reCAPTCHA{margin: 20px auto 40px auto;}
#cartFlow #reCAPTCHA iframe{width: 158px; height: 138px;}
#cartFlow #reCAPTCHA .g-recaptcha{display: block; -webkit-transform: scale(1.19); -ms-transform: scale(1.19); transform: scale(1.19); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;}

#cartFlow .cartitem{margin-top: 20px; width: 210px; padding: 10px; border: #e6e6e6 1px solid;}
#cartFlow .cartitem h3{margin: 0 0 10px; padding: 0px; border: none; background: none;}
#cartFlow .cartitem li{margin-bottom: 10px; padding-bottom: 0px; border-bottom: 1px solid #e6e6e6;}
#cartFlow .cartitem .img_box{ width: 25px; height: 25px; float: left; margin-right: 5px; text-align: center; position: relative;}
#cartFlow .cartitem .img_box img{width: auto; max-width: 25px; max-height: 25px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#cartFlow .cartitem .text_box{padding-left: 0px; zoom: 1; margin-bottom: 5px;}
#cartFlow .cartitem .text_box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartFlow .cartitem .text_box p{margin: 0px; font-size: 70%; line-height: 130%;}
#cartFlow .cartitem p.price{font-size: 70%; margin: 0px; float: left;}
#cartFlow .cartitem p.amount{font-size: 70%; margin: 0px; float: right;}

#cartFlow .cartresult table{width: 920px; margin: 0 auto 20px;}
#cartFlow .cartresult .total{width: 920px; margin: 0 10px 30px;}

#cartFlow .cartconfirm table{width: 920px; margin: 0 auto 20px;}
#cartFlow .cartconfirm .total{width: 920px; margin: 0 10px 30px;}
#cartFlow .error{clear: both; margin: 5px 10px; color: #C00; font-weight: bold; text-align: center; font-size: 80%;}

/* クーポンラジオボタン制御に仕様 */
.couponHide{display: none;}

/* cartResult - カート完了画面
-------------------------------------------------------------*/
#cartResult .number{margin: 30px 0px; text-align: center; line-height: 200%;}
#cartResult .number strong{font-size: 20px;}


/* recommend - 一緒に買われている商品
-------------------------------------------------------------*/
#cartRecommend{background: #f6f6f6; padding: 17px 0 40px; margin: 45px 0 0; min-width: 1200px;}
#cartRecommend .layout {padding: 0;}
#cartRecommend h2{font-weight: 300; font-size: 3.6rem; text-align: center; margin-bottom: 15px;}
#cartRecommend .content-gallery-card {list-style: none; padding: 0 10px; float: left; text-align: center; font-size: 2.4rem; font-weight: 300; display: block;}
#cartRecommend .content-gallery-card a{display: block;}
#cartRecommend .content-gallery-card .img_box{width: 316px; height: 316px; float: none; background: #FFF;}
#cartRecommend .content-gallery-card .img_box img{margin: 0 auto; padding-top:  10px; max-width: 316px; max-height: 316px; display: block;}
#cartRecommend .content-gallery-card .text{text-align: center; background: #FFF; width: 316px;}
#cartRecommend .content-gallery-card h3{font-size: 2.4rem; font-weight: 300; height: 50px; margin: 0 0 20px; line-height: 1.2em;}
#cartRecommend .content-gallery-card p{font-size: 2.4rem; font-weight: 300; height: 50px; margin: 0; color: #222c30;}
#cartRecommend .content-gallery-card p strong{font-size: 14px;}
#cartRecommend .content-gallery-card p .tax{font-size: 9px;}

#cartRecommend .slick-slider{padding: 0 8%; margin:0 auto;}
#cartRecommend .slick-next{position: absolute; right: 0; top: 50%; width: 65px; height: 116px; background: url(../images/pre-next.png) no-repeat right center / 200% auto; cursor: pointer; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); border-top: none; border-right: none;}
#cartRecommend .slick-prev{position: absolute; left: 0; top: 50%; width: 65px; height: 116px; background: url(../images/pre-next.png) no-repeat left center / 200% auto; cursor: pointer; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); border-top: none; border-right: none;}
#cartRecommend .cover{margin-bottom:61px; overflow:hidden;}

/* coupon - クーポン
-------------------------------------------------------------*/
#subwindow{width: 500px; min-width: 500px; margin: auto;}
#subwindow #header{background: none; min-width: 0; margin-bottom:  30px; border-bottom:  1px solid #e6e6e6;}
#subwindow #header h1 a{float: none;}
#subwindow #content h2{border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; margin-bottom: 28px; margin-top: 0; font-weight: 300; font-size: 3.6rem; line-height: 1.2em;}
#subwindow #content h3{font-weight: normal;}

#subwindow #content .no_coupon{margin: 10px 0;}
#subwindow #content table{font-size: 14px; line-height: 160%; margin: 10px 0px; width: 100%; border: 1px solid #cad0d7;}
#subwindow #content th{background: #f8fafc; padding: 15px; vertical-align: top; border: 1px solid #e6e6e6; width: 150px; font-weight: normal; text-align: inherit;}
#subwindow #content th.zaiko{width: auto;text-align: center;}
#subwindow #content td{padding: 15px;vertical-align: top;border: 1px solid #cad0d7;}
#subwindow #content td.number{text-align: right;}
#subwindow #content .hissu{color: #CC0000;font-weight: bold;}
#subwindow #content .close{margin: 10px 0; font-size: 80%; line-height: 150%; text-align: right;}
#subwindow .buttonarea{text-align: center; margin: 10px; padding-top: 40px;}




/* =================================================================
11.商品詳細・一覧、プレゼント詳細・一覧、トピックス詳細・一覧
使用ファイル：item_list$detail.xhtml, item_list$image.xhtml
　　　　　　　item_list$simple.xhtml, item_detail.xhtml
　　　　　　　present_list.xhtml, present_detail.xhtml
		　　topics_list.xhtml,topics_detail.xhtml
=================================================================*/

/* itemDetail - 商品詳細・プレゼント詳細
-------------------------------------------------------------*/
#itemDetail .sp-title {margin: 0 0 20px; border-bottom: 1px solid #e6e6e6; padding: 0 0 28px;}
#itemDetail .sp-title img {display: block; margin-top: 20px;}
#itemDetail .woocommerce img,
#itemDetail .woocommerce-page img {height: auto; max-width: 100%;}
#itemDetail .woocommerce div.product{margin-bottom: 0; position: relative;}
#itemDetail .sp-tabs-wrapper {margin-top: 60px;}
#itemDetail .sp-tab {padding: 12px 10px; border-top: 1px solid #dfe5e9;}
#itemDetail .sp-tabs-wrapper .sp-tab:last-child {border-bottom: 1px solid #dfe5e9;}
#itemDetail .explanation2 h3{font-size: 1.6rem; font-weight: 600; color: #222c30; text-decoration: none; display: block; position: relative; cursor: pointer;}
#itemDetail .explanation2 h3:after {content: ' '; width: 20px; height: 20px; position: absolute; right: 0; top: 0; background: url(../images/expand.png) no-repeat left center / 200% auto; z-index: 10;}
#itemDetail .sp-tab-link {font-size: 1.6rem; font-weight: 600; color: #222c30; text-decoration: none; display: block; position: relative; cursor: pointer;}
#itemDetail .sp-tab-link:after {content: ' '; width: 20px; height: 20px; position: absolute; right: 0; top: 0; background: url(../images/go-page.png) no-repeat left center / 100% auto; z-index: 10;}
#itemDetail .explanation2 h3.active:after {background-position: right center;}
#itemDetail .sp-tab-value {display: none; margin: 20px 0 0; font-size: 1.2rem; padding-bottom: 10px;}
#itemDetail .sp-tab-value table {font-size: 1.4rem; line-height: 1.29em; width: 100% !important; border-collapse: collapse; height: auto !important; margin-bottom: 15px; border:none;}
#itemDetail .sp-tab-value table tr {height: auto !important;}
#itemDetail .sp-tab-value table td {padding: 11px 0; vertical-align: top; width: 50% !important; padding-right: 15px; height: auto !important; border:none !important;}

#list{margin:0 auto; width: 1200px;}
#list .category_name{margin-top: 40px; display: block; width: 1200px; font-size: 3.6rem; border-bottom: 1px solid #e6e6e6; padding-bottom:5px;}

/*一覧絞り込み*/
#itemListCategory dl{margin-top: 40px; padding:10px 20px; background: #f6f6f6;}
#itemListCategory li a{font-size: 1.8rem;}
#itemListCategory dt{font-size: 2.2rem; color: #222c30; text-decoration: none; display: block; position: relative; cursor: pointer;}
#itemListCategory dt:after{content: ' '; width: 20px; height: 20px; position: absolute; right: 0; top: 8px; background: url(../images/expand.png) no-repeat left center / 200% auto; z-index: 10;}
#itemListCategory dt.active:after{content: ' '; width: 20px; height: 20px; position: absolute; right: 0; top: 8px; background: url(../images/expand.png) no-repeat right center / 200% auto; z-index: 10;}
#itemListCategory dl dd{display: none; margin: 20px 0 0; font-size: 1.2rem; padding-bottom: 10px;}
#itemListCategory dl dd.active{display: block;}

#itemListCategory dl dd li:first-child{margin-top: 15px;}
#itemListCategory dl dd li{margin-top: 15px;}

#list .guide_box{padding: 0 20px;}
#list .guide_box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#list .pageguide{float: left; font-size: 1.4rem; padding: 9px 0;}
#list .rearrange{margin-top: 30px; font-size: 1.6rem; text-align: right;}
#list .rearrange select{margin-left: 18px; padding: 0 10px; width: 163px; height: 40px; font-size: 1.8rem; vertical-align: baseline; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/pulldown.png), #FFFFFF; background-repeat: no-repeat; background-position: 90% 50%; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 1px solid #afb6ba;}

#list .pagelink{clear: both; font-size: 1.4rem;}
#list .pagelink a{font-weight: normal; color: #333;}
#list .pagelink a:hover{ text-decoration: underline;}
#list .pagelink select{margin-left:18px; padding:0 10px; width: 60px; height: 30px; font-size: 1.4rem; vertical-align: baseline; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/pulldown.png), #FFFFFF; background-repeat: no-repeat; background-position: 90% 50%; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 1px solid #afb6ba;}
select::-ms-expand {display: none;}

/*商品一覧*/
#itemListSimple{ margin: 40px 0;}
#list ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#list .box{float: left; margin-right: 30px; margin-bottom: 120px; padding: 0 20px; width: 380px;}
#list .box:nth-child(3n){margin-right: 0;}
#list .box .img_box{padding-top: 10px; height: 360px; float: none; background: #FFF;}
#list .box .img_box img{margin: auto; max-width: 360px; max-height: 360px; display: block;}
#list .box .img_box .icon_area{position: absolute; top: 10px; left: 10px; z-index: 1;}
#list .box .img_box .icon_area img{float: left; margin-right: 5px;}
#list .box .text{text-align: left; padding-top: 20px; background: #FFF; width: 360px; height: 200px}
#list .box .type_number{margin-bottom: 10px; color: #333; font-size: 1.4rem; font-weight: normal;}
#list .box .text h3, #list .text a{font-size: 2.2rem; font-weight: normal;}
#list .box p{text-align: right;  font-size: 2.4rem; font-weight: 300; height: 50px; margin: 0; color: #222c30;}
#list .box p .tax{font-size: 1.6rem;}
#list .box .button-2{width: 360px; text-align: center; font-size: 2.4rem; font-weight: normal;}

/*商品詳細*/
#itemDetail table{width: 100%; margin: 0px 0 20px; font-size: 80%; border: 1px solid #CCC; line-height: 200%;}
#itemDetail table .row-title{width: 90px;}

#itemDetail th{font-size: 13px; border: 1px solid #e6e6e6; padding: 16px; text-align: left; background: #f8fafc;}
#itemDetail td{font-size: 13px; border: 1px solid #e6e6e6; padding: 16px;}
#itemDetail td .button{font-size: 12px; float: left; margin-top: 0px;}
#itemDetail td .button-2.wish{font-size: 1.2rem; float: right;}
#itemDetail td .button-2{font-size: 1.2rem; white-space: nowrap; padding: 8px; height: 33px; line-height: 14px;}

#itemDetail .box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#itemDetail .item_image_area{float: left; width: 57.89%;}
#itemDetail .item_image_area #main_box{position: relative; width: 80%; float: none; margin: 0 auto 27px;}
#itemDetail .item_image_area #main_box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */

#itemDetail .item_image_area .pagination{margin: 10px 0; zoom: 1;}
#itemDetail .item_image_area .pagination:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#itemDetail .item_image_area .pagination li{float: left; position: relative; width: 11.8%; margin-right: 0.8%; margin-bottom: 1em;}
#itemDetail .item_image_area .pagination li:nth-child(8n){margin-right: 0;}
#itemDetail .item_image_area .pagination li a.img_box{width: 77.86px; height: 77.86px; display: block; text-align: center; position: relative;}
#itemDetail .item_image_area .pagination li.current a{border: 1px solid #0091a6; margin: 0; padding: 0;}
#itemDetail .item_image_area .pagination a img{max-width: 75.86px; max-height: 75.86px; width: auto; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;}

#itemDetail .slides_container {width: 527.94px;height: 527.94px; overflow: hidden; position: relative; display: inline;}
#itemDetail .slides_container a {width: 527.94px; height: 527.94px; display: block;}
#itemDetail .slides_container .img_box{width: 527.94px; height: 527.94px; display: block;}
#itemDetail .slides_container .img_box img {max-width: 527.94px; max-height: 527.94px; display: block;}
#itemDetail .slides_container .img_box .icon_area{position: absolute; top: 10px; left: 10px; z-index: 1;}
#itemDetail .slides_container .img_box .icon_area img{float: left; margin-right: 5px;}


#itemDetail .thumbox{ overflow: hidden; margin: 10px 0 0 0; padding:  0;}
.thumbox p{font-size: 12px;}

#itemDetail .text{float: right; width: 39.91%; padding-top: 55px;}
#itemDetail .button-area{float: left; margin-top: 20px; background: none;}
#itemDetail .button-area .button{padding: 0 50px;}
#itemDetail .button-area p{background: #ccc; color: #fff; display: inline-block; padding: 0 50px; font-size: 1.6rem; font-weight: 600; line-height: 2.8125em; border-radius: 0; -moz-border-radius: 0;-webkit-border-radius: 0; border: none; cursor: pointer;}
#itemDetail .wish_button:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetail .wishlistSubmitButton{position: relative; float: left; margin-top: 20px;}
#itemDetail .wishlistSubmitButton .button-2{padding: 0 48px; margin-left: 20px;}
#itemDetail .wishlistSubmitButton .wishlistMessage{position: absolute; top: -82px; left: 46%; margin-left: -122px; padding: 10px; background-color: #FFF; border: 1px solid #e6e6e6; width: 270px; z-index: 10; display: none;}
#itemDetail .wishlistSubmitButton .wishlistMessage p{color: #333;}
#itemDetail .wishlistSubmitButton .wishlistMessage p.title{margin-bottom: 10px;}
#itemDetail .wishlistSubmitButton .wishlistMessage p.close{margin-top: 10px; text-align: right;}
#itemDetail .wish_button .not_link{margin-top:20px; margin-left: 10px; padding:8px 50px; font-size: 1.6rem; font-weight: 600; line-height: 30px;}


#itemDetail select {font-size: 1.6rem; font-weight: 300; color: #232d32; height: 43px; margin: 0; padding: 0 0 0 7px; text-align: left; -webkit-appearance: button; -moz-appearance: none; appearance: button; background-image: url(../images/dropdown2.png); background-position:71% center; background-repeat: no-repeat; background-color:#FFF; background-size:auto 8px; border-radius: 0; -moz-border-radius: 0;-webkit-border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; display: inline-block; border:none;}

#itemDetail .custom {overflow: hidden; width:285px; border: 1px solid #afb6ba; margin-bottom: 10px;}
#itemDetail .custom > select {width: 130% !important;}

.explanation1 {border-top: 1px solid #dfe5e9; padding: 12px 0 0; font-size: 1.4rem; margin: 25px 0 25px;}
.explanation1 p{margin: 0 0 5px; font-weight: 400; font-size: 1.4rem; line-height: 1.285em;}
.explanation1 ul {padding: 0; margin: 5px 0;}
.explanation1 li {list-style: none; padding-left: 15px; position: relative; margin-bottom: 2px;}
.explanation1 li:before {content: ' '; position: absolute; left: 0; top: 8px; background: #0091a6; width: 5px; height: 5px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; z-index: 10;}
.explanation1 strong {font-weight: 600; color: #e60505;}
.price-area{}
.price-area .title {font-size: 1.6rem;}
.price-area .price {color: #222c30; font-size: 3.6rem; font-weight: 300;}
.price-area .tax{font-size:10px;}

#category_html .category img{width: 100%;}
#category_html .category{position: relative;}
#category_html .category p{position: absolute; padding-left: 20px; top: 50%; font-size: 36px; color: #FFF;}
#category_html .cate_html{margin: 20px auto; width: 1200px; font-size: 1.4rem;}

/* =================================================================
13.購入履歴
使用ファイル：member_history.xhtml
=================================================================*/
#history{margin: 0 auto; padding: 20px 30px; width: 1200px;}
#history .infoarea{display: block; margin: 40px 30px 40px 20px; padding-left: 55px; font-size: 1.4rem; font-weight: bold;}
#history .infoarea.preparing{background: url("../images/history_preparing.gif") no-repeat;}
#history .infoarea.delivered{background: url("../images/history_delivered.gif") no-repeat;}
#history .infoarea.delivering{background: url("../images/history_delivering.gif") no-repeat;}
#history .infoarea.canceled{background: url("../images/history_canceled.gif") no-repeat;}
#history .infoarea.yoyaku{background: url("../images/history_yoyaku.gif") no-repeat;}
#history .infoarea.teiki_together{background: url("../images/history_teiki_together.gif") no-repeat;}
#history .price{color: #C00; text-align: right;}
#history .cart{width: 230px; text-align: center;}
#history .code{width: 100px;}
#history .amount{width: 30px; text-align: center;}
#history .status{float: right;}
#history .status .button{font-size: 1.4rem; line-height: 35px; height: 36px;}
#history .status .button-2{padding: 0 20px; height: 35px; line-height: 31px;}
#history .status.payment_change{float: right; margin-left: 10px;}

#history .property{display: block; color: #AAA; font-size: 90%;}

#history .img_box{width: 80px; height: 80px; margin-right: 10px; margin-bottom: 10px; text-align: center; position: relative; float: left;}
#history .img_box img{width: auto; max-width: 80px; max-height: 80px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

#history .pageguide{float: left; width: 500px; font-size: 1.4rem;}
#history .rearrange{float: left; width: 200px; font-size: 75%; text-align: right;}
#history .pagelink{clear: both; font-size: 1.6rem;}
#history .nolink{color: #999;}

#history table td{padding: 10px;}
#history table td span a{display: block; margin-bottom: 10px;}
#history table .button{font-size: 1.4rem; height: 40px;}
#history table .button-2{padding: 0 18px; height: 35px; line-height: 31px;}
/* =================================================================
15.エラーページ
使用ファイル：common/messages.xhtml
　　　　　　　ext/social_provider.xhtml
=================================================================*/
#error{padding: 20px;}
#error table{border: none !important; font-size: 135%;}
#error td{padding: 10px; border: none !important;}
#error .ico{width: 50px; vertical-align: top; text-align: center;}
#error .content{padding: 5px; color: #C00; font-weight: bold; vertical-align: middle; line-height: 150%; float: none;}
#error .buttonarea{margin: 10px; padding-top: 30px; border-top: #e6e6e6 1px dashed; text-align: center;}
#error ul{background: none;}
#error li{float: none; font-size: 100%; border:0px; padding:0px; margin-right:0px; margin-bottom: 0px; width:auto; line-height:150%;}

/*  social_provider.xhtmlのエラー部分
-------------------------------------------------------------*/
#social_plus_error{width: 100%; padding: 10px 0px;}
#social_plus_error table{margin: 0px 0 10px; border: none !important; font-size: 85%;}
#social_plus_error td{padding: 10px; border: none !important;}
#social_plus_error .ico{width: 40px; vertical-align: top; text-align: center;}
#social_plus_error .content{padding: 5px; color: #C00; font-weight: bold; vertical-align: middle; line-height: 150%; float: none;}
#social_plus_error .buttonarea{margin: 10px; padding-top: 10px; border-top: #CCC 1px dashed; text-align: center;}
#social_plus_error ul{background: none;}
#social_plus_error li{float: none; font-size: 100%; border: 0px; padding: 0px; margin-right: 0px; margin-bottom:  0px; width: auto; line-height: 150%;}

/* =================================================================
16.クレジットカード登録画面
使用ファイル：member_credit_entry_input.xhtml
=================================================================*/
#credit td.button{text-align: center;}
#credit .error{clear: both; margin: 5px 10px; color: #C00; font-weight: bold; text-align: center; font-size: 80%;}

/* =================================================================
17.お気に入り
使用ファイル：wishlist.xhtml
　　　　　　　wishlist_edit.xhtml
=================================================================*/
#wishList{margin-bottom: 20px;}
#wishList .box{zoom: 1; margin-top: 10px; padding: 10px; border: #e6e6e6 1px solid;}
#wishList .box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#wishList .provisional{margin: 0px;}
#wishList .pagelink{ font-size: 1.4rem;}
#wishList .text{margin-left: 140px;}
#wishList h3 a{display: block; margin: 10px 10px 0 0; font-size: 2.2rem;}
#wishList .appeal, #wishList .price{display: block; margin: 0; color: #333; font-size: 1.3rem;}
#wishList .explanation1{display: block; margin: 5px 10px 5px 0; padding: 5px 0; border-top: none; color: #333; font-size: 1.5rem; line-height: 120%;}
#wishList .explanation1 a{margin-left: 10px;}
#wishList .button{margin: 4px 10px 0 0; font-size: 1.4rem; border-top: #e6e6e6 1px solid; text-align: right; height: 40px;}
#wishList input.button{display: block;}
#wishList .not_link{margin-right: 10px; padding: 10px 20px;}
#wishList .button-2{display: inline-block; margin-top: 4px; padding: 0 20px; height: 40px;}
#wishList .property{display: inline; margin: 0; color: #CCC; font-size: 1.3rem;}

#wishList .img_box{width: 120px; height: 120px; margin: 10px; float: left; text-align: center; position: relative;}
#wishList .img_box img{width: auto; max-width: 120px; max-height: 120px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

/* wishList - お気に入りリスト
-------------------------------------------------------------*/
#container .no-sidebar.wish_list p{margin: 10px 0;}
#container .no-sidebar.wish_list table{width: 1200px !important;}

/* =================================================================
18.アドレス帳
使用ファイル：address_add.xhtml
　　　　　　　address_input.xhtml
=================================================================*/
#addressList{padding-bottom: 20px;}
#addressList h3{font-size: 1.6rem; font-weight: 600; margin-bottom: 10px;}
#addressList ul{zoom: 1; padding: 20px 0 10px;}
#addressList ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#addressList li{float: left; font-size: 1.3rem; border: 1px solid #e6e6e6; padding: 10px; margin-right: 10px; margin-bottom: 10px; width: 348px; line-height: 180%; position: relative;}
#addressList li strong{font-size: 1.8rem;}
#addressList li .button{margin: 10px 0px 0; bottom: 0;}
#addressList .widebox li{width: 453px;}
#addressList .pageguide{float: left; margin-bottom: 10px; width: 500px; font-size: 1.4rem;}
#addressList .pagelink{clear: both;}
#addressList .pagelink select{margin-left: 18px; padding: 0 10px; width: 73px; height: 40px; font-size: 1.8rem; vertical-align: baseline; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/pulldown.png), #FFFFFF; background-repeat: no-repeat; background-position: 85% 50%; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 1px solid #afb6ba;}
#addressList .pagelink a{font-weight: normal; color: #333;}
#addressList .pagelink a:hover{text-decoration: underline;}
#addressList .nolink{color: #999;}
#addressList table td.short input {width: 120px;}
#addressList .buttonarea{padding-top: 10px;}
#addressList .button-2.address{margin-top: 10px;}

/* =================================================================
19.会員関係
使用ファイル：member_mypage.xhtml
=================================================================*/
#member.mypage h3{margin: 10px;}
#member.mypage h3 a{background: url("../images/link_arrow.png") no-repeat 0 center; padding-left: 10px; color: #2b2b2b; font-size: 12px; float: right; font-weight: normal;}
#member.mypage ul{zoom: 1; margin: 0 0 50px 10px;}
#member.mypage ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#member.mypage ul li{float: left; width: 246px; padding: 0 0 10px;}
#member.mypage ul li h4{font-size: 16px; background: #e6e6e6; font-weight: normal; padding: 6px 10px; margin: 0 0px 15px 0;}
#member.mypage ul li .box{border: 1px solid #e6e6e6; border-top: none; margin-right: 10px; padding: 0px 0px 10px;}
#member.mypage ul li p{font-size: 12px;}
#member.mypage ul li a{font-size: 12px;}

#member.mypage #social_plus tr th{background: #FFF;}
#member.mypage #social_plus tr th a{text-decoration: none;}
#member.mypage #social_plus tr.title th{background: #F6F6F6;}
#member.mypage #social_plus th.service{width: 220px;}
#member.mypage #social_plus th div{width: 220px; height: 44px; font-size: 14px; display: block;}
#member.mypage #social_plus th div p{padding: 14px 0 14px 25px; border: 1px solid #cdcdcd; border-left: 0px; margin: 0 0 0 53px; display: block; background: #FFF; line-height: 1; font-size: 14px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;  
-moz-border-radius-topright: 3px;  
-moz-border-radius-bottomright: 3px;
}

#member.mypage #social_plus th.yahoo div{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
#member.mypage #social_plus th.facebook div{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#member.mypage #social_plus th.twitter div{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#member.mypage #social_plus th.google div{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#member.mypage #social_plus th.mixi div{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
#member.mypage #social_plus th.rakuten div{background: url("../images/social_rakuten.png") no-repeat; color: #bf0000;}
#member.mypage #social_plus th.line div{background: url("../images/social_line.png") no-repeat; color: #00b300;}
#member.mypage #social_plus th.paypal div{background: url("../images/social_paypal.png") no-repeat; color: #293e7f;}

#member.mypage #social_plus th.yahoo div.off{background: url("../images/social_yahoo_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.facebook div.off{background: url("../images/social_facebook_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.twitter div.off{background: url("../images/social_twitter_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.google div.off{background: url("../images/social_google_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.mixi div.off{background: url("../images/social_mixi_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.rakuten div.off{background: url("../images/social_rakuten_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.line div.off{background: url("../images/social_line_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.paypal div.off{background: url("../images/social_paypal_off.png") no-repeat; color: #cdcdcd;}

#member.mypage #social_plus td{vertical-align: middle;}

/*ポイント履歴*/
#itemListDetail.point_record{margin: 0 auto; padding: 20px; width: 1200px;}
#itemListDetail.point_record .pageguide{float: left; margin-bottom: 10px; width: 500px; font-size: 1.4rem;}
#itemListDetail.point_record .pagelink{clear: both; font-size: 1.6rem;}
#itemListDetail.point_record .pagelink a{font-size: 1.6rem;}
#itemListDetail.point_record table{margin-top: 20px;}

/* =================================================================
20.ログイン関係
使用ファイル：login.xhtml
=================================================================*/
#main #loginNew table{margin: 20px auto; width: 1200px !important;}
#main #loginNew .box table{margin: 20px; width: 460px !important;}

#loginNew{zoom: 1;}
#loginNew:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#loginNew h3{margin-bottom: 10px; padding: 20px 20px 0 20px; font-size: 1.6rem; font-weight: 600;}
#loginNew .buttonarea{width: 100%; margin: 10px 0; padding: 0;}
#loginNew .box{border: 1px solid #afb6ba; width: 580px; float: left; margin: 60px 10px 30px; position: relative; /*padding-bottom: 70px;*/}
#loginNew .box p{padding-right: 20px;}
#loginNew .box .link_text{text-align: right; padding: 15px 0 10px;}
#loginNew .box .regist_non_area{width: 442px; margin: 0 auto;}
#loginNew .box .regist_non_area p{margin: 0 0 10px;}
#loginNew .box .amazon_area{width: 442px; margin: 0 auto; border-top: 1px solid #ccc;}
#loginNew .box .amazon_area p{margin: 10px 0;}
#loginNew .widebox{border: 1px solid #CCC; width: 960px; margin: 0 10px 30px; clear: both;}
#loginNew .widebox .link{text-align: right;}
#loginNew .widebox table{width: 920px;}
#loginNew input[type='text'],#loginNew input[type='password']{width: 270px;}

#loginNew .social_provider ul{margin: 10px 20px 20px;}
#loginNew .social_provider ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#loginNew .social_provider ul li{width: 249px; height: 44px; font-size: 14px; display: block; float: left; margin: 10px;}
#loginNew .social_provider ul li a{display: block; text-decoration: none;}
#loginNew .social_provider ul li a span{padding: 14px 0 14px 25px; border: 1px solid #cdcdcd; border-left: 0px; margin: 0 0 0 53px; display: block; background: #FFF; line-height: 1; font-size: 14px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;  
-moz-border-radius-topright: 3px;  
-moz-border-radius-bottomright: 3px;
}

#loginNew .social_provider li.yahoo a{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
#loginNew .social_provider li.facebook a{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#loginNew .social_provider li.twitter a{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#loginNew .social_provider li.google a{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#loginNew .social_provider li.mixi a{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
#loginNew .social_provider li.rakuten a{background: url("../images/social_rakuten.png") no-repeat; color: #bf0000;}
#loginNew .social_provider li.line a{background: url("../images/social_line.png") no-repeat; color: #00b300;}
#loginNew .social_provider li.paypal a{background: url("../images/social_paypal.png") no-repeat; color: #293e7f;}


/* topicsList - トピックス一覧
-------------------------------------------------------------*/
#topicsList {margin-bottom: 20px;}
#topicsList:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#topicsList .box {zoom: 1; margin-top: 10px; margin-bottom: 10px; padding: 20px; width:1200px; border: #CCC 1px solid;}
#topicsList .box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#topicsList .box h3{font-size: 1.8rem; display: block; margin: 10px 10px 0 0px; font-weight: normal;}
#topicsList .box h3 a{font-size: 1.8rem; font-weight: normal;}

#topicsList .box p{display: block; width: 728px; height: 100%; margin: 0; padding: 5px 0px; font-size: 1.6rem; font-weight: normal; text-align: left;}
#topicsList .box .img_box{width: 385px; height: 163px; float: right; margin: 0 0 10px 10px; text-align: center; position: relative;}
#topicsList .box .img_box img{width: auto; max-width: 385px; max-height: 163px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

/* topicsList - トピックス詳細
-------------------------------------------------------------*/
#itemDetail .topicsDetail{padding-bottom: 20px; width: 100%; clear: both;}
#itemDetail .topicsDetail .box{zoom: 1; margin-top: 10px; padding: 20px; border: #CCC solid 1px;}
#itemDetail .topicsDetail .box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#itemDetail .topicsDetail .box p{margin: 10px 0;}
#itemDetail .topicsDetail .box img{display: block;}
#itemDetail .topicsDetail h3{display: block; float: left; width: 100%; padding: 5px 0; font-size: 1.8rem; font-weight: normal;}
#itemDetail .topicsDetail .inner{display: block; float: right; width: 640px; padding: 0px 10px 5px; font-weight: normal;}
#itemDetail .topicsDetail .inner p{margin: 5px 0;}
#itemDetail .topicsDetail p img{display: block; margin: 0 0 10px 20px;}
#itemDetail .topicsDetail .topics_text{padding-top: 10px;}

#itemDetail .topicsDetail .rss{display: block; float: right; width: 15px; height: 15px; overflow: hidden; margin: 5px 5px 0 0; background: url("../images/header_rss.gif") 0 0 no-repeat; text-indent: -9999px;}
#itemDetail .topicsDetail .rss:hover{background: url("../images/header_rss.gif") 0 -15px no-repeat;}

#itemDetail .topicsDetail .img_box{width: 120px; height: 120px; margin: 10px 20px 10px 0; float: left;}
#itemDetail .topicsDetail .img_box img{max-width: 120px; max-height: 120px;}

#itemDetail .topicsDetail .link{text-align: right;}


/* =================================================================
21.問い合わせ
使用ファイル：apply.xhtml
=================================================================*/
#apply table{width: 100%; margin-bottom: 50px; margin-top: 20px;}
#apply th{font-size: 13px; border: 1px solid #e6e6e6; padding: 16px; text-align: left; background: #f8fafc; width: 200px;}
#apply td{font-size: 13px; border: 1px solid #e6e6e6; padding: 16px;}
#apply input[type='text'],
#apply input[type='email'],
#apply input[type='tel'],
#apply input[type='pass']{border: 1px solid #afb6ba; font-size: 1.6rem; font-weight: 300; line-height: normal; display: inline-block; margin: 0; padding: 0 15px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; height: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

/* =================================================================
21.FAQページ
使用ファイル：ext/faq.xhtml
=================================================================*/
#ext.faq h3{margin-top: 30px;}

#ext.faq dt {position: relative; padding: 16px; text-align: left; background: #f8fafc; font-size: 1.5rem;}
#ext.faq dt:after{content: ' '; width: 20px; height: 20px; position: absolute; right: 20px; top: 15px; background: url(../images/expand.png) no-repeat left center / 200% auto; z-index: 10;}
#ext.faq dt.active:after{content: ' '; width: 20px; height: 20px; position: absolute; right: 20px; top: 15px; background: url(../images/expand.png) no-repeat right center / 200% auto; z-index: 10;}
#ext.faq dt span{padding: 0 10px; font-weight: bold; color: #b8b9bb;}
#ext.faq dd {display: none; padding: 20px 31px;}
#ext.faq dd span{padding: 0 10px; font-weight: bold; color: #0091a6;}
#ext.faq dd p{padding-left:1em; text-indent:-2.1em; font-size: 1.5rem; line-height: 140%;}
#ext.faq dd .attension{padding: 0; color: #CC0000;}
				
				
				
@charset "UTF-8";
@import url("smoothness/jquery-ui-1.8.4.custom.css");



.sp_layout {
  position: static;
  width: 100%;
  height: 13.8vmin;
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
  padding-top: 1.66vmin;
}



.sp_layout img {
	width: 35.4%;
	height:auto;
}


/* =================================================================
1.MV
=================================================================*/

.layout_e7 {
  position: relative;
  width: 100%;
  height: 100vmin;
}

.mv_bg {
  position: absolute;
  width: 100%;
  height: auto;
}

.mv_bg img {
  width: 100%;
}

.mv_whitelogo {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 22%;
  height: auto;
}

.mv_whitelogo img {
  width: 100%;
}

.mv_sp_pic {
  position: absolute;
  top: 40%;
  left: 4%;
  width: 36%;
  height: auto;
}

.mv_sp_pic img {
  width: 100%;
}

.mv_maincopy {
  position: absolute;
  top: 18%;
  left: 6%;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  color: #001428;
  font-size: 5vmin;
  line-height: 1.5;
}

.mv_maincopy_bg {
  position: absolute;
  top: 15.5%;
  left: 0;
  width: 95%;
  height: auto;
  border-top: 20.5vmin solid rgba(255, 255, 255, 0.8);
  border-right: 14.5vmin solid transparent;
  text-align: center;
}

.mv_cta {
  position: absolute;
  width: 93.75%;
  height: 18.75%;
  top: 111%;
  left: 3.125%;
  background-color: #001428;
  text-align: center;
}

.mv_cta2 {
  position: static;
  width: 100%;
  height: 18.5vmin;
  background-color: #001428;
  text-align: center;
  margin-top: 10vmin;
}

.mv_cta p {
  display: inline-block;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 5.8vmin;
  line-height: 1.5;
  vertical-align: 32%;
}

.mv_cta2 p {
  display: inline-block;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 5.8vmin;
  line-height: 1.5;
  vertical-align: 32%;
}

.mv_cta_logo {
  margin: 0 auto;
}

.mv_cta_logo img {
  width: 43.5%;
  height: auto;
  padding-top: 2.5%;
  margin-right: 2.5%;
}

.mv_cta_button {
  position: absolute;
  width: 93.75%;
  height: 23%;
  top: 129.75%;
  left: 3.125%;
  border: solid 2px #001428;
  text-align: center;
  padding: 3.8% 3.0%;
}

.mv_cta_button2 {
  position: relative;
  width: 100%;
  height: 23.5vmin;
  border: solid 2px #001428;
  text-align: center;
  padding: 4.2vmin 2.7vmin;
}

.mv_cta_button_e7 {
  position: relative;
  display: inline-block;
  width: 48.5%;
  height: 14vmin;
  background-color: #d34438;
  border-radius: 2.4vmin;
  box-shadow: 0px 0.6vmin #99291f;
  margin-right: 1.8%;
  z-index: 1;
}

.mv_cta_button_e7 a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 2vmin;
}

.mv_cta_button_e7 :hover {
  background-color: #b73429;
  border-radius: 2vmin;
}

.mv_cta_button_e7 img {
  width: 50%;
  height: auto;
  padding-top: 3.6vmin;
}

.mv_cta_button_e7 p {
  display: inline-block;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 3.8vmin;
  line-height: 1.5;
  vertical-align: 1.6vmin;
  padding-left: 1.6vmin;
}

.mv_cta_button_e7p {
  position: relative;
  display: inline-block;
  width: 48.5%;
  height: 14vmin;
  background-color: #d34438;
  border-radius: 2.4vmin;
  box-shadow: 0px 0.4vmin #99291f;
}

.mv_cta_button_e7p a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 2.4vmin;
}

.mv_cta_button_e7p :hover {
  background-color: #b73429;
  border-radius: 2.4vmin;
}

.mv_cta_button_e7p img {
  width: 50%;
  height: auto;
  padding-top: 3.6vmin;
}

.mv_cta_button_e7p p {
  display: inline-block;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 3.8vmin;
  line-height: 1.5;
  vertical-align: 1.6vmin;
  padding-left: 1.6vmin;
}

.mv_text {
  position: absolute;
  width: 90%;
  top: 112.5%;
  left: 2.5%;
}

.mv_text_p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  color: #001428;
  font-size: 3.0vmin;
  line-height: 1.75;
  text-align: left;
}


/* =================================================================
2.cont01
=================================================================*/

.container {
  position: absolute;
  top: 200vmin;
  width: 92%;
  left: 4%;
  text-align: left;
}

.cont01_box {
  width: 100%;
}

.cont01_box2 {
  position: static;
  width: 100%;
  margin-top: 27vmin;
}

.cont01_box img {
  width: 100%;
  height: auto;
}

.cont01_box2 img {
  width: 100%;
  height: auto;
}

.for_subtitle {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  color: #001428;
  font-size: 4.5vmin;
  line-height: 1.75;
}

.for_title {
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  color: #001428;
  font-size: 7.4vmin;
  line-height: 1.5;
  margin-top: 2vmin;
  margin-bottom: 6vmin;
}

.for_text {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  color: #001428;
  font-size: 5vmin;
  line-height: 1.75;
  margin-top: 5vmin;
}


/* =================================================================
3.cont02
=================================================================*/



.cont02_box {
  position: absolute;
  width: 100%;
  height: 860vmin;
  top: 847vmin;
  background-color: #001428;
  background: linear-gradient(180deg, #001428 0%, #001428 20%, #ededee 20%, #ededee 100%);
  margin-top: 12vmin;
  padding-top: 12vmin;
  padding-left: 4.5%;
	padding-right: 4.5%;
		border-bottom: 1px solid #e6e6e6;
}

.cont02_logo {}

.cont02_logo img {
  width: 50%;
  height: auto;
  margin-right: 4.5vmin;
}

.cont02_logo p {
  display: inline-block;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 5.8vmin;
  vertical-align: 40%;
}

.cont02_lead {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 4.85vmin;
  line-height: 1.85;
  margin-top: 6vmin;
}

.cont02_e7_container {
  width: 100%;
}

.cont02_e7_box {
  width: 100%;
  vertical-align: top;
  text-align: center;
  background-color: #fff;
  padding-top: 6vmin;
  padding-left: 5vmin;
  padding-right: 5vmin;
  margin-top: 9.5vmin;
  padding-bottom: 10vmin;
}

.cont02_e7_box img {
  width: 56%;
}

.cont02_e7_box2 {
  width: 100%;
  vertical-align: top;
  text-align: center;
  background-color: #fff;
  padding-top: 6vmin;
  padding-left: 5vmin;
  padding-right: 5vmin;
  margin-top: 9vmin;
}

.cont02_e7_box2 img {
  width: 56%;
}

.line {
  width: 100%;
  border-top: 1px solid #001428;
  margin-top: 4.6vmin;
  margin-bottom: 8.5vmin;
}

.photo_box_container {
  display: block;
  width: 100%;
}

.photo_box {
  width: 100%;
  text-align: left;
  margin-bottom: 8.5vmin;
}

.photo_box img {
  width: 100%;
  padding-top: 5.5vmin;
}

.color_01 {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  color: #001428;
  font-size: 4.6vmin;
  padding-left: 0px;
  margin-left: 9.5vmin;
  z-index: 101;
}

.color_01::before {
  content: "";
  position: absolute;
  width: 6.5vmin;
  height: 6.5vmin;
  transform: translateX(-9.5vmin);
  border-radius: 50%;
  /* CSS3草案 */
  -webkit-border-radius: 50%;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50%;
  /* Firefox用 */
  background: #737982;
  z-index: 105;
}

.color_02 {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  color: #001428;
  font-size: 4.6vmin;
  padding-left: 0px;
  margin-left: 9.5vmin;
  z-index: 101;
}

.color_02::before {
  content: "";
  position: absolute;
  width: 6.5vmin;
  height: 6.5vmin;
  transform: translateX(-9.5vmin);
  border-radius: 50%;
  /* CSS3草案 */
  -webkit-border-radius: 50%;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50%;
  /* Firefox用 */
  background: #c76263;
  z-index: 105;
}

.color_03 {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  color: #001428;
  font-size: 4.6vmin;
  padding-left: 0px;
  margin-left: 9.5vmin;
  z-index: 101;
}

.color_03::before {
  content: "";
  position: absolute;
  width: 6.5vmin;
  height: 6.5vmin;
  transform: translateX(-9.5vmin);
  border-radius: 50%;
  /* CSS3草案 */
  -webkit-border-radius: 50%;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50%;
  /* Firefox用 */
  background: #3b77d4;
  z-index: 105;
}

.color_04 {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  color: #001428;
  font-size: 4.6vmin;
  padding-left: 0px;
  margin-left: 9.5vmin;
  z-index: 101;
}

.color_04::before {
  content: "";
  position: absolute;
  width: 6.5vmin;
  height: 6.5vmin;
  transform: translateX(-9.5vmin);
  border-radius: 50%;
  /* CSS3草案 */
  -webkit-border-radius: 50%;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50%;
  /* Firefox用 */
  background: #ce675e;
  z-index: 105;
}

.cont02_button_e7 {
  position: relative;
  width: 100%;
  height: 18.5vmin;
  background-color: #d34438;
  border-radius: 2.6vmin;
  box-shadow: 0vmin 0.6vmin #99291f;
}

.cont02_button_e7 a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 2.6vmin;
}

.cont02_button_e7 :hover {
  background-color: #b73429;
  border-radius: 2.6vmin;
}

.cont02_button_e7 p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  color: #fff;
  font-size: 5.6vmin;
  vertical-align: 0%;
  padding-top: 5.6vmin;
}

.cont02_text {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  color: #001428;
  font-size: 5.2vmin;
  line-height: 1.55;
  text-align: left;
  margin-bottom: 8.6vmin;
}

.cont02_p {
  position: relative;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  color: #001428;
  font-size: 3vmin;
  line-height: 1.75;
  padding: 8vmin 0px;
  text-align: left;
}


/* =================================================================
10.フッタ
使用ファイル：common/footer.xhtml
=================================================================*/



#footer {
  position:static;
	width: 100%;
	top: 1610vmin !important;

}

#footer .inner {
  width: 100%;
  margin: 0 auto;

}

#footer ul {
  margin: 0 auto;
  text-align: center;
}

#footer ul:after {
  content: "";
  clear: both;
  display: block;
}

#footer li {
  display: inline-block;
  margin: 0 0.9vmin;;
}

#footer li a {
  font-weight: normal;
  color: #333;
  display: inline;
	font-size: 3.2vmin;
	line-height: 2;
}

#footer li a:hover {
  text-decoration: underline;
}

#footer ul.sns {
  margin-top: 40px;
}

#footer ul.sns li a {
  color: #0091a6;
	font-size: 3.2vmin;
	line-height: 2;
  width: 26px;
  padding: 0 5px;
  display: inline-block;
}


.hyouji {
	  font-size: 2.6vmin;
  color: #333;
	text-align: center;
  padding-top: 3vmin;
	padding-bottom: 3vmin;
	text-align: center;
}
.hyouji_bold {
font-weight: bold;
}
.hyouji_pc {
	  font-size: 3.8vmin;
  color: #408ea4;
	text-align: center;
  padding-top: 3vmin;
	padding-bottom: 3vmin;
	text-align: center;
}

#footer .copyright {

  font-size: 3.2vmin;
  color: #333;
	text-align: center;
  padding-top: 3vmin;
	padding-bottom: 6vmin;
	border-top: 1px solid #e6e6e6;
	text-align: center;
}