@charset "utf-8";
/* CSS Document */

.wrap {
	overflow: hidden;


}
body {
	background: #000;
	font: 18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	overflow-x : hidden;
	overflow-y : auto;
}
::selection {
    background: #776470d; /* Safari */
}
::-moz-selection {
    background: #776470; /* Firefox */
}

/*-----------------------------------------------
Link
-----------------------------------------------*/
a {
	color: #C00;
}
a:link {
}
a:visited {
}
a:hover {
}
a:active {
}
.clear {
	clear: both;
}
#head_bgarea {
	background: url(../img/bg_all.jpg) repeat-x center top;
}
.omousikomikotei {
	bottom: 0;
	margin: 0 0 -10px;
	padding: 0;
	position: fixed;
	width: 100%;
}
.textarea p {
	margin-bottom: 20px;
}
/*スマホ*/
@media screen and (max-width: 680px) {
#header {
	height:0px!important;
}
html{
	overflow-x : hidden;
	overflow-y : auto;
}
body {
	width:100%
}
.section {
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px!important;
	overflow: hidden!important;
	text-align: justify;
	width: 100%!important;
}
.max_box{
	display:none!important
}
img {
	border-width: 0;
	height: auto;
	max-width: 100%;
}
#head_bgarea {
	background: none!important;
}
.section .textarea {
	line-height: 180%;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.image1 , .image2 {
	text-align:center;
	width:80%;
}
.section .bg_milk {
	background: none!important;
}
.box_900{
	line-height: 180%;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.seibunhyo_table{
	border:1px white thin!important;
	border-collapse:collapse;
	width:90%;
	margin-bottom: 30px;
}
.seibunhyo_table th , .seibunhyo_table td{
	padding:0.5em;
	border:1px #fff dotted!important;
}
}

/*PC*/
@media screen and (min-width: 681px) {
.kotei {
	bottom: -8px;
	position: fixed;
	right: 0;
	bottom: 0;
}
.sp_box{
	display:none!important
}
body{
padding-bottom:150px!important
}
.section {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-top: 80px;
}
.section .textarea {
	line-height: 180%;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.image1 {
	float: right;
	margin: 0 !important;
	padding: 0 !important;
	text-align: right;
}
.image2 {
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left;
}
#head_bgarea {
	background: url(../img/bg_all.jpg) repeat-x center top;
}
.seibunhyo_table {
	border: 2px solid #ccc;
	border-collapse: collapse;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}
.seibunhyo_table tr, .seibunhyo_table td, .seibunhyo_table th {
	border: 1px solid #ccc;
}
.section .seibunhyo_table tbody tr th {
	padding: 5px;
	text-align: center;
	width: 60px;
}
.section .seibunhyo_table tbody tr td {
	padding: 10px 5px;
}
.tablearea table .r1 {
	font-size: 20px;
	line-height: 1.3em !important;
	padding-bottom: 10px;
}
.tablearea table .small {
	font-size: 12px;
	font-weight: normal !important;
	line-height: 1em !important;
	padding-top: 30px !important;
}
.tablearea table .small .bai {
	font-size: 16px;
	font-weight: bold;
	line-height: 2em;
	padding-top: 5px;
}

/*-----------------------------------------------
#header
-----------------------------------------------*/
.c2{
	width:940px;
	margin-left:auto;
	margin-right:auto;
}
#header .header_section {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#header .header_section #socialbutton {
	float: left;
	padding-top: 10px;
}
#header .header_section #socialbutton img {
	display:block
}
#header .header_section .tel {
	float: right;
	width: 471px;
	overflow: hidden;
}
#header .header_section .tel address {
	text-indent: -9999px;
	height: 50px;
	width: 471px;
	float: right;
	background-image: url(../../muscle/n/images/top_tel.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.price .pricecap {
	line-height: 1em;
	text-align: right;
	padding-right: 35px;
	font-size: 14px;
}
.order_b a {
	text-indent: -9999px;
	height: 74px;
	width: 529px;
	display: block;
	background: url(../img/order_b1.png);
}
#head_area #head_area_section .red_caption {
	text-align: center;
	width: 577px;
}
.order_b a:hover {
	text-indent: -9999px;
	height: 74px;
	width: 529px;
	display: block;
	background: url(../img/order_b1.png) 0px 74px;
}
.order_b2 a {
	text-indent: -9999px;
	height: 74px;
	width: 406px;
	display: block;
	background: url(../img/order_b2.png);
}
.order_b2 a:hover {
	text-indent: -9999px;
	height: 74px;
	width: 406px;
	display: block;
	background: url(../img/order_b2.png) 0px 74px;
}
.order_b3 a {
	text-indent: -9999px;
	height: 74px;
	width: 679px;
	display: block;
	background: url(../img/order_b3.png);
}
.order_b3 a:hover {
	text-indent: -9999px;
	height: 74px;
	width: 679px;
	display: block;
	background: url(../img/order_b3.png) 0px 74px;
}
#head_area {
	overflow: hidden;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 822px;
}
#head_areait {
	overflow: hidden;
	background-image: url(../img/bg_it.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 822px;
}
#head_area #head_area_section {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.fax_area {
	margin-top: 50px;
}
.fax_area .icon {
	float: left;
}
.fax_area .fax_button {
	float: right;
}


.fax_area .fax_button a {
	background: url(../img/fax_button.png);
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	display: block;
	height: 80px;
	width: 731px;
	
}

.fax_area .fax_button a:hover {
	background: url(../img/fax_button.png) 0px 80px;	
}
.fax_area ul  {
	clear: both;
}
.fax_area ul li {
	float: left;
	padding-top: 30px;
}
.fax_area .kureka {
	padding-right: 18px;
}
.fax_area .form_cap {
	clear: both;
	line-height: 1.5em;
	padding: 20px 30px;
	size:10px
}




}








/*-----------------------------------------------
商品一覧用(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;
	padding-top:30px
}


.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: 11px;
	line-height: 1.5em;
	margin-top: 5px;
    text-align: justify;

}




/*-----------------------------------------------
4つの安心お届け＆グラデ
-----------------------------------------------*/


#anshin {
	background: url(../img/bg_metal_bottom.png) repeat-x top;
	height: 1054px;
}
#anshin #anshin_section {
	background: url(../img/amshin_section.png);
	height: 831px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#anshin #anshin_section a {
	background: url(../img/order_bottom.png);
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	display: block;
	height: 78px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;	
}

#anshin #anshin_section a:hover {
	background: url(../img/order_bottom.png) 0px 78px;	
}

.box_05 {
    background-color: #1F1F1F;
    float: left;
    width: 616px;
}
.box_05 .box_06 {
	line-height: 1.5em;
	padding: 10px 20px;
}
.kanso_suport li {
	width: 810px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-left: 110px;
	padding-bottom: 30px;
}
.kanso_suport {
	margin-bottom: 20px;
	overflow: auto;
}

.kanso_suport li .fl{
	float:left

    background-image: url("../img/p26.png");
	float: left;
	margin-bottom: 0;
	margin-right: 0;
	background: url(../img/p26.png) right top;
	padding-right: 20px;
}
.kanso_table {
	width: 800px;
	margin-left: 140px;
	margin-bottom: 50px;
}












/*-----------------------------------------------
ページ上部ボタン
-----------------------------------------------*/
#gototop a {
	background: url(../img/gototop.jpg);
	height: 40px;
	width: 202px;
	text-indent: -9999px;
	display: block;
}

#gototop {
	margin-left: 80%;
}


#gototop a:hover {
	background: url(../img/gototop.jpg) 0px 40px;
}
/*-----------------------------------------------
footer
-----------------------------------------------*/


#footer {
	background: #000;
	padding-top: 60px;
	color: #CCC;
	font-size: 11px !important;
}
#footer a {
	color: #999;
}

#footer a:hover {
	color: #fff;
}
#footer-navi {
	overflow: hidden;
	width: 860px;
	margin-top: 80px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
	padding-top: 80px;
}
#footer-navi li {
	padding-right: 1em;
	padding-left: 1em;
	border-right: 1px solid #999;
	float: left;
	line-height: 1em;
}
#footer-navi .lastchild {
	border-right-style: none;
}



#footer_section {
	width: 930px;
	margin-right: auto;
	margin-left: auto;
}
#footer #footer_section .foot_r {
	width: 340px;
	float: right;
}
#footer #footer_section strong {
	font-size: 13px;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	margin-top: 25px;
}

#footer #footer_section address {
	font-size: 12px;
	line-height: 1.3em;
	margin-bottom: 10px;
}
#footer #footer_section small {
	font-size: 11px;
	letter-spacing: -0.1em;
}




.b_60{

	margin-bottom: 60px;
}
/*-----------------------------------------------
ご感想　ヘッド部分
-----------------------------------------------*/
/*
.kansou_sc {
	color: #006;
	font-size: 12px;
	float: right;
	font-weight: bold;
}
.kansou_left {
	float: left;
}*/
.kanso_box{
	overflow: hidden;	
}
.b_c {
	width: 529px;
	margin: 40px auto 30px;
}

.b_c2 {
	width: 679px;
	margin: 40px auto 15px;
}


#head_area .bookmark {
	float: right;
}

#sale{
	text-align: center;
	padding:15px 0px;
	background-color: #1c1c1c;
}
.kensho_box {
	margin-top: 30px;
	margin-bottom: 30px;
	color: #000;
}

.kensho_box td {
	vertical-align: top;!important;
}

.kensho {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #000;
	border-left-color: #000;
	color: #FFF;
	margin-bottom: 30px;
}
.kensho td,.kensho th {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	padding: 14px;

}

.kensho th {
	background-color: #666;
	color: #FFF;
	font-size: 20px;
	line-height: 100%;
}
.kensho td {
	line-height: 220%;
}
.kensho_box tr .yajirushi {
	background-image: url(../img/yajirushi.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.beforafter p {
	margin-bottom: 30px;
}
.section .bg_milk {
	background: url(../img/img_01-07.jpg) no-repeat right bottom;
}

#sale{
	text-align: center;
	padding:15px 0px;
	background-color: #1c1c1c;
}
/*-----------------------------------------------
よくあるご質問
-----------------------------------------------*/
#faq {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
}
#faq p {
	margin-bottom:15px;
}
.faq_box {
	background-color: #333;
	margin-top: 20px;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 5px;
}
.faq_line {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

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

.answer {
	background-image: url(../image/answer.jpg);
/*	width: 776px;*/
	background-repeat: no-repeat;
	background-position: 20px 20px;
	padding-left: 54px;
	padding-top: 18px;
	padding-right: 34px;
	padding-bottom: 20px;
	font-size: 90%;
}

#madia_page .media.t_10 dl dd {
	text-align: center;
}

@media screen and (max-width: 680px) {
#faq,
.faq_box,
.faq_line {
	width: 98%;
}

}