@charset "utf-8";
/*
Theme Name: D3K-template
*/

/*全体の設定
---------------------------------------------------------------------------*/
*,
*:before,
*:after {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
}

html {
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0px;
    height: 100%;
    color: #000;
    line-height: 1.5em;
    font-family: "Sawarabi Gothic", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    background: #fff;
    font-size: 16px;
}

ul {list-style-type: none;}
ol {list-style-type: none;}

img {
    border: none;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.pc {display: block;}
.smp-500 {display: none;}

@media screen and (max-width:1024px) {
    body {font-size: 14px;}
}

@media screen and (max-width:500px) {
    .pc {display: none;}
    .smp-500 {display: block;}
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
    color: #191919;
    text-decoration: none;
}

a:hover {
    color: #545454;
    text-decoration: underline;
}

/*ヘッダー
---------------------------------------------------------------------------*/
.global-header {
    position: relative;
    z-index: 50;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    padding: 0;
}

#header-menu-pc {
    width: 100%;
    height:100%;
    display:flex;
    justify-content:space-between;
    padding: 0;
    margin:0 auto;
    padding-top: 15px;
	align-items: center;
}

.header-logo{widht:170px;padding:0 20px;}
.header-logo img.mainlogo {
    margin-right: 0 auto;
    width: 150px;
}

.header-menu{widht:calc(100% - 170px);text-align: right;}

.header-menu-sub{padding:0;margin: 0;}
.header-menu-sub ul{
	padding:0;
	margin: 0;
}
.header-menu-sub ul li{
	display: inline-block;
	padding:0 5px;
}
.header-menu-sub ul li.first{
	-webkit-transform: skewX(150deg);
-moz-transform: skewX(150deg);
transform: skewX(150deg);
	border-right:1px solid #808080;
	padding:0;
}
.header-menu-sub ul li a p{
	color:#808080;
	margin:0;
	font-size:0.9em;
} 
.header-menu-sub ul li.first a p{
transform: skewX(-150deg);
	padding:0 10px;
}
	
.header-menu-sub ul li a img{width:27px;}

.header-menu-main {}

.header-menu-main ul {
    padding: 0;
    margin:0 auto;
    width:100%;
    text-align: center;
}

.header-menu-main ul li {
    display: inline-block;
    padding: 0 15px;
    margin: 0;
    text-align: center;
    font-weight: 700;
}

.header-menu-main ul li a {
    text-decoration: none;
    position: relative;
    display: inline-block;
    transition: .3s;
	padding:0;
	margin:0;
}
.header-menu-main ul li a::after {
    position: absolute;
    bottom: 0px;
    left: 0;
    content: '';
    width: 0;
    height: 5px;
    background-color: #8E7FA0;
    transition: .3s;
	padding:0;
	margin: 0;
}
.header-menu-main ul li a:hover::after {
    width: 100%;
}

.header-menu-main ul li p {
    font-size:1.5em;
	padding:10px 0;
	margin: 0;
}



/*ドロワー----------*/
.drawer-open {
    overflow: hidden !important;
}

.drawer-nav {
    position: fixed;
    overflow-y: scroll;
    z-index: 1000;
    top: 0;
    overflow: hidden;
    width: 260px;
    height: 100%;
    color: #fff;
    background-color: #8E7FA0;
    -webkit-overflow-scrolling: touch;
	font-family: "Sawarabi Mincho";
	text-align: center;
}

.drawer-nav div.smp-menu {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.drawer-menu {
    margin: 0;
    margin-top:20px;
    padding: 0;
    list-style: none;
}

.drawer-menu ul {
    width: 100%;
    padding: 0;
}

.drawer-menu ul li a {
    color:#fff;
    font-size:1.2em;
    letter-spacing: 2px;
    font-weight: 500;
}

.drawer-menu ul.main-menu {
    padding: 5px 0;
    margin:0 auto;
    width:100%;
}

.drawer-menu ul.main-menu li {
    display: block;
    padding:0;
    margin: 0;
    font-weight: 700;
}
.drawer-menu  ul.main-menu li a{
    text-decoration: none;
}
.drawer-menu  ul.main-menu li a p{
    padding:5px 15px;
}
.drawer-menu  ul.main-menu li a:hover p{
    padding:5px 15px;
    background-color: rgba(255,255,255,0.6);
}


.smp-menu-sns li{padding:0;margin:0;}


.smp-menu-shop-ttl , .smp-menu-contact-ttl {
    color:#fff;
    font-size:0.9em;
    letter-spacing: 2px;
}
.smp-menu-shop , .smp-menu-contact , .smp-menu-sns{
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px
}
.smp-menu-shop a {
    color:#8E7FA0;
}
.smp-menu-shop a:hover {
    text-decoration: none;
}
.smp-menu-shop p {
    background-color: #fff;
    border-radius: 15px;
    padding:3px 10px;
    margin:10px 5px;
}
.smp-menu-shop a:hover p {
    background-color: rgba(255,255,255,0.8);
}
.smp-menu-contact a {
    width:50%;
    color:#8E7FA0;
}
.smp-menu-contact p {
    background-color:#fff;
    width:100%;
    text-align: center;
    padding: 10px 0;
    border:1px solid #8E7FA0;
    margin:5px 0;
}
.smp-menu-contact a:hover{
    text-decoration: none;
}
.smp-menu-contact a:hover p {
    background-color: rgba(255,255,255,0.8);
}
.smp-menu-pp a{
    color:#fff;
}
.smp-menu-pp a p{
    padding:2px 15px;
    font-size:0.9em;
}
.smp-menu-pp a:hover p{
    background-color: rgba(255,255,255,0.6);
}

.smp-menu-sns li{padding:0px;margin:5px;}
.smp-menu-sns li img{width:40px;}

.drawer-overlay {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
}

.drawer-open .drawer-overlay {
    display: block;
}

.drawer--right .drawer-nav {
    right: -260px;
    -webkit-transition: right 0.6s cubic-bezier(.19, 1, .22, 1);
    transition: right 0.6s cubic-bezier(.19, 1, .22, 1);
    z-index: 1000;
}

body.drawer.drawer--right .open {
    display: none;
}

body.drawer.drawer--right.drawer-close .open {
    display: none;
}

body.drawer.drawer--right.drawer-open .close {
    display: none;
}

body.drawer.drawer--right.drawer-open .open {
    display: inherit;
}

.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-nav,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
    right: 0;
}

.drawer--right.drawer-open .drawer-hamburger {
    right: 260px;
}

.drawer-hamburger {
    position: absolute;
    z-index: 101;
    top: -20px;
    display: block;
    box-sizing: content-box;
    width: 50px;
    padding: 12px 5px 0px;
    -webkit-transition: all 0.6s cubic-bezier(.19, 1, .22, 1);
    transition: all 0.6s cubic-bezier(.19, 1, .22, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: 0;
    outline: 0;
    background-color: transparent;
    font-size: 30px;
}

.drawer-hamburger:hover {
    cursor: pointer;
    background-color: transparent;
}

.drawer-hamburger-icon {
    position: relative;
    display: block;
    margin-top: 30px;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
    -webkit-transition: all 0.6s cubic-bezier(.19, 1, .22, 1);
    transition: all 0.6s cubic-bezier(.19, 1, .22, 1);
}

.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
    position: absolute;
    top: -10px;
    left: 0;
    content: " ";
}

.drawer-hamburger-icon:after {
    top: 0px;
}

.drawer-open .drawer-hamburger-icon {
    background-color: transparent;
}

.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before {
    top: 0;
}

.drawer-open .drawer-hamburger-icon:before {}

.drawer-open .drawer-hamburger-icon:after {}

.sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
}

.drawer--sidebar,
.drawer--sidebar .drawer-contents {
    background-color: #fff;
}

#header-menu-s {
    display: none;
    position: relative;
}

#header-menu-s .mainlogo {
    position: absolute;
    height: 80px;
    top: 15px;
    bottom: 0;
    left: 15px;
}

#header-menu-pc div.header-menu ul li.smp{display:none;}

#header-menu-pc div.header-menu ul li ul.smp{display:none;}

@media screen and (max-width:1100px) {
    .global-header {
        position: relative;
        z-index: 50;
        top: 0;
        left: 0;
        width: 100%;
        height: 100px;
        margin: 0 auto;
        padding: 0;
    }

    #header-bottom img {
        display: none;
    }

    .drawer-hamburger-icon {
        margin-top: 27px;
        left: 0;
        z-index: 100;
    }

    #header-menu-pc {
        display: none;
    }

    #header-menu-s {
        display: block;
    }
	#header-menu-s nav ul li.pc{display:none;}


}

@media screen and (max-width:1100px) {
    .global-header {
        width: 100%;
    }

    .drawer-hamburger-icon {
        margin-top: 27px;
        left: 0;
    }
    #header-menu-s .mainlogo {
        height: 70px;
        top: 15px;
        bottom: 0;
        right: 5px;
    }

}

@media screen and (max-width:700px) {
    .header-sns {
        display: none;
    }

    img.mainlogo1 {
        left: auto;
        right: 0;
        margin: auto;
        width: 170px;
        top: 10px;
        animation-name: anim_s;
        transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        animation-duration: 5s;
    }

    @keyframes anim_s {
        50% {
            transform: rotate(30deg);
            -moz-transform: rotate(30deg);
            -webkit-transform: rotate(30deg);
        }

        100% {
            transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
        }
    }
}

@media screen and (max-width:550px) {
    .global-header {
        height: 90px;
        border-top: 5px solid #000;
    }
    .drawer-hamburger-icon {
        margin-top: 19px;
        left: 0px;
    }
    img.open,
    img.close {
        width: 35px;
    }
	    #header-menu-s .mainlogo {
        height: 60px;
        top: 15px;
        bottom: 0;
        right: 5px;
    }
}

@media screen and (max-width:450px) {
    .global-header {
        height: 60px;
    }
	    #header-menu-s .mainlogo {
        height: 40px;
        top: 10px;
        bottom: 0;
        right: 5px;
    }
    .drawer-hamburger-icon {
        margin-top: 1px;
        left: 0px;
    }

    .drawer-hamburger {
        position: absolute;
        z-index: 101;
        top: 0;
        display: block;
        box-sizing: content-box;
        width: 50px;
        padding: 10px 0px 0px 0px;
        -webkit-transition: all 0.6s cubic-bezier(.19, 1, .22, 1);
        transition: all 0.6s cubic-bezier(.19, 1, .22, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        border: 0;
        outline: 0;
        background-color: transparent;
    }

    img.open,
    img.close {
        width: 25px;
        margin-top: -3px;
        z-index: 100;
    }

    img.open {
        margin-left: -45px;
    }

    img.close {
        margin-left: -1







            5px;
    }
    #header-bottom{display: none;}
}

@media (min-width:64em) {
    .drawer--sidebar .drawer-hamburger {
        display: none;
        visibility: hidden;
    }

    .drawer--sidebar .drawer-nav {
        display: block;
        -webkit-transform: none;
        transform: none;
        position: fixed;
        width: 12.5rem;
        height: 100%;
    }

    .drawer--sidebar.drawer--left .drawer-nav {
        left: 0;
        border-right: 1px solid #ddd;
    }

    .drawer--sidebar.drawer--left .drawer-contents {
        margin-left: 12.5rem;
    }

    .drawer--sidebar.drawer--right .drawer-nav {
        right: 0;
        border-left: 1px solid #ddd;
    }

    .drawer--sidebar.drawer--right .drawer-contents {
        margin-right: 12.5rem;
    }

    .drawer--sidebar .drawer-container {
        max-width: 48rem;
    }
}

@media (min-width:75em) {
    .drawer--sidebar .drawer-nav {
        width: 16.25rem;
    }

    .drawer--sidebar.drawer--left .drawer-contents {
        margin-left: 16.25rem;
    }

    .drawer--sidebar.drawer--right .drawer-contents {
        margin-right: 16.25rem;
    }

    .drawer--sidebar .drawer-container {
        max-width: 60rem;
    }
}

.drawer--navbarTopGutter {
    padding-top: 3.75rem;
}

.drawer-navbar .drawer-navbar-header {
    border-bottom: 1px solid #ddd;
    background-color: #fff;
}

.drawer-navbar {
    z-index: 3;
    top: 0;
    width: 100%;
}

.drawer-navbar--fixed {
    position: fixed;
}

.drawer-navbar-header {
    position: relative;
    z-index: 3;
    box-sizing: border-box;
    width: 100%;
    height: 3.75rem;
    padding: 0 0.75rem;
    text-align: center;
}

.drawer-navbar .drawer-brand {
    line-height: 3.75rem;
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    text-decoration: none;
}

.drawer-navbar .drawer-brand:hover {
    background-color: transparent;
}

.drawer-navbar .drawer-nav {
    padding-top: 3.75rem;
}

.drawer-navbar .drawer-menu {
    padding-bottom: 7.5rem;
}

@media (min-width:64em) {
    .drawer-navbar {
        height: 3.75rem;
        border-bottom: 1px solid #ddd;
        background-color: #fff;
    }

    .drawer-navbar .drawer-navbar-header {
        position: relative;
        display: block;
        float: left;
        width: auto;
        padding: 0;
        border: 0;
    }

    .drawer-navbar .drawer-menu--right {
        float: right;
    }

    .drawer-navbar .drawer-menu li {
        float: left;
    }

    .drawer-navbar .drawer-menu-item {
        line-height: 3.75rem;
        padding-top: 0;
        padding-bottom: 0;
    }

    .drawer-navbar .drawer-hamburger {
        display: none;
    }

    .drawer-navbar .drawer-nav {
        position: relative;
        left: 0;
        overflow: visible;
        width: auto;
        height: 3.75rem;
        padding-top: 0;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .drawer-navbar .drawer-menu {
        padding: 0;
    }

    .drawer-navbar .drawer-dropdown-menu {
        position: absolute;
        width: 16.25rem;
        border: 1px solid #ddd;
    }

    .drawer-navbar .drawer-dropdown-menu-item {
        padding-left: 0.75rem;
    }
}

.drawer-dropdown-menu {
    display: none;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

.drawer-dropdown-menu > li {
    width: 100%;
    list-style: none;
}

.drawer-dropdown-menu-item {
    line-height: 3.75rem;
    display: block;
    padding: 0 0.75rem 0 1.5rem;
    text-decoration: none;
    color: #222;
}

.drawer-dropdown-menu-item:hover {
    text-decoration: underline;
    color: #555;
    background-color: transparent;
}

.drawer-dropdown.open > .drawer-dropdown-menu {
    display: block;
}

.drawer-dropdown .drawer-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    transition: transform 0.2s ease, opacity 0.2s ease;
    transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.drawer-dropdown.open .drawer-caret {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.drawer-container {
    margin-right: auto;
    margin-left: auto;
}

@media (min-width:64em) {
    .drawer-container {
        max-width: 60rem;
    }
}

@media (min-width:75em) {
    .drawer-container {
        max-width: 70rem;
    }
}

/*メイン
-------------------------------------------------*/
main {
    margin-top: 0;
    width: 100%;
}

/*トップページ-メインビュー
-------------------------------------------------*/

/*メインビュー*/
#index-mainview{
	background: url("images/mainview-back.jpg");
	background-position: center center;
	background-size: cover;
	width:100%;
}

#index-mainview .contents.mainview{
    padding:80px 0;
    width:1024px;
    margin:0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: inherit;
}
#index-mainview .contents.mainview img.photo1{
    position:absolute;
    left:-20px;
    top:10px;
    z-index: 50;
    height: 85%;
}
#index-mainview .contents.mainview img.photo2{
    position:absolute;
    right:-20px;
    top:10px;
    z-index: 50;
    height: 85%;
}
#index-mainview .contents.mainview .mainlogo{max-width:450px;}
p.mainview-txt{font-size:1.1em;line-height: 1.8em;}
.index-snslink{margin:40px 0;}
.index-snslink a{margin:10px;}

nav #index-nav{}
ul.menu1 ,  ul.menu2{margin:0 auto;padding-left: 0;}
ul.menu1 li , ul.menu2 li{display:inline-block;}
ul.menu1 li{font-size:1.8em;font-weight: bold;margin:0 10px;letter-spacing: 1px;}
ul.menu1 li a:hover{color:#72805F;text-decoration: none;}
ul.menu2 li{
	margin:0 10px;
}
ul.menu2 li a p{
border-radius:10px 10px 10px 10px;
background-color: #72805F;
color:#fff;
padding:3px 15px;
}

ul.menu2 li a:hover{
    text-decoration: none;
}
ul.menu2 li a:hover p{
    background-color: #8E7FA0;
}
ul.menu2 li a{color:#fff;font-size:1.2em;}

@media screen and (max-width:1100px) {
#index-mainview{
	width:100%;
}

#index-mainview .contents.mainview{
    padding:50px 0;
    width:95%;
}
#index-mainview .contents.mainview img.photo1{
    position:absolute;
    left:0;
    top:20px;
    z-index: 50;
    height: 70%;
}
#index-mainview .contents.mainview img.photo2{
    position:absolute;
    right:0;
    top:20px;
    z-index: 50;
    height: 70%;
}
}

@media screen and (max-width:800px) {
#index-mainview{
	background: url("images/mainview-back.jpg");
	background-position: left bottom;
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
}

#index-mainview .contents.mainview{
    padding:4em 0;
    margin:0 auto;
}
#index-mainview .contents.mainview img.photo1{
	display:none;
}
#index-mainview .contents.mainview img.photo2{
	display:none;
}
#index-mainview .contents.mainview .mainlogo{max-width:350px;}
p.mainview-txt{font-size:0.9em;line-height: 1.8em;}
.index-snslink{margin:15px 0 20px;}
.index-snslink a{margin:5px;}
.index-snslink a img{width:35px;}
}
@media screen and (max-width:500px) {
#index-mainview{
	width:100%;
}
#index-mainview .contents.mainview .mainlogo{max-width:90%;}
	.index-snslink{margin:15px 0 0px;}
p.mainview-txt{font-size:0.8em;line-height: 1.8em;}
	ul.menu1{
		display:none;
	}
	ul.menu2{
		display:none;
	}
}

@media screen and (max-width:400px) {

}

/*フッター                               
------------------------------------------------ */
footer {
    width: 100%;
    padding: 25px 0 0;
    background-color: #E9F0FF;
	background-position: right top;
	background-repeat: no-repeat;
}

#footer-wrap{
	width:1024px;
	padding-bottom:20px;
	margin:0 auto;
	display:flex;
	justify-content: flex-start;
	align-items: center;
}
.footer1{

	
}
.footer1 p{line-height:1.5em;}
span.company-name{font-size:1.2em;color:#78588C;font-weight: bold;line-height: 2em;}


.footer2{
	width:70px;
	margin:0 15px;
	padding:0 15px;
	border-left:1px solid #78588C;
}

.footer2 div{margin:5px;}

.copyright{background-color:#78588C;}
.copyright p{text-align:center;color:#fff;padding:3px 0;letter-spacing:1px;}


@media screen and (max-width:1080px) {
	#footer-wrap{
	width:100%;
	padding:0 20px 20px;
}
}

@media screen and (max-width:400px) {
footer {
background-size:105%;
	background-position:center center;
}
  #footer-wrap{
	display:block;
}
	.footer2{
	width:auto;
	margin:0;
	padding:0;
	border-top:1px solid #78588C;
	border-left:none;
	display:flex;
}
	.footer2 div{margin:15px 5px 0 0;width:35px;}
}

/*共通                             
------------------------------------------------ */
section {
    width: 100%;
    margin: 0 auto;
}

.contents {
    width: 1024px;
    padding: 50px 0 0 0;
    margin: 0 auto;
    overflow: hidden;
}

.contents.width-max {
    background-color: #fff;
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    overflow: hidden;
}

.contents.header {
    background-image: url("images/mainview-back.jpg");
	background-position: center bottom;
	background-size:100%;
	background-repeat: no-repeat;
    width: 100%;
    padding: 30px 0;
    margin: 0 auto;
    overflow: hidden;
}
.contents.pankuzu {padding:20px;}

h2 {
    margin: 0;
    padding: 0;
    letter-spacing: 0.1rem;
    font-size: 2em;
    text-align: left;
	font-weight: bold;
	line-height:1.5em;
	text-align: center;
}

.contents.header h2{text-align:center;}

.pankuzu {
    font-size: 12px;
    color: #666;
    margin-bottom: 0;
}

@media screen and (max-width:1080px) {
    .contents {
        width: 100%;
		padding:40px 10px 0;
    }
.contents.pankuzu {padding:20px 0;}
    .pankuzu {
        padding: 0 10px;
    }

    .contents-2column {
        padding: 0 10px;
    }
}

@media screen and (max-width:800px) {
	h2{font-size:1.6em;}
}

/*トップページ-共通
-------------------------------------------------*/
.link {width:100%;}
.link a p{text-align: center; margin-left:auto;width:150px;border-radius: 15px;background-color:#8E7FA0;padding:3px 15px;color:#fff;font-weight: bold;}
.link a p span{font-size:0.8em;}
.link a:hover p{text-align: center; margin-left:auto;width:150px;border-radius: 15px;background-color:#E9F0FF;padding:3px 15px;color:#8E7FA0;font-weight: bold;}
.link a:hover{text-decoration:none;}

@media screen and (max-width:1080px) {
.link {padding:0 10px;}
	.link a p{margin:0 auto;}
}

/*トップページ-NEWS
-------------------------------------------------*/
#news-menu{
	background-color: #fff;
		margin:0 0 15px;
	padding:3px 30px 10px;
}
.newslist{	
	border-bottom:1px solid #9c856a;
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    padding: 0;
    margin: 0;	
}

.newslist div.up_ymd{
	width:100px;
	padding: 8px 0;
    color: #78588C;
    font-size: 14px;
	font-weight: 700;
    margin: 0;
    font-weight: bold;
}
.newslist div.ttl{width:calc(100% - 100px);padding: 8px 0;margin: 0;}
.newslist div.up_ymd a{color:#78588C;text-decoration:none;}
.newslist div.up_ymd a:hover{color:#161616;text-decoration:underline;}

@media screen and (max-width:1080px) {
#news-menu{
	padding:3px 10px 10px;
}
}

@media screen and (max-width:500px) {
.newslist{	
    display: block;
    padding: 0;
    margin: 0;	
}

.newslist div.up_ymd{
	width:100%;
	padding: 8px 0 0;
    font-size: 14px;
}
.newslist div.ttl{width:100%;padding: 5px 10px;margin: 0;}
}

/*トップページ-バナー
-------------------------------------------------*/
.banner{
	margin:3em auto;
    text-align: center;
}
.banner a {
    display: block;
    margin: 0 0 1em;
}

/*トップページ-PRODUCTS
-------------------------------------------------*/

#index-products {
  display: flex;
justify-content: space-between;
  flex-wrap: wrap;
	margin:20px 0 20px;
}

.index-products-box {
  position: relative;
  flex-basis: calc(20% - 10px);
  margin: 5px 0;
  box-sizing: border-box;
	background-color: #eee;
}

.index-products-box::before {
  content: '';
  display: block;
  padding-top: 100%;
}

.index-products-box div {
  position: absolute;
  top: 0; left: 0;
  height: 100%;
  width: 100%;
} 
.index-products-box a:hover div {
  background-color:rgba(233,240,255,0.5);
} 

@media screen and (max-width:500px) {
.index-products-box {
  flex-basis: calc(33.33% - 10px);
}
}

/*トップページ-オンラインショップ
-------------------------------------------------*/
.contents.width-max.index-shop {
    background-color: #eee;
    width: 100%;
    padding: 0;
    margin: 40px auto 0;
    overflow: hidden;
}
.contents.width-max.index-shop .contents{padding:30px 0 0;}

.shoplink{
	display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0;
	margin:20px auto;
}
.shoplink-box{
	width:350px;
	padding:10px;
}

.shoplink-txt{width:100%;}
.shoplink-txt a p{text-align: center; margin-left:auto;width:100%;border-radius: 15px;background-color:#8E7FA0;padding:3px 15px;color:#fff;font-weight: bold;}
.shoplink-txt a p span{font-size:0.8em;}
.shoplink-txt a:hover p{background-color:#E9F0FF;color:#8E7FA0;}
.shoplink-txt a:hover{text-decoration: none;}



@media screen and (max-width:700px) {
.shoplink {
    flex-wrap: wrap;
}
}

/*トップページ-新規取引
-------------------------------------------------*/
.contents.width-max.transaction{
	    background-color: #fff;
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    overflow: hidden;
	 background-image:
        url("images/otorihiki-back-left.png"),
        url("images/otorihiki-back-right.png");
    background-position:
        left bottom,
        right top;
    background-repeat:
        no-repeat,
        no-repeat;
	background-size: 35%;
}

.index-transaction{
	margin:60px auto;
	padding:20px 20px 30px;
	width:800px;
	background-color:rgba(255,255,255,0.80);
}
h2.transaction{text-align:center;}
.index-transaction p {margin:35px 0;font-size:1.1em;line-height: 1.5em;}
p.maker-ttl{font-size:1.2em;text-align: center;font-weight: bold;margin:10px;}

.makers{margin-bottom:40px;}
.makers div.maker-list{
	display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 0;
	margin:20px auto;
}
.makers div.maker-list div{display:block;width:24%;}


@media screen and (max-width:800px) {
.index-transaction{
	width:95%;
		margin:10px auto;
}
.index-transaction p {font-size:0.9em;line-height: 1.8em;}	
.makers div.maker-list{
	flex-wrap: wrap;
}
.makers div.maker-list div{display:block;width:33.3%;margin:5px 0;}
}

/*会社概要
-------------------------------------------------*/
.contents.company{padding:0px 40px;margin-top:0;}

dl#company{
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
dl#company dd , dl#company dt{padding:10px 20px;margin-bottom:10px;}
dl#company dd{
	width:20%;
	background-color:#8E7FA0;
	color:#fff;
	margin-left:0;
}
dl#company dt{width:75%;}

.map{margin:40px 0;}

@media screen and (max-width:900px) {
.contents.company{padding:10px;}
}
@media screen and (max-width:500px) {
dl#company dd , dl#company dt{width:100%;padding:5px 10px;}
}

/*コンテンツページ-PRODUCT共通
-------------------------------------------------*/

#product {width:1024px;margin:0 auto;display: flex;margin-bottom:20px;}

#product-sidebar {
    width: 250px;
    padding-right: 20px;
}

#product-main {
    width: calc(100% - 250px);
	margin-top:0;
	margin-bottom:20px;
	padding-left:10px;
}

#product-menubar{display:none;}

#product-main h2{text-align: left;font-size:1.2em;border-bottom:1px solid #000;padding-bottom:10px;}

@media screen and (max-width:1080px) {
	#product {width:100%;display:block;padding:0 10px;}
	#product-sidebar {display:none;}
	#product-main{width:100%;padding-left:0;}
	#product-menubar{display:block;}
}

/*コンテンツページ-PRODUCTトップ
-------------------------------------------------*/
.product-top-menu1{
	width:100%;
	display:flex;
	justify-content:space-between;
}
.product-top-menu1 div{padding:3px;width:33.33%;}
.product-top-menu2{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:30px;
}
.product-top-menu2 div{padding:3px;width:33.33%;}

@media screen and (max-width:500px) {
.product-top-menu2 div{padding:3px;width:50%;}
}
@media screen and (max-width:350px) {
.product-top-menu1{display:block;}
.product-top-menu1 div{padding:3px;width:100%;}
.product-top-menu2 div{padding:3px;width:50%;}
}

/*コンテンツページ-PRODUCTアーカイブメインカラム
-------------------------------------------------*/
.contents.product-main{width:100%;padding:0;margin:0;}

#products {
	width:100%;
  display: flex;
justify-content: flex-start;
  flex-wrap: wrap;
	margin-top:20px;
}

.products-box {
  position: relative;
  flex-basis: calc(25% - 2%);
  margin: 5px 0;
  box-sizing: border-box;
	background-color: #eee;
	margin-right: 2%;
}
.products-box:nth-child(4n) {
	margin-right: 0;
}
.products-box::before {
  content: '';
  display: block;
  padding-top: 100%;
}

.products-box div {
  position: absolute;
  top: 0; left: 0;
  height: 100%;
  width: 100%;
} 
.products-box a:hover div {
  background-color:rgba(233,240,255,0.5);
} 
.product-nav-smp{display:none;}

@media screen and (max-width:400px) {
.products-box {
  flex-basis: calc(33.33% - 2%);
}
}

/*コンテンツページ-PRODUCTシングルメインカラム
-------------------------------------------------*/
#products-single{
	width:100%;
  display: flex;
justify-content: space-between;
  flex-wrap: wrap;
	margin-bottom: 40px;
}
#products-photo{
	width:300px;
}
#products-spec{
	width:calc(100% - 300px);
	padding-left:20px;
}

/*製品写真*/

#products-main-photos img{width:100%;}

#products-photos{
	width:100%;
  display: flex;
justify-content: flex-start;
  flex-wrap: wrap;
	margin-top:0;
}

.products-photos-box {
  position: relative;
  flex-basis: calc(33.33% - 2%);
  margin: 10px 0 0;
  box-sizing: border-box;
	background-color: #fff;
	margin-left:2%;
}
.products-photos-box:nth-child(3n){
	margin-left:0;
}

.products-photos-box::before {
  content: '';
  display: block;
  padding-top: 100%;
}

.products-photos-box div {
  position: absolute;
  top: 0; left: 0;
  height: 100%;
  width: 100%;
} 

.products-photos-box a:hover div {
  background-color:rgba(233,240,255,0.5);
}


/*製品情報*/

dl#products-spec-wrap{
	width:100%;
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	padding:0;
	margin:0;
	
}
dl#products-spec-wrap dd , dl#products-spec-wrap dt{
	padding:3px 20px;
	margin:0;
	margin-bottom:5px;
}
dl#products-spec-wrap dd{
	width:20%;
	background-color:#EBE8EF;
	text-align: center;
}
dl#products-spec-wrap dt{width:75%;}

dl#products-spec-wrap .maxwidth{width:100%;}
dl#products-spec-wrap dd.maxwidth{margin-top:20px;background-color:#fff;text-align:left;border-bottom: 1px solid #000;padding:5px 0;}
dl#products-spec-wrap dt.maxwidth{margin:0;padding:5px 0;}
dl#products-spec-wrap dt.maxwidth p {margin:0;}

ul.spec-cat{
	padding:0;
	margin:0;
}
ul.spec-cat li{
	display:inline-block;
	padding:3px 10px;
	margin:0;
	background-color:#eee;
	font-size:0.8em;
	border-radius: 10px;
}
.backlink {width:100%;}
.backlink a p{text-align: center; margin:0 auto;width:250px;border-radius: 15px;background-color:#8E7FA0;padding:5px 40px;color:#fff;font-weight: bold;}
.backlink a{text-decoration:none;}
.backlink a:hover p{background-color:#E9F0FF;color:#8E7FA0;}

#related{
	margin:80px 0 40px;
}

#related h2{text-align:center;border-bottom: none;font-size:1.8em;padding:0;}


@media screen and (max-width:700px) {
#products-single{
	width:100%;
  display: block;
	margin-bottom: 40px;
}
#products-photo{
	width:100%;
	margin-bottom:20px;
}
#products-spec{
	width:100%;
	padding-left:5px;
}
}

@media screen and (max-width:700px) {
dl#products-spec-wrap dd{
	width:100%;
}
dl#products-spec-wrap dt{width:100%;padding:5px 0;}

}



/*コンテンツページ-PRODUCTサイドメニュー
-------------------------------------------------*/

#product-sidebar h3, #product-menubar h3{font-size:1em;letter-spacing: 4px;text-align: center;margin:0;background-color:#8E7FA0;color:#fff;}

#product-category{margin:0;}
#product-category ul{margin:0;padding:0;}
#product-category ul li{margin:0;padding:0;border-bottom:1px dotted #eee;}
#product-category ul li a p{width:100%;height:100%;font-size:1.1em;padding:10px 5px;margin:0;}
#product-category ul li a:hover p{background-color: #EBE8EF;padding-left:10px;}
#product-category ul li a:hover p:before{
	content: "\f0da";
    font-family: FontAwesome;
	color:#fff;
	padding-right:10px;
}
#product-category ul li a:hover{text-decoration:none;}


/*キーワード検索*/
/*フォーム全体*/
#form1{
    position:relative;/*フォームの相対位置*/	
    width:100%;/*フォームのサイズ*/
    margin:15px 0 30px;/*フォームの下に余白*/	
    padding:0;
    height:40px;
}
/*検索ボックス*/
#sbox{
    position:absolute;/*フォームの絶対位置*/	
    left:0;
    top:0; 
    border:none;
    outline:0;/*クリック時の青い枠線消す*/	
	width: 80%;
    height:30px;/*検索ボックスの高さ*/	
    padding:0 10px;/*テキスト位置調整*/	 
    border-radius:15px 15px;/*検索ボックスの角を丸める*/		
    background:#eee;/*検索ボックスの背景カラー*/		
}
/*検索ボタン*/
#sbtn{
    width: calc(20% - 5px);
    height:30px;/*検索ボタンの縦幅*/ 
    position:absolute;/*検索ボタンの絶対位置*/  
    right:0px ;/*検索ボタンの位置調整*/ 
    background:#eee;/*検索ボタンの背景カラー*/ 
    border:none;/*検索ボタンの枠線を消す*/ 
    color:#000;/*検索ボタンのテキストカラー*/ 
    font-weight:bold;/*検索ボタンのテキスト太字*/ 
	    border-radius:15px 15px;
    font-size:14px;/*検索ボタンのフォントサイズ*/ 
}
/*検索ボタンマウスオーバー時*/
#sbtn:hover{
    background-color:#E9F0FF;color:#8E7FA0;
}

ul.product_menu{
    width: 100%;
   padding: 10px 0;
    list-style: none;
    margin: 10px 0;	
}
ul.product_menu li{
    margin: 0 5px;
    display: inline-block;
    padding: 0 10px;
}
ul.product_menu li a {
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 5px 0 5px 5px;
    font-weight: bold;
    position: relative;
    font-size: 13px;
}
ul.product_menu li a:hover {
    color: #009944;
    text-decoration:none;
}
ul.accordion {
    width: 100%;
    padding: 0;
    list-style: none;
    margin: 10px 0;
}
ul.accordion li.menu {
    margin: 0;
	border-bottom: 1px solid #eee;
}
ul.accordion li p.menu {
    cursor: pointer;
    padding: 10px 0 10px 5px;
    margin: 0;
    font-weight: bold;
    position: relative;
    width: 100%;
    font-size: 14px;
}
.accordion p.menu:after {
    content: "";
    position: absolute;
    border-right: 1px solid #009944;
    border-bottom: 1px solid #009944;
    bottom: 17px;
    width: 5px;
    right: 5px;
    height: 5px;
    transform: rotate(45deg);
}
.accordion p.menu.arrow:after {
    content: "";
    position: absolute;
    border-left: 1px solid #009944;
    border-top: 1px solid #009944;
    border-right: 0;
    border-bottom: 0;
    top: 17px;
    width: 5px;
    right: 5px;
    height: 5px;
    transform: rotate(45deg);
}
li.menu > a.menu1 {
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 10px 0 10px 5px;
    font-weight: bold;
    position: relative;
    font-size: 14px;
}
li.menu > a.menu1:hover {
    color: #009944;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
ul.accordion a {
    text-decoration: none;
}
.accordion ul.menu_inner {
    display: none;
    padding: 0;
}
.accordion ul.menu_inner li {
    margin-left: 0;
    margin-bottom: 1px;
    padding: 0;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.8em;
    text-decoration: none;
    background-color:#e6e6e6;
}
.accordion ul.menu_inner li:hover {
    background-color:rgba(226, 255, 0, 0.5);
}
ul.menu_inner > li > a.menu2 {
    margin-left:15px;
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 13px;
    padding:5px 0;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    text-decoration: none;
}
ul.menu_inner > li > a.menu2:hover {
    text-decoration: underline;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

/*1カラムページ用サイドメニュー*/
.product-nav-1column{width:1024px; margin:0 auto;padding:30px 0;}
.product-nav-1column section#product-sidebar {
    width: 100%;
    padding-right: 0;
}

@media screen and (max-width:1024px) {
	.product-nav-1column{width:100%;}
}

/*ページャー*/
.pagination{width:100%;margin:0 auto;text-align:right;}
ul.page-numbers{padding:10px;}
ul.page-numbers li{display:inline-block;}
ul.page-numbers li a{width:15px;height:15px;padding:5px;margin-left:3px;border:1px solid #000;}
ul.page-numbers li a:hover{background-color:#eee;text-decoration:none;}
.current{width:15px;height:15px;padding:5px;margin-left:3px;border:1px solid #000;font-weight: 700;}
.dots{}



/*一覧*/
#product-arhchives {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 10px;
    margin: 0 0 20px 0;
}

#product-arhchives div {
    width: calc(33.3% - 2%);
    margin: 0 0 20px 0;
    margin-right: 3%;
    margin-bottom: 20px
}

#product-arhchives div:nth-child(3n) {
    width: calc(33.3% - 2%);
    margin: 0 0 20px 0;
    margin-right: 0;
}

#product-arhchives div a div.product-archive-img {
    width: 100%;
    height: 150px;
    background-color: #eee;
    padding: 0;
    margin: 0;
}

#product-arhchives div a div.product-archive-img div {
    background-color: #000;
    width: 100%;
    height: 100%;
    opacity: 0;
}

#product-arhchives div a:hover div.product-archive-img div {
    opacity: 0.1;
    transition: all 0.3s ease-out;
}
#product-arhchives div a:hover{color:#009944;text-decoration:none;}

#product-arhchives p.ttl {
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 700;
    padding: 10px 0 3px 0;
    margin: 0;
}

#product-arhchives p.p-number {
    font-size: 12px;
    padding: 0;
    margin: 0;
}

#product-arhchives p.p-price {
    font-size: 10px;
    padding: 0;
    margin: 0;
    line-height: 1.2em;
}

#product-arhchives p.p-size {
    font-size: 10px;
    padding: 0;
    margin: 0;
    line-height: 1.2em;
}

@media screen and (max-width:1080px) {
	.product-nav-smp{display:block;}
	.product-nav-pc{display:none;}
    #product {
        display: block;
    }

    section#product-sidebar {
        width: 100%;
        padding: 0;
    }

    section#product-main {
        width: 100%;
        padding: 0;
    }

    #product-arhchives {
        width: 100%;
        justify-content: space-between;
        padding: 0;
        padding-bottom: 10px;
    }

    #product-arhchives div {
        width: 33%;
        margin-right: 0;
        margin-bottom: 5px;
    }

    #product-arhchives div::after {
        content: "";
        display: block;
        width: 32%;
        height: 0;
    }

    #product-arhchives div div.product-archive-img {
        height: 150px;
    }
}

@media screen and (max-width:670px) {
    #product-arhchives div {
        width: 48%;
    }

    #product-arhchives div:nth-child(3n) {
        width: 48%;
    }
}

@media screen and (max-width:600px) {
    #product-arhchives div div.product-archive-img {
        height: 130px;
    }
}

@media screen and (max-width:500px) {
    #product-arhchives {
        display: block;
    }

    #product-arhchives div {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    #product-arhchives div::after {
        content: "";
        display: block;
        width: 100%;
        height: 0;
    }

    #product-arhchives div:nth-child(3n) {
        width: 100%;
    }

    #product-arhchives div div.product-archive-img {
        height: 180px;
    }
}

/*NEWS ページ
---------------------------------------------------------------------------*/
.contents.news {
		padding:15px 10px 40px;
    }
#wrap{
	width:100%;
	margin:0 auto;
	overflow: hidden;
}
#mainwrap{
	width:100%;
}

@media screen and ( max-width:1024px ){
#wrap{
	padding:0 10px;
}
}

div.post-wrap{
	background-color: #EBE8EF;
	padding:10px 20px;
	margin-bottom:20px; 
}
p.post-ttl{
	color:#8E7FA0;
	font-weight:600;
	font-size:1.2em;
	line-height:1.5em;
	padding:0 0 10px;
	border-bottom:2px solid #8E7FA0;
	margin-bottom: 10px;
}
p.post-ttl a{color:#8E7FA0;}
p.post-date{
	font-weight: 700;
	color: #1e0f00;
	display:table-cell;
}
p.post-cate{
	color:#aaa;
	padding:3px;
	display:table-cell;
}
div.post-txt{
	line-height: 1.7em;
	padding:10px 0;
	}


/*前の記事へ 次の記事へ
---------------------------------------------------------------------------*/
div.navigation {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
	position:relative;
}

span.previous-entries {
    font-weight: bold;
	position:absolute;
	left:0;
	color:#8E7FA0;
}

span.next-entries {
    font-weight: bold;
	position:absolute;
	right:0;
	color:#8E7FA0;
}
span.previous-entries a , span.next-entries a {color:#8E7FA0;}
span.previous-entries a:hover , span.next-entries a:hover {color:#B9C1AE;text-decoration:none;}

/*お問い合わせフォーム
------------------------------------------------ */
#contact-form label {
    display: inline-block;
    font-weight: bold;
    width: 200px;
	background-color:#EBE8EF;
    vertical-align: top;
    padding: 11px 10px;
    margin: 0;
}

span.red {
    color: red;
}

#contact-form .element_wrap {
    margin-bottom: 0px;
    padding: 5px 20px;
    text-align: left;
    overflow: hidden;
}

#contact-form form {
    padding: 20px 0px 30px 0px;
}

#contact-form .form-txt {
    display: inline-block;
    width: calc(100% - 205px);
    padding: 14px 10px;
    margin: 0 0 0 5px;
    background-color: #eee;
    border: none;
}

#contact-form .form-type {
    display: inline-block;
    width: calc(100% - 205px);
    padding: 14px 10px;
    margin: 0 0 0 5px;
}

#contact-form .wpcf7-list-item {
    display: block;
    font-size: 17px;
    padding: 5px;
    width: none;
    margin: 0 0 0 5px;
}

#contact-form .form-comment {
    display: inline-block;
    width: calc(100% - 205px);
    padding: 14px 10px;
    margin: 0 0 0 5px;
    background-color: #eee;
    border: none;
}

#contact-form .radio {
    display: inline-block;
    width: calc(100% - 210px);
	padding: 10px 0;
}

#contact-form #formbtn {
    display: block;
    padding: 5px;
    width: 200px;
    border: 1px solid #72805F;
    background: #8E7FA0;
	border-radius:15px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 25px auto 0;
}

#contact-form #formbtn:hover {
    background-color:#B7A7CE;
	color:#fff;
    border: 1px solid #B7A7CE;
}

@media screen and (max-width: 800px) {
    #contact-form label {
        display: block;
        width: 100%;
        padding: 10px 10px;
		border: 1px solid #EBE8EF;
    }

    #contact-form .element_wrap {
        margin-bottom: 0px;
        padding: 5px 20px;
        text-align: left;
        overflow: hidden;
    }

    #contact-form form {
        padding: 20px 0px 30px 0px;
    }

    #contact-form .form-txt {
        display: inline-block;
        width: 100%;
        padding: 14px 10px;
        margin: 0;
        border: none;
        border: 1px solid #EBE8EF;
		background-color:#fff;
    }

    #contact-form .form-type {
        display: inline-block;
        width: 100%;
        padding: 14px 10px;
        margin: 0;
    }

    #contact-form .wpcf7-list-item.first {
        padding-top: 15px;
    }

    #contact-form .wpcf7-list-item.bottom {
        padding-bottom: 15px;
    }

    #contact-form .wpcf7-list-item {
        display: block;
        font-size: 13px;
        padding: 5px;
        width: none;
        margin: 0;
    }

    #contact-form .form-comment {
        display: inline-block;
        width: 100%;
        padding: 14px 10px;
        margin: 0;
        border: 1px solid #EBE8EF;
		background-color:#fff;
    }

    #contact-form .radio {
        display: inline-block;
        width: 100%;
    }
	#contact-form #formbtn {
    border: 1px solid #72805F;
    background: #8E7FA0;
	border-radius:15px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 25px auto 0;
}
}
@media screen and (max-width: 450px) {
#contact-form .element_wrap {
    padding: 5px 10px;
}
}



/*新規取引フォーム
------------------------------------------------ */
.contents.transaction-form{
	padding:60px 0;
}

.contents.transaction-form h2{
	background-color:#8E7FA0;
	color:#fff;
	padding:5px 10px;
}
.contents.transaction-form p{
	padding:5px 10px;
	font-size:1em;
	line-height:1.8em;
}

#transaction-form {
    border: none;
    width: 100%;
    padding: 15px 20px 0;
	background-color:#EBE8EF;
	margin:10px 0 50px;
}

#transaction-form label {
	display:block;
    width: 100%;
    vertical-align: top;
	padding:5px 0;
	font-size:1em;
	border-bottom:1px solid #8E7FA0;
}

span.red {
    color: red;
}

#transaction-form .transaction_wrap {
    margin-bottom: 5px;
    padding: 5px 20px;
    text-align: left;
    overflow: hidden;
}

#transaction-form form {
    padding: 20px 0px 30px 0px;
}

#transaction-form .form-txt {
    width: 100%;
    padding: 10px 10px;
    margin: 0;
    background-color: #fff;
	border:1px solid #eee;
}

#transaction-form .form-type {
    width: 100%;
    padding: 10px 10px;
    margin: 0;
	font-size:1em;
}
#transaction-form .radio {
    width: 100%;
    padding: 10px 10px;
    margin: 0;
	font-size:1em;
}

#transaction-form .radio .wpcf7-list-item{
	display:inline-block;
	line-height:1.8em;
	font-size:0.9em;
	padding:15px 5px;
}

#transaction-form .form-comment {
    width: 100%;
    padding: 10px 10px;
    margin: 0;
    background-color: #fff;
	border:1px solid #eee;
}
#transaction-form .radio {
    width: 100%;
	padding: 8px 0;
}

#transaction-form #formbtn {
    display: block;
    padding: 5px;
    width: 200px;
    border: none;
	background-color: #8E7FA0;
	border-radius:15px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 25px auto 0;
}

#transaction-form #formbtn:hover {
    background-color:#B7A7CE;
}

@media screen and (max-width: 500px) {

#transaction-form {
    padding: 10px 0 0;
	margin:10px 0 0;
}

#transaction-form form {
    padding: 20px 0px 15px 0px;
}
	
#transaction-form .radio .wpcf7-list-item{
	display:block;
	width:100%;
	padding:5px 0px;
}
}



/*MARKET
---------------------------------------------------------------------------*/
.market-map {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin: 1em 0 6em;
}
.market-map .map {
    width: 50%;
	margin:0;
}
.market-map .desc {
    width: 50%;
}

img.map1 {
    width: 50%;
}

.market-map dl#company {
    padding: 0 0 0 1em;
    margin: 0px;
}

.market-map dl#company dd{
    text-align: center;
    align-items: center;
    display: flex;
}

.market-map dl#company dt {
    width: 75%;
    padding: 10px 0 10px 20px;
}

@media screen and (max-width: 900px) {
	
	.market-map .map {
    width:100%;
	margin:0;
}
.market-map .desc {
    width: 100%;
}
	img.map1 {
    width: 100%;
}
	.market-map dl#company {
    padding: 0;
    margin: 1em 0 0;
}
	
}


/*PP
---------------------------------------------------------------------------*/
div.pp h2{text-align:left;font-size:1.2em;background-color:#EBE8EF;padding:5px 10px;}

div.pp p {
    line-height: 1.8em;
    font-size: 15px;
    padding: 10px;
}