@charset "utf-8";

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

	hp-morph.com Template v2.00
	 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.20150707）*/
/* ----------------------------------------------------------------- */

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

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

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


/* 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用）*/
.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 (min-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%; }
}

/*スマホサイズのみにスタイルをかける（PC用）*/
.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%; }
.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%; }
.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%; }
.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%; }
.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%; }
.left33, .left33per		{ float:none; width:100%; }
.left35, .left35per		{ float:none; width:100%; }
.left40, .left40per		{ float:none; width:100%; }
.left45, .left45per		{ 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%; }
.right33, .right33per	{ float:none; width:100%; }
.right35, .right35per	{ float:none; width:100%; }
.right40, .right40per	{ float:none; width:100%; }
.right45, .right45per	{ float:none; 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%; }
}

/* 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-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-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用）*/
.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-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 (min-width: 640px){
.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-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　%　指定
------------------------------------------------------------*/
/*スマホサイズ以上のみにスタイルをかける（PC用）*/
.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-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 (min-width: 640px){
.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-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両方の文字揃え*/
.tbl-left th , .tbl-left td { text-align: left; }
.tbl-center th, .tbl-center td { text-align: center; }
.tbl-right th, .tbl-right td { text-align: right; }

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

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

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


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

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

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

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

/* PCサイズのみの文字揃え */
@media only screen and (min-width: 640px){
.post .pc-left { text-align: left; }
.post .pc-center { text-align: center; }
.post .pc-right { text-align: right; }
}

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

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

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

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

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






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

/* ①通常スタイルはここに
------------------------------------------------------------*/
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.qrcode{
text-align:center;
margin-bottom:20px;
}
.tbl th{
text-align:left !important;
}






/* ②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){
}

/* ⑥640px以下から　→　スマホサイズ用
------------------------------------------------------------*/
@media only screen and (max-width:640px){
.gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item{width:100% !important;}
}

/*HOLO移行対応*/
html{
        min-height: 100vh;
}
body{
min-height: 100vh;
}
#footer{
  position: sticky;
  top: 100vh;
  width: 100%;
}