@charset "utf-8";

/*
Theme Name:mrp04-child
Template:mrp04
Theme URI: http://hp-morph.com/
Description:MORPH 04テーマの子テーマ。
Version: 2.02
Author: Vision Inc.
Author URI: http://hp-morph.com/
Tags: simple

	hp-morph.com Template v2.02
	 http://hp-morph.com/

	This theme was designed and built by hp-morph.com template,
	whose blog you will find at http://hp-morph.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/* ----------------------------------------------------------------- */
/*   ここから独自スタイル（ver.20151202）*/
/* ----------------------------------------------------------------- */

/* テキストのスタイルモジュール
------------------------------------------------------------*/
/* color */
.color-red, .color-red * { color:#F00 !important; }
.color-orange, .color-orange * { color:#F60 !important; }
.color-blue, .color-blue * { color:#00F !important; }
.color-white, .color-white * { color:#FFF !important; }
.color-green, .color-green * { color:#060 !important; }
.color-gray, .color-gray * { color:#ccc !important; }
.color-darkgray, .color-darkgray * { color:#555 !important; }
.hissu { color:red !important; }

/* weight */
.post strong ,.bold { font-weight: bold; }
.normal { font-weight: normal; }

/* fontsize */
.text10	{ font-size: 84% !important; }
.text11	{ font-size: 92% !important; }
.text12	{ font-size: 100% !important; }
.text13	{ font-size: 109% !important; }
.text14	{ font-size: 117% !important; }
.text15	{ font-size: 125% !important; }
.text16	{ font-size: 134% !important; }
.text17	{ font-size: 142% !important; }
.text18	{ font-size: 150% !important; }
.text19	{ font-size: 159% !important; }
.text20	{ font-size: 167% !important; }
.text21	{ font-size: 175% !important; }
.text22	{ font-size: 184% !important; }
.text23	{ font-size: 192% !important; }
.text24	{ font-size: 200% !important; }
.text25	{ font-size: 209% !important; }
.text26	{ font-size: 217% !important; }

/* 行の高さ */
.lh-1	{line-height: 1.1 !important;}
.lh-2	{line-height: 1.2 !important;}
.lh-3	{line-height: 1.3 !important;}
.lh-4	{line-height: 1.4 !important;}
.lh-5	{line-height: 1.5 !important;}
.lh-6	{line-height: 1.6 !important;}
.lh-7	{line-height: 1.7 !important;}
.lh-8	{line-height: 1.8 !important;}
.lh-9	{line-height: 1.9 !important;}

/* 文字の間隔 */
.ls-1	{letter-spacing: 0.1em;}
.ls-2	{letter-spacing: 0.2em;}
.ls-3	{letter-spacing: 0.3em;}
.ls-4	{letter-spacing: 0.4em;}
.ls-5	{letter-spacing: 0.5em;}
.ls-6	{letter-spacing: 0.6em;}
.ls-7	{letter-spacing: 0.7em;}
.ls-8	{letter-spacing: 0.8em;}
.ls-9	{letter-spacing: 0.9em;}

/* 欧文文字の大文字・小文字固定化：c=先頭文字のみ大文字、l：全て小文字、u：全て大文字 */
.tt-c	{text-transform: capitalize;}
.tt-l	{text-transform: lowercase;}
.tt-u	{text-transform: uppercase;}

/* 下線 */
.uline {text-decoration: underline;}

/* 斜体 */
.italic {font-style: italic;}

/*通常の文字揃え*/
.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right {	text-align: right; }

/* スマホサイズ以上で文字揃え */
@media only screen and (min-width: 640px){
.pc-left { text-align: left; }
.pc-center { text-align: center; }
.pc-right { text-align: right; }
}

/* スマートフォンで文字揃え */
@media only screen and (max-width: 640px){
.sp-left { text-align: left; }
.sp-center { text-align: center; }
.sp-right { text-align: right; }
}

/* 文字列改行用 */
.break { display:inline-block; }
.forcebreak { display:block; }

/* スマホサイズ以上で文字列改行用 */
@media only screen and (min-width: 640px){
.pc-break { display:inline-block; }
.pc-forcebreak { display:block; }
}

/* スマートフォンで文字列改行用 */
@media only screen and (max-width: 640px){
.sp-break { display:inline-block; }
.sp-forcebreak { display:block; }
}

/* width設定
------------------------------------------------------------*/
.w1per, .w1		{ width:1%; }
.w2per, .w2		{ width:2%; }
.w3per, .w3		{ width:3%; }
.w4per, .w4		{ width:4%; }
.w5per, .w5		{ width:5%; }
.w10per, .w10	{ width:10%; }
.w15per, .w15	{ width:15%; }
.w20per, .w20	{ width:20%; }
.w25per, .w25	{ width:25%; }
.w30per, .w30	{ width:30%; }
.w33per, .w33	{ width:33%; }
.w35per, .w35	{ width:35%; }
.w40per, .w40	{ width:40%; }
.w45per, .w45	{ width:45%; }
.w50per, .w50	{ width:50%; }
.w55per, .w55	{ width:55%; }
.w60per, .w60	{ width:60%; }
.w65per, .w65	{ width:65%; }
.w70per, .w70	{ width:70%; }
.w75per, .w75	{ width:75%; }
.w80per, .w80	{ width:80%; }
.w85per, .w85	{ width:85%; }
.w90per, .w90	{ width:90%; }
.w95per, .w95	{ width:95%; }
.w96per, .w96	{ width:96%; }
.w97per, .w97	{ width:97%; }
.w98per, .w98	{ width:98%; }
.w99per, .w99	{ width:99%; }
.w100per, .w100	{ width:100%; }

/*スマホサイズ以上のみにスタイルをかける*/
.pc-w5per		{ width:5%; }
.pc-w10per		{ width:10%; }
.pc-w15per		{ width:15%; } 
.pc-w20per		{ width:20%; }
.pc-w25per		{ width:25%; }
.pc-w30per		{ width:30%; }
.pc-w33per		{ width:33%; }
.pc-w35per		{ width:35%; }
.pc-w40per		{ width:40%; }
.pc-w45per		{ width:45%; }
.pc-w50per		{ width:50%; }
.pc-w55per		{ width:55%; }
.pc-w60per		{ width:60%; }
.pc-w65per		{ width:65%; }
.pc-w70per		{ width:70%; }
.pc-w75per		{ width:75%; }
.pc-w80per		{ width:80%; }
.pc-w85per		{ width:85%; }
.pc-w90per		{ width:90%; }
.pc-w95per		{ width:95%; }

/*（（（スマホ用）））*/
@media only screen and (max-width: 640px){
.pc-w5per		{ width:100%; }
.pc-w10per		{ width:100%; }
.pc-w15per		{ width:100%; }
.pc-w20per		{ width:100%; }
.pc-w25per		{ width:100%; }
.pc-w30per		{ width:100%; }
.pc-w33per		{ width:100%; }
.pc-w35per		{ width:100%; }
.pc-w40per		{ width:100%; }
.pc-w45per		{ width:100%; }
.pc-w50per		{ width:100%; }
.pc-w55per		{ width:100%; }
.pc-w60per		{ width:100%; }
.pc-w65per		{ width:100%; }
.pc-w70per		{ width:100%; }
.pc-w75per		{ width:100%; }
.pc-w80per		{ width:100%; }
.pc-w85per		{ width:100%; }
.pc-w90per		{ width:100%; }
.pc-w95per		{ width:100%; }
}

/*スマホサイズのみにスタイルをかける*/
.sp-w5per		{ width:100%; }
.sp-w10per		{ width:100%; }
.sp-w15per		{ width:100%; }
.sp-w20per		{ width:100%; }
.sp-w25per		{ width:100%; }
.sp-w30per		{ width:100%; }
.sp-w33per		{ width:100%; }
.sp-w35per		{ width:100%; }
.sp-w40per		{ width:100%; }
.sp-w45per		{ width:100%; }
.sp-w50per		{ width:100%; }
.sp-w55per		{ width:100%; }
.sp-w60per		{ width:100%; }
.sp-w65per		{ width:100%; }
.sp-w70per		{ width:100%; }
.sp-w75per		{ width:100%; }
.sp-w80per		{ width:100%; }
.sp-w85per		{ width:100%; }
.sp-w90per		{ width:100%; }
.sp-w95per		{ width:100%; }

/*（（（スマホ用）））*/
@media only screen and (max-width: 640px){
.sp-w5per		{ width:5%; }
.sp-w10per		{ width:10%; }
.sp-w15per		{ width:15%; }
.sp-w20per		{ width:20%; }
.sp-w25per		{ width:25%; }
.sp-w30per		{ width:30%; }
.sp-w33per		{ width:33%; }
.sp-w35per		{ width:35%; }
.sp-w40per		{ width:40%; }
.sp-w45per		{ width:45%; }
.sp-w50per		{ width:50%; }
.sp-w55per		{ width:55%; }
.sp-w60per		{ width:60%; }
.sp-w65per		{ width:65%; }
.sp-w70per		{ width:70%; }
.sp-w75per		{ width:75%; }
.sp-w80per		{ width:80%; }
.sp-w85per		{ width:85%; }
.sp-w90per		{ width:90%; }
.sp-w95per		{ width:95%; }
}


/* Float設定
------------------------------------------------------------*/
.left20, .left20per		{ float:left; width:19.5%; }
.left25, .left25per		{ float:left; width:24.5%; }
.left30, .left30per		{ float:left; width:29.5%; }
.left32, .left32per		{ float:left; width:31.5%; }
.left33, .left33per		{ float:left; width:32.5%; }
.left35, .left35per		{ float:left; width:34.5%; }
.left40, .left40per		{ float:left; width:39.5%; }
.left45, .left45per		{ float:left; width:44.5%; }
.left48, .left48per		{ float:left; width:47.5%; }
.left50, .left50per		{ float:left; width:49.5%; }
.left55, .left55per		{ float:left; width:54.5%; }
.left60, .left60per		{ float:left; width:59.5%; }
.left65, .left65per		{ float:left; width:64.5%; }
.left70, .left70per		{ float:left; width:69.5%; }
.left75, .left75per		{ float:left; width:74.5%; }
.left80, .left80per		{ float:left; width:79.5%; }

.right20, .right20per	{ float:right; width:19.5%; }
.right25, .right25per	{ float:right; width:24.5%; }
.right30, .right30per	{ float:right; width:29.5%; }
.right32, .right32per	{ float:right; width:31.5%; }
.right33, .right33per	{ float:right; width:32.5%; }
.right35, .right35per	{ float:right; width:34.5%; }
.right40, .right40per	{ float:right; width:39.5%; }
.right45, .right45per	{ float:right; width:44.5%; }
.right48, .right48per	{ float:right; width:47.5%; }
.right50, .right50per	{ float:right; width:49.5%; }
.right55, .right55per	{ float:right; width:54.5%; }
.right60, .right60per	{ float:right; width:59.5%; }
.right65, .right65per	{ float:right; width:64.5%; }
.right70, .right70per	{ float:right; width:69.5%; }
.right75, .right75per	{ float:right; width:74.5%; }
.right80, .right80per	{ float:right; width:79.5%; }

/*スマホ時の調整*/
@media only screen and (max-width: 640px){
.left20, .left20per		{ float:none; width:100%; }
.left25, .left25per		{ float:none; width:100%; }
.left30, .left30per		{ float:none; width:100%; }
.left32, .left32per		{ float:none; width:100%; }
.left33, .left33per		{ float:none; width:100%; }
.left35, .left35per		{ float:none; width:100%; }
.left40, .left40per		{ float:none; width:100%; }
.left45, .left45per		{ float:none; width:100%; }
.left48, .left48per		{ float:none; width:100%; }
.left50, .left50per		{ float:none; width:100%; }
.left55, .left55per		{ float:none; width:100%; }
.left60, .left60per		{ float:none; width:100%; }
.left65, .left65per		{ float:none; width:100%; }
.left70, .left70per		{ float:none; width:100%; }
.left75, .left75per		{ float:none; width:100%; }
.left80, .left80per		{ float:none; width:100%; }

.right20, .right20per	{ float:none; width:100%; }
.right25, .right25per	{ float:none; width:100%; }
.right30, .right30per	{ float:none; width:100%; }
.right32, .right32per	{ float:none; width:100%; }
.right33, .right33per	{ float:none; width:100%; }
.right35, .right35per	{ float:none; width:100%; }
.right40, .right40per	{ float:none; width:100%; }
.right45, .right45per	{ float:none; width:100%; }
.right48, .right48per	{ float:right; width:100%; }
.right50, .right50per	{ float:none; width:100%; }
.right55, .right55per	{ float:none; width:100%; }
.right60, .right60per	{ float:none; width:100%; }
.right65, .right65per	{ float:none; width:100%; }
.right70, .right70per	{ float:none; width:100%; }
.right75, .right75per	{ float:none; width:100%; }
.right80, .right80per	{ float:none; width:100%; }
}

/*常に幅をキープ*/
.left20keep, .left20perkeep	{ float:left; width:19.5%; }
.left25keep, .left25perkeep	{ float:left; width:24.5%; }
.left30keep, .left30perkeep	{ float:left; width:29.5%; }
.left32keep, .left32perkeep	{ float:left; width:31.5%; }
.left33keep, .left33perkeep	{ float:left; width:32.5%; }
.left35keep, .left35perkeep	{ float:left; width:34.5%; }
.left40keep, .left40perkeep	{ float:left; width:39.5%; }
.left45keep, .left45perkeep	{ float:left; width:44.5%; }
.left48keep, .left48perkeep	{ float:left; width:47.5%; }
.left50keep, .left50perkeep	{ float:left; width:49.5%; }
.left55keep, .left55perkeep	{ float:left; width:54.5%; }
.left60keep, .left60perkeep	{ float:left; width:59.5%; }
.left65keep, .left65perkeep	{ float:left; width:64.5%; }
.left70keep, .left70perkeep	{ float:left; width:69.5%; }
.left75keep, .left75perkeep	{ float:left; width:74.5%; }
.left80keep, .left80perkeep	{ float:left; width:79.5%; }

.right20keep, .right20perkeep	{ float:right; width:19.5%; }
.right25keep, .right25perkeep	{ float:right; width:24.5%; }
.right30keep, .right30perkeep	{ float:right; width:29.5%; }
.right32keep, .right32perkeep	{ float:right; width:31.5%; }
.right33keep, .right33perkeep	{ float:right; width:32.5%; }
.right35keep, .right35perkeep	{ float:right; width:34.5%; }
.right40keep, .right40perkeep	{ float:right; width:39.5%; }
.right45keep, .right45perkeep	{ float:right; width:44.5%; }
.right48keep, .right48perkeep	{ float:right; width:47.5%; }
.right50keep, .right50perkeep	{ float:right; width:49.5%; }
.right55keep, .right55perkeep	{ float:right; width:54.5%; }
.right60keep, .right60perkeep	{ float:right; width:59.5%; }
.right65keep, .right65perkeep	{ float:right; width:64.5%; }
.right70keep, .right70perkeep	{ float:right; width:69.5%; }
.right75keep, .right75perkeep	{ float:right; width:74.5%; }
.right80keep, .right80perkeep	{ float:right; width:79.5%; }



/* clearfix */
.cf:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}


/* MARGIN　px　指定
------------------------------------------------------------*/
.mt-5		{ margin-top: 5px ; }
.mt-10	{ margin-top: 10px ; }
.mt-15	{ margin-top: 15px ; }
.mt-20	{ margin-top: 20px ; }
.mt-25	{ margin-top: 25px ; }
.mt-30	{ margin-top: 30px ; }
.mt-35	{ margin-top: 35px ; }
.mt-40	{ margin-top: 40px ; }
.mt-45	{ margin-top: 45px ; }
.mt-50	{ margin-top: 50px ; }

.mr-5		{ margin-right: 5px ; }
.mr-10	{ margin-right: 10px ; }
.mr-15	{ margin-right: 15px ; }
.mr-20	{ margin-right: 20px ; }
.mr-25	{ margin-right: 25px ; }
.mr-30	{ margin-right: 30px ; }
.mr-35	{ margin-right: 35px ; }
.mr-40	{ margin-right: 40px ; }
.mr-45	{ margin-right: 45px ; }
.mr-50	{ margin-right: 50px ; }

.ml-5		{ margin-left: 5px ; }
.ml-10	{ margin-left: 10px ; }
.ml-15	{ margin-left: 15px ; }
.ml-20	{ margin-left: 20px ; }
.ml-25	{ margin-left: 25px ; }
.ml-30	{ margin-left: 30px ; }
.ml-35	{ margin-left: 35px ; }
.ml-40	{ margin-left: 40px ; }
.ml-45	{ margin-left: 45px ; }
.ml-50	{ margin-left: 50px ; }

.mb-5		{ margin-bottom: 5px ; }
.mb-10	{ margin-bottom: 10px ; }
.mb-15	{ margin-bottom: 15px ; }
.mb-20	{ margin-bottom: 20px ; }
.mb-25	{ margin-bottom: 25px ; }
.mb-30	{ margin-bottom: 30px ; }
.mb-35	{ margin-bottom: 35px ; }
.mb-40	{ margin-bottom: 40px ; }
.mb-45	{ margin-bottom: 45px ; }
.mb-50	{ margin-bottom: 50px ; }

/*スマホ時のみの調整*/
@media only screen and (max-width: 640px){
.sp-mt-5	{ margin-top: 5px !important; }
.sp-mt-10	{ margin-top: 10px !important; }
.sp-mt-15	{ margin-top: 15px !important; }
.sp-mt-20	{ margin-top: 20px !important; }
.sp-mt-25	{ margin-top: 25px !important; }
.sp-mt-30	{ margin-top: 30px !important; }
.sp-mt-35	{ margin-top: 35px !important; }
.sp-mt-40	{ margin-top: 40px !important; }
.sp-mt-45	{ margin-top: 45px !important; }
.sp-mt-50	{ margin-top: 50px !important; }

.sp-mr-5	{ margin-right: 5px !important; }
.sp-mr-10	{ margin-right: 10px !important; }
.sp-mr-15	{ margin-right: 15px !important; }
.sp-mr-20	{ margin-right: 20px !important; }
.sp-mr-25	{ margin-right: 25px !important; }
.sp-mr-30	{ margin-right: 30px !important; }
.sp-mr-35	{ margin-right: 35px !important; }
.sp-mr-40	{ margin-right: 40px !important; }
.sp-mr-45	{ margin-right: 45px !important; }
.sp-mr-50	{ margin-right: 50px !important; }

.sp-ml-5	{ margin-left: 5px !important; }
.sp-ml-10	{ margin-left: 10px !important; }
.sp-ml-15	{ margin-left: 15px !important; }
.sp-ml-20	{ margin-left: 20px !important; }
.sp-ml-25	{ margin-left: 25px !important; }
.sp-ml-30	{ margin-left: 30px !important; }
.sp-ml-35	{ margin-left: 35px !important; }
.sp-ml-40	{ margin-left: 40px !important; }
.sp-ml-45	{ margin-left: 45px !important; }
.sp-ml-50	{ margin-left: 50px !important; }

.sp-mb-5	{ margin-bottom: 5px !important; }
.sp-mb-10	{ margin-bottom: 10px !important; }
.sp-mb-15	{ margin-bottom: 15px !important; }
.sp-mb-20	{ margin-bottom: 20px !important; }
.sp-mb-25	{ margin-bottom: 25px !important; }
.sp-mb-30	{ margin-bottom: 30px !important; }
.sp-mb-35	{ margin-bottom: 35px !important; }
.sp-mb-40	{ margin-bottom: 40px !important; }
.sp-mb-45	{ margin-bottom: 45px !important; }
.sp-mb-50	{ margin-bottom: 50px !important; }
}

/* MARGIN　%　指定
------------------------------------------------------------*/
.ml-1per		{ margin-left: 1%; }
.ml-2per		{ margin-left: 2%; }
.ml-3per		{ margin-left: 3%; }
.ml-4per		{ margin-left: 4%; }
.ml-5per		{ margin-left: 5%; }
.ml-10per		{ margin-left: 10%; }
.ml-15per		{ margin-left: 15%; }
.ml-20per		{ margin-left: 20%; }
.ml-25per		{ margin-left: 25%; }
.ml-30per		{ margin-left: 30%; }
.ml-35per		{ margin-left: 35%; }
.ml-40per		{ margin-left: 40%; }
.ml-45per		{ margin-left: 45%; }
.ml-50per		{ margin-left: 50%; }
.ml-55per		{ margin-left: 55%; }
.ml-60per		{ margin-left: 60%; }
.ml-65per		{ margin-left: 65%; }
.ml-70per		{ margin-left: 70%; }
.ml-75per		{ margin-left: 75%; }
.ml-80per		{ margin-left: 80%; }
.ml-85per		{ margin-left: 85%; }
.ml-90per		{ margin-left: 90%; }
.ml-95per		{ margin-left: 95%; }
.ml-100per		{ margin-left: 100%; }

.mr-1per		{ margin-right: 1%; }
.mr-2per		{ margin-right: 2%; }
.mr-3per		{ margin-right: 3%; }
.mr-4per		{ margin-right: 4%; }
.mr-5per		{ margin-right: 5%; }
.mr-10per		{ margin-right: 10%; }
.mr-15per		{ margin-right: 15%; }
.mr-20per		{ margin-right: 20%; }
.mr-25per		{ margin-right: 25%; }
.mr-30per		{ margin-right: 30%; }
.mr-35per		{ margin-right: 35%; }
.mr-40per		{ margin-right: 40%; }
.mr-45per		{ margin-right: 45%; }
.mr-50per		{ margin-right: 50%; }
.mr-55per		{ margin-right: 55%; }
.mr-60per		{ margin-right: 60%; }
.mr-65per		{ margin-right: 65%; }
.mr-70per		{ margin-right: 70%; }
.mr-75per		{ margin-right: 75%; }
.mr-80per		{ margin-right: 80%; }
.mr-85per		{ margin-right: 85%; }
.mr-90per		{ margin-right: 90%; }
.mr-95per		{ margin-right: 95%; }
.mr-100per		{ margin-right: 100%; }

/*スマホサイズ以上のみにスタイルをかける*/
.pc-ml-1per		{ margin-left: 1%; }
.pc-ml-2per		{ margin-left: 2%; }
.pc-ml-3per		{ margin-left: 3%; }
.pc-ml-4per		{ margin-left: 4%; }
.pc-ml-5per		{ margin-left: 5%; }
.pc-ml-10per	{ margin-left: 10%; }
.pc-ml-15per	{ margin-left: 15%; }
.pc-ml-20per	{ margin-left: 20%; }
.pc-ml-25per	{ margin-left: 25%; }
.pc-ml-30per	{ margin-left: 30%; }
.pc-ml-33per	{ margin-left: 33%; }
.pc-ml-35per	{ margin-left: 35%; }
.pc-ml-40per	{ margin-left: 40%; }
.pc-ml-45per	{ margin-left: 45%; }
.pc-ml-50per	{ margin-left: 50%; }
.pc-ml-55per	{ margin-left: 55%; }
.pc-ml-60per	{ margin-left: 60%; }
.pc-ml-65per	{ margin-left: 65%; }
.pc-ml-70per	{ margin-left: 70%; }
.pc-ml-75per	{ margin-left: 75%; }
.pc-ml-80per	{ margin-left: 80%; }
.pc-ml-85per	{ margin-left: 85%; }
.pc-ml-90per	{ margin-left: 90%; }
.pc-ml-95per	{ margin-left: 95%; }
.pc-ml-100per	{ margin-left: 100%; }

.pc-mr-1per		{ margin-right: 1%; }
.pc-mr-2per		{ margin-right: 2%; }
.pc-mr-3per		{ margin-right: 3%; }
.pc-mr-4per		{ margin-right: 4%; }
.pc-mr-5per		{ margin-right: 5%; }
.pc-mr-10per	{ margin-right: 10%; }
.pc-mr-15per	{ margin-right: 15%; }
.pc-mr-20per	{ margin-right: 20%; }
.pc-mr-25per	{ margin-right: 25%; }
.pc-mr-30per	{ margin-right: 30%; }
.pc-mr-33per	{ margin-right: 33%; }
.pc-mr-35per	{ margin-right: 35%; }
.pc-mr-40per	{ margin-right: 40%; }
.pc-mr-45per	{ margin-right: 45%; }
.pc-mr-50per	{ margin-right: 50%; }
.pc-mr-55per	{ margin-right: 55%; }
.pc-mr-60per	{ margin-right: 60%; }
.pc-mr-65per	{ margin-right: 65%; }
.pc-mr-70per	{ margin-right: 70%; }
.pc-mr-75per	{ margin-right: 75%; }
.pc-mr-80per	{ margin-right: 80%; }
.pc-mr-85per	{ margin-right: 85%; }
.pc-mr-90per	{ margin-right: 90%; }
.pc-mr-95per	{ margin-right: 95%; }
.pc-mr-100per	{ margin-right: 100%; }

/*（（（スマホ用）））*/
@media only screen and (max-width: 640px){
.pc-ml-1per		{ margin-left: 0%; }
.pc-ml-2per		{ margin-left: 0%; }
.pc-ml-3per		{ margin-left: 0%; }
.pc-ml-4per		{ margin-left: 0%; }
.pc-ml-5per		{ margin-left: 0%; }
.pc-ml-10per	{ margin-left: 0%; }
.pc-ml-15per	{ margin-left: 0%; }
.pc-ml-20per	{ margin-left: 0%; }
.pc-ml-25per	{ margin-left: 0%; }
.pc-ml-30per	{ margin-left: 0%; }
.pc-ml-33per	{ margin-left: 0%; }
.pc-ml-35per	{ margin-left: 0%; }
.pc-ml-40per	{ margin-left: 0%; }
.pc-ml-45per	{ margin-left: 0%; }
.pc-ml-50per	{ margin-left: 0%; }
.pc-ml-55per	{ margin-left: 0%; }
.pc-ml-60per	{ margin-left: 0%; }
.pc-ml-65per	{ margin-left: 0%; }
.pc-ml-70per	{ margin-left: 0%; }
.pc-ml-75per	{ margin-left: 0%; }
.pc-ml-80per	{ margin-left: 0%; }
.pc-ml-85per	{ margin-left: 0%; }
.pc-ml-90per	{ margin-left: 0%; }
.pc-ml-95per	{ margin-left: 0%; }
.pc-ml-100per	{ margin-left: 0%; }

.pc-mr-1per		{ margin-right: 0%; }
.pc-mr-2per		{ margin-right: 0%; }
.pc-mr-3per		{ margin-right: 0%; }
.pc-mr-4per		{ margin-right: 0%; }
.pc-mr-5per		{ margin-right: 0%; }
.pc-mr-10per	{ margin-right: 0%; }
.pc-mr-15per	{ margin-right: 0%; }
.pc-mr-20per	{ margin-right: 0%; }
.pc-mr-25per	{ margin-right: 0%; }
.pc-mr-30per	{ margin-right: 0%; }
.pc-mr-33per	{ margin-right: 0%; }
.pc-mr-35per	{ margin-right: 0%; }
.pc-mr-40per	{ margin-right: 0%; }
.pc-mr-45per	{ margin-right: 0%; }
.pc-mr-50per	{ margin-right: 0%; }
.pc-mr-55per	{ margin-right: 0%; }
.pc-mr-60per	{ margin-right: 0%; }
.pc-mr-65per	{ margin-right: 0%; }
.pc-mr-70per	{ margin-right: 0%; }
.pc-mr-75per	{ margin-right: 0%; }
.pc-mr-80per	{ margin-right: 0%; }
.pc-mr-85per	{ margin-right: 0%; }
.pc-mr-90per	{ margin-right: 0%; }
.pc-mr-95per	{ margin-right: 0%; }
.pc-mr-100per	{ margin-right: 0%; }
}

/* PADDING　px　指定
------------------------------------------------------------*/
.pt-5		{ padding-top: 5px ; }
.pt-10		{ padding-top: 10px ; }
.pt-15		{ padding-top: 15px ; }
.pt-20		{ padding-top: 20px ; }
.pt-25		{ padding-top: 25px ; }
.pt-30		{ padding-top: 30px ; }
.pt-35		{ padding-top: 35px ; }
.pt-40		{ padding-top: 40px ; }
.pt-45		{ padding-top: 45px ; }
.pt-50		{ padding-top: 50px ; }

.pr-5		{ padding-right: 5px ; }
.pr-10	{ padding-right: 10px ; }
.pr-15	{ padding-right: 15px ; }
.pr-20	{ padding-right: 20px ; }
.pr-25	{ padding-right: 25px ; }
.pr-30	{ padding-right: 30px ; }
.pr-35	{ padding-right: 35px ; }
.pr-40	{ padding-right: 40px ; }
.pr-45	{ padding-right: 45px ; }
.pr-50	{ padding-right: 50px ; }

.pl-5		{ padding-left: 5px ; }
.pl-10		{ padding-left: 10px ; }
.pl-15		{ padding-left: 15px ; }
.pl-20		{ padding-left: 20px ; }
.pl-25		{ padding-left: 25px ; }
.pl-30		{ padding-left: 30px ; }
.pl-35		{ padding-left: 35px ; }
.pl-40		{ padding-left: 40px ; }
.pl-45		{ padding-left: 45px ; }
.pl-50		{ padding-left: 50px ; }

.pb-0		{ padding-bottom: 0px !important; }
.pb-5		{ padding-bottom: 5px ; }
.pb-10	{ padding-bottom: 10px ; }
.pb-15	{ padding-bottom: 15px ; }
.pb-20	{ padding-bottom: 20px ; }
.pb-25	{ padding-bottom: 25px ; }
.pb-30	{ padding-bottom: 30px ; }
.pb-35	{ padding-bottom: 35px ; }
.pb-40	{ padding-bottom: 40px ; }
.pb-45	{ padding-bottom: 45px ; }
.pb-50	{ padding-bottom: 50px ; }

/*スマホ時のみの調整*/
@media only screen and (max-width: 640px){
.sp-pt-5	{ padding-top: 5px !important; }
.sp-pt-10	{ padding-top: 10px !important; }
.sp-pt-15	{ padding-top: 15px !important; }
.sp-pt-20	{ padding-top: 20px !important; }
.sp-pt-25	{ padding-top: 25px !important; }
.sp-pt-30	{ padding-top: 30px !important; }
.sp-pt-35	{ padding-top: 35px !important; }
.sp-pt-40	{ padding-top: 40px !important; }
.sp-pt-45	{ padding-top: 45px !important; }
.sp-pt-50	{ padding-top: 50px !important; }

.sp-pr-5	{ padding-right: 5px !important; }
.sp-pr-10	{ padding-right: 10px !important; }
.sp-pr-15	{ padding-right: 15px !important; }
.sp-pr-20	{ padding-right: 20px !important; }
.sp-pr-25	{ padding-right: 25px !important; }
.sp-pr-30	{ padding-right: 30px !important; }
.sp-pr-35	{ padding-right: 35px !important; }
.sp-pr-40	{ padding-right: 40px !important; }
.sp-pr-45	{ padding-right: 45px !important; }
.sp-pr-50	{ padding-right: 50px !important; }

.sp-pl-5	{ padding-left: 5px !important; }
.sp-pl-10	{ padding-left: 10px !important; }
.sp-pl-15	{ padding-left: 15px !important; }
.sp-pl-20	{ padding-left: 20px !important; }
.sp-pl-25	{ padding-left: 25px !important; }
.sp-pl-30	{ padding-left: 30px !important; }
.sp-pl-35	{ padding-left: 35px !important; }
.sp-pl-40	{ padding-left: 40px !important; }
.sp-pl-45	{ padding-left: 45px !important; }
.sp-pl-50	{ padding-left: 50px !important; }

.sp-pb-0	{ padding-bottom: 0px !important; }
.sp-pb-5	{ padding-bottom: 5px !important; }
.sp-pb-10	{ padding-bottom: 10px !important; }
.sp-pb-15	{ padding-bottom: 15px !important; }
.sp-pb-20	{ padding-bottom: 20px !important; }
.sp-pb-25	{ padding-bottom: 25px !important; }
.sp-pb-30	{ padding-bottom: 30px !important; }
.sp-pb-35	{ padding-bottom: 35px !important; }
.sp-pb-40	{ padding-bottom: 40px !important; }
.sp-pb-45	{ padding-bottom: 45px !important; }
.sp-pb-50	{ padding-bottom: 50px !important; }
}

/* PADDING　%　指定
------------------------------------------------------------*/
.pl-1per		{ margin-left: 1%; }
.pl-2per		{ margin-left: 2%; }
.pl-3per		{ margin-left: 3%; }
.pl-4per		{ margin-left: 4%; }
.pl-5per		{ margin-left: 5%; }
.pl-10per		{ margin-left: 10%; }
.pl-15per		{ margin-left: 15%; }
.pl-20per		{ margin-left: 20%; }
.pl-25per		{ margin-left: 25%; }
.pl-30per		{ margin-left: 30%; }
.pl-35per		{ margin-left: 35%; }
.pl-40per		{ margin-left: 40%; }
.pl-45per		{ margin-left: 45%; }
.pl-50per		{ margin-left: 50%; }
.pl-55per		{ margin-left: 55%; }
.pl-60per		{ margin-left: 60%; }
.pl-65per		{ margin-left: 65%; }
.pl-70per		{ margin-left: 70%; }
.pl-75per		{ margin-left: 75%; }
.pl-80per		{ margin-left: 80%; }
.pl-85per		{ margin-left: 85%; }
.pl-90per		{ margin-left: 90%; }
.pl-95per		{ margin-left: 95%; }
.pl-100per		{ margin-left: 100%; }

.pr-1per		{ margin-right: 1%; }
.pr-2per		{ margin-right: 2%; }
.pr-3per		{ margin-right: 3%; }
.pr-4per		{ margin-right: 4%; }
.pr-5per		{ margin-right: 5%; }
.pr-10per		{ margin-right: 10%; }
.pr-15per		{ margin-right: 15%; }
.pr-20per		{ margin-right: 20%; }
.pr-25per		{ margin-right: 25%; }
.pr-30per		{ margin-right: 30%; }
.pr-35per		{ margin-right: 35%; }
.pr-40per		{ margin-right: 40%; }
.pr-45per		{ margin-right: 45%; }
.pr-50per		{ margin-right: 50%; }
.pr-55per		{ margin-right: 55%; }
.pr-60per		{ margin-right: 60%; }
.pr-65per		{ margin-right: 65%; }
.pr-70per		{ margin-right: 70%; }
.pr-75per		{ margin-right: 75%; }
.pr-80per		{ margin-right: 80%; }
.pr-85per		{ margin-right: 85%; }
.pr-90per		{ margin-right: 90%; }
.pr-95per		{ margin-right: 95%; }
.pr-100per		{ margin-right: 100%; }

/*スマホサイズ以上のみにスタイルをかける*/
.pc-pl-1per		{ padding-left: 1%; }
.pc-pl-2per		{ padding-left: 2%; }
.pc-pl-3per		{ padding-left: 3%; }
.pc-pl-4per		{ padding-left: 4%; }
.pc-pl-5per		{ padding-left: 5%; }
.pc-pl-10per	{ padding-left: 10%; }
.pc-pl-15per	{ padding-left: 15%; }
.pc-pl-20per	{ padding-left: 20%; }
.pc-pl-25per	{ padding-left: 25%; }
.pc-pl-30per	{ padding-left: 30%; }
.pc-pl-35per	{ padding-left: 35%; }
.pc-pl-40per	{ padding-left: 40%; }
.pc-pl-45per	{ padding-left: 45%; }
.pc-pl-50per	{ padding-left: 50%; }
.pc-pl-55per	{ padding-left: 55%; }
.pc-pl-60per	{ padding-left: 60%; }
.pc-pl-65per	{ padding-left: 65%; }
.pc-pl-70per	{ padding-left: 70%; }
.pc-pl-75per	{ padding-left: 75%; }
.pc-pl-80per	{ padding-left: 80%; }
.pc-pl-85per	{ padding-left: 85%; }
.pc-pl-90per	{ padding-left: 90%; }
.pc-pl-95per	{ padding-left: 95%; }
.pc-pl-100per	{ padding-left: 100%; }

.pc-pr-1per		{ padding-right: 1%; }
.pc-pr-2per		{ padding-right: 2%; }
.pc-pr-3per		{ padding-right: 3%; }
.pc-pr-4per		{ padding-right: 4%; }
.pc-pr-5per		{ padding-right: 5%; }
.pc-pr-10per	{ padding-right: 10%; }
.pc-pr-15per	{ padding-right: 15%; }
.pc-pr-20per	{ padding-right: 20%; }
.pc-pr-25per	{ padding-right: 25%; }
.pc-pr-30per	{ padding-right: 30%; }
.pc-pr-35per	{ padding-right: 35%; }
.pc-pr-40per	{ padding-right: 40%; }
.pc-pr-45per	{ padding-right: 45%; }
.pc-pr-50per	{ padding-right: 50%; }
.pc-pr-55per	{ padding-right: 55%; }
.pc-pr-60per	{ padding-right: 60%; }
.pc-pr-65per	{ padding-right: 65%; }
.pc-pr-70per	{ padding-right: 70%; }
.pc-pr-75per	{ padding-right: 75%; }
.pc-pr-80per	{ padding-right: 80%; }
.pc-pr-85per	{ padding-right: 85%; }
.pc-pr-90per	{ padding-right: 90%; }
.pc-pr-95per	{ padding-right: 95%; }
.pc-pr-100per	{ padding-right: 100%; }

/*（（（スマホ用）））*/
@media only screen and (max-width: 640px){
.pc-pl-1per		{ padding-left: 0%; }
.pc-pl-2per		{ padding-left: 0%; }
.pc-pl-3per		{ padding-left: 0%; }
.pc-pl-4per		{ padding-left: 0%; }
.pc-pl-5per		{ padding-left: 0%; }
.pc-pl-10per	{ padding-left: 0%; }
.pc-pl-15per	{ padding-left: 0%; }
.pc-pl-20per	{ padding-left: 0%; }
.pc-pl-25per	{ padding-left: 0%; }
.pc-pl-30per	{ padding-left: 0%; }
.pc-pl-35per	{ padding-left: 0%; }
.pc-pl-40per	{ padding-left: 0%; }
.pc-pl-45per	{ padding-left: 0%; }
.pc-pl-50per	{ padding-left: 0%; }
.pc-pl-55per	{ padding-left: 0%; }
.pc-pl-60per	{ padding-left: 0%; }
.pc-pl-65per	{ padding-left: 0%; }
.pc-pl-70per	{ padding-left: 0%; }
.pc-pl-75per	{ padding-left: 0%; }
.pc-pl-80per	{ padding-left: 0%; }
.pc-pl-85per	{ padding-left: 0%; }
.pc-pl-90per	{ padding-left: 0%; }
.pc-pl-95per	{ padding-left: 0%; }
.pc-pl-100per	{ padding-left: 0%; }

.pc-pr-1per		{ padding-right: 0%; }
.pc-pr-2per		{ padding-right: 0%; }
.pc-pr-3per		{ padding-right: 0%; }
.pc-pr-4per		{ padding-right: 0%; }
.pc-pr-5per		{ padding-right: 0%; }
.pc-pr-10per	{ padding-right: 0%; }
.pc-pr-15per	{ padding-right: 0%; }
.pc-pr-20per	{ padding-right: 0%; }
.pc-pr-25per	{ padding-right: 0%; }
.pc-pr-30per	{ padding-right: 0%; }
.pc-pr-35per	{ padding-right: 0%; }
.pc-pr-40per	{ padding-right: 0%; }
.pc-pr-45per	{ padding-right: 0%; }
.pc-pr-50per	{ padding-right: 0%; }
.pc-pr-55per	{ padding-right: 0%; }
.pc-pr-60per	{ padding-right: 0%; }
.pc-pr-65per	{ padding-right: 0%; }
.pc-pr-70per	{ padding-right: 0%; }
.pc-pr-75per	{ padding-right: 0%; }
.pc-pr-80per	{ padding-right: 0%; }
.pc-pr-85per	{ padding-right: 0%; }
.pc-pr-90per	{ padding-right: 0%; }
.pc-pr-95per	{ padding-right: 0%; }
.pc-pr-100per	{ padding-right: 0%; }
}


/* 設定タグの内側のimgタグを縮小　+　imgタグに設定された場合に縮小して中寄せ
-------------------------------------------------------------------------------*/
.img-95per, .img-90per, .img-85per, .img-80per, .img-75per, .img-70per {
	text-align: center;
	height: auto;
}
.img-70per img	{ width:70% !important; }
.img-75per img	{ width:75% !important; }
.img-80per img	{ width:80% !important; }
.img-85per img	{ width:85% !important; }
.img-90per img	{ width:90% !important; }
.img-95per img	{ width:95% !important; }

img.img-95per, img.img-90per, img.img-85per, img.img-80per, img.img-75per, img.img-70per {
	margin-left: auto;
	margin-right: auto;
}
img.img-70per	{ width:70% !important;  }
img.img-75per	{ width:75% !important;  }
img.img-80per	{ width:80% !important;  }
img.img-85per	{ width:85% !important;  }
img.img-90per	{ width:90% !important;  }
img.img-95per	{ width:95% !important;  }


/* PCとスマホ時で幅を変える
-------------------------------------------------------------------------------*/
.pc-w10per-sp-w20per	{ width:10%; }
.pc-w10per-sp-w30per	{ width:10%; }
.pc-w10per-sp-w40per	{ width:10%; }
.pc-w10per-sp-w50per	{ width:10%; }
.pc-w10per-sp-w60per	{ width:10%; }
.pc-w10per-sp-w70per	{ width:10%; }
.pc-w10per-sp-w80per	{ width:10%; }
.pc-w10per-sp-w90per	{ width:10%; }

.pc-w20per-sp-w10per	{ width:20%; }
.pc-w20per-sp-w30per	{ width:20%; }
.pc-w20per-sp-w40per	{ width:20%; }
.pc-w20per-sp-w50per	{ width:20%; }
.pc-w20per-sp-w60per	{ width:20%; }
.pc-w20per-sp-w70per	{ width:20%; }
.pc-w20per-sp-w80per	{ width:20%; }
.pc-w20per-sp-w90per	{ width:20%; }

.pc-w30per-sp-w10per	{ width:30%; }
.pc-w30per-sp-w20per	{ width:30%; }
.pc-w30per-sp-w40per	{ width:30%; }
.pc-w30per-sp-w50per	{ width:30%; }
.pc-w30per-sp-w60per	{ width:30%; }
.pc-w30per-sp-w70per	{ width:30%; }
.pc-w30per-sp-w80per	{ width:30%; }
.pc-w30per-sp-w90per	{ width:30%; }

.pc-w40per-sp-w10per	{ width:40%; }
.pc-w40per-sp-w20per	{ width:40%; }
.pc-w40per-sp-w30per	{ width:40%; }
.pc-w40per-sp-w50per	{ width:40%; }
.pc-w40per-sp-w60per	{ width:40%; }
.pc-w40per-sp-w70per	{ width:40%; }
.pc-w40per-sp-w80per	{ width:40%; }
.pc-w40per-sp-w90per	{ width:40%; }

.pc-w50per-sp-w10per	{ width:50%; }
.pc-w50per-sp-w20per	{ width:50%; }
.pc-w50per-sp-w30per	{ width:50%; }
.pc-w50per-sp-w40per	{ width:50%; }
.pc-w50per-sp-w60per	{ width:50%; }
.pc-w50per-sp-w70per	{ width:50%; }
.pc-w50per-sp-w80per	{ width:50%; }
.pc-w50per-sp-w90per	{ width:50%; }

.pc-w60per-sp-w10per	{ width:60%; }
.pc-w60per-sp-w20per	{ width:60%; }
.pc-w60per-sp-w30per	{ width:60%; }
.pc-w60per-sp-w40per	{ width:60%; }
.pc-w60per-sp-w50per	{ width:60%; }
.pc-w60per-sp-w70per	{ width:60%; }
.pc-w60per-sp-w80per	{ width:60%; }
.pc-w60per-sp-w90per	{ width:60%; }

.pc-w70per-sp-w10per	{ width:70%; }
.pc-w70per-sp-w20per	{ width:70%; }
.pc-w70per-sp-w30per	{ width:70%; }
.pc-w70per-sp-w40per	{ width:70%; }
.pc-w70per-sp-w50per	{ width:70%; }
.pc-w70per-sp-w60per	{ width:70%; }
.pc-w70per-sp-w80per	{ width:70%; }
.pc-w70per-sp-w90per	{ width:70%; }

.pc-w80per-sp-w10per	{ width:80%; }
.pc-w80per-sp-w20per	{ width:80%; }
.pc-w80per-sp-w30per	{ width:80%; }
.pc-w80per-sp-w40per	{ width:80%; }
.pc-w80per-sp-w50per	{ width:80%; }
.pc-w80per-sp-w60per	{ width:80%; }
.pc-w80per-sp-w70per	{ width:80%; }
.pc-w80per-sp-w90per	{ width:80%; }

.pc-w90per-sp-w10per	{ width:90%; }
.pc-w90per-sp-w20per	{ width:90%; }
.pc-w90per-sp-w30per	{ width:90%; }
.pc-w90per-sp-w40per	{ width:90%; }
.pc-w90per-sp-w50per	{ width:90%; }
.pc-w90per-sp-w60per	{ width:90%; }
.pc-w90per-sp-w70per	{ width:90%; }
.pc-w90per-sp-w80per	{ width:90%; }

.pc-w100per-sp-w10per	{ width:100%; }
.pc-w100per-sp-w20per	{ width:100%; }
.pc-w100per-sp-w30per	{ width:100%; }
.pc-w100per-sp-w40per	{ width:100%; }
.pc-w100per-sp-w50per	{ width:100%; }
.pc-w100per-sp-w60per	{ width:100%; }
.pc-w100per-sp-w70per	{ width:100%; }
.pc-w100per-sp-w80per	{ width:100%; }

@media only screen and (max-width: 640px){
.pc-w10per-sp-w20per	{ width:20%; }
.pc-w10per-sp-w30per	{ width:30%; }
.pc-w10per-sp-w40per	{ width:40%; }
.pc-w10per-sp-w50per	{ width:50%; }
.pc-w10per-sp-w60per	{ width:60%; }
.pc-w10per-sp-w70per	{ width:70%; }
.pc-w10per-sp-w80per	{ width:80%; }
.pc-w10per-sp-w90per	{ width:90%; }

.pc-w20per-sp-w10per	{ width:10%; }
.pc-w20per-sp-w30per	{ width:30%; }
.pc-w20per-sp-w40per	{ width:40%; }
.pc-w20per-sp-w50per	{ width:50%; }
.pc-w20per-sp-w60per	{ width:60%; }
.pc-w20per-sp-w70per	{ width:70%; }
.pc-w20per-sp-w80per	{ width:80%; }
.pc-w20per-sp-w90per	{ width:90%; }

.pc-w30per-sp-w10per	{ width:10%; }
.pc-w30per-sp-w20per	{ width:20%; }
.pc-w30per-sp-w40per	{ width:40%; }
.pc-w30per-sp-w50per	{ width:50%; }
.pc-w30per-sp-w60per	{ width:60%; }
.pc-w30per-sp-w70per	{ width:70%; }
.pc-w30per-sp-w80per	{ width:80%; }
.pc-w30per-sp-w90per	{ width:90%; }

.pc-w40per-sp-w10per	{ width:10%; }
.pc-w40per-sp-w20per	{ width:20%; }
.pc-w40per-sp-w30per	{ width:30%; }
.pc-w40per-sp-w50per	{ width:50%; }
.pc-w40per-sp-w60per	{ width:60%; }
.pc-w40per-sp-w70per	{ width:70%; }
.pc-w40per-sp-w80per	{ width:80%; }
.pc-w40per-sp-w90per	{ width:90%; }

.pc-w50per-sp-w10per	{ width:10%; }
.pc-w50per-sp-w20per	{ width:20%; }
.pc-w50per-sp-w30per	{ width:30%; }
.pc-w50per-sp-w40per	{ width:40%; }
.pc-w50per-sp-w60per	{ width:60%; }
.pc-w50per-sp-w70per	{ width:70%; }
.pc-w50per-sp-w80per	{ width:80%; }
.pc-w50per-sp-w90per	{ width:90%; }

.pc-w60per-sp-w10per	{ width:10%; }
.pc-w60per-sp-w20per	{ width:20%; }
.pc-w60per-sp-w30per	{ width:30%; }
.pc-w60per-sp-w40per	{ width:40%; }
.pc-w60per-sp-w50per	{ width:50%; }
.pc-w60per-sp-w70per	{ width:70%; }
.pc-w60per-sp-w80per	{ width:80%; }
.pc-w60per-sp-w90per	{ width:90%; }

.pc-w70per-sp-w10per	{ width:10%; }
.pc-w70per-sp-w20per	{ width:20%; }
.pc-w70per-sp-w30per	{ width:30%; }
.pc-w70per-sp-w40per	{ width:40%; }
.pc-w70per-sp-w50per	{ width:50%; }
.pc-w70per-sp-w60per	{ width:60%; }
.pc-w70per-sp-w80per	{ width:80%; }
.pc-w70per-sp-w90per	{ width:90%; }

.pc-w90per-sp-w10per	{ width:10%; }
.pc-w90per-sp-w20per	{ width:20%; }
.pc-w90per-sp-w30per	{ width:30%; }
.pc-w90per-sp-w40per	{ width:40%; }
.pc-w90per-sp-w50per	{ width:50%; }
.pc-w90per-sp-w60per	{ width:60%; }
.pc-w90per-sp-w70per	{ width:70%; }
.pc-w90per-sp-w80per	{ width:80%; }
}


/* テーブル
------------------------------------------------------------*/
/*TH TD両方の文字揃え*/
.post .tbl-left th , .post .tbl-left td { text-align: left !important; }
.post .tbl-center th, .post .tbl-center td { text-align: center !important; }
.post .tbl-right th, .post .tbl-right td { text-align: right !important; }

/*THのみの文字揃え*/
.post .tbl-th-left th { text-align: left !important; }
.post .tbl-th-center th { text-align: center !important; }
.post .tbl-th-right th { text-align: right !important; }

/*TDのみの文字揃え*/
.post .tbl-td-left td { text-align: left !important; }
.post .tbl-td-center td { text-align: center !important; }
.post .tbl-td-right td { text-align: right !important; }

/*セル 均等*/
.post .tbl-fixed { table-layout:fixed !important; }
.post .tbl-fixed th, .tbl-fixed td { width:100% !important; }




/* ----------------------------------------------------------------- */
/*　その他の便利スタイル*/
/* ----------------------------------------------------------------- */

/*記事内の改行位置を良くするおまじない（常時適用）*/
.post { word-wrap: break-word; }

/*枠線なし画像*/
.post .nb img, .post img.nb { border: none !important; padding:0px !important;}

/*とにかく隠す*/
.hidden { display: none !important; }

/*PCサイズで隠す*/
@media only screen and (min-width: 1024px){
.pc-hidden { display: none !important; }
}

/*スマートフォンサイズで隠す*/
@media only screen and (max-width: 640px){
.sp-hidden { display: none !important; }
}

/*display table*/
.dis-t	{display:table;}
.dis-tc	{display:table-cell;}

/*縦方向の揃え位置*/
.va-t	{ vertical-align:top; }
.va-m	{ vertical-align:middle; }
.va-b	{ vertical-align:bottom; }





/* ----------------------------------------------------------------- */
/*　サイト独自のスタイル調整・追加用はここから*/
/* ----------------------------------------------------------------- */

/* ①通常スタイルはここに
------------------------------------------------------------*/



/* ②1024px以上　→　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1024px){
}

/* ③1023px以下から　→　iPadサイズ以下
------------------------------------------------------------*/
@media only screen and (max-width:1023px){
}

/* ④959px以下から　→　サイドバナーが下に行くタイミング
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
}

/* ⑤799px以下から　→　フロントバナー・投稿一覧調節のタイミング
------------------------------------------------------------*/
@media only screen and (max-width: 799px){
}

/* ⑥750px以下から　→　ヘッダー調節のタイミング
------------------------------------------------------------*/
@media only screen and (max-width: 750px){
}

/* ⑦640px以下から　→　スマホサイズ用
------------------------------------------------------------*/
@media only screen and (max-width:640px){
}

/* Google Map用css
------------------------------------------------------------*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}