@charset "UTF-8";

/*--------------------------------------------------------
解像度980px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 980px){
	.site-header,
	.global-nav,
	.main-body,
	.site-footer{
		min-width: 0;
	}

	.site-header-in,
	.global-nav-in,
	.main-body-in,
	.site-footer-in{
		width: 100%;
		margin: auto;
	}
	
	.main-image-in,
	.main-image-in-text,
	.main-image-in-text .main-image-in-text-cont,
	.main-image-in-text.wide .main-image-in-text-cont{
		width: 100%;
	}
	
	.col1 .section-wrap,
	.col1 .breadcrumbs,
	.col1 .section-wrap.wide .section-in,
	.col1 .section-wrap.wide{
		width: auto;
	}
	
	.col1 .breadcrumbs-in,
	.col1 .float-area{
		width: 96%;
		margin-right: auto;
		margin-left: auto;
	}
	
.col3-wrap .col{
	width: 100%;
    font-size: 90%;
}

body.bg-red{
	margin: 0;
	background: url(../../images/bg_red01-s.jpg) top center repeat #fff;
	font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

body.bg-202308sl{
	margin: 0;
	background: url(../../images/bg-202308sl.jpg) top center repeat-y #fff;
	font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.order-btn{
	margin: 40px 0;
	text-align: center;
}

.conts01,.conts02,.conts05{
    margin: 0 5px 0;
}

.conts01 pre,
.conts02 pre,
.conts07 pre{
 line-height: 2.0em;
}
    
}/*解像度980px以下*/

/*--------------------------------------------------------
解像度600px以上959px以下
--------------------------------------------------------*/
@media (min-width: 600px) and (max-width: 959px){

.voice-cnts02{
    margin: 0 10px;
    padding: 0 50px 0;
}

 p.ipa{
      margin-bottom: 0;  
    }
    
input[type="image"]{
	max-width: 90%;
    max-height: 90%;
    }
    
#mail-form-in {
    padding: 15% 0 16%;
    } 
    
     
}/*解像度600px以上950px以下*/

/*--------------------------------------------------------
解像度736px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 736px){

	html,
	body,
	.containr{
		min-width: 0;
	}

	html{
		overflow-x: hidden;
		overflow-y: scroll;
	}

	html,body{
		width: 100%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}

	textarea,input{
		max-width: 95%;
	}
	
	input[type="submit"],input[type="image"],
	input[type="reset"],input[type="button"],
	input[type="file"]{
		max-width: none;
	}
	
	.site-header-in,
	.global-nav-in,
	.main-body-in{
		width: 100%;
	}
	

	/*ヘッダー*/
	.site-header-conts,
	.site-title,
	.header-box{
		display: block;
	}
		
	.no-gn .site-header-conts{
		padding-top: 0;
	}
	
	.header-box{
		margin-left: 0;
		text-align: center;
	}
	
	.site-header-in{
		position: relative;
 	}
    
    .letter-line{
	width: 95%;
}
    
.center_pm01{
    text-align: center;
    padding: 0 5px;
    margin: 10px 0 25px;
}
    
.box05{
    margin: 10px auto;
    width: 90%;
    padding: 10px;
}

p.coment01{
    font-size: 1.3em; 
}
    
.center_pm02{
    margin: 0 3px;
}

/*追記*/
body{
    background-image: url("../../images/bg-green.jpg");
    background-repeat: repeat-y;
    background-attachment: fixed;
    background-position: top center;
}


	/*--------------------------------------------------------
	メインビジュアル
	--------------------------------------------------------*/

	.main-image-in-text-cont{
		padding: 1em;
	}
	
	.main-copy{
		margin-bottom: 10px;
		font-size: 2em;
		text-align: center;
	}

	.sub-copy{
		font-size: 1em;
	}
		
	.col1 .section-wrap{
		padding: 5px;
        margin: 10px;
	}
	
	.section-wrap .section-in,
	.col1 .section-wrap.wide .section-in,
	.float-area,
	.col1 .float-area{
		padding: 0;
	}

	.col1 .sub-conts .section-wrap .section-in{
		padding: 0 20px 30px;
	}

	.section-wrap .section-in .section-title,
	.section-wrap .article-header .section-title{
		margin: -15px -15px 25px;
		padding: 15px;
		font-size: 1.75em;
	}

	.sub-conts .section-wrap .section-in .section-title,
	.sub-conts .section-wrap .article-header .section-title,
	.col1 .sub-conts .section-wrap .section-in .section-title,
	.col1 .sub-conts .section-wrap .article-header .section-title{
		margin: 0 0 30px;
	}

	.main-body h1,
	.main-body h2,
	.main-body h3,
	.main-body h4,
	.main-body h5,
	.main-body h6{
		margin: 35px 0 15px;
	}
	

	.main-body h1,
	.main-body h2{
		font-size: 1.5em;
	}

	/*フッターナビ*/
	.site-footer-in h3{
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.site-footer-nav{
		display: block;
		text-align: left;
	}

	.site-footer-nav li,
	.site-footer-nav li:first-child{
		display: list-item;
		margin-left: 20px;
	}

	/*コピーライト*/
	.copyright{
		padding: 15px;
		text-align: left;
	}

	.page-top img{
		width: 40px;
	}

.site-header{
    max-width: 100%; 
    height:auto;
    padding-top: 0;
}    
    
img.men01-s,
html:not(:target) img.men01-s{
	height: auto;
	max-width: 50%;
}
    
 
.col li{
	list-style: none;
	padding: 5px 0 5px;
	background: url(../images/sun-s.png) left center no-repeat;
}
  
.conts01,.conts02,.conts05{
    margin: 0 5px 0;
}

.conts01 pre,
.conts02 pre
.conts07 pre{
    line-height: 2.0em;
}

.conts03 pre{
    font-size: 1.0em;
    line-height: 1.2em;
}

img.center-mt50{
    margin-top: 20px;   
}  

img.resize50,
html:not(:target) img.resize50{
	height: auto;
	max-width: 100%;
}
    
img.resize60,
html:not(:target) img.resize60{
	height: auto;
	max-width: 100%;
}
    
img.resize80,
html:not(:target) img.resize80{
	height: auto;
	max-width: 100%;
}

img.resize-p60s50,
html:not(:target) img.resize-p60s50{
	height: auto;
	max-width: 50%;
}

img.resize-p60s80,
html:not(:target) img.resize-p60s80{
	height: auto;
	max-width: 80%;
}

    
img.center-mtb50{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 10px;
}

 .box01{
    border: 1px solid #eee;
    background-color: cornsilk;
    padding: 20px 5px;
    margin: 20px 5px;
}
   
.box03 {
    margin: 50px 5px;
    padding: 0.5em 1em;
}

.f12em-ps{ font-size: 1.0em; }
.f22em-s{ font-size: 1.5em; }
.f22em-ps{ font-size: 1.2em; }
.f15p-f11s{ font-size: 1.1em; }
.f19em-ps{ font-size: 1.3em; }
.f30em-ps{ font-size: 2.0em; }

.hl-05{
    font-size: 1.6em;
}

p.voice01{
    font-size: 1.5em;
    padding: 20px 0 25px 20px!important;
}
    
p.voice02{
    font-size: 1.2em;
    padding: 20px 0 25px 20px!important;
}    
    
img.center-mt50{
    margin-top: 20px;
}

.center_pm01{
    margin: 10px 0 50px;
    padding: 0;
}
    
.conts-douga{
    margin: 0;}

.conts07{
    margin: 0 20px 0;
}

}

/*解像度736px以下*/

/*--------------------------------------------------------
解像度480px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 480px){

	.left,
	.right{
		float: none;
		margin-right: 0;
		margin-left: 0;
		text-align: center;
	}

.f11ems{
	font-size: 1.1em;
}

.f12ems{
	font-size: 1.2em;
}

.f14ems{
	font-size: 1.4em;
}

/*モバイルは中央寄せ、PCは右寄せ*/    
.s-c_p-r{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
    
img.resize40s-p,
html:not(:target) img.resize40s-p{
	height: auto;
	max-width: 100%;
}
    
img.resize_p50s60,
html:not(:target) img.resize_p50s60{
	height: auto;
	max-width: 60%;
}

img.resize60-s,
html:not(:target) img.resize60-s{
	height: auto;
	max-width: 60%;
}

img.resize-p60s40,
html:not(:target) img.resize-p60s20{
	height: auto;
	max-width: 20%;
}

/*追記*/
.box02{
    padding: 0.8em 0.5em;
    margin: 50px 0 0;
}

.box_style_blue .box_inner,
.box_style_green .box_inner,
.box_style_orange .box_inner,
.box_style_red .box_inner,
.box_style_pink .box_inner,
.box_style_yellow .box_inner{ padding: 8px; }

,
.box_style_gray .box_inner{
    padding: 1px;
}

.br::before {
content: "\A" ;
white-space: pre ;
}

.conts07{
    margin: 0 3px 0;
}
      
}/*解像度480px以下*/



/*---------------------------------------------------------------------
	generated by Keni Template Maker Ver.7.0 on 2017-02-28 20:14:24
----------------------------------------------------------------------*/