@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/sawarabimincho.css');

/*---------------------------------------------------------- Reset */
html{color:#000;background:#fff}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}legend{color:#000}ol li{margin-left: 0;list-style: none;}

/*---------------------------------------------------------- 汎用クラス */
.mt0 { margin-top: 0px !important;}
.mb0 { margin-bottom: 0px !important;}
.pt0 { padding-top: 0px !important;}
.pb0 { padding-bottom: 0px !important;}
.mt5 { margin-top: 5px !important;}
.mb5 { margin-bottom: 5px !important;}
.pt5 { padding-top: 5px !important;}
.pb5 { padding-bottom: 5px !important;}
.mt10 { margin-top: 1.33% !important;}
.mb10 { margin-bottom: 1.33% !important;}
.pt10 { padding-top: 1.33% !important;}
.pb10 { padding-bottom: 1.33% !important;}
.mt15 { margin-top: 15px !important;}
.mb15 { margin-bottom: 15px !important;}
.pt15 { padding-top: 15px !important;}
.pb15 { padding-bottom: 15px !important;}
.mt20 { margin-top: 2.7% !important;}
.mb20 { margin-bottom: 2.7% !important;}
.pt20 { padding-top: 2.7% !important;}
.pb20 { padding-bottom: 2.7% !important;}
.mt25 { margin-top: 25px !important;}
.mb25 { margin-bottom: 25px !important;}
.pt25 { padding-top: 25px !important;}
.pb25 { padding-bottom: 25px !important;}
.mt30 { margin-top: 4% !important;}
.mb30 { margin-bottom: 4% !important;}
.pt30 { padding-top: 4% !important;}
.pb30 { padding-bottom: 4% !important;}
.mt35 { margin-top: 35px !important;}
.mb35 { margin-bottom: 35px !important;}
.pt35 { padding-top: 35px !important;}
.pb35 { padding-bottom: 35px !important;}
.mt40 { margin-top: 5.33% !important;}
.mb40 { margin-bottom: 5.33% !important;}
.pt40 { padding-top: 5.33% !important;}
.pb40 { padding-bottom: 5.33% !important;}
.mb50 { margin-bottom: 6.67% !important;}
.pb50 { padding-bottom: 6.67% !important;}
.mb60 { margin-bottom: 8% !important;}
.pb60 { padding-bottom: 8% !important;}
.mb70 { margin-bottom: 9.33% !important;}
.mb80 { margin-bottom: 10.66% !important;}
.mb100{ margin-bottom: 13.33% !important;}
.mb110{ margin-bottom: 14.33% !important;}
.tc {text-align: center;}
.tr {text-align: right;}
.tl {text-align: left;}
.tb {font-weight: bold;}
.ma {margin: auto;}
.marker { background-color: #ffff00;}
.cmt_small{font-size: 3.2vw;text-indent: -1em;padding-left: 1em;}
.fl {float: left;}
.fr {float: right;}
.cfx::after {
    content:"";
    display:block;
    clear:both;
}
.red_b {
	color: #cc0000;
	font-weight: bold;
}
.bold {
	font-weight: bold;
}

/*------------------------------------------------------- フォント設定 */
div.container_ div.contents_, div.container_ div.contents_ div.mainframe_, div.container_ div.contents_ div.mainframe_ .event_ .goods_, div.container_ div.mainframe_, div.container_ div.mainframe_ .event_ .goods_ {
    width: 100%;
}
.mb20 {
	margin-bottom: 20px;
}
/*---------------------------------------------------------- 基本設定 */
/*-- システムまわり --*/
.navitopicpath_,
.GenreStyle_,
.container_ {
    padding: 0!important;
}
h2.genre_name_,
div#genre_common_box,
.rightmenuframe_,
.event_title_ {
    display: none;
}
div.GenreStyle_Line_ {
	display: none;
}
div.container_ {
	padding-top: 0;
	margin: 0px auto;
	text-align: center;
}
div.navipage_.top_, div.autopagerize_page_element, div.autopagerize_insert_before, div.navipage_.bottom_ {
	width: 980px;
	margin: 0 auto;
}
div.GenreStyle_ {
	display: none;
}
div.navipage_.top_ {
	padding: 0;
	margin-top: -20px;
	margin-bottom: 0;
}
div.navipage_.bottom_ {
	padding:0 0 40px;
    margin-top: -20px;
}
div.autopagerize_page_element {
	text-align: left;
}
h2.common_headline2_ {
    display: none;
}
div.StyleT_Item_ div.name_ {
    font-size: 18px;
    font-weight: 700;
}
div.event_ {
	/*width: 980px;
    padding: 0;
	margin: 0 auto;
	text-align: left;*/
    display: none;
}
.name1_ a {
    font-weight: bold;
}
/*-- clear default --*/
p, h1, h2, h3, h4, dl, dt, dd {
	margin:0px;
	padding:0px;
}
ul, li, ol {
	line-height:100%;
	padding:0px;
}
img {
	margin:0px;
	padding:0px;
	border:none;
}
a {
	font-weight:normal;
	text-decoration:none;
	margin:0px;
	padding:0px;
}
table, tr, td, th {
	margin:0px;
	padding:0px;
	border:none;
}

h1 {
	font-size: 11px;
	font-weight: normal;
	padding: 10px;
}

/*---------------------------------------------------------- Trhiveブランドサイト */
.mainframe_ {
	background: url(/img/genre/0111/pc/bg.jpg) repeat center;
}
.genre_0111_box {
    position: relative;
	font-size: 1.1rem;
	line-height: 170%;
    font-family: "游明朝", YuMincho,"Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	color: #333;
	box-sizing: border-box !important;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}
.genre_0111_box a:link, .genre_0111_box a:visited{
	color: inherit;
	text-decoration: underline;
}
.genre_0111_box sub {
	font-size: 0.75rem;
}

/*---------------------------
コンテンツ上部
---------------------------*/
/*
.contents_header {
    background: #000;
    padding: 0;
    margin: 0 auto;
}
.header_inner {
    display: block;
    position: relative;
    width: 980px;
    height: 64px;
    color: #fff;
    padding: 0;
    margin: 0 auto;
}
.header_inner img.logo {
    position: absolute;
    top: 20px;
    left: 0;
}

.header_inner ul.menu {
    position: absolute;
    font-size: 1rem;
    font-weight: bold;
    top: 0;
    right: -10px;
}
.menu li {
    float: right;
    line-height: 63px;
    padding: 0 10px;
    margin-left: 20px;
}
.genre_0111_box .menu li, .genre_0111_box .menu li a {
    display: block;
    color: #fff;
    text-decoration: none;
}
*/

.contents_top {
	position: relative;
	box-sizing: border-box;
	margin: 0px auto;
	padding: 0;
	text-align: center;
}

/*-- FV --*/
.fv_area {
	width: 100%;
	height: 600px;
	background: url(/img/genre/0111/pc/fv_bg.jpg) no-repeat top center;
	box-sizing: border-box;
    margin: 0 auto;
}
.fv_area .mainimg {
	position: relative;
	width: 980px;
	height: 600px;
	background: url(/img/genre/0111/pc/fv_img.jpg) no-repeat;
    background-size: 980px;
	box-sizing: border-box;
    padding: 0;
	margin: 0 auto;
}
.fv_area img.fv_text {
	width: 776px;
	height: 70px;
	margin: 30px auto 0 auto;
}


/*-- THRIVEについて --*/
.about_thrive {
	position: relative;
	width: 100%;
	background: #fff;
	box-sizing: border-box;
    color: #000;
    padding: 0;
	margin: 0px auto;
	text-align: center;
}
.about_thrive_text {
	position: relative;
    width: 980px;
    background: url(/img/genre/0111/pc/sec01_bg.png) no-repeat center 160px;
    padding: 60px 85px;
	margin: 0px auto;
	text-align: center;
}
.about_thrive_title {
	width: 495px;
	height: 65px;
    padding: 0;
	margin: 0 auto 60px;
}
.about_thrive_text .headline {
    font-size: 1.48rem;
    font-weight: bold;
    margin-bottom: 50px;
}
.about_thrive_awards {
	width: 800px;
	height: 209px;
	margin: 56px auto 26px;
	padding: 0;
}
.about_thrive_annotation {
    font-size: 0.9rem;
    line-height: 150%;
	margin: 0 auto;
	padding: 0 100px;
    text-align: left;
}
.about_thrive_photos {
    width: 100%;
    height: 150px;
    background: #f0e9d9;
    padding: 0;
}
.about_thrive_photos .inner {
    width: 980px;
    padding: 0;
    margin: 0 auto;
}
.about_thrive_photos .inner img {
    float: left;
    margin: 0;
}

/*-- 杉山さんインタビュー --*/
.interview {
    width: 980px;
    padding: 60px 0;
    margin: 0 auto;
}
.interview_title {
    margin: 0 auto 60px;
}
.interview_main {
    width: 980px;
    height:700px;
    background: #fff;
    padding: 0;
    margin: 0 auto;
}
.interview_main dl {
    display: block;
    width: 980px;
    height: 350px;
    padding: 0;
    margin: 0 auto;
}
.interview_main dt {
    width: 490px;
    padding: 0;
    margin: 0;
}
.interview_main dd {
    width: 490px;
    height: 350px;
    box-sizing: border-box;
    padding-top: 74px;
    margin: 0;
    text-align: center;
    vertical-align: middle;
}
.interview_main dl:nth-child(1) dt, .interview_main dl:nth-child(1) dd {
    float: left;
}
.interview_main dl:nth-child(2) dd, .interview_main dl:nth-child(2) dt {
    float: right;
}

.interview_main dd .interview_headline {
    margin: 0 auto 30px auto;
}
.interview_main dd .interview_text {
    margin: 0 auto;
}

/*-- TRHIVE PREMIUMの生い立ち --*/
.thrive_premium {
	width: 100%;
	height: 635px;
	background: url(/img/genre/0111/pc/sec03_bg.jpg) no-repeat center;
    background-size: cover;
	box-sizing: border-box;
	margin: 60px auto 0;
	padding: 0;
}
.thrive_premium_text {
	width: 980px;
	box-sizing: border-box;
    font-size: 1.14rem;
	margin: 0 auto;
	padding: 70px 0 0;
}
.thrive_premium_text p {
    margin-bottom: 20px;
}
.thrive_premium_text p.stg {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 40px 0;
}
.thrive_premium_title {
	width: 491px;
	height: 90px;
	margin: 0 auto 40px auto;
	padding: 0;
}


/*---------------------------
商品一覧
---------------------------*/
/*-- Thrive Premium ラインナップ --*/
.title_product_list {
    width: 980px;
    padding: 50px 0 40px 0;
	margin: 0px auto;
}

/*---------------------------
コンテンツ下部(カテゴリー一覧)
---------------------------*/
/*
.contents_bottom {
	position: relative;
	width: 980px;
	box-sizing: border-box;
	margin: 0px auto;
	padding: 0 0 40px 0;
	text-align: center;
}
*/
/*-- カテゴリー一覧 --*/
/*
.title_category {
	margin-bottom: 50px;
}
*/
/*-- カテゴリーボタン --*/
/*
dl.btn_thrive_category {
	box-sizing: border-box;
    width: 980px;
	padding: 0 0 0 10px;
	margin: 0 auto;
	text-align: left;
}
.btn_thrive_category:after {
  display: block;
  clear: both;
  content: "";
}
.btn_thrive_category dt {
	width: 980px;
    padding: 0;
	margin: -10px;
}
.btn_thrive_category dd {
	display: table;
    box-sizing: border-box;
	float: left;
	width: 300px;
	height: 100px;
    background: #fff;
    font-family: "游明朝", YuMincho,"Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 1.1rem;
	line-height: 140%;
	padding: 0;
	margin: 0 10px 20px;
}
.btn_thrive_category dd a {
	display: table-cell;
    background: url(/img/genre/0111/pc/btn_arrow.png) no-repeat 20px center;
    border: 1px #c7b883 solid;
	color: #333;
	font-weight: bold;
    padding: 0 30px 0 40px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
}
.btn_thrive_category dd a:active {
	opacity: 0.9;
	text-decoration: none;
}
*/

/*---------------------------
その他
---------------------------*/
.small {
	font-size: 85%;
}
.large {
	font-size: 120%;
}