@charset "utf-8";

/*
Theme Name: +ONE
Description: +ONE
Theme URI: http://
Author: passione inc
Author URI: http://
Version: 1.00
*/

@media screen and (max-width: 767px) {
/* 767pxまで（スマートフォン用）の記述 */
body {
line-height: 1.8em;
font-size: small;
}
#full {
text-align: center;
background-image: url(/images/00_top.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-attachment: scroll;
position: relative;
width: 100vw;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
#full h1 {
padding-bottom: 60px;
width: 60%;
}
#full .sub {
display: block;
margin-left: auto;
margin-right: auto;
width: 96%;
}
#full .sub ul li {
width: 80%;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
display: block;
}
#full .sub ul li a {
padding-top: 5px;
padding-bottom: 5px;
}
#full .btn {
bottom: 20px;
left: 0;
right: 0;
}
#full .btn a:before{
	bottom: -23px;
	right: 45%;
	border: 12px solid transparent;
	border-top: 12px solid #00406f;
}

header article {
width: 100%;
padding-top: 15px;
height: 75px;
}
header .logo {
width: 25%;
}
header .head_info {
display: none;
}
.drawer-nav .head_info {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #00406f;
display: block;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 0px;
}
.drawer-nav .head_info p {
font-size: small;
line-height: 1.4em;
font-weight: bold;
}
.drawer-nav .head_info p a {
color: #00406f;
}
.drawer-nav .head_info p span {
font-size: x-small;
}
header .gnavi {
display: none;
}

#concept .contents .images {
width: 100%;
height: 150px;
background-image: url(/images/image03.jpg);
background-position: center center;
margin-bottom: 20px;
}
#concept .contents .text {
width: 100%;
padding-left: 5%;
padding-right: 5%;
}
.mainvisual {
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
margin-bottom: 50px;
background-size: cover;
}
.mainvisual p {
font-size: large;
text-align: center;
line-height: 1.8em;
font-weight: bold;
}

#event .flex dl.menu {
margin-bottom: 30px;
margin-right: 0%;
margin-left: 0%;
width: 100%;
background-color: #FAFAFA;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 4%;
padding-right: 4%;
border-top: 5px solid #00406f;
}
#event .flex dl.menu dd {
text-align: center;
}

#mama .point ul li {
border: 4px solid #00406f;
margin-left: 1%;
margin-right: 1%;
width: 100%;
padding: 1%;
margin-bottom: 20px;
}
#trigger .text {
width: 100%;
padding-left: 5%;
padding-right: 5%;
}
#trigger .images {
width: 100%;
height: 150px;
background-image: url(/images/02_parent.jpg);
background-position: right center;
}
#recommend .panel ul li {
width: 33.3%;
height: 25vh;
}
#characteristic .point dl {
background-color: rgba(255,255,255,0.83);
width: 100%;
padding: 2%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 20px;
}
#howto ul li{
display: block;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 1%;
padding-right: 1%;
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
border-left: 50px solid #00406f;
border-right: 1px solid #00406f;
border-bottom: 1px solid #00406f;
border-top: 1px solid #00406f;
}
dl.subplan {
width: 100%;
margin-left: 3%;
margin-right: 3%;
margin-bottom: 30px;
background-color: #fbfbfb;
padding-top: 20px;
padding-bottom: 0px;
padding-left: 3%;
padding-right: 3%;
border-top: 5px solid #00406f;
}

/*微調整*/
dl.plan dd {
margin-bottom: 30px;
text-align: left;
}
dl.etc {
text-align: left;
}

}

@media screen and (min-width: 768px) {
/* 768px以上用（タブレット用）の記述 */

#full {
background-position: center bottom;
background-size: cover;
background-attachment: scroll;
}
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
#full {
background-position: center bottom;
background-size: cover;
background-attachment: scroll;
}

}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
#full {
background-position: center bottom;
background-size: cover;
background-attachment: scroll;
}
}