@charset "UTF-8";
/*
Theme Name: suami
Version: 1.0
*/

main { margin:0 0 100px 0;}
.inner2 { margin: 65px auto 0 auto; padding:0 10px; min-width: 1180px; max-width: 1180px; width: 100%;}
#camera_slide { height:0px;}

@media screen and (max-width: 900px){
	main { margin:55px 15px 40px 15px;}
	.inner2 { margin-top:10px; padding:0 0 0 0; min-width:100%; max-width:100%;}	
	}

.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
.clearfix {display: block; }
.clear {clear: both; }



/* お知らせ */
#infor .pagettl { position: relative; z-index: 0}
#infor .pagettl .ttl { margin: 0; position: absolute; top: 42%; left:10vw; width: 100%; line-height: 1; font-size:2.4em; color:#111;}
#infor .pagettl .eng { margin: 0; position: absolute; top: 61%; left:10.1vw; width: 100%; line-height: 1; font-size:1em; color:#409629;}

#infor .content_area { background-color:#f3f3f3; padding:50px 45px;}
#infor .content_area .ttl { font-size:2em; line-height:1.4; margin-bottom:5px;}
#infor .content_area p { font-size:1em; line-height:2.2em; margin:20px 0 10px 0;}
#infor .content_area p.date { font-size:0.8em; color:#409629; margin:0 0 50px 0;}
#infor .content_area ul { margin:0; padding:0;}
#infor .content_area ul li { list-style-type:disc; font-size:1.3em; line-height:2em; margin:0 0 5px 45px; padding:0;}

#infor .page_nav { display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%; margin-top:25px;}
#infor .page_nav li { font-size:1.2em;}
#infor .page_nav li a:hover { text-decoration: underline; }
#infor .page_nav li:nth-child(1){ width:30%;}
#infor .page_nav li:nth-child(2){ width:15%; text-align: center;}
#infor .page_nav li div a { display:block; border:1px solid #666; padding:5px 0; }
#infor .page_nav li:nth-child(3){ width:30%; text-align:right;}
#infor .content_area a:link, #infor .content_area a:visited, #infor .content_area a:active { text-decoration: underline; }
#infor .content_area a:hover { text-decoration: underline; }

@media screen and (max-width: 900px){
	#infor .pagettl .ttl { top: 50%; left:10px; font-size:1.5em;}
	#infor .pagettl .eng { display:none;}
	
	#infor .content_area { padding:20px 10px 40px 10px}
	#infor .content_area .ttl { font-size:1.4em;}
	#infor .content_area p { font-size:1em; line-height:2em; margin:10px 0 10px 0;}
	#infor .content_area p.date { margin:0 0 30px 0;}
	#infor .content_area ul li { margin:0 0 5px 20px;}
	
	.page_nav li { font-size:1em; line-height:1.5em;}
	.page_nav li:nth-child(1){ width:35%;}
	.page_nav li:nth-child(2){ width:25%;}
	.page_nav li:nth-child(3){ width:35%;}
}



/* スタッフブログ */
#blog .pagettl { position: relative; z-index: 0}
#blog .pagettl .ttl { margin: 0; position: absolute; top: 42%; left:10vw; width: 100%; line-height: 1; font-size:2.4em; color:#111;}
#blog .pagettl .eng { margin: 0; position: absolute; top: 61%; left:10.1vw; width: 100%; line-height: 1; font-size:1em; color:#409629;}

#blog .content_area { display:flex; flex-wrap:nowrap; justify-content:space-between;}
#blog .content_area .ttl { font-size:2em; line-height:1.4;}
#blog .content_area .content_area_in h2 { padding:0 0 20px 0; margin-bottom:20px !important; line-height:1.5em !important;}
#blog .content_area .content_area_in h2 a:hover { text-decoration: underline;}
#blog .content_area p { font-size:1em; line-height:2.2em; margin:20px 0 10px 0;}
#blog .content_area p.date { font-size:0.8em; color:#409629; margin:0 0 30px 0;}
#blog .content_area .content_area_in ul { margin:0; padding:0;}
#blog .content_area .content_area_in ul li { list-style-type:disc; font-size:1.3em; line-height:2em; margin:0 0 5px 45px; padding:0;}
#blog .content_area .content_area_in ol li { list-style-type:decimal; font-size:1.3em; line-height:2em; margin:0 0 5px 45px; padding:0;}
#blog .content_area .content_area_in { background-color:#f3f3f3; padding:40px 40px; margin-bottom:30px;}

#blog .post_area { width:880px;}

#blog .widget_area { width:250px;}
#blog .widget_area_in { margin:0 0 50px 0;}
#blog .widget_area .item { border-bottom:1px dotted #ccc; padding-bottom:7px; margin-bottom:7px;}
#blog .widget_area .item .time { font-size:0.8em;}
#blog .widget_area .item .title { font-size:0.9em; line-height:1.5em;}
#blog .widget_area .item .title a:hover { text-decoration: underline; }
#blog .widget_name { font-size:1em; font-weight: bold; line-height:100%; border-bottom:1px #409629 solid; margin-bottom:15px !important;}
#blog .tag-list li { border:1px solid #999; padding:2px 5px; border-radius: 5px; display: inline-block; margin:5px;}
#blog .tag-list li a:hover { text-decoration: underline; }

#blog .cat_all .pan { font-weight:bold; margin-bottom:50px !important;}
#blog .cat_all .cat_all_in { margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ccc;}
#blog .cat_all .cat_all_in .ttl2 { font-size:1.4em; line-height:1.4; margin-bottom:5px;}
#blog .cat_all .cat_all_in p.date { margin:0 0 20px 0 !important;}
#blog .cat_all .cat_all_in ul li { list-style-type:disc; font-size:1.3em; line-height:2em; margin:0 0 5px 45px; padding:0;}
#blog .cat_all .cat_all_in ol li { list-style-type:decimal; font-size:1.3em; line-height:2em; margin:0 0 5px 45px; padding:0;}

#blog .new-pagenation { text-align:center; margin-top:50px;}
#blog .new-pagenation .page-numbers { margin:0 10px;}
#blog .new-pagenation a:hover { text-decoration: underline; }

#blog .blog .page_nav { display:flex; flex-wrap:nowrap; justify-content:space-around; width:100%; margin-top:25px;}
#blog .blog .page_nav li { font-size:1.2em;}
#blog .blog .page_nav li a:hover { text-decoration: underline; }
#blog .blog .page_nav li:nth-child(1){ width:50% !important;}
#blog .blog .page_nav li:nth-child(2){ width:50% !important; text-align:right !important;}

@media screen and (max-width: 900px){
	#blog .pagettl .ttl { top: 50%; left:10px; font-size:1.5em;}
	#blog .pagettl .eng { display:none;}
	
	#blog .content_area { display: inherit;}
	#blog .content_area .ttl { font-size:1.6em; line-height:1.4;}
	#blog .content_area .content_area_in h2 { padding:0 0 5px 0; margin-bottom:0px !important; line-height:1.4em !important;}
	#blog .content_area .content_area_in { padding:20px; margin-bottom:10px;}
	#blog .content_area p { line-height:2em;}
	#blog .content_area p.date { margin:0 0 20px 0;}
	#blog .content_area .content_area_in ul li { margin:0 0 0px 35px;}
	#blog .content_area .content_area_in ol li { margin:0 0 0px 35px;}
	#blog .content_area .content_area_in { padding:20px 10px;}
	#blog .content_area .content_area_in img { width:100%; height:auto;}
	
	#blog .post_area { width:100%;}
	
	#blog .cat_all .cat_all_in ul li { margin:0 0 0px 35px;}
	#blog .cat_all .cat_all_in ol li { margin:0 0 0px 35px;}
	#blog .cat_all .cat_all_in img { width:100%; height:auto;}

	#blog .widget_area { width:100%; margin-top:50px;}
	#blog .widget_area_in { margin:0 0 25px 0;}
	#blog .widget_area .item .time { font-size:0.7em;}
	
	#blog .new-pagenation { margin-top:20px;}
}






/* spacer
------------------------------------------------------------ */

.mt1 { margin-top:1px;}
.mt5 { margin-top:5px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}
.mt70 { margin-top:70px;}
.mt80 { margin-top:80px;}

.mb1 { margin-bottom:1px;}
.mb5 { margin-bottom:5px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mb70 { margin-bottom:70px;}
.mb80 { margin-bottom:80px;}

.pt1 { padding-top:1px;}
.pt5 { padding-top:5px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}
.pt50 { padding-top:50px;}
.pt60 { padding-top:60px;}
.pt70 { padding-top:70px;}
.pt80 { padding-top:80px;}

.pb1 { padding-bottom:1px;}
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}
.pb40 { padding-bottom:40px;}
.pb50 { padding-bottom:50px;}
.pb60 { padding-bottom:60px;}
.pb70 { padding-bottom:70px;}
.pb80 { padding-bottom:80px;}