/*
@charset "utf-8";
/******************************************************************
↓↓↓ここから削除禁止↓↓↓

Theme Name: pc
Template: osusume

↑↑↑ここまで削除禁止↑↑↑
******************************************************************/


/* ボディ */
body{
    background-image: url("images/cmn_bg2.jpg") !important;
}


/* ヘッダー */
#header{
	height:auto !important;
}
#header #logo-area{
	padding:0;
	position:relative;
}


/* ホームリンク */
#logo-area .header_home_link {
    position: absolute;
    right: 80px;
    text-align: center;
    top: 32px;
    width: 50px;
    font-size:12px;
}
#logo-area .header_home_link a {
    text-decoration: none;
}


/* スライダー画像 */
.slider2{
	position:relative;
}
.slider2 img{
	width:100%;
	height:auto;
}
.slider2 .slider_link{
    height: 20.8%;
    left: 48.5%;
    position: absolute;
    text-decoration: none;
    top: 70.3%;
    width: 31%;
    z-index: 99;
}
.slider2 a.slider_link:hover img {
    opacity: 1;
}


/* コンテンツ */
#wrapper #contents{
	margin-bottom:auto;
}

/* オススメリンク */
#logo-area .header_favorite_link {
    position: absolute;
    right: 0px;
    text-align: center;
    top: 32px;
    width: 50px;
    font-size:12px;
}
#logo-area .header_favorite_link a {
    text-decoration: none;
}


/* おすすめ */
#ranking .rank-best3{
	padding-bottom:0;
}


/* おすすめ ポイント */
.rank-best3-point {
    border: 3px solid #9f004e;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0 26px 1.5em;
    padding: 20px 10px 15px 40px;
    position: relative;
}
.rank-best3-point p {
    background: #f6f6f6 none repeat scroll 0 0;
    color: #9f004e;
    font-weight: bold;
    left: 20px;
    position: absolute;
    top: -14px;
    z-index: 100;
}

.rank-best3-point ul {
    margin: auto;
    padding: 0;
}
.rank-best3-point .bold {
    font-weight: bold;
}
.rank-best3-point .line {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff66 60%) repeat scroll 0 0;
}


/* 商品説明 */
.rank-best3-information {
    border: 3px solid #9f004e;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0 26px 1.5em;
    padding: 20px 30px 15px 40px;
    position: relative;
    text-align:justify;
}
.rank-best3-information p {
    background: #f6f6f6 none repeat scroll 0 0;
    color: #9f004e;
    font-weight: bold;
    left: 20px;
    position: absolute;
    top: -14px;
    z-index: 100;
}

.rank-best3-information ul {
    margin: auto;
    padding: 0;
}
.rank-best3-information .bold {
    font-weight: bold;
}
.rank-best3-information .line {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff66 60%) repeat scroll 0 0;
}


/* おすすめ 初回単価 */
td .price{
	font-weight:bold;
	font-size:20px;
}
td .listprice{
	font-size:11px;
}


/* おすすめ リンク*/
.rank-best3-links {
    box-sizing: border-box;
    margin: 0 26px 1.5em;
}
#ranking .rank-best3-links ul li {
    display: inline-block;
    width: 48.5%;
    vertical-align:top;
}
#ranking .rank-best3-links a {
    background: #000 none repeat scroll 0 0;
    border-radius: 10px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 21px;
    font-weight: bold;
    height: 68px;
    line-height: 71px;
    padding: 0 0 0 33px;
    text-decoration: none;
    width: 100%;
    margin-top:0;
	position:relative;
}
#ranking .rank-best3-links a img{
    position:absolute;
    right: 12px;
    top: 22px;
}
#ranking .rank-best3-links a:hover img{
	opacity:1.0;
}
#ranking .rank-best3-links a.official {
    background: linear-gradient(#00d900, #00740b);
    box-shadow: 0 5px 2px #63a560;
}
#ranking .rank-best3-links a.post {
    background: linear-gradient(#a8a8a8, #232323);
    box-shadow: 0 5px 2px #232323;
}


/* オリジナルウィジェット1 */
.side_widget .textwidget .original_widget_1 li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin:0 0 15px;
    padding-left:9px;
}
.side_widget .textwidget .original_widget_1 li a i {
    display: inline-block;
    vertical-align: 1px;
}
.side_widget .textwidget .original_widget_1 span {
    display: inline-block;
    vertical-align: top;
    width: 90%;
    padding-left:8px;
}


/* オリジナルウィジェット2 */
.side_widget .textwidget .original_widget_2 li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin:0 0 15px;
    padding-left:9px;
}
.side_widget .textwidget .original_widget_2 li a i {
    display: inline-block;
    vertical-align: 1px;
}
.side_widget .textwidget .original_widget_2 span {
    display: inline-block;
    vertical-align: top;
    width: 90%;
    padding-left:8px;
}


/* オリジナルウィジェット3 */
.side_widget .textwidget .original_widget_3 li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin:0 0 15px;
    padding-left:9px;
    min-height:80px;
}
.side_widget .textwidget .original_widget_3 li a img {
    float: left;
}
.side_widget .textwidget .original_widget_3 li a dl {
    float: left;
    margin-left: -90px;
    padding-left: 10px;
    width: 100%;
}
.side_widget .textwidget .original_widget_3 li a dl dt{
    margin-left: 90px;
    font-size:11px;
    font-weight:bold;
    padding:3px 0;
}
.side_widget .textwidget .original_widget_3 li a dl dd{
    margin-left: 90px;
}


/* サイド用タイトルアイコン */
#sideColumn h3.side_headline {
    background-attachment: scroll;
    background-image: url("images/side_title_icon.png");
    background-position: left center;
    background-repeat: no-repeat;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0 0 30px 10px;
    padding-left: 45px;
}


/* メインカラム オススメ 見出し*/
#mainColumn h2.headline1.favorite_title{
    background-image: url("images/main_favorite_icon.png");
    background-position: left center;
    background-repeat: no-repeat;
	height: 50px;
    line-height: 50px;
    margin-bottom: 30px;
    padding-left: 70px;
    font-weight:bold;
    margin-top:0;
}


/* メインカラム 絞り込み 見出し*/
#mainColumn h2.headline1.search_title{
    background-image: url("images/main_search_icon.png");
    background-position: left center;
    background-repeat: no-repeat;
	height: 50px;
    line-height: 50px;
    margin-bottom: 30px;
    padding-left: 70px;
    font-weight:bold;
    margin-top:0;
}

/* メインカラム 比較表 見出し*/
#mainColumn h2.headline1.comparison_title{
    background-image: url("images/main_comparison_icon.png");
    background-position: left center;
    background-repeat: no-repeat;
	height: 50px;
    line-height: 50px;
    margin-bottom: 30px;
    padding-left: 70px;
    font-weight:bold;
    margin-top:0;
}


/* アーカイブ用 見出し */
#mainColumn h1.archive-headline span{
    background-image: url("images/main_favorite_icon.png");
    background-position: left center;
    background-repeat: no-repeat;
    display:block;
	height: 50px;
    line-height: 50px;
    padding-left: 70px;
    font-weight:bold;
}


/* 絞り込み検索 */
#search-ranking-post table th {
    background-color: #efefef;
    border: 1px solid #efefef;
    font-weight: lighter;
    padding: 15px 0;
    width: 175px;
}
#search-ranking-post table td {
    border: 1px solid #efefef;
    padding-left: 15px;
    padding-top: 15px;
    vertical-align:top;
}
#search-ranking-post table td label {
    display: inline-block;
    padding-bottom: 15px;
    cursor: pointer;
}
#search-ranking-post div.submit {
    margin-top: 30px;
    text-align: center;
}
#search-ranking-post div.submit button {
    background-color: #008de0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    padding: 10px 0;
    width: 50%;
    cursor: pointer;
}
#search-ranking-post div.submit img {
    margin-right: 5px;
    vertical-align: middle;
}
#search-ranking-post form table tr td select{
	font-size:16px;
}


/* 検索ページ */
.search_result {
	padding:10px 0 0 10px;
	margin-top: -45px;
}
/* 検索結果 絞り込み 見出し*/
.search_result h2.headline1.search_title{
    background-image: url("images/main_search_icon.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #222222;
    font-size: 30px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    margin-bottom: 30px;
    margin-left: 20px;
    margin-top: 30px;
    padding-left: 70px;
}
/* 検索結果　タイトル */
div.search_result_title{
	font-size:15px;
	font-weight:bold;
	margin: 30px 0 30px 20px;
}

/* テーブル */
.search_result table{
	border:1px solid #ededee;
	width:99%;
	color:#393d3e;
}
.search_result table th{
	background-color:#f9f9f9;
	border:1px solid #ededee;
	height:35px;
}
.search_result table th a {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    width: 40px;
    font-size:12px;
}

.search_result table td{
	border:1px solid #ededee;
	padding-left:10px;
}
/* 画像カラム */
.search_result table td.td_img{
    padding: 10px 0;
    text-align: center;
    width: 140px;
    font-size:12px;
}
/* 価格カラム */
.search_result table td.td_price {
    min-width: 120px;
    padding: 0;
    text-align: center;
}
.search_result table td.td_price span {
    font-size: 20px;
    font-weight: bold;
}
/* 割引カラム */
.search_result table .td_discount {
    min-width: 80px;
}
/* 商品名カラム */
.search_result table td.td_point {
    max-width: 360px;
    padding-right: 10px;
}
.search_result table td.td_point a {
    color: #007db3;
    font-size: 18px;
    font-weight: bold;
}
/* リンクカラム */
.search_result table td.td_link {
    padding: 0;
    text-align: center;
    min-width: 120px;
}
.search_result table td.td_link a.official_link {
    background: #389d50 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 120px;
    border-radius: 3px;
}
.search_result table td.td_link a.post_link {
    color: #007db3;
    display: inline-block;
    padding-top: 10px;
    text-decoration: none;
}


/*検索結果ページ内 検索フォーム*/
.search_result div.search_form {
    border: 5px solid #dcdcdc;
    box-sizing: border-box;
    height: 440px;
    margin: 0 10px 10px 0;
    padding: 10px;
}


.rank-best3-copy{
	margin-bottom:10px !important;
}


/* 記事ページ用タイトル */
.single_h2_wrap{
    margin-bottom: -30px;
    margin-top: 10px;
}


.post #specs #ranking ul{
	margin:0;
}


/* 記事ページ クチコミ */
.rank-best3-Reviews {
    border: 3px solid #080031;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0 26px 1.5em;
    padding: 0px 10px 15px 40px;
    position: relative;
}
.rank-best3-Reviews p {
    background: #f6f6f6 none repeat scroll 0 0;
    color: #080031;
    font-weight: bold;
    left: 20px;
    position: absolute;
    top: -14px;
    z-index: 100;
}
.rank-best3-Reviews .spec-reviews-average {
    font-size: 18px;
    height: 70px;
    text-align: center;
}
.rank-best3-Reviews .spec-reviews-average > span {
    color: #9f004d;
    font-size: 40px;
    font-weight: bold;
    padding: 0 8px;
}
.rank-best3-Reviews .spec-reviews-star {
    color: #ff9900;
    font-size: 20px;
    text-align: center;
}
.rank-best3-Reviews .spec-reviews-star span.nostar {
    color: #cdcdcd;
}

.rank-best3-Reviews .spec-reviews-link {
    font-size: 18px;
    text-align: center;
}
.rank-best3-Reviews .spec-reviews-link > a {
    color: #9f004d;
    text-decoration: none;
}
.rank-best3-Reviews .spec-reviews-link a span{
    font-weight:bold;
}

.rank-best3-links .links-specs {
    text-align: center;
}
.rank-best3-links .links-specs li a{
    text-align: left;
}
/* 記事ページ テーブル 人気度 */
.rank-best3-table td.star {
    color: #ff9900;
    font-size: 17px;
}
.rank-best3-table td.star span.nostar {
    color: #cdcdcd;
}
#contents #mainColumn .rank-best3-table th{
	width:35%;
}
#contents #mainColumn .rank-best3-table td{
	word-break:keep-all;
}

/* 記事ページ テーブル セット割 */
#contents #mainColumn .setwari-table th{
	font-size: 1.2em;
}

#contents #mainColumn .setwari-table td:first-child{
    font-weight: bold;
}

#set-table {
    float: right;
    font-size: 16px;
}

.setwari-copy{
	margin-bottom:10px !important;
	background: #f6f6f6 none repeat scroll 0 0;
	color: #9f004e;
	font-weight: bold;
	left: 20px;
	top: -14px;
	z-index: 100;
}

/* 記事ページ クチコミ欄 */
.single-reviewer{
	margin-bottom:50px;
}
.single-reviewer h2 {
    background-image: url("images/reviewer_title_icon.png");
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    padding-left: 80px;
}

.single-reviewer .reviewer-count {
    color: #9f004d;
    display: block;
    padding-bottom: 30px;
    text-align: center;
}

.single-reviewer .single-reviewer-post {
    border: 1px solid #000;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom:20px;
}
.single-reviewer .single-reviewer-post .single-reviewer-post-img {
    display: inline-block;
    vertical-align: top;
    width: 12%;
}
.single-reviewer .single-reviewer-post .single-reviewer-post-img img{
	width:80px;
	height:80px;
}
.single-reviewer .single-reviewer-post .single-reviewer-post-content {
    box-sizing: border-box;
    display: inline-block;
    padding-left: 15px;
    width: 87%;
}

.single-reviewer .single-reviewer-post .single-reviewer-post-content p {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
.single-reviewer .single-reviewer-post .single-reviewer-post-content ul {
    margin: 0 0 15px;
}
.single-reviewer .single-reviewer-post .single-reviewer-post-content li {
    display: inline-block;
    width: 32%;
}
.single-reviewer .single-reviewer-post .single-reviewer-post-content ul li span {
    background-color: #9f004d;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin-right: 5%;
    padding: 3px 0;
    text-align: center;
    width: 40%;
}
.single-reviewer .single-reviewer-post .single-reviewer-post-content ul li p {
    color: #ff9900;
    display: inline-block;
    margin: 0;
    font-size:14px;
}
.single-reviewer .single-reviewer-post .single-reviewer-post-content ul li p span.nostar {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #cdcdcd;
    display: inline;
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-align: left;
    width: auto;
}
.single-reviewer .single-reviewer-post .single-reviewer-post-content div {
    background-color: #fffae6;
    font-size: 16px;
    padding: 10px;
    margin-bottom:10px;
    word-break: break-all;
}
.single-reviewer .single-reviewer-post .single-reviewer-post-content span {
    font-size: 16px;
}




/* 記事ページ コメント欄 */
#commentform table th {
    background-color: #efefef;
    border: 1px solid #efefef;
    font-size: 14px;
    font-weight: lighter;
    min-width: 100px;
    padding: 15px 0;
}
#commentform table tr td {
    border: 1px solid #efefef;
    font-size: 14px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-top: 10px;
}
#commentform table tr td select {
    font-size: 14px;
}
#commentform table tr td input[type="text"] {
    box-sizing: border-box;
    height: 30px;
    padding-left: 5px;
    width: 98%;
    font-size:17px;
}
#commentform table tr td textarea {
    width: 98%;
    padding:5px;
    box-sizing:border-box;
    resize: none;
}
#commentform .form-submit {
    padding: 30px 0;
    text-align: center;
}
#commentform .form-submit .submit {
    background-color: #008de0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    padding: 10px 0;
    width: 50%;
}
#commentform div {
    color: #ff0000;
    text-align: center;
}

/* コメント送信後メッセージ */
#comment_result {
    color: #ff0000;
    margin-bottom: 50px;
    text-align: center;
}

/* フッター */
#copyrightl{
	height:auto;
}
#copyright ul{
	margin:50px auto 20px;
}
#copyright ul li{
	margin-bottom:8px;
}
#copyright ul li a{
	color:#888;
}

/* 記事ページの基本装飾 */


/* 記事ページの見出し */
.post-title {
	font-size: 40px;
	font-weight: bold;
	line-height: 180%;
	margin-bottom: 40px;
}

.post h1 {
border-bottom: double 5px #9f004e;
} 

/* h2 */
.post h2 {
background: #dfefff;
box-shadow: 0px 0px 0px 5px #dfefff;
border: dashed 2px white;
padding: 0.2em 0.5em;
}


/* h3 */
.post h3{
position: relative;
padding: 0.25em 0;
}
.post h3:after {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
}

/* h4 */
.post h4 {
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

/*黄色マーカーと太字*/
.yellow-line-bold {background: linear-gradient(transparent 40%, #ffff66 40%); font-weight:bold;}

/*黄色マーカーと太字と赤字*/
.yellow-line-bold-red {background: linear-gradient(transparent 40%, #ffff66 40%); font-weight:bold; color:#FF0000;}

/*太字と赤文字*/
.bold-red {font-weight:bold; color:#FF0000;}


/*増大サプリ一覧表示切替*/
@media screen and (min-width: 1164px){
.none {display:none}
}