@charset "utf-8";
/*

共通スタイルシート

*/

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);



/*幅指定*/
.w120		{ width:120px; }
.w240		{ width:240px; }
.w320		{ width:320px; }
.w360		{ width:360px; }
.w480		{ width:480px; }
.w600		{ width:600px; }
.w720		{ width:720px; }
.w840		{ width:840px; }
.w25pc		{ width:calc(25% - 10px); }
.w33pc		{ width:calc(33% - 10px); }
.w50pc		{ width:calc(50% - 10px); }
.w66pc		{ width:calc(66% - 10px); }
.w75pc		{ width:calc(75% - 10px); }
.w100pc		{ width:calc(100% - 10px); }

.f_big		{ font-size:18px; }
.f_sml		{ font-size:10px; }

.bg_gray	{ background:#eee; }
.fg_red		{ color:#f00; }

.center		{ text-align:center; }
.right		{ text-align:right; }
.fl_right	{ float:right; }

.xxx		{ color:#ccc; text-decoration:line-through; }

.clearfix::after
			{ content:""; clear:both; display:block; }



/*スマホ*/
@media screen and (min-width:0px) and (max-width:768px) {
.w320		{ width:calc(100% - 10px); }
.w360		{ width:calc(100% - 10px); }
.w480		{ width:calc(100% - 10px); }
.w600		{ width:calc(100% - 10px); }
.w720		{ width:calc(100% - 10px); }
.w840		{ width:calc(100% - 10px); }
.w50pc		{ width:calc(100% - 10px); }
.w66pc		{ width:calc(100% - 10px); }
.w75pc		{ width:calc(100% - 10px); }
.w100pc		{ width:calc(100% - 10px); }
}