@charset "UTF-8";
/* =Media Queries
----------------------------------------------- */
@media screen and (max-width: 1000px) {
	#clipsoWrap header {
	    background-size: 100%;
	    padding: 20px;
	}
    #clipsoWrap header h1 {
    	font-size: 3.0rem;
    	padding-bottom: 5px;
	}
	#clipsoWrap header .logo_clipso{
	    margin:.5% 0 59% 0;
	}
	#clipsoWrap #clipso_choice .content{
		background-size: 100%;
	}
	#clipsoWrap #clipso_twoinone .twoinoneWrap{
		min-height:530px;
		background-size: 60%;
	}
	#clipsoWrap #clipso_twoinone .btnText{
		font-size: 2.3em;
	}
}
@media screen and (max-width: 950px) {
	#clipsoWrap #clipso_twoinone .twoinoneWrap .sticky, #clipsoWrap #clipso_twoinone .twoinoneWrap .safe{
	    top: 19%;
	}
	#clipsoWrap #clipso_twoinone .twoinoneWrap .hot, #clipsoWrap #clipso_twoinone .twoinoneWrap .fast{
    	top: 45%;
	}
	#clipsoWrap #clipso_twoinone .twoinoneWrap .stove, #clipsoWrap #clipso_twoinone .twoinoneWrap .onehand{
    	top: 73%;
	}
}
@media screen and (max-width: 900px) {
	#clipsoWrap header .logo_clipso{
	    margin:.5% 0 57% 0;
	}
	#clipsoWrap #clipso_choice .content .q1{
		width: 250px;
    	height: 250px;
    	left: 5%;
	}
	#clipsoWrap #clipso_choice .content .q1 .cont {
    	padding-top: 18px;
	}
	#clipsoWrap #clipso_choice .content .q2{
		width: 220px;
    	height: 220px;
    	right: 15%;
	}
	#clipsoWrap #clipso_choice .content .q2 .cont{
    	padding-top: 20px;
	}
	input[type=button]{
		right: 9%;
    	top: 44%;
	}
}
@media screen and (max-width: 850px) {
	#clipsoWrap #clipso_twoinone .twoinoneWrap .sticky, #clipsoWrap #clipso_twoinone .twoinoneWrap .safe{
	    top: 15%;
	}
	#clipsoWrap #clipso_twoinone .twoinoneWrap .hot, #clipsoWrap #clipso_twoinone .twoinoneWrap .fast{
    	top: 40%;
	}
	#clipsoWrap #clipso_twoinone .twoinoneWrap .stove, #clipsoWrap #clipso_twoinone .twoinoneWrap .onehand{
    	top: 63%;
	}
}
@media screen and (max-width: 800px) {
    #clipsoWrap header h1 {
    	padding-bottom: 0;
	}
	#clipsoWrap header .logo_clipso{
	    margin:0 0 53% 0;
	}
	#clipsoWrap #clipso_twoinone .twoinoneWrap{
		min-height: 400px;
		background-size: 50%;
	}
	#clipsoWrap #clipso_twoinone .btnText{
		font-size: 2em;
	}
	#clipsoWrap #clipso_twoinone .leftBtn .btnText:before{
		width: 18px;
    	background-size: 80%;
    	padding-right: 2px;
	}
	#clipsoWrap #clipso_twoinone .rightBtn .btnText:after{
		width: 18px;
    	background-size: 80%;
    	padding-left: 2px;
	}
}
@media screen and (max-width: 700px) {
	#clipsoWrap header .logo_clipso{
	    margin:.5% 0 50% 0;
	}
	#clipsoWrap iframe {
		min-height: 350px;
	}
	#clipsoWrap #clipso_recipe .recipeWrap .recipeBox{
		width: 100%;
		display: block;
	}
	#clipsoWrap #clipso_recipe .recipeWrap .recipeBox.chicken{
		margin-bottom: 60px;
	}
	#clipsoWrap #clipso_recipe .recipeWrap{
    	padding:30px 45px 80%;
	}
	#clipsoWrap #clipso_choice .content .q1{
		left: 50%;
    	margin-left: -175px;
    	top: 5%;
    	z-index: 1;
	}
	#clipsoWrap #clipso_choice .content .q2{
		right: 50%;
    	margin-right: -160px;
    	top: 30%;
	}
	#clipsoWrap #clipso_choice .content .btnSend{
		top: 48%;
    	right: 20%;
	}
	#clipsoWrap .modal {
	    width: 95%;
	    margin-left: 0;
	    left: 2.5%;
	}
	#clipsoWrap .modal .modal-dialog .modal-content .modal-body {
	    max-height: 400px;
	}
	#clipsoWrap .modal .modal-dialog .modal-content img {
	    display: block;
	    max-width: 100%;
	    margin: 0 auto;
	}
}
@media screen and (max-width: 700px) and (min-width: 320px){
	#clipsoWrap #clipso_choice .content{
    	background: url(../images/bg_clipso_choice_m.jpg) left top no-repeat;
    	background-size: 100%;
    	padding-bottom: 195%;
	}
}
@media screen and (max-width: 650px) and (min-width: 320px){
	#clipsoWrap header {
		background-image: url(../images/bg_clipso_header_m1.jpg);
    	background-position: left top;
    	background-repeat: no-repeat;
		background-size: 100%;
    	padding: 20px;
	}
	#clipsoWrap header .logo_clipso{
	    margin:.5% 0 120% 0;
	}
	#clipsoWrap header .icon_set img{
		height: 70px;
	}
}
@media screen and (max-width: 650px) {
	#clipsoWrap #clipso_twoinone .twoinoneWrap .sticky, #clipsoWrap #clipso_twoinone .twoinoneWrap .safe{
	    top: 13%;
	}
	#clipsoWrap #clipso_twoinone .twoinoneWrap .hot, #clipsoWrap #clipso_twoinone .twoinoneWrap .fast{
    	top: 33%;
	}
	#clipsoWrap #clipso_twoinone .twoinoneWrap .stove, #clipsoWrap #clipso_twoinone .twoinoneWrap .onehand{
    	top: 54%;
	}
}
@media screen and (max-width: 600px) {
	#clipsoWrap header .logo_clipso{
	    margin:.5% 0 115% 0;
	}
	#clipsoWrap #clipso_choice .intro h2 img, #clipsoWrap #clipso_twoinone .intro h2 img, #clipsoWrap #clipso_recipe .intro h2 img{
		height: 45px;
	}
	#clipsoWrap #clipso_choice .content .q1{
		left: 50%;
    	margin-left: -175px;
    	top: 5%;
	}
	#clipsoWrap #clipso_choice .content .q2{
		right: 50%;
    	margin-right: -160px;
    	top: 35%;
    	z-index: 2;
	}
	/*#clipsoWrap #clipso_choice .content .btnCheck{
		margin-bottom: 5px;
	}*/
	#clipsoWrap #clipso_choice .content .btnSend{
		top: 61%;
    	right: 20%;
    	z-index: 3;
	}
	#clipsoWrap #clipso_twoinone .twoinoneWrap{
		min-height:300px;
	}
	#clipsoWrap #clipso_twoinone .btnText{
		font-size: 1.75em;
	}
	#clipsoWrap #clipso_twoinone .btnText span{
		top: 0;
		font-size: 1rem;
	}
	#clipsoWrap #clipso_twoinone .twoinoneWrap .onehand > span{
		width: 250px;
	}
	#clipsoWrap #clipso_twoinone .twoinoneWrap .sticky, #clipsoWrap #clipso_twoinone .twoinoneWrap .safe{
	    top: 10%;
	}
	#clipsoWrap #clipso_twoinone .twoinoneWrap .hot, #clipsoWrap #clipso_twoinone .twoinoneWrap .fast{
    	top: 29%;
	}
	#clipsoWrap #clipso_twoinone .twoinoneWrap .stove, #clipsoWrap #clipso_twoinone .twoinoneWrap .onehand{
    	top: 49%;
	}
}
@media screen and (max-width: 550px) {
	#clipsoWrap header .logo_clipso{
	    margin:.5% 0 112.5% 0;
	}
}
@media screen and (max-width: 500px) {
	#clipsoWrap #clipso_recipe .recipeWrap{
    	padding:30px 20px 100%;
	}
	#clipsoWrap #clipso_twoinone .twoinoneWrap{
		min-height: 600px;
		background: url(../images/bg_twoinone_m.png) top center no-repeat;
		background-size: 90%;
	}
	#clipsoWrap #clipso_twoinone .twoinoneWrap .sticky, #clipsoWrap #clipso_twoinone .twoinoneWrap .safe, #clipsoWrap #clipso_twoinone .twoinoneWrap .hot, #clipsoWrap #clipso_twoinone .twoinoneWrap .fast, #clipsoWrap #clipso_twoinone .twoinoneWrap .stove, #clipsoWrap #clipso_twoinone .twoinoneWrap .onehand{
		position: relative;
		top:auto;
		left: auto;
		right: auto;
		margin-top: 15px;
	}
	#clipsoWrap #clipso_twoinone .btnArea{
		width: 80%;
		margin: 94% auto 0 auto;
	}
	#clipsoWrap #clipso_twoinone .leftBtn{
		float: left;
	}
	#clipsoWrap #clipso_twoinone .rightBtn{
		float: right;
		display: inline-block;
		text-align: right;
	}
}
@media screen and (max-width: 450px) {
	#clipsoWrap header h1 {
	    font-size: 2.5rem;
	}
	#clipsoWrap nav ul{
		padding: 0 10px;
	}
	#clipsoWrap #clipso_choice .content .q1{
		width: 150px;
		height:150px;
		margin-left: -125px;
	}
	#clipsoWrap #clipso_choice .content .q1 .cont{
		padding-top: 0;
	}
	#clipsoWrap #clipso_choice .content .q2{
		width: 150px;
		height:150px;
    	top: 42%;
		margin-right: -125px;
	}
	#clipsoWrap #clipso_choice .content .q2 .cont{
		padding-top: 10px;
	}
	#clipsoWrap #clipso_choice .content .btnSend{
    	width: 60px;
    	height: 60px;
    	font-size: 1.8em;
    	top: 70%;
	}
}
@media screen and (max-width: 400px) {
	#clipsoWrap iframe {
    	min-height: 250px;
	}
	#clipsoWrap #clipso_twoinone .intro p span, #clipsoWrap #clipso_recipe .intro p span{
    	display: inline;
	}
	#clipsoWrap #clipso_choice .content .btnSend{
    	width: 60px;
    	height: 60px;
    	font-size: 1.8em;
    	top: 68%;
    	right: 13%;
	}
}
@media screen and (max-width: 360px) {
	#clipsoWrap #clipso_choice .content .btnSend{
    	width: 60px;
    	height: 60px;
    	font-size: 1.8em;
    	top: 76%;
    	right: 13%;
	}
}
@media screen and (max-width: 350px) {
}