@charset "utf-8";

/* 
name: style
designer: Adclip
designer_url: http://adclip.net/ 
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }


body {
	font-family:'Mplus 1p', "Hiragino Kaku Gothic Pro", Osaka;
	font-size:16px;
	color:#333;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

p.gotop{ position: fixed;}
p.gotop a{ display: block; background-color:rgba(102,102,102,0.8);-webkit-transition: 2s; -moz-transition: 2s; -ot-transition: 2s; -ms-transition: 2s;}
p.gotop a:hover{ display: block; background:rgba(223,39,0,0.8);}

img{margin:0; padding:0; vertical-align:bottom;}
a{text-decoration:none;}
li{list-style:none;}

.clear { clear:both;}

.fmin{font-family: 'MS Mincho';}
.fbold{font-weight:bold;}
.fnormal{font-weight:bold;}
.tcenter{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}

.txtmap:before{	margin-right:5px; content: "\f3a3"; font-family: ionicons;}
.txtinf:before{	margin-right:5px; content: "\f11d"; font-family: ionicons;}
.txthom:before{	margin-right:5px; content: "\f448"; font-family: ionicons;}
.txtmal:before{	margin-right:5px; content: "\f2eb"; font-family: ionicons;}
.txtgrn:before{	margin-right:5px; content: "\f1fd"; font-family: ionicons;}
.txtfil:before{	margin-right:5px; content: "\f482"; font-family: ionicons;}

.white{color:#fff;}
.red{color:#AA4621;}
.bgnv {background:#1E2A42;}
.bgsver{background: linear-gradient(#ffffff 20%, #aaa);}

.thum-colum2, .thum-colum3, .thum-colum4, .thum-colum5, .thum-colum6{box-sizing:border-box;}

.mr10{margin-right:10px;}

/*画像サイズ960px以上*/

@media  print, screen and (min-width:960px) {

.inner-wrap{margin:0 auto; width:960px;}
.thum-colum2{width:50%; float:left;}
.thum-colum3{width:33.333%; float:left;}
.thum-colum4{width:25%; float:left;}
.thum-colum5{width:20%; float:left;}
.thum-colum6{width:16.666%; float:left;}
.flexboxs{display:flex; align-items:stretch; flex-wrap:wrap;}
.flexboxe{display:flex; justify-content:flex-end;}
.flexbox{display:flex; justify-content:space-between; flex-wrap:wrap;}
.flexboxrevs{display:flex; flex-direction:row-reverse;}
.flexboxreve{display:flex; flex-direction:row-reverse;}
.flexboxrev{display:flex; flex-direction:row-reverse; justify-content:space-between;}

.mt15{margin-top:15px;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}

.p5{padding:5px;}
.p10{padding:10px;}
.pb30{padding-bottom:30px;}
.ptb60{padding:60px 0;}
.ptb80{padding:80px 0;}
.pt60{padding-top:60px;}
.pb60{padding-bottom:60px;}
.ptb160{padding:160px 0;}
.pt160{padding-top:160px;}
.pb160{padding-bottom:160px;}


.kg2{display:none;}
}

/*画像サイズ600px以上959以下*/
@media only screen and (min-width:601px)and (max-width:959px)  {

.inner-wrap{margin:0 auto; padding:0 10px;}
.thum-colum2{width:50%; float:left;}
.thum-colum3{width:33.333%; float:left;}
.thum-colum4{width:25%; float:left;}
.thum-colum5{width:20%; float:left;}
.thum-colum6{width:16.666%; float:left;}
.flexboxs{display:flex; align-items:stretch; flex-flow:wrap;}
.flexboxe{display:flex; justify-content:flex-end;}
.flexbox{display:flex; justify-content:space-between;}
.flexboxrevs{display:flex; flex-direction:row-reverse;}
.flexboxreve{display:flex; flex-direction:row-reverse; justify-content:flex-end;}
.flexboxrev{display:flex; flex-direction:row-reverse; justify-content:space-between;}

.mt15{margin-top:15px;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}

.p5{padding:5px;}
.p10{padding:10px;}
.pb30{padding-bottom:30px;}
.ptb60{padding:30px 0;}
.ptb80{padding:40px 0;}
.pt60{padding-top:30px;}
.pb60{padding-bottom:30px;}
.ptb160{padding:60px 0;}
.pt160{padding-top:60px;}
.pb160{padding-bottom:60px;}

.kg2{display:none;}

}


/*画像サイズ600px以下*/
@media only screen and (max-width:600px)  {

.inner-wrap{margin:0 auto; padding:0 10px;}
.thum-colum2{width:50%; float:left;}
.thum-colum3{width:50%; float:left;}
.thum-colum4{width:25%; float:left;}
.thum-colum5{width:20%; float:left;}
.thum-colum6{width:16.666%; float:left;}

.mt15{margin-top:10px;}
.mb15{margin-bottom:10px;}
.mb30{margin-bottom:20px;}
.p10{padding:5px 0;}
.pb30{padding-bottom:30px;}
.ptb60{padding:30px 0;}
.ptb80{padding:30px 0;}
.pt60{padding-top:30px;}
.pb60{padding-bottom:30px;}
.ptb160{padding:60px 0;}
.pt160{padding-top:60px;}
.pb160{padding-bottom:60px;}


.kg1{display:none;}
}