/*
Theme Name:PAPIMAMI
Theme URI:
Description:
Author:ワンズアクション
Author URI:
*/

@charset "utf-8";
/* =================================
		フォント
================================= */

/* =================================
		リセット
================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style:normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
}
 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
 
html{
    overflow-y: scroll;
}
 
blockquote, q {
    quotes: none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
input, textarea,{
    margin: 0;
    padding: 0;
}
 
ol, ul{
    list-style:none;
}
 
table{
    border-collapse: collapse; 
    border-spacing:0;
}
 
caption, th{
    text-align: left;
}
 
a:focus {
    outline:none;
}
 
.clearfix:after {
    content: ""; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
 　 zoom: 1;
    min-height: 1px;
}
 
* html .clearfix {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}
 
.both{
    clear:both;
}
 
.inline_block {  
    display: inline-block;  
    *display: inline;  
    *zoom: 1;  
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


/* =================================
		基本設定
================================= */
body {
	width: 100%;
	height: auto;
	margin: 0;
	font-size: 100%;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
	line-height: 1.8;
	background-color: #FEF5DD;
	background-image: url(img/head-bg-l.jpg),url(img/head-bg-r.jpg);
	background-repeat: no-repeat;
	background-position: 0 50px, 100% 50px;
	overflow: hidden;
}

p {
    margin: 15px 0;
}

a {
	color: black;
	text-decoration: none;
}

a:hover {
	color: rgb(216,12,30);
}

img {
    vertical-align: bottom;
    width: auto;
    height: auto;
}

a img:hover {
	opacity: 0.8;
}

/* =================================
		フレーム
================================= */
#wrapper {
	width: 100%;
	max-width: 960px;
	height: auto;
	margin: 0 auto;
}

#container {
    width: 100%;
}

/* =================================
		hフォント
================================= */



/* =================================
		装飾
================================= */
strong {
    font-size: 110%;
    font-weight: bold;
}

.b {
    font-size: 100%;
    font-weight: bold;
}

/* =================================
		ヘッダー
================================= */
header {
    width: 100%;
    position: relative;
}

.header_area {
    width: 100%;
}

p.top_text {
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    margin: 20px 0 0;
}

.site_title {
    text-align: center;
}

.site_title img {
    max-width: 100%;
}

p.sub_title {
    text-align: center;
    font-size: 160%;
    font-weight: bold;
    color: #A5D3DA;
}


/* =================================
		メニュー
================================= */


nav label, nav input {
	display: none;
}

.current_page_item a{

}

/* =================================
		メインビジュアル
================================= */



/* =================================
		ページ
================================= */
section#main {
    margin: 0;
    padding: 0;
}

section {
    padding: 60px 0;
    clear: both;
}

section.fp_sec_1 {
    width: 100%;
    max-width: 767px;
    margin: 0 auto;
}

h2.slgn {
    font-size: 180%;
    font-weight: bold;
    margin-bottom: 40px;
}

h2.slgn br {
    display: none;
}

span.pink_ex {
    font-weight: bold;
    color: #f2846e;
    font-size: 150%;
    margin-right: 12px;
}

.fp_sec_1 p {
    font-size: 120%;
}

img.kid {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 300px;
}

.fp_sec_2 h2 {
    text-align: center;
    background: #f2846e;
    color: white;
    font-size: 280%;
    font-weight: bold;
    margin: 0 auto;
    padding: 10px 0;
    border-radius: 20px;
}

.fp_sec_2 h3.sec2_3 {
    display: block;
    text-align: center;
    width: 380px;
    margin: 40px auto;
    font-size: 228%;
    font-weight: bold;
    position: relative;
}

.fp_sec_2 h3.sec2_3:before {
    content: '';
    display: block;
    height: 100%;
    border-left: 4px solid #f2846e;
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(-20deg);
}

.fp_sec_2 h3.sec2_3:after {
    content: '';
    display: block;
    height: 100%;
    border-left: 4px solid #f2846e;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(20deg);
}

p.tx_bold {
    font-weight: bold;
    text-align: center;
    font-size: 150%;
}

ul.jg_list {
    margin: 80px auto 0;
    border-top: 2px dashed #ddd;
}

ul.jg_list li {
    text-align: center;
    padding: 16px 0;
    border-bottom: 2px dashed #ddd;
    font-size: 320%;
}

ul.jg_list li a {
    color: #008EC2;
}

ul.jg_list li a:hover {
	color: rgb(216,12,30);
}

.jg_list li span {
    font-weight: bold;
    padding: 0 10px;
}

.jg_01 span {
    font-weight: bold;
    background: linear-gradient(transparent 60%, #A5D3DA 60%);
}

.jg_02 span {
    background: linear-gradient(transparent 60%, #FFFF66 60%);
}

.jg_03 span {
    background: linear-gradient(transparent 60%, #F5CEF2 60%);
}

.jg_04 span {
    background: linear-gradient(transparent 60%, #66FF8F 60%);
}

.psn01_area {
    margin: 50px 0;
    position: relative;
    z-index: 0;
}

.psn01_area:after {
    content: '';
    display: block;
    width: 1000%;
    height: 300px;
    background: #A5D3DA;
    position: absolute;
    top: 62px;
    left: -100%;
}

.psn_comm {
    background: white;
    display: inline-block;
    padding: 20px 40px;
    border-radius: 20px;
    box-shadow: 3px 3px 3px #aaa;
    font-size: 140%;
    position: relative;
    z-index: 1000;
}

.psn_comm p {
    font-weight: bold;
}

img.psn1 {
    width: 292px;
    vertical-align: top;
    float: right;
    position: relative;
    z-index: 1000;
}

.psn_comm:before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: white;
    position: absolute;
    top: 52px;
    left: 104%;
    box-shadow: 3px 3px 3px #aaa;
}

.psn_comm:after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: white;
    position: absolute;
    top: 72px;
    left: 122%;
    box-shadow: 3px 3px 3px #aaa;
}

.psn_text {
    clear: both;
}

.psn_text p {
    font-size: 226%;
    font-weight: bold;
    color: #f2846e;
}

.jg_box {
    margin: 100px auto 0;
    padding-bottom: 80px;
    max-width: 752px;
    border-bottom: 2px dashed #ddd;
}

.jg_box h3 {
    text-align: center;
}

.jg_box h3 span {
    font-weight: bold;
    padding: 0 10px;
    font-size: 320%;
    color: #008EC2;
}

.fuku {
    margin: 50px auto 120px;
}

.fuku p {
    font-size: 150%;
    font-weight: bold;
}

p.fk_subt {
    text-align: center;
}

span.sub_jgt {
    display: inline-block;
    background: #008ec2;
    color: white;
    padding: 6px 38px;
    font-weight: bold;
    line-height: 1;
    border-radius: 48px;
}

.fuku h4 {
    text-align: center;
    font-size: 240%;
    font-weight: bold;
}

ul.jb2_list {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}

.tns_subt {
    text-align: center;
    margin: 50px 0 50px;
}

.tns_subt span {
    font-size: 200%;
    font-weight: bold;
}

ul.jb2_list li {
    color: white;
    background: #008ec2;
    margin: 0 6px;
    padding: 0 13px;
    border-radius: 20px;
    font-size: 132%;
    font-weight: bold;
}

.recpsn {
    font-weight: bold;
    font-size: 150%;
    border-bottom: 1px solid;
}

p.sdn_btn {
    margin-top: 120px;
}

p.sdn_btn a {
    position:relative;
    text-align: center;
    color: white;
    background: #f2846e;
    display: block;
    margin: 0 auto;
    padding: 20px;
    max-width: 680px;
    font-size: 150%;
    font-weight: bold;
    border-radius: 100px;
    box-shadow: 3px 3px 1px #aaa;
}

p.sdn_btn a:hover {
    background: red;
}

p.sdn_btn a:after {
    font-family: 'Material Icons';
    content: "chevron_right";
    position: absolute;
    right: 20px;
}

.text_ctr {
    text-align: center;
    margin-top: 50px;
}

.ec_list {
    background: #fdeec4;
    margin-bottom: 80px;
    padding: 20px 40px;
    border-radius: 20px;
}

.ec_list ul {
    font-size: 168%;
    font-weight: bold;
    margin: 30px 0 10px;
}

.ec_list ul li span {
    color: red;
    font-size: 150%;
    margin-right: 6px;
    vertical-align: -9px;
}

.fp_sec_3 h2 {
    font-weight: bold;
    padding: 0 10px;
    font-size: 320%;
    color: #f2846e;
    text-align: center;
}

.voice_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 50px;
}

.voice_area.va_01,
.voice_area.va_03 {
    flex-direction: row-reverse;

}

.voice_area img {
    width: 200px;
    height: auto;
}

.v_text {
    width: calc(100% - 228px);
    background: white;
    padding: 40px 40px 20px;
    border-radius: 20px;
}

.v_text h3 {
    font-size: 120%;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

.v_text p {
    font-weight: bold;
}

p.atns {
    text-align: center;
    margin-top: 30px;
}

.sns_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sns_btn a {
    width: 48%;
}

.sns_btn a {
    width: 48%;
    text-align: center;
    font-size: 150%;
    font-weight: bold;
    color: white;
    padding: 20px 0;
    border-radius: 80px;
    box-shadow: 3px 3px 1px #aaa;
}

a.line_btn {
    background: #40A838;
}

a.twt_btn {
    background: #4AB2E1;
}

a.line_btn:hover,
a.twt_btn:hover {
    background: red;
}

.g_mark {
    width: 260px;
    height: 260px;
    text-align: center;
    margin: 0 auto 50px;
    font-size: 368%;
    line-height: 1;
    background: #008ec2;
    color: white;
    border-radius: 130px;
    padding-top: 63px;
}

.fp_sec_4 h2 {
    font-weight: bold;
    padding: 0 10px;
    font-size: 320%;
    color: #f2846e;
    text-align: center;
}

.anq_text {
    text-align: center;
    margin: 50px 0;
}

.anq_text p {
    font-size: 200%;
    font-weight: bold;
    color: #008ec2;
}

.anq_text img {
    width: 120px;
}

.fp_sec_5 h2 {
    font-weight: bold;
    font-size: 260%;
    color: #008ec2;
    text-align: center;
}

.d_prof {
    margin: 50px 0;

}

.d_prof img {
    display: block;
    width: 200px;
    border-radius: 120px;
}

.d_prof {
    margin: 50px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.d_name {
    margin-top: 54px;
}

.d_name p {
    font-size: 240%;
}

.d_name ruby {
    font-weight: bold;
}

.jsk {
    background: white;
    padding: 20px;
    border: double 5px #ddd;
    border-radius: 12px;
    border: 3px dab;
}

.jsk caption {
    font-weight: bold;
}

.jsk th, .jsk td {
    padding: 6px;
    font-weight: bold;
    font-size: 120%;
}

.teikei h3 {
    font-size: 200%;
    font-weight: bold;
    text-align: center;
    margin-top: 70px;
}

.teikei {
    margin-top: 50px;
}

.teikei li {
    text-align: center;
    font-size: 200%;
    margin: 20px 0;
}

.d_sns {
    margin-top: 120px;
}

.ml_fm {
    width: 100%;
    max-width: 758px;
    margin: 0 auto;
    background: #fdeec4;
    padding: 1px 80px;
    border-radius: 20px;
}

.ml_fm dt {
    font-size: 140%;
    font-weight: bold;
    margin: 60px 0 20px;
}

.ml_fm dd {
    font-size: 120%;
    margin-top: 16px;
}

textarea.anqtx {
    vertical-align: middle;
}

input.name_ipt,
input.mlad_ipt,
textarea {
    font-size: 120%;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ddd;

}

p.subm_btn {
    text-align: center;
}

input.subm {
    display: inline-block;
    background: #f4806f;
    border: none;
    font-size: 200%;
    color: white;
    text-align: center;
    width: 300px;
    margin-top: 50px;
    padding: 10px 0;
    border-radius: 20px;
}

input.subm:hover {
    background: red;
}

.mail_go {
    text-align: center;
    font-size: 140%;
    background: #fdeec4;
    padding: 20px 0;
    border-radius: 20px;
}

p.jg_02_p {
    font-size: 150%;
    font-weight: bold;
}

.add_text {
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 40px auto 0;
}


/* =================================
		ブログリスト
================================= */
.pager {
    text-align: center;
    overflow: hidden;
    margin-top: 20px;
}

.page-numbers {
    color: gray;
    border: 1px solid #ddd;
    display: inline-block;
    padding: 6px 10px;
}

.pager a {
    color: gray;
}

.pager a:hover {
    color: rgb(216,12,30);
	text-decoration: none;
}

.current {
    background: #eee;
}

/* =================================
		ブログ
================================= */
/* =================================
		運営者　サイトマップ
================================= */
/* =================================
		サイドバー
================================= */
/* =================================
		サーチ
================================= */
/* =================================
		トップボタン
================================= */
.js-scroll-fadein {
    position: fixed;
    bottom: 30px;
    right: 20px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background: #f4806f;
    padding: 18px 0;
    text-align: center;
    color: white;
    border-radius: 30px;
    z-index: 9999;
    transform: rotate(-90deg);
}


/* =================================
		フッター
================================= */
footer {
    width: 100%;
    margin: 0 auto;
    clear: both;
    overflow: hidden;

}

table.f_det {
    width: 300px;
    margin: 0 auto;
}

table.f_det th {
    padding-right: 10px;
}

.copy {
    clear: both;
    margin: 60px 0 0;
    text-align: center;
}

/*=====================================================
	  タブレット 800px
===================================================== */
@media screen and (max-width: 800px) {

#wrapper {
    padding: 0 40px;
}

h2.slgn {
    font-size: 170%;
}

.psn_comm {
    font-size: 100%;
}

.psn_comm:before {
    width: 70px;
    height: 70px;
    left: 103%;
}

.psn_comm:after {
    width: 36px;
    height: 36px;
    left: 124%;
}

.v_text {
    width: calc(100% - 228px);
}

.fp_sec_4 h2 {
    font-size: 260%;
}

.jsk th, .jsk td {
    font-size: 100%;
}

.d_prof {
    justify-content: center;
}

.d_prof img {
    margin-right: 30px;
}

.jsk {
    margin-top: 50px;
}

.fuku h4 {
    font-size: 200%;
}

.psn01_area:after {
    height: 228px;
}

img.psn1 {
    width: 234px;
}


}/*===	タブレット 800px  === */


/*=====================================================
	  スマートフォン 600px
===================================================== */
@media screen and (max-width: 600px) {

body {
	background-size: 50px, 50px;
	background-position: 0 66px, 100% 66px;
}

#wrapper {
    padding: 0 16px;
}

.site_title img {
    max-width: 80%;
}

p.sub_title {
    font-size: 100%;
}

section.fp_sec_1 {
    padding-top: 20px;
}

h2.slgn br {
    //display: inline;
}

h2.slgn {
    font-size: 84%;
    text-align: center;
}

img.kid {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 240px;
}

.fp_sec_1 p {
    text-align: left;
    font-size: 100%;
}

.fp_sec_1 p br {
    display: none;
}

.fp_sec_2 h2 {
    font-size: 158%;
}

.fp_sec_2 h3.sec2_3 {
    width: 320px;
    font-size: 200%;
}

.fp_sec_3 h2 {
    font-size: 275%;
}

p.tx_bold {
    font-size: 112%;
}

ul.jg_list li {
    font-size: 200%;
}

.psn_comm {
    padding: 5px 10px;
}

.psn_comm:before {
    width: 70px;
    height: 70px;
    left: 10%;
    top: 105%;
}

.psn_comm:after {
    width: 36px;
    height: 36px;
    left: 34%;
    top: 120%;
}

img.psn1 {
    margin-top: 45px;
}

.psn01_area:after {
    height: 450px;
}

img.psn1 {
    width: 192px;
}

.psn_text p {
    font-size: 112%;
}

.jg_box h3 span {
    font-size: 230%;
}

span.sub_jgt {
    font-size: 116%;
}

.fuku h4 {
    font-size: 140%;
}

img.add_text {
    width: 100%;
}

ul.jb2_list {
    display: block;
}

ul.jb2_list li {
    text-align: center;
    margin: 10px auto;
    width: 300px;
}

.tns_subt span {
    font-size: 100%;
}

.ec_list {
    padding: 20px 20px;
}

.ec_list ul {
    font-size: 120%;
}

.ec_list ul li {
    position: relative;
    padding-left: 30px;
}

.ec_list ul li span {
    position: absolute;
    top: 2px;
    left: 0;
}

.sns_btn {
    display: block;
}

.sns_btn a {
    display: block;
    width: 100%;
    margin: 20px 0;
}

.voice_area {
    display: block;
}

.v_text {
    width: 100%;
}

span.sp_rgt {
    text-align: right;
    display: block;
}

.voice_area img {
    margin-top: -36px;
}

.fp_sec_4 h2 {
    font-size: 132%;
}

.anq_text p {
    font-size: 150%;
}

.ml_fm {
    width: 100%;
    padding: 1px 10px;
}

.ml_fm dt {
    font-size: 124%;
}

input.subm {
    font-size: 142%;
    width: 240px;
}

.jsk th, .jsk td {
    font-size: 90%;
    padding: 4px;
}

.jsk caption {
    text-align: center;
}

.teikei li {
    font-size: 130%;
}

.fuku p,
p.jg_02_p {
    font-size: 100%;
}



}/*===	スマートフォン 600px  === */