;;
//toggle処理
$( document ).ready( function(){
// $( '.toggle_btn' ).next().hide();
$( '#school_designer .toggle_btn' ).next().hide();
$( '#school_business .toggle_btn' ).next().hide();
$( '#school_kanko .toggle_btn' ).next().hide();
$( '#school_arts .toggle_btn' ).next().hide();
$( '#school_arts .toggle_btn' ).on( 'click', function(){
$( '#school_business .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
$( '#school_designer .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
$( '#school_kanko .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
$( this ).next().css( 'width', '100%' );
$( this ).next().slideToggle( 400 );
$( this ).toggleClass( 'toggle_close' );
} );
$( '#school_business .toggle_btn' ).on( 'click', function(){
$( '#school_arts .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
$( '#school_designer .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
$( '#school_kanko .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
$( this ).next().css( 'width', '100%' );
$( this ).next().slideToggle( 400 );
$( this ).toggleClass( 'toggle_close' );
} );
$( '#school_designer .toggle_btn' ).on( 'click', function(){
$( '#school_arts .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
$( '#school_business .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
$( '#school_kanko .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
$( this ).next().css( 'width', '100%' );
$( this ).next().slideToggle( 400 );
$( this ).toggleClass( 'toggle_close' );
} );
$( '#school_kanko .toggle_btn' ).on( 'click', function(){
$( '#school_arts .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
$( '#school_business .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
$( '#school_designer .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
$( this ).next().css( 'width', '100%' );
$( this ).next().slideToggle( 400 );
$( this ).toggleClass( 'toggle_close' );
} );
$( '#select_school input[type=radio]' ).each( function(){
if( $( this ).prop( 'checked' ) == true ){
$( this ).parent().parent().addClass( 'checked' );
}
} );
$( '#select_school input[name=1st]' ).on( 'click', function(){
$( '#select_school input[name=1st]' ).parent().parent().removeClass( 'checked disabled' );
$( '#select_school input[name=2nd]' ).parent().parent().removeClass( 'disabled' );
$( '#select_school input[name=2nd]' ).prop( 'disabled', false );
if( $( this ).hasClass( 'radio_V' ) == true ){
$( '#school_business input[name=2nd]' ).prop( 'checked', false );
$( '#school_designer input[name=2nd]' ).prop( 'checked', false );
$( '#school_kanko input[name=2nd]' ).prop( 'checked', false );
$( '#school_business input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
$( '#school_designer input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
$( '#school_kanko input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
$( '#school_business input[name=2nd]' ).prop( 'disabled', true );
$( '#school_designer input[name=2nd]' ).prop( 'disabled', true );
$( '#school_kanko input[name=2nd]' ).prop( 'disabled', true );
$( '#school_business input[name=2nd]' ).parent().parent().addClass( 'disabled' );
$( '#school_designer input[name=2nd]' ).parent().parent().addClass( 'disabled' );
$( '#school_kanko input[name=2nd]' ).parent().parent().addClass( 'disabled' );
if( $( this ).prop( 'checked' ) == true ){
$( this ).parent().parent().addClass( 'checked' );
}
}
if( $( this ).hasClass( 'radio_B' ) == true ){
$( '#school_arts input[name=2nd]' ).prop( 'checked', false );
$( '#school_designer input[name=2nd]' ).prop( 'checked', false );
$( '#school_kanko input[name=2nd]' ).prop( 'checked', false );
$( '#school_arts input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
$( '#school_designer input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
$( '#school_kanko input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
$( '#school_arts input[name=2nd]' ).prop( 'disabled', true );
$( '#school_designer input[name=2nd]' ).prop( 'disabled', true );
$( '#school_kanko input[name=2nd]' ).prop( 'disabled', true );
$( '#school_arts input[name=2nd]' ).parent().parent().addClass( 'disabled' );
$( '#school_designer input[name=2nd]' ).parent().parent().addClass( 'disabled' );
$( '#school_kanko input[name=2nd]' ).parent().parent().addClass( 'disabled' );
if( $( this ).prop( 'checked' ) == true ){
$( this ).parent().parent().addClass( 'checked' );
}
}
if( $( this ).hasClass( 'radio_D' ) == true ){
$( '#school_arts input[name=2nd]' ).prop( 'checked', false );
$( '#school_business input[name=2nd]' ).prop( 'checked', false );
$( '#school_kanko input[name=2nd]' ).prop( 'checked', false );
$( '#school_arts input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
$( '#school_business input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
$( '#school_kanko input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
$( '#school_arts input[name=2nd]' ).prop( 'disabled', true );
$( '#school_business input[name=2nd]' ).prop( 'disabled', true );
$( '#school_kanko input[name=2nd]' ).prop( 'disabled', true );
$( '#school_arts input[name=2nd]' ).parent().parent().addClass( 'disabled' );
$( '#school_business input[name=2nd]' ).parent().parent().addClass( 'disabled' );
$( '#school_kanko input[name=2nd]' ).parent().parent().addClass( 'disabled' );
if( $( this ).prop( 'checked' ) == true ){
$( this ).parent().parent().addClass( 'checked' );
}
}
if( $( this ).hasClass( 'radio_K' ) == true ){
$( '#school_arts input[name=2nd]' ).prop( 'checked', false );
$( '#school_business input[name=2nd]' ).prop( 'checked', false );
$( '#school_designer input[name=2nd]' ).prop( 'checked', false );
$( '#school_arts input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
$( '#school_business input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
$( '#school_designer input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
$( '#school_arts input[name=2nd]' ).prop( 'disabled', true );
$( '#school_business input[name=2nd]' ).prop( 'disabled', true );
$( '#school_designer input[name=2nd]' ).prop( 'disabled', true );
$( '#school_arts input[name=2nd]' ).parent().parent().addClass( 'disabled' );
$( '#school_business input[name=2nd]' ).parent().parent().addClass( 'disabled' );
$( '#school_designer input[name=2nd]' ).parent().parent().addClass( 'disabled' );
if( $( this ).prop( 'checked' ) == true ){
$( this ).parent().parent().addClass( 'checked' );
}
}
} );
$( '#select_school input[name=2nd]' ).on( 'click', function(){
$( '#select_school input[name=2nd]' ).parent().parent().removeClass( 'checked' );
if( $( this ).prop( 'checked' ) == true ){
$( this ).parent().parent().addClass( 'checked' );
}
} );
} );
//ウィンドウサイズによる画像置換 http://yachin29.hatenablog.com/entry/2016/08/26/004245
$(document).ready(function(){
var sizeChange = $('.change'), // 置換の対象とするclass属性。
pcName = '_pc', // 置換の対象とするsrc属性の末尾の文字列
spName = '_sp',// 置換の対象とするsrc属性の末尾の文字列
replaceWidth = 767; // 画像を切り替えるウィンドウサイズ。
sizeChange.each(function(){
var $this = $(this);
function imgSize(){
if(window.innerWidth > replaceWidth) { // ウィンドウサイズが767px以上であれば_spを_pcに置換する。
$this.attr('src',$this.attr('src').replace(spName,pcName));
} else {
$this.attr('src',$this.attr('src').replace(pcName,spName));
}
}
$(window).resize(function(){imgSize();});
imgSize();
});
});