@charset "utf-8";
@media screen and (max-width:768px){

/* common */
article{
	margin: 0 5% 20px;
	width: auto;
}
	

/* #cont1 */
#cont1{
}
#cont1 h2{
	background-color: #00c0ee;
	font-size: 1em;
	font-weight: normal;
}
#cont1 h2:before{
	display: none;
}
#cont1 ul{
	text-align: left;
}
#cont1 ul li{
	background-color: #F1F9FD;
	display: block;
	margin: 0 auto 2em auto;
	padding: 1em;
	vertical-align: top;
	width: 96%;
}
#cont1 ul figure{
	font-size: 0.9em;
	font-weight: bold;
}
#cont1 ul figure img{
	margin: 0 0.5em 0 0;
	vertical-align: bottom;
	width: 8%;
}
#cont1 ul li p.txt{
	font-size: 1em;
	margin: 1em 0;
}
#cont1 ul li p.bg{
	margin: 0 auto;
	width: 60%;
}
#cont1 ul li p.bg img{
	margin: 0 auto;
}

#cont1 .pc_only{
	display: none;		
}


/* #cont_corona */
#cont_corona .pc_only{
	display: none;		
}
	

/* #staff_comment */
#staff_comment .pc_only{
	display: none;
}
#staff_comment .sp_only{
	display: block;
}
#staff_comment p{
	font-size: 26px; 
}
#staff_comment p.voice_title{
	font-size: 36px;
	text-align: center;
	color: #000;
	padding: 30px 0;
}
#staff_comment .strong_red{
	color: #e60012;
}

#staff_comment .sc_green{
	display: block;
	margin: 30px 0;
	padding: 10px;
}
#staff_comment .sc_blue{
	display: block;
	margin: 30px 0;
	padding: 10px;
}
#staff_comment .sc_pink{
	display: block;
	margin: 30px 0;
	padding: 10px;
}
#staff_comment .sc_purple{
	display: block;
	margin: 30px 0;
	padding: 10px;
}
#staff_comment .f_left1{
	text-align: center;
}
#staff_comment .f_left2{
	margin: 30px auto 0 15px;
}
#staff_comment .f_right2{
	text-align: center;
}
#staff_comment .staff_right{
	text-align: right!important;
}
	
	
/* #cont2 */
#cont2{
}
#cont2 h2{
	background-color: #8EB1C1;
	background-image: url('../images/cont3-4_bg.png');
	background-repeat: repeat;
	font-size: 1em;
	font-weight: normal;
}
#cont2 h2:before{
	display: none;
}
#cont2 ul{
	letter-spacing:-0.4em;
}
#cont2 ul li{
	width:48%;
	letter-spacing:normal;
	display:inline-block;
	vertical-align:top;
}
#cont2 ul li:nth-child(3n+2) p{
	border-left:none;
	border-right:none;
}
#cont2 ul li:nth-child(odd) p{
	border-right:2px dotted #bcbcbc;
}


/* #buy */
#buy h2 {
    font-size: 20px;
}
#buy p.buy_title {
    font-size: 22px;
}
#buy .voice_exmple{
	display: block;
	font-size: inherit;
}
#buy .voice_exmple .f_left2{
	width: 100%;
	margin: auto; 
}
#buy .voice_exmple .f_right2{
	width: 100%;
	margin: auto;
}
#buy .charm {
    background-color: #fbfbfb;
    margin: auto;
}
#buy .skyblue {
    font-size: 18px;
}
#buy .f_list li.list_box {
	font-size: 15px;
}


/* #product */
#product .brown_box .bb_title {
    max-width: 630px;
}
#product .brown_box {
    margin: 20px auto;
}
#product .pc_only{
	display: none;		
}
#product h4 {
    font-size: 20px;
}
#product p {
    font-size: inherit;
}
	
	
	
/* #kaukore_p */
#kaukore_p {
    padding: 0 0 30px;
}
#kaukore_p ul:first-of-type {
    width: auto;
    margin: 20px auto 0;
    padding: 15px 0;
    background-color: #e2d4d1;
    letter-spacing: -0.4em;
}
#kaukore_p ul:first-of-type li {
    width: 50%;
    padding: 0 3%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}	
#kaukore_p ul:first-of-type li p {
    margin-top: 5px;
    font-size: 14px;
    display: inline-block;
    text-align: left;
}
#kaukore_p ul.kaukore_p_m {
    width: auto;
    margin: 0 auto;
}
#kaukore_p ul.kaukore_p_m li {
    margin-bottom: -1px;
    overflow: hidden;
    background: url(https://www.kaunet-info.com/img/kaukore_p/kaukore_p_12.png)no-repeat right center;
    background-size: 50% auto;
}	
#kaukore_p ul.kaukore_p_m li img {
    width: 50%;
    float: left;
}
#kaukore_p ul.kaukore_p_m li section {
    width: 50%;
    padding: 50px 20px 0 20px;
    float: right;
    text-align: left;
}	
#kaukore_p ul.kaukore_p_m li section h4 {
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.4;
}
#kaukore_p ul.kaukore_p_m li section p {
    font-size: 14px;
    margin-top: 10px;
}
#kaukore_p ul.kaukore_p_m li:nth-child(even) {
    background: url(https://www.kaunet-info.com/img/kaukore_p/kaukore_p_12.png)no-repeat left center;
    background-size: 50% auto;
}
#kaukore_p ul.kaukore_p_m li:nth-child(even) img {
    float: right;
}
#kaukore_p ul:last-of-type {
    margin-top: 20px;
    letter-spacing: -0.4em;
}	
#kaukore_p ul:last-of-type li {
    width: 45%;
    display: inline-block;
    vertical-align: top;
}	

	
	

/* #sale */	
#sale img{
	margin: 0 auto 20px;
}


/* #question */
#question .Q_red {
    font-size: 16px;
}
#question p{
	font-size: 16px;
}
	
	
/* #cont3 */
#cont3{
}
#cont3 h2{
	background-color: #8EB1C1;
	background-image: url('../images/cont3-4_bg.png');
	background-repeat: repeat;
	font-size: 1em;
	font-weight: normal;
}
#cont3 h2:before{
	display: none;
}
#cont3 h3{
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
}
#cont3 table{
	margin: 0 0 25px 0;
}


/* #quick_guide */	
#quick_guide ul{
	display: block;
}
#quick_guide li{
	display: block;
}
#quick_guide li img{
	text-align: center;
}
#quick_guide .side_bar {
    border-bottom: solid 2px #cf013b;
    margin: 15px 0;
}	

}

@media screen and (max-width: 640px){
#kaukore_p ul:first-of-type {
    width: 90%;
    margin: 10px auto 0;
    padding: 0;
}
#kaukore_p ul:first-of-type li {
    width: 100%;
    padding: 3% 5%;
    display: block;
    vertical-align: top;
    letter-spacing: normal;
}
#kaukore_p ul:first-of-type li:first-child {
    border-right: none;
    border-bottom: 1px solid #fff;
}	
#kaukore_p ul.kaukore_p_m {
    width: 90%;
}
#kaukore_p ul.kaukore_p_m li {
    margin-bottom: 0;
    overflow: visible;
    background: url(https://www.kaunet-info.com/img/kaukore_p/kaukore_p_12.png)no-repeat right bottom;
    background-size: 100% auto;
}
#kaukore_p ul.kaukore_p_m li img {
    width: 100%;
    float: none;
    border: 1px solid #ddd;
}	
#kaukore_p ul.kaukore_p_m li section {
    width: 100%;
    padding: 10px 20px;
    float: none;
    text-align: left;
}
#kaukore_p ul.kaukore_p_m li:nth-child(even) {
    background: url(https://www.kaunet-info.com/img/kaukore_p/kaukore_p_12.png)no-repeat left bottom;
    background-size: 100% auto;
}
#kaukore_p ul.kaukore_p_m li:nth-child(even) img {
    float: none;
}
#kaukore_p ul.kaukore_p_m li:nth-child(even) section {
    float: none;
}
}
	
@media screen and (max-width: 480px){
#kaukore_p ul:last-of-type li{
    width: 90%;
    display: inline-block;
    vertical-align: top;
}	
	
	
}
@media screen and (max-width:440px){
/* #buy */
#buy h3{
	margin: 0;
	font-size: 18px;
}
	
/* #product */
#product .brown_box .bb_title {
    max-width: 270px;
	font-size: 18px;
}
	
}