@charset "Shift_JIS";

/*-----------------------------------------------
body
-----------------------------------------------*/

* {
	margin: 					0px;
	padding: 					0px;
}

h3 {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

input{
	padding: 3px 6px ;
}

body
{
	background-color: #000;
	color: #eeeeee;
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 1.6em;
}
.body2
{
	background-image: url(../images/img_bg_2.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	background-color: #000;
	color: #eeeeee;
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 1.6em;
}

div,p,form,map
{
	margin				: 0;
	padding				: 0;
}

ul li {
	margin: 					0px;
	padding: 					0px;
}

ul {
	list-style-type:			none;
}

img {
   vertical-align:bottom
}
a img {
    border-style:none;
}
.clear
{
	clear:				both;
}
.center {
	text-align: center;
}



/*-----------------------------------------------
font
-----------------------------------------------*/

.bold
{
	font-weight:			bold;
}
.strong{
	color: #ffd200;
	font-weight: bold;
}
#wrapper .strong2{
	color: #ffd200;
	font-weight: bold;
	size:20px!important;
	font-size: 18px;
}

.mark{
	font-weight: bold;
	background-color: #ae000d;
}
.u_line{
	text-decoration: underline;
}
.big{
	font-size: 115%;
	line-height: 1.8em;
}
.bigger{
	font-size: 129%;
	line-height: 2em;
}
.small{
	font-size: 86%;
	line-height: 1.4em;
}
.through{
	text-decoration: line-through;
}
.yellow{
	color: #FF0;
}

/*-----------------------------------------------
link
-----------------------------------------------*/
a
{
	color					   : #3399ff; 
	text-decoration		: underline;
}

a:visited
{
	color				  		: #3399ff; 
	text-decoration : underline;
}

a:hover
{
	color				  		: #3399ff; 
	text-decoration : none;
}

a:active
{
	color				  		: #3399ff; 
	text-decoration : none;
}

/*-----------------------------------------------
layout
-----------------------------------------------*/

.block{
background-color: #000;
}

#header{
	background-image: url(../images/img_head.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 62px;
	color: #FFF;
}


#header_monde{
	background-image: url(../images/header_monde.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 62px;
	color: #FFF;
}


#catch-bg {
	background-image: url(../images/img_bg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 1020px;
}

/*#catch-bg2 {
	background-image: url(../images/img_bg3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 1020px;
}*/

#catch-bg2 {
	background-image: url(../images/img_bg11.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 1530px;
}

#catch-bg2.test {
	background-image: url(../images/img_bg8_itqi.jpg);
}

#catch-mondebg {
	background-image: url(../images/monde_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#catch-monde {
	background-image: url(../images/monde_catch.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 750px;
}

#catch{
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#catch .bookmark {
	position: absolute;
	left: 460px;
	top: 10px;
}

#catch .arealink a{
width:100px;
height:100px;
display:block;
text-indent:-9999px;
}

#header h1{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#catch .area01 {
	position: absolute;
	left: 20px;
	top: 469px;
}
#catch .area02 {
	position: absolute;
	left: 108px;
	top: 270px;
}
#catch .area03 {
	position: absolute;
	left: 20px;
	top: 403px;
}
#catch .area04 {
	position: absolute;
	left: 178px;
	top: 403px;
}
#catch .area05 {
	position: absolute;
	left: 343px;
	top: 403px;
}
#catch .area06 {
	position: absolute;
	left: 508px;
	top: 403px;
}
#catch .area07 {
	position: absolute;
	left: 668px;
	top: 503px;
}
#catch .area07A {
	position: absolute;
	top: 935px;
}
#catch .area07B {
	position: absolute;
	top: 1120px;
}
#catch .area07C {
	position: absolute;
	top: 725px;
	left: 50%;
	transform: translateX(-50%);
}
#catch .area07D {
	position: absolute;
	top: 725px;
	left: 17%;
}
#catch .area07F {
	position: absolute;
	top: 725px;
	left: 8%;
}
#catch .area08 {
	position: absolute;
	left: 20px;
	top: 404px;
}

#catch .area08 a{
display:block;
width:880px;
height:463px;
}

#catch .area08 { text-indent:-9999px;} 

#catch .area09 {
	position: absolute;
	left: 142px;
	top: 1355px;
	text-align: center;
}
#catch .area09 p:first-child {
	padding-bottom: 10px;
}
#catch .area10 {font-size: 86%;
	position: absolute;
	left: 70px;
	top: 1480px;
}
#catch .area11 {
	position: absolute;
	left: 100px;
	top: -53px;
}
.item-monde{
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom:30px;
}
#wrapper {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	background-color: #151515;
	padding-bottom: 30px;
	padding-top: 40px;
}

#contents {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
}
#footer {
	font-size: 86%;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}


.line_01{
	background-color: #3d3d3d;
	border-left-width: 266px;
	border-left-style: solid;
	border-left-color: #ffba00;
	height: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}
.t_10{
	margin-top: 10px;
}
.sp_20{
	margin-top: 20px;
	margin-bottom: 20px;
}
.t_20{
	margin-top: 20px;
}
.u_20{
	margin-bottom: 20px;
}
.sp_30{
	margin-top: 30px;
	margin-bottom: 30px;
}
.t_30{
	margin-top: 30px;
}
.u_30{
	margin-bottom: 30px;
}
.sp_40{
	margin-top: 40px;
	margin-bottom: 40px;
}
.t_40{
	margin-top: 40px;
}
.u_40{
	margin-bottom: 40px;
}
.sp_60{
	margin-top: 60px;
	margin-bottom: 60px;
}
.t_60{
	margin-top: 60px;
}

/*-----------------------------------------------
box
-----------------------------------------------*/
.box_01{
	background-color: #000;
	padding: 20px;
}
.left {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}
.box_02 p {
	margin-bottom: 15px;
}
.img_07{
	background-image: url(../images/p07.png);
	background-repeat: no-repeat;
	background-position: right 0px;
}

.point li{
	height: 43px;
	font-weight: bold;
	padding-left: 130px;
	font-size: 115%;
	background-repeat: no-repeat;
	padding-top: 10px;
}
.point1{
	background-image: url(../images/p09.png);
}
.point2{
	background-image: url(../images/p10.png);
	background-repeat: no-repeat;
}
.point3{
	background-image: url(../images/p11.png);
}
.point4{
	background-image: url(../images/p12.png);
}
.box_03 {
	background-color: #000;
	border: 2px solid #272727;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.box_03 ul li {
	background-image: url(../images/icon_01.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	font-weight: bold;
	font-size: 115%;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #262626;
	padding-top: 15px;
	padding-bottom: 13px;
	background-position: 0px 10px;
}
.img_21{
	background-image: url(../images/p21.png);
	background-repeat: no-repeat;
	background-position: right 0px;
}
.box_04 {
	background-color: #000;
	padding: 20px;
}
.box_04 p {
	margin-bottom: 15px;
	line-height: 1.4em;
}
.box_04 table{
	font-size: 14px;
}

.box_04 .left {
	float: left;
	padding-right: 20px;
	background-image: url(../images/p26.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	margin-right: 0px;
	margin-bottom: 0px;
width:164px
}
.box_04 .left p {

	line-height: 1.2em;
	margin-bottom: 0px;
	margin-top: 5px;
}
.box_05 {
	background-color: #1f1f1f;
	float: left;
	width: 616px;
}

.box_05_2 {
	background-color: #1f1f1f;
	float: left;
	width: 680px;
}

.box_06 {
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.box_06 p {
	margin-bottom: 15px;
	font-size: 100%;
	line-height: 1.6em;
}
.box_07 {
	text-align: center;
}
.box_07 p {
	margin-bottom: 30px;
}
.box_07 p:first-child {
	margin-bottom: 15px;
}
.box_08 {
	background-color: #000;
	padding: 20px;
}
.box_09 {
	background-image: url(../images/p45.png);
	background-repeat: no-repeat;
	padding-left: 35px;
}
.media dl {
	float: left;
}
.media .r10 {
	margin-right: 10px;
}
/*
.media dl dt {
	width: 160px;
	margin-bottom: 7px;
}
.media dl dt img {
	border: 1px solid #323232;
	padding: 5px;
}
.media dl dd {
	font-size: 86%;
	line-height: 1.2em;
	text-align: center;
}
*/.media {
}
.seiseki p {
	margin-bottom: 10px;
}
.seiseki {
	text-align: center;
}
.items {
	margin-top: 30px;
}


/*-----------------------------------------------
商品一覧用(4つ並び)
-----------------------------------------------*/

/*

.items{
	margin-left: auto;
	margin-right: auto;
	padding-top:30px
}


.items ul{
	overflow:hidden;
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
}

.items ul li {
	float: left;
	width: 190px;
	padding-bottom:30px;
	
}
.items ul li+li {
	margin-left: 26px;
}
	
.items h3 {
	margin-bottom: 30px;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
}


.items .lastchild {
	margin-right: 0px!important;
}
.items dt {
	margin-top: 5px;
	text-align:center;
	font-size: 14px;
}

.items dt a {
	font-weight: bold;
	color: #ffd200;
}
.items dd {
	font-size: 12px;
	line-height: 1.5em;
	margin-top: 5px;
    text-align: justify;

}
*/

/*-----------------------------------------------
商品一覧用
-----------------------------------------------*/

.items{
	margin-left: auto;
	margin-right: auto;

}


.items ul{
	overflow:hidden;
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
}

.items ul li {
	float: left;
	width: 156px;
	padding-bottom:30px;
	
}
.items ul li+li {
	margin-left: 15px;
}
	
.items h3 {
	margin-bottom: 30px;/*見出し*/
	width: 840px;
	margin-right: auto;
	margin-left: auto;
}


.items .lastchild {
	margin-right: 0px!important;/*一番右のリストのマージンを消す*/
}
.items dt {
	margin-top: 5px;
	text-align:center;
	font-size: 12px;
}

.items dt a {/*商品リンクです*/
	font-weight: bold;
	color: #ffd200;
}
.items dd {
	font-size: 12px;
	line-height: 1.5em;
	margin-top: 5px;
    text-align: justify;

}


/*-----------------------------------------------
facebookプラグイン
-----------------------------------------------*/
.fb_area{
width:800px;
overflow:hidden;
	margin-right: auto;
	margin-left: auto;
margin-bottom:40px!important;


}


.fb_box{

	width: 500px;
float:left
}


.tw_box{
	background-color: #ffffff;
	width: 300px;
float:left


}

.sns_box {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
padding-top:20px;


}
.sns_box img {

	display: block;
	margin-bottom: 3rem;
	width: 100%;
	height: auto;

}

.sns_box a:hover img {
 opacity:0.8!important
}

/*-----------------------------------------------
オリックス選手団肖像
-----------------------------------------------*/
.orix img {
	max-width: 100%;
	height: auto;
}

/*-----------------------------------------------
メディア紹介ページ　インライン内
-----------------------------------------------*/

#madia_page{
	background-image: none!important;
	background-color: #000;
	padding-left: 23px;
	padding-top: 10px;
	padding-bottom: 15px;
	font-size: 10px;
	line-height: 1.5em!important;
}
#madia_page .media.t_10 {
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

#madia_page dd {
	width: 105px;
	padding-top: 5px;
}
#madia_page dl {
	margin: 0px!important;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 10px;
}
#madia_page .lastchild {
	margin-right: 0px;
	padding-right: 0px;
}

/*-----------------------------------------------
ご感想　ヘッド部分
-----------------------------------------------*/

.kansou_sc {
	color: #006;
	font-size: 12px;
	float: right;
	font-weight: bold;
}
.kansou_left {
	float: left;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.kanso_box{
	overflow: hidden;	
}


/*-----------------------------------------------
よくあるご質問
-----------------------------------------------*/
#faq {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
}
#faq p {
	margin-bottom:15px;
}
.faq_box {
	background-color: #000;
	margin-top: 20px;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
}
.faq_line {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

.question {
	background-image: url(../images/question.jpg);
	width: 776px;
	background-repeat: no-repeat;
	background-position: 20px 20px;
	padding-left: 54px;
	padding-top: 18px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.answer {
	background-image: url(../images/answer.jpg);
	width: 776px;
	background-repeat: no-repeat;
	background-position: 20px 20px;
	padding-left: 54px;
	padding-top: 18px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#madia_page .media.t_10 dl dd {
	text-align: center;
}


/*-----------------------------------------------
トップバナーエリア
-----------------------------------------------*/
#sale{
	text-align: center;
	padding:10px 0px 5px;
	background-color: #1c1c1c;
}

#bnrArea li {
	display: inline-block;
	vertical-align: middle;
}

#bnrArea li:first-child {
	padding-right: 10px;
}

/*-----------------------------------------------
プロテインの基礎知識
-----------------------------------------------*/

.box_kiso {
	border: 1px solid #535353;
}

.box_kiso dl {
	margin: 20px;
}

.box_kiso dt {
	margin-bottom: 15px;
}

.box_kiso dl p {
	margin-bottom: 15px;
}



.kotei {
 position:fixed;
 bottom: 0px;
 right: 0px;
 z-index:100;
}



ul.accordion span { display:block;}
ul.accordion ul { display:none;}
ul.accordion > li > ul > li > ul > li:last-child { border:none;}

#wrapper .box_04.t_40 .left{
	font-size: 12px!important;
}


/*------------------------------------
選べるフレーバー　Flex Box
--------------------------------------*/


.flavor {
  display: flex;
}
.flavor .col-1{
  padding-left: 30px;
}
.flavor .col-2{
  /*padding-right: 15px;*/
}
.flavor section {
  /*margin: 10px;*/
  /*border-radius: 5px;*/
  /*background: #000;*/
  /*padding: 15px;*/
  flex: 1;
}
.flavor p {
  /*margin-top: 10px;*/
}

/*------------------------------------
2018年6月 モンドキャンペーン用
--------------------------------------*/
.catch-bg1 {
	background-image: url(../images/monde/img_bg_monde.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}

#catch-bg2.monde_cp {
	padding-bottom: 200px;
	background-image: url(../images/monde/img_bg3_monde.jpg);
}

#flavor img {
	max-width: 100%;
	height: auto;
}
#flavor {
	/*display: flex;
	flex-wrap: wrap;*/
	padding-top: 470px;
	padding-bottom: 20px;
}

#flavor h2 {
	padding-bottom: 15px;
	text-align: center;
}

#flavor > div {
	margin-bottom: 20px;
}
#flavor > div.col_01 {
	margin-bottom: 0;
}
#flavor > div.col_01 img {
	height: 310px;
}
#flavor > div:not(.sponsor_bnr) {
	/*flex: 1 1 50%;*/
	float: left;
	width: 50%;
	box-sizing: border-box;
}

#flavor > .col_01 {
	padding-right: 10px;
}

#flavor > .col_02 {
	padding-left: 10px;
}

#flavor > div:first-child {
	border-right: 1px solid #fff;
}

#flavor ul li {
	float: left;
	width: 33.3%;
}

#flavor .flavor_usually {
	flex: 1 1 100%;
	margin-bottom: 20px;
}

#flavor .flavor_usually li {
	width: 14.2%;
	padding: 0 5px;
	box-sizing: border-box;
}

div.sponsor_bnr,
#flavor > .postage {
	flex: 1 1 100%;
}

div.sponsor_bnr p {
	text-align: center;
}

/*div.sponsor_bnr p {
	float: left;
	width: 47.5%;
	padding-right: 2%;
}

div.sponsor_bnr ul {
	float: left;
	width: 47.5%;
	padding-left: 2%;
	border-left: 1px solid #fff;
}

#flavor > div.sponsor_bnr ul li:first-child {
	width: 38%;
	padding-right: 2%;
}

#flavor > div.sponsor_bnr ul li:last-child {
	width: 58%;
	padding-left: 2%;
}*/

#flavor > .postage {
	text-align: center;
}

.monde_cp #catch ul {
	text-align: center;
}
.monde_cp #catch .area09,
.monde_cp #catch .area10 {
	position: static;
}
.monde_cp #catch .area09{
	padding-bottom: 10px;
}

.ninja_onebutton_output_horizontal .line_friend img {
	width: 72px;
	height: auto;
}

/*------------------------------------
2018年9月 カレー用
--------------------------------------*/
#curry #header {
	background-image: url(../images/img_head_curry.jpg);
}
#curry #catch-bg2 {
	height: 1805px;
	background-image: url(../images/img_bg10_curry.jpg);
}
#curry #catch .area07A {
	top: 1175px;
	left: -20px;
}
#curry #catch .area07B {
	top: 1385px;
	left: 10px;
}
#curry #catch .area07C {
	top: 960px;
}
#curry #catch .area09 {
	top: 1625px;
}
#curry #catch .area10 {
	top: 1750px;
}
#curry .flavor .col-1 {
	padding-left: 0;
}
#curry #bnrArea li img {
	border: 1px solid #555;
}
#curry #bnrArea li img:hover {
	border: 1px solid #fff;
	opacity: 0.8;
}