@charset "utf-8";

/* =========================================================
 /diet/*
========================================================= */
.dietdia{
	padding:30px 60px;
	background:#fef7e5;
	margin-bottom:30px;
}
.qwrap{
	min-height:462px;
}
.dietdia img{
	max-width:100%;
	height:auto;
}
.dietdia h1{
	text-align:center;
	margin-bottom:30px;
}
.dietdia p{
	width:810px;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	font-size:1.2em;
	line-height:1.6;
	letter-spacing:0.13em;
}

.startttl{
	height:248px;
	background:url(../images/ques_ttl_f_bg.png) bottom no-repeat;
	margin-bottom:40px;
}

.startttl2{
	height:248px;
	background:url(../images/ques_ttl_bg.png) bottom no-repeat;
	margin-bottom:40px;
}
.startttl h2,
.startttl2 h2{
	font-weight:bold;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-size:2em;
	color:#e30077;
	text-align:center;

}
.startttl h2{
	padding:160px 0 0;	
}

.startttl2 h2{
	padding:160px 0 0;
}

.alignright{
	text-align:right;
}

.dietdia button{
	background:none;
	border:none;
cursor: pointer;	
}

.dietans{
	background:#e7889c;
	padding:30px 50px;
	font-size:1.2em;
	margin-bottom:30px;
}
.dietans img{
	max-width:100%;
	height:auto;
}
.two_third img{
	margin-bottom:30px;
}
.two_third,.three_fourth p{
	font-size:1.1em;
	line-height:1.5;
	letter-spacing:0.1em;
}
.dietans ul{
	margin-left:60px;
	list-style-type:none;
	margin-bottom:60px;
	line-height:1.8em;
}

.dietans li {
	color:#000;
	font-weight:bold;
	margin-bottom:10px;
	font-size:1.4em;
	padding:2px 0 4px  25px;
	background-image: url(../images/ad_list.png);
	background-repeat:no-repeat;
		font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.sarani{
	background:#e30077;
	text-align:center;
	color:#fff;
	padding:15px 0;
	font-size:1.6em;
	margin-bottom:20px;
	letter-spacing:0.2em;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight:bold;
}
.dbutton {
	margin:auto;
	display:block;
	width:600px;
	padding:16px 0 ;
	position: relative;
	text-align:center;
}
a.dbutton {
	color: #fff;	
	text-decoration:none;
}

.dbutton_st {
	margin:auto;
	display:block;
	width:600px;
	padding:16px 0 ;
	position: relative;
	text-align:center;
}
a.dbutton_st {
	color: #fff;	
	text-decoration:none;
}



.wid860{
	padding:0 20px;
}
.sp_only{
	display:none;
}
/* Content Shortcodes */
.one { width: 100%; text-align:left; }
.one_half { width: 48%; }
.one_half2 { width: 46%; }
.one_third { width: 32.66%; }
.two_third { width: 63.33%; }
.one_fourth { width: 22%; }
.one_fifth { width: 16.8%; }
.one_sixth { width: 15%; }
.one_half,
.one_half2,
.one_third,
.two_third,
.one_fifth { margin-right: 4%; margin-bottom: 10px; float: left; }
.one_fourth { margin-right: 2%; margin-bottom: 10px; float: left; }
.one_half2 { margin:0 2%; margin-bottom: 10px; float: left; }
.one_sixth { margin-right: 2%; margin-bottom:20px; float: left; }
.lastcolumn { margin-right: 0!important; clear: right; }

.one:after{
	content : '';
	display : block;
	clear : both;
	height: 0;
}
.one_half2 p{
	line-height:1.5;
	letter-spacing:0.1em;
}
.one_half2 button img{
    -moz-transition: -moz-transform 0.2s ease;
    -webkit-transition: -webkit-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
    -ms-transition: -ms-transform 0.2s ease;
    transition: transform 0.2s ease;	
}

.one_half2 button img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -web-kit-opacity: 1;
  opacity: 1;
}
.one_half2 button img:active,
.one_half2 button img:focus{
	border:none;
}
.maximg{
	width:100%;
	height:auto;
}

.txtc {
	text-align:center;
}
.txtc img{
	margin:auto;
}

.mb10{	margin-bottom:10px;}
.mb20{	margin-bottom:20px;}
.mb30{	margin-bottom:30px;}
.mb40{	margin-bottom:40px;}
	
.dietans .link_box{
    display:table;
    table-layout: fixed;
    width:600px;
    margin: 0 auto;
    border-collapse:separate;
    border-spacing:10px 0;
}
.dietans .link_box li {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
	list-style-type:none;
	background-image: none;
	background-repeat:no-repeat;
}
.dietans .link_box li a {
    display:block;
    text-decoration:none;
    color:white;
}

/* Responsive max-width: 768px
--------------------------------------------------------- */
@media screen and (max-width: 768px) {

img{
	width:auto;
}
.dietdia{
	padding:30px 2%;
}
.dietdia p{
	width:100%;
	font-size:1em;
}
.dietdia .mb30{
	margin-bottom:20px;
}

.startttl{
	height:248px;
	background:url(../images/ques_ttl_f_bg.png) bottom no-repeat;
	margin-bottom:20px;
}

.startttl2{
	height:248px;
	background:url(../images/ques_ttl_bg.png) bottom no-repeat;
	margin-bottom:20px;
}
.startttl h2,
.startttl2 h2{
	font-size:1.3em;
	color:#e30077;
	text-align:center;

}
.startttl h2{
	display: table-cell; /* IE8から使用可能 */
	 vertical-align: middle;
	padding:auto 1%;
	margin:auto;
	display:block;
}

.startttl2 h2{
	display: table-cell; /* IE8から使用可能 */
	 vertical-align: middle;
	padding:auto 1% ;
	margin:auto;
	display:block;
}


.dietans{
	padding:30px 2%;
	font-size:1em;
}

.dietans ul{
	margin-left:0px;
	list-style-type:none;
	margin-bottom:30px;
}

.dietans li {
	margin-bottom:10px;
	font-size:1.2em;
}
.sarani{
	font-size:1.2em;
	padding:10px 0;
	margin-bottom:20px;
	letter-spacing:0.2em;
}
.sarani span{
	display:block;
}
.one_half p{
	line-height:1.5;
	letter-spacing:0.1em;
	margin-bottom:10px;
}

.dbutton {
	width:80%;
}

.dbutton_st {
	width:80%;
}

.one_half { width: 100%; }
.one_third { width: 100%; }
.two_third { width: 100%; }
.one_fourth { width: 100%; }
.one_fifth { width: 100%; }
.one_sixth { width: 100%; }
.one_half,
.one_third,
.two_third,
.one_fourth,
.one_fifth { margin-right: 0%; margin-bottom: 30px; float: none; }
.one_sixth { margin-right: 0%; margin-bottom:20px; float: none; }
.lastcolumn { margin-right: 0!important; clear: right; }

.pc_only{
	display:none;
}
.sp_only{
	display:block;
}

.dietans .link_box{
    width:100%;
}
.dietans .link_box li {
    display:block;
    text-align:center;
	list-style-type:none;
	background-image: none;
	background-repeat:no-repeat;
}
.dietans .link_box li a {
    display:block;
    text-decoration:none;
    color:white;
}
}

@media screen and (max-width: 360px) {
.qwrap{
	min-height:430px;
}

}
@media screen and (min-width: 361px) and (max-width: 420px) {
.qwrap{
	min-height:460px;
}

}
@media screen and (min-width: 421px) and (max-width: 540px) {
.qwrap{
	min-height:520px;
}

}
@media screen and (min-width: 541px) and (max-width: 640px) {
.qwrap{
	min-height:580px;
}

}
@media screen and (min-width: 641px) and (max-width: 768px) {
.qwrap{
	min-height:620px;
}

}

