/*
Theme Name: trpro
Author: 1969.jp
Author URI: http://1969.jp
Version: 07102018
*/

/* ----------------------------------------------------------------------------------------------------
*  Font
* --------------------------------------------------------------------------------------------------*/
.font-light{
    font-weight: 300;
}
.font-bold{
    font-weight:bold;
}
.font-size14{
    font-size: 1.4rem;
}
.font-size16{
    font-size: 1.6rem;
}
.font-size18{
    font-size: 1.8rem;
}
.font-lh12{
    line-height: 1.2;
}
.font-lh14{
    line-height: 1.4;
}


/* ----------------------------------------------------------------------------------------------------
* text
* --------------------------------------------------------------------------------------------------*/
.txtCenter {text-align: center;}
.txtLeft {text-align: left;}
.txtRight {text-align: right;}
.txtJast{text-align: justify;}

.p-style-01{
    font-weight: 300;
    line-height: 2.2;
    font-size: 1.4rem;
}

/* ----------------------------------------------------------------------------------------------------
*  width
* --------------------------------------------------------------------------------------------------*/
.w100 {
  width: 100%;
}

/* ----------------------------------------------------------------------------------------------------
*  margin
* --------------------------------------------------------------------------------------------------*/
.mag1em {margin: 1em;}
.mag2em {margin: 2em;}
.mag3em {margin: 3em;}
.mag4em {margin: 4em;}
.mag5em {margin: 5em;}
.mag6em {margin: 6em;}

.magTop1em {margin-top: 1em;}
.magTop2em {margin-top: 2em;}
.magTop3em {margin-top: 3em;}
.magTop4em {margin-top: 4em;}
.magTop5em {margin-top: 5em;}
.magTop6em {margin-top: 6em;}

.magBot1em {margin-bottom: 1em;}
.magBot2em {margin-bottom: 2em;}
.magBot3em {margin-bottom: 3em;}
.magBot4em {margin-bottom: 4em;}
.magBot5em {margin-bottom: 5em;}
.magBot6em {margin-bottom: 6em;}
.magBot60px {margin-bottom: 60px;}
.magBot70px {margin-bottom: 70px;}

.magLeft1em {margin-left: 1em;}
.magLeft2em {margin-left: 2em;}
.magLeft3em {margin-left: 3em;}
.magLeft4em {margin-left: 4em;}
.magLeft5em {margin-left: 5em;}
.magLeft6em {margin-left: 6em;}

.magRight1em {margin-right: 1em;}
.magRight2em {margin-right: 2em;}
.magRight3em {margin-right: 3em;}
.magRight4em {margin-right: 4em;}
.magRight5em {margin-right: 5em;}
.magRight6em {margin-right: 6em;}

/* ----------------------------------------------------------------------------------------------------
*  padding
* --------------------------------------------------------------------------------------------------*/
.pad1em {padding: 1em;}
.pad2em {padding: 2em;}
.pad3em {padding: 3em;}
.pad4em {padding: 4em;}
.pad5em {padding: 5em;}
.pad6em {padding: 6em;}

.padTop1em {padding-top: 1em;}
.padTop2em {padding-top: 2em;}
.padTop3em {padding-top: 3em;}
.padTop4em {padding-top: 4em;}
.padTop5em {padding-top: 5em;}
.padTop6em {padding-top: 6em;}

.padBot1em {padding-bottom: 1em;}
.padBot2em {padding-bottom: 2em;}
.padBot3em {padding-bottom: 3em;}
.padBot4em {padding-bottom: 4em;}
.padBot5em {padding-bottom: 5em;}
.padBot6em {padding-bottom: 6em;}

.padLeft1em {padding-left: 1em;}
.padLeft2em {padding-left: 2em;}
.padLeft3em {padding-left: 3em;}
.padLeft4em {padding-left: 4em;}
.padLeft5em {padding-left: 5em;}
.padLeft6em {padding-left: 6em;}

.padRight1em {padding-right: 1em;}
.padRight2em {padding-right: 2em;}
.padRight3em {padding-right: 3em;}
.padRight4em {padding-right: 4em;}
.padRight5em {padding-right: 5em;}
.padRight6em {padding-right: 6em;}

/* ----------------------------------------------------------------------------------------------------
*  pc/sp
* --------------------------------------------------------------------------------------------------*/
.spOnly {display: none;}
.pcOnly {display: block;}
.pcOnlyInlineBlock {display:inline-block;}
.spbr{display: none;}

@media (max-width: 768px) {
	.spOnly {display: block;}
    .pcOnly {display: none !important;}
    .pcOnlyInlineBlock {display: none !important;}
    .spbr{display:inline-block;}
}

/* ----------------------------------------------------------------------------------------------------
*  other
* --------------------------------------------------------------------------------------------------*/
.fL {float: left;}
.fR {float: right;}
.cB {clear: both;}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}