@charset "UTF-8";


/** ---------------------------------------
setting
--------------------------------------- */

html, header, body, p, ul, ol, li, h1, h2, h3, h4, span, article, section{list-style-type:none; margin:0; padding:0; border:none; background:transparent; font-size:100%; font-weight: normal; box-sizing: border-box;}
img{max-width: 100%; height: auto; width /***/:auto;}



/** ----------
radius
------------- */

.radius_5{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.radius_10{border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.radius_15{border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
.radius_20{border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
.radius_25{border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px;}
.radius_30{border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
.radius_40{border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px;}
.radius_50{border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px;}
.radius_50rem{border-radius:50rem; -webkit-border-radius:50rem; -moz-border-radius:50rem;}
.radius_50par{border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}

.radius_15_top_left{border-top-left-radius:15px; -webkit-border-top-left-radius:15px; -moz-border-top-left-radius:15px;}
.radius_15_top_right{border-top-right-radius:15px; -webkit-border-top-right-radius:15px; -moz-border-top-right-radius:15px;}
.radius_15_bottom_left{border-bottom-left-radius:15px; -webkit-border-bottom-left-radius:15px; -moz-border-bottom-left-radius:15px;}
.radius_15_bottom_right{border-bottom-right-radius:15px; -webkit-border-bottom-right-radius:15px; -moz-border-bottom-right-radius:15px;}

.radius_10_top-left-right{border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;}
.radius_15_top-left-right{border-top-left-radius: 15px; border-top-right-radius: 15px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px;}
.radius_15_top-left-bottom-left{-webkit-border-top-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
.radius_15_top-right-bottom-right{-webkit-border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px;}




/** ----------
box_shadow
------------- */
.box_shadow_10{box-shadow: 0 0 10px rgba(0, 0, 0, .3);}


/** ---------------------------------------
padding
--------------------------------------- */


.padding_w_1rem{margin: 0; padding: 0 1rem;}
.padding_w_2rem{margin: 0; padding: 0 2rem;}
.padding_w_3rem{margin: 0; padding: 0 3rem;}
.padding_w_4rem{margin: 0; padding: 0 4rem;}
.padding_w_5rem{margin: 0; padding: 0 5rem;}

.padding_h_1rem{margin: 0; padding: 1rem 0;}
.padding_h_2rem{margin: 0; padding: 2rem 0;}
.padding_h_3rem{margin: 0; padding: 3rem 0;}
.padding_h_4rem{margin: 0; padding: 4rem 0;}
.padding_h_5rem{margin: 0; padding: 5rem 0;}

.padding_ht_1rem{margin: 0; padding-top: 1rem;}
.padding_ht_2rem{margin: 0; padding-top: 2rem;}
.padding_ht_3rem{margin: 0; padding-top: 3rem;}
.padding_ht_4rem{margin: 0; padding-top: 4rem;}
.padding_ht_5rem{margin: 0; padding-top: 5rem;}

.padding_hb_1rem{margin: 0; padding-bottom: 1rem;}
.padding_hb_2rem{margin: 0; padding-bottom: 2rem;}
.padding_hb_3rem{margin: 0; padding-bottom: 3rem;}
.padding_hb_4rem{margin: 0; padding-bottom: 4rem;}
.padding_hb_4rem{margin: 0; padding-bottom: 5rem;}

/** ---------------------------------------
font-size
--------------------------------------- */
.font-size_50{font-size: 50%;}
.font-size_55{font-size: 55%;}
.font-size_60{font-size: 60%;}
.font-size_65{font-size: 65%;}
.font-size_70{font-size: 70%;}
.font-size_75{font-size: 75%;}
.font-size_80{font-size: 80%;}
.font-size_85{font-size: 85%;}
.font-size_90{font-size: 90%;}
.font-size_95{font-size: 95%;}
.font-size_100{font-size: 100%;}
.font-size_105{font-size: 105%;}
.font-size_110{font-size: 110%;}
.font-size_115{font-size: 115%;}
.font-size_120{font-size: 120%;}
.font-size_125{font-size: 125%;}
.font-size_130{font-size: 130%;}
.font-size_135{font-size: 135%;}
.font-size_140{font-size: 140%;}
.font-size_145{font-size: 145%;}
.font-size_150{font-size: 150%;}
.font-size_155{font-size: 155%;}
.font-size_160{font-size: 160%;}
.font-size_165{font-size: 165%;}
.font-size_170{font-size: 170%;}
.font-size_175{font-size: 175%;}
.font-size_180{font-size: 180%;}
.font-size_185{font-size: 185%;}
.font-size_190{font-size: 190%;}
.font-size_195{font-size: 195%;}
.font-size_200{font-size: 200%;}
.font-size_205{font-size: 205%;}
.font-size_210{font-size: 210%;}
.font-size_215{font-size: 215%;}
.font-size_220{font-size: 220%;}
.font-size_225{font-size: 225%;}
.font-size_230{font-size: 230%;}
.font-size_235{font-size: 235%;}
.font-size_240{font-size: 240%;}
.font-size_245{font-size: 245%;}
.font-size_250{font-size: 250%;}

.font-size_12{font-size: 12px;}
.font-size_13{font-size: 13px;}


/** ----------
display
------------- */

.display_block{display: block;}
.display_inline-block{display: inline-block;}
.display_flex{display: flex; flex-wrap: nowrap;}



.flex-wrap_wrap{flex-wrap: wrap;}
.flex-wrap_nowrap{flex-wrap: nowrap;}
.flex_align-items_flex-start{align-items: flex-start;}
.flex_align-items_flex-end{align-items: flex-end;}
.flex_align-items_center{align-items: center;}
.flex_justify-content_flex-start{justify-content: flex-start;}
.flex_justify-content_flex-end{justify-content: flex-end;}
.flex_justify-content_space-around{justify-content: space-around;}
.flex_justify-content_space-between{justify-content: space-between;}


/** ---------------------------------------
font-weight
--------------------------------------- */

.font-weight_normal{font-weight: normal;}
.font-weight_bold{font-weight: bold;}


/** ---------------------------------------
text-align
--------------------------------------- */

.text-align_left{text-align: left;}
.text-align_center{text-align: center;}
.text-align_right{text-align: right;}




/** ---------------------------------------
pc sp on off
--------------------------------------- */
.pc_off{display:none;}
.sp_off{display:block;}
	
@media screen and (max-width: 800px ){	
	.sp_off{display:none !important;}
	.pc_off{display:block;}
}